diff --git a/.storybook/main.js b/.storybook/main.js deleted file mode 100644 index cd74759..0000000 --- a/.storybook/main.js +++ /dev/null @@ -1,11 +0,0 @@ -module.exports = { - "stories": [ - "../src/**/*.stories.mdx", - "../src/**/*.stories.@(js|jsx|ts|tsx)" - ], - "addons": [ - "@storybook/addon-links", - "@storybook/addon-essentials", - "@storybook/preset-create-react-app" - ] -} \ No newline at end of file diff --git a/.storybook/preview.js b/.storybook/preview.js deleted file mode 100644 index 5d00c02..0000000 --- a/.storybook/preview.js +++ /dev/null @@ -1,4 +0,0 @@ - -export const parameters = { - actions: { argTypesRegex: "^on[A-Z].*" }, -} \ No newline at end of file diff --git a/package.json b/package.json index 5000860..e8ffe3f 100644 --- a/package.json +++ b/package.json @@ -58,9 +58,7 @@ "setup-mysql-dev": "yarn mysql-dev < scripts/setup-mysql-dev-constants.sql && yarn mysql-dev < scripts/setup-mysql-dev-schema.sql", "build-cached-data": "node -r dotenv/config scripts/build-cached-data.js", "cache-asset-manifests": "node -r dotenv/config scripts/cache-asset-manifests.js", - "export-users-to-auth0": "node -r dotenv/config scripts/export-users-to-auth0.js", - "storybook": "start-storybook -p 6006 -s public", - "build-storybook": "build-storybook -s public" + "export-users-to-auth0": "node -r dotenv/config scripts/export-users-to-auth0.js" }, "eslintConfig": { "extends": "react-app" @@ -78,12 +76,6 @@ ] }, "devDependencies": { - "@storybook/addon-actions": "^6.0.21", - "@storybook/addon-essentials": "^6.0.21", - "@storybook/addon-links": "^6.0.21", - "@storybook/node-logger": "^6.0.21", - "@storybook/preset-create-react-app": "^3.1.4", - "@storybook/react": "^6.0.21", "apollo-server-testing": "^2.12.0", "auth0": "^2.28.0", "dotenv-cli": "^3.1.0", diff --git a/src/stories/OutfitLayers.stories.js b/src/stories/OutfitLayers.stories.js deleted file mode 100644 index 7b8e61e..0000000 --- a/src/stories/OutfitLayers.stories.js +++ /dev/null @@ -1,113 +0,0 @@ -import React from "react"; -import { Box } from "@chakra-ui/react"; - -import { OutfitLayers } from "../app/components/OutfitPreview"; - -export default { - title: "Dress to Impress/OutfitLayers", - component: OutfitLayers, - argTypes: { - paused: { - name: "Paused", - }, - pet: { - name: "Pet", - control: { - type: "radio", - options: ["None", "Blue Acara"], - }, - }, - items: { - name: "Items", - control: { - type: "multi-select", - options: ["Bubbles On Water Foreground"], - }, - }, - }, -}; - -const Template = (args) => { - const layers = []; - - if (args.pet === "Blue Acara") { - layers.push(...LAYERS.BlueAcara); - } - - if (args.items.includes("Bubbles On Water Foreground")) { - layers.push(...LAYERS.BubblesOnWaterForeground); - } - - return ( - - - - - - - ); -}; - -export const BlueAcara = Template.bind({}); -BlueAcara.args = { - pet: "Blue Acara", - items: [], - paused: false, -}; - -export const BubblesOnWaterForeground = Template.bind({}); -BubblesOnWaterForeground.args = { - pet: "None", - items: ["Bubbles On Water Foreground"], - paused: false, -}; - -const LAYERS = { - BlueAcara: [ - { - id: "1795", - svgUrl: - "http://images.neopets.com/cp/bio/data/000/000/002/2426_898928db88/2426.svg", - zone: { id: "5", depth: 7 }, - }, - { - id: "1794", - svgUrl: - "http://images.neopets.com/cp/bio/data/000/000/002/2425_501f596cef/2425.svg", - zone: { id: "15", depth: 18 }, - }, - { - id: "22101", - svgUrl: - "http://images.neopets.com/cp/bio/data/000/000/032/32185_dc8f076ae3/32185.svg", - zone: { id: "30", depth: 34 }, - }, - { - id: "1797", - svgUrl: - "http://images.neopets.com/cp/bio/data/000/000/002/2428_991dcdedc7/2428.svg", - zone: { id: "33", depth: 37 }, - }, - { - id: "1798", - svgUrl: - "http://images.neopets.com/cp/bio/data/000/000/002/2430_87edccba4c/2430.svg", - zone: { id: "34", depth: 38 }, - }, - { - id: "1796", - svgUrl: - "http://images.neopets.com/cp/bio/data/000/000/002/2427_f12853f18a/2427.svg", - zone: { id: "38", depth: 42 }, - }, - ], - - BubblesOnWaterForeground: [ - { - id: "468155", - canvasMovieLibraryUrl: - "http://images.neopets.com/cp/items/data/000/000/564/564507_fc3216b9b8/all-item_foreground_lower.js", - zone: { id: "45", depth: 50 }, - }, - ], -}; diff --git a/src/stories/example/Button.js b/src/stories/example/Button.js deleted file mode 100644 index 15dde39..0000000 --- a/src/stories/example/Button.js +++ /dev/null @@ -1,50 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; -import './button.css'; - -/** - * Primary UI component for user interaction - */ -export const Button = ({ primary, backgroundColor, size, label, ...props }) => { - const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary'; - return ( - - ); -}; - -Button.propTypes = { - /** - * Is this the principal call to action on the page? - */ - primary: PropTypes.bool, - /** - * What background color to use - */ - backgroundColor: PropTypes.string, - /** - * How large should the button be? - */ - size: PropTypes.oneOf(['small', 'medium', 'large']), - /** - * Button contents - */ - label: PropTypes.string.isRequired, - /** - * Optional click handler - */ - onClick: PropTypes.func, -}; - -Button.defaultProps = { - backgroundColor: null, - primary: false, - size: 'medium', - onClick: undefined, -}; diff --git a/src/stories/example/Button.stories.js b/src/stories/example/Button.stories.js deleted file mode 100644 index 7fee217..0000000 --- a/src/stories/example/Button.stories.js +++ /dev/null @@ -1,36 +0,0 @@ -import React from 'react'; - -import { Button } from './Button'; - -export default { - title: 'Example/Button', - component: Button, - argTypes: { - backgroundColor: { control: 'color' }, - }, -}; - -const Template = (args) =>