Migrate storybook from webpack → vite

required adding a crazy litany of dev dependencies due to poor compatibility with yarn PNP: storybookjs/builder-vite#141 (comment)
acusti · Oct 13, 2022 · 0e73f08 · 0e73f08
1 parent ea19a3f
commit 0e73f08
Show file tree

Hide file tree

Showing 72 changed files with 2,516 additions and 192 deletions.
diff --git a/.pnp.cjs b/.pnp.cjs
diff --git a/.yarn/cache/@babel-helper-plugin-utils-npm-7.19.0-744ad0c26b-eedc996c63.zip b/.yarn/cache/@babel-helper-plugin-utils-npm-7.19.0-744ad0c26b-eedc996c63.zip
diff --git a/.yarn/cache/@babel-plugin-transform-react-jsx-npm-7.19.0-a26bc7e3f9-d7d6f0b8f2.zip b/.yarn/cache/@babel-plugin-transform-react-jsx-npm-7.19.0-a26bc7e3f9-d7d6f0b8f2.zip
diff --git a/.yarn/cache/@babel-plugin-transform-react-jsx-self-npm-7.18.6-97bcab453d-7d24e29c63.zip b/.yarn/cache/@babel-plugin-transform-react-jsx-self-npm-7.18.6-97bcab453d-7d24e29c63.zip
diff --git a/.yarn/cache/@babel-plugin-transform-react-jsx-source-npm-7.18.6-557e3c4e16-7e17e63182.zip b/.yarn/cache/@babel-plugin-transform-react-jsx-source-npm-7.18.6-557e3c4e16-7e17e63182.zip
diff --git a/.yarn/cache/@babel-runtime-npm-7.5.5-c59deac7a0-b04ed65993.zip b/.yarn/cache/@babel-runtime-npm-7.5.5-c59deac7a0-b04ed65993.zip
diff --git a/.yarn/cache/@babel-runtime-npm-7.7.2-f97af02eaa-4319b6a177.zip b/.yarn/cache/@babel-runtime-npm-7.7.2-f97af02eaa-4319b6a177.zip
diff --git a/.yarn/cache/@design-systems-utils-npm-2.12.0-19602124b1-6659eadb48.zip b/.yarn/cache/@design-systems-utils-npm-2.12.0-19602124b1-6659eadb48.zip
diff --git a/.yarn/cache/@devtools-ds-object-inspector-npm-1.2.0-4a64775a15-f5254fe95a.zip b/.yarn/cache/@devtools-ds-object-inspector-npm-1.2.0-4a64775a15-f5254fe95a.zip
diff --git a/.yarn/cache/@devtools-ds-object-parser-npm-1.2.0-cbb1259bfc-1fb1cb20f6.zip b/.yarn/cache/@devtools-ds-object-parser-npm-1.2.0-cbb1259bfc-1fb1cb20f6.zip
diff --git a/.yarn/cache/@devtools-ds-themes-npm-1.2.0-192e45bf7a-fc1db88056.zip b/.yarn/cache/@devtools-ds-themes-npm-1.2.0-192e45bf7a-fc1db88056.zip
diff --git a/.yarn/cache/@devtools-ds-tree-npm-1.2.0-cf2c53328a-fd0b2c8ae6.zip b/.yarn/cache/@devtools-ds-tree-npm-1.2.0-cf2c53328a-fd0b2c8ae6.zip
diff --git a/.yarn/cache/@eslint-eslintrc-npm-1.3.3-9e3a462140-f03e9d6727.zip b/.yarn/cache/@eslint-eslintrc-npm-1.3.3-9e3a462140-f03e9d6727.zip
diff --git a/.yarn/cache/@jest-types-npm-27.5.1-c589ce1890-d1f43cc946.zip b/.yarn/cache/@jest-types-npm-27.5.1-c589ce1890-d1f43cc946.zip
diff --git a/...ache/@joshwooding-vite-plugin-react-docgen-typescript-npm-0.0.5-d5623f3220-e722b47241.zip b/...ache/@joshwooding-vite-plugin-react-docgen-typescript-npm-0.0.5-d5623f3220-e722b47241.zip
diff --git a/.yarn/cache/@rollup-pluginutils-npm-4.2.1-0f52a5eba2-6bc41f22b1.zip b/.yarn/cache/@rollup-pluginutils-npm-4.2.1-0f52a5eba2-6bc41f22b1.zip
diff --git a/.yarn/cache/@storybook-addon-interactions-npm-6.5.12-86e099f96f-36ab6aa3e7.zip b/.yarn/cache/@storybook-addon-interactions-npm-6.5.12-86e099f96f-36ab6aa3e7.zip
diff --git a/.yarn/cache/@storybook-builder-vite-npm-0.2.4-6ccec1092b-23edba9269.zip b/.yarn/cache/@storybook-builder-vite-npm-0.2.4-6ccec1092b-23edba9269.zip
diff --git a/.yarn/cache/@storybook-instrumenter-npm-6.5.12-c7d83dd3e5-ffd074f42e.zip b/.yarn/cache/@storybook-instrumenter-npm-6.5.12-c7d83dd3e5-ffd074f42e.zip
diff --git a/.yarn/cache/@storybook-mdx1-csf-npm-0.0.4-a5836f3c7e-834dcf6eb0.zip b/.yarn/cache/@storybook-mdx1-csf-npm-0.0.4-a5836f3c7e-834dcf6eb0.zip
diff --git a/.yarn/cache/@storybook-testing-library-npm-0.0.13-296547921a-759361ad3f.zip b/.yarn/cache/@storybook-testing-library-npm-0.0.13-296547921a-759361ad3f.zip
diff --git a/.yarn/cache/@testing-library-dom-npm-8.19.0-1ae6733a53-6bb93fef96.zip b/.yarn/cache/@testing-library-dom-npm-8.19.0-1ae6733a53-6bb93fef96.zip
diff --git a/.yarn/cache/@testing-library-user-event-npm-13.5.0-1ff89b703a-16319de685.zip b/.yarn/cache/@testing-library-user-event-npm-13.5.0-1ff89b703a-16319de685.zip
diff --git a/.yarn/cache/@types-aria-query-npm-4.2.2-c7fefe27a4-6f2ce11d91.zip b/.yarn/cache/@types-aria-query-npm-4.2.2-c7fefe27a4-6f2ce11d91.zip
diff --git a/.yarn/cache/@types-glob-npm-7.2.0-772334bf9a-6ae717fedf.zip b/.yarn/cache/@types-glob-npm-7.2.0-772334bf9a-6ae717fedf.zip
diff --git a/.yarn/cache/@types-yargs-npm-16.0.4-7aaef7d6c8-caa21d2c95.zip b/.yarn/cache/@types-yargs-npm-16.0.4-7aaef7d6c8-caa21d2c95.zip
diff --git a/.yarn/cache/@vitejs-plugin-react-npm-2.1.0-9f62275bdb-cd13ad549f.zip b/.yarn/cache/@vitejs-plugin-react-npm-2.1.0-9f62275bdb-cd13ad549f.zip
diff --git a/.yarn/cache/acorn-npm-8.8.0-9ef399ab45-7270ca82b2.zip b/.yarn/cache/acorn-npm-8.8.0-9ef399ab45-7270ca82b2.zip
diff --git a/.yarn/cache/ansi-colors-npm-4.1.3-8ffd0ae6c7-a9c2ec8420.zip b/.yarn/cache/ansi-colors-npm-4.1.3-8ffd0ae6c7-a9c2ec8420.zip
diff --git a/.yarn/cache/aria-query-npm-5.0.2-9d7c225334-2ecb77a64b.zip b/.yarn/cache/aria-query-npm-5.0.2-9d7c225334-2ecb77a64b.zip
diff --git a/.yarn/cache/clsx-npm-1.1.0-0bdbad31e3-50e889839a.zip b/.yarn/cache/clsx-npm-1.1.0-0bdbad31e3-50e889839a.zip
diff --git a/.yarn/cache/clsx-npm-1.2.1-77792dc182-30befca801.zip b/.yarn/cache/clsx-npm-1.2.1-77792dc182-30befca801.zip
diff --git a/.yarn/cache/dom-accessibility-api-npm-0.5.14-0d20df4aa2-782c813f75.zip b/.yarn/cache/dom-accessibility-api-npm-0.5.14-0d20df4aa2-782c813f75.zip
diff --git a/.yarn/cache/dom-serializer-npm-1.4.1-ebb24349c1-fbb0b01f87.zip b/.yarn/cache/dom-serializer-npm-1.4.1-ebb24349c1-fbb0b01f87.zip
diff --git a/.yarn/cache/domelementtype-npm-2.3.0-02de7cbfba-ee837a318f.zip b/.yarn/cache/domelementtype-npm-2.3.0-02de7cbfba-ee837a318f.zip
diff --git a/.yarn/cache/domhandler-npm-3.3.0-6417f7e17e-850e5e9fee.zip b/.yarn/cache/domhandler-npm-3.3.0-6417f7e17e-850e5e9fee.zip
diff --git a/.yarn/cache/domhandler-npm-4.3.1-493539c1ca-4c665ceed0.zip b/.yarn/cache/domhandler-npm-4.3.1-493539c1ca-4c665ceed0.zip
diff --git a/.yarn/cache/domutils-npm-2.8.0-0325139e5c-abf7434315.zip b/.yarn/cache/domutils-npm-2.8.0-0325139e5c-abf7434315.zip
diff --git a/.yarn/cache/enquirer-npm-2.3.6-7899175762-1c0911e14a.zip b/.yarn/cache/enquirer-npm-2.3.6-7899175762-1c0911e14a.zip
diff --git a/.yarn/cache/esbuild-darwin-arm64-npm-0.15.10-11087d1896-8.zip b/.yarn/cache/esbuild-darwin-arm64-npm-0.15.10-11087d1896-8.zip
diff --git a/.yarn/cache/esbuild-npm-0.15.10-cd7bf58045-bc2daadb95.zip b/.yarn/cache/esbuild-npm-0.15.10-cd7bf58045-bc2daadb95.zip
diff --git a/.yarn/cache/eslint-npm-8.4.1-f532f40df7-d962cd7cd0.zip b/.yarn/cache/eslint-npm-8.4.1-f532f40df7-d962cd7cd0.zip
diff --git a/.yarn/cache/espree-npm-9.2.0-f453a7daf7-ae533a0580.zip b/.yarn/cache/espree-npm-9.2.0-f453a7daf7-ae533a0580.zip
diff --git a/.yarn/cache/espree-npm-9.4.0-0371ef3614-2e3020dde6.zip b/.yarn/cache/espree-npm-9.4.0-0371ef3614-2e3020dde6.zip
diff --git a/.yarn/cache/estree-walker-npm-2.0.2-dfab42f65c-6151e6f982.zip b/.yarn/cache/estree-walker-npm-2.0.2-dfab42f65c-6151e6f982.zip
diff --git a/.yarn/cache/focus-lock-npm-0.8.1-e23f1730fa-3b25b06bb8.zip b/.yarn/cache/focus-lock-npm-0.8.1-e23f1730fa-3b25b06bb8.zip
diff --git a/.yarn/cache/glob-npm-7.2.3-2d866d17a5-29452e97b3.zip b/.yarn/cache/glob-npm-7.2.3-2d866d17a5-29452e97b3.zip
diff --git a/.yarn/cache/glob-promise-npm-4.2.2-30777327f7-c1a3d95f7c.zip b/.yarn/cache/glob-promise-npm-4.2.2-30777327f7-c1a3d95f7c.zip
diff --git a/.yarn/cache/globals-npm-13.17.0-a6039e7d26-fbaf4112e5.zip b/.yarn/cache/globals-npm-13.17.0-a6039e7d26-fbaf4112e5.zip
diff --git a/.yarn/cache/htmlparser2-svelte-npm-4.1.0-b5c7830d79-ae0dfa2e28.zip b/.yarn/cache/htmlparser2-svelte-npm-4.1.0-b5c7830d79-ae0dfa2e28.zip
diff --git a/.yarn/cache/jest-mock-npm-27.5.1-22d1da854d-f5b5904bb1.zip b/.yarn/cache/jest-mock-npm-27.5.1-22d1da854d-f5b5904bb1.zip
diff --git a/.yarn/cache/lz-string-npm-1.4.4-59a2091d3f-54e31238a6.zip b/.yarn/cache/lz-string-npm-1.4.4-59a2091d3f-54e31238a6.zip
diff --git a/.yarn/cache/magic-string-npm-0.26.7-07281acc06-89b0d60cbb.zip b/.yarn/cache/magic-string-npm-0.26.7-07281acc06-89b0d60cbb.zip
diff --git a/.yarn/cache/postcss-npm-8.4.18-f1d73c0a84-9349fd9984.zip b/.yarn/cache/postcss-npm-8.4.18-f1d73c0a84-9349fd9984.zip
diff --git a/.yarn/cache/pretty-format-npm-27.5.1-cd7d49696f-cf610cffcb.zip b/.yarn/cache/pretty-format-npm-27.5.1-cd7d49696f-cf610cffcb.zip
diff --git a/.yarn/cache/progress-npm-2.0.3-d1f87e2ac6-f67403fe7b.zip b/.yarn/cache/progress-npm-2.0.3-d1f87e2ac6-f67403fe7b.zip
diff --git a/.yarn/cache/react-merge-refs-npm-1.1.0-26c3215fdd-9088435299.zip b/.yarn/cache/react-merge-refs-npm-1.1.0-26c3215fdd-9088435299.zip
diff --git a/.yarn/cache/react-refresh-npm-0.14.0-78ef5eeb73-dc69fa8c99.zip b/.yarn/cache/react-refresh-npm-0.14.0-78ef5eeb73-dc69fa8c99.zip
diff --git a/.yarn/cache/regenerator-runtime-npm-0.13.10-57e3c1406b-09893f5a9e.zip b/.yarn/cache/regenerator-runtime-npm-0.13.10-57e3c1406b-09893f5a9e.zip
diff --git a/.yarn/cache/rollup-npm-2.78.1-25ffe2a567-9034814383.zip b/.yarn/cache/rollup-npm-2.78.1-25ffe2a567-9034814383.zip
diff --git a/.yarn/cache/semver-npm-7.3.8-25a996cb4f-ba9c7cbbf2.zip b/.yarn/cache/semver-npm-7.3.8-25a996cb4f-ba9c7cbbf2.zip
diff --git a/.yarn/cache/source-map-js-npm-1.0.2-ee4f9f9b30-c049a7fc4d.zip b/.yarn/cache/source-map-js-npm-1.0.2-ee4f9f9b30-c049a7fc4d.zip
diff --git a/.yarn/cache/sourcemap-codec-npm-1.4.8-3a1a9e60b1-b57981c056.zip b/.yarn/cache/sourcemap-codec-npm-1.4.8-3a1a9e60b1-b57981c056.zip
diff --git a/.yarn/cache/sveltedoc-parser-npm-4.3.1-b1a1b041bf-c0260161c8.zip b/.yarn/cache/sveltedoc-parser-npm-4.3.1-b1a1b041bf-c0260161c8.zip
diff --git a/.yarn/cache/ts-dedent-npm-2.2.0-00389a0e6b-93ed8f7878.zip b/.yarn/cache/ts-dedent-npm-2.2.0-00389a0e6b-93ed8f7878.zip
diff --git a/.yarn/cache/vite-npm-3.1.8-6703f419ed-982696ad13.zip b/.yarn/cache/vite-npm-3.1.8-6703f419ed-982696ad13.zip
diff --git a/packages/docs/.storybook/main.js b/packages/docs/.storybook/main.js
@@ -1,4 +1,4 @@
-const path = require('path');
+// const path = require('path');
 
 module.exports = {
     stories: [
@@ -7,11 +7,12 @@ module.exports = {
         '../stories/**/*.stories.@(js|jsx|ts|tsx)',
     ],
     addons: ['@storybook/addon-essentials', '@storybook/addon-links'],
+    core: { builder: '@storybook/builder-vite' },
     typescript: {
         reactDocgen: 'react-docgen',
     },
-    webpackFinal: (config, { configType }) => {
-        config.resolve.alias['core-js'] = path.dirname(require.resolve('core-js'));
-        return config;
-    },
+    // webpackFinal: (config, { configType }) => {
+    //     config.resolve.alias['core-js'] = path.dirname(require.resolve('core-js'));
+    //     return config;
+    // },
 };
diff --git a/packages/docs/package.json b/packages/docs/package.json
@@ -8,11 +8,24 @@
         "@babel/core": "^7.19.3",
         "@mdx-js/react": "^1.6.22",
         "@storybook/addon-actions": "^6.5.12",
+        "@storybook/addon-backgrounds": "^6.5.12",
         "@storybook/addon-docs": "^6.5.12",
         "@storybook/addon-essentials": "^6.5.12",
+        "@storybook/addon-interactions": "^6.5.12",
         "@storybook/addon-links": "^6.5.12",
+        "@storybook/addon-measure": "^6.5.12",
+        "@storybook/addon-outline": "^6.5.12",
         "@storybook/addons": "^6.5.12",
+        "@storybook/builder-vite": "^0.2.4",
+        "@storybook/channel-postmessage": "^6.5.12",
+        "@storybook/channel-websocket": "^6.5.12",
+        "@storybook/client-api": "^6.5.12",
+        "@storybook/client-logger": "^6.5.12",
+        "@storybook/core-common": "^6.5.12",
+        "@storybook/node-logger": "^6.5.12",
+        "@storybook/preview-web": "^6.5.12",
         "@storybook/react": "^6.5.12",
+        "@storybook/testing-library": "^0.0.13",
         "@types/react": "^18.0.15",
         "@types/storybook__addon-info": "^5.2.5",
         "@types/storybook__react": "^5.2.1",
@@ -21,7 +34,8 @@
         "react": "^18.2.0",
         "react-docgen": "next",
         "react-dom": "^18.2.0",
-        "typescript": "^4.8.4"
+        "typescript": "^4.8.4",
+        "vite": "^3.1.8"
     },
     "dependencies": {
         "@acusti/css-value-input": "*",

diff --git a/packages/docs/stories/Button.stories.js → packages/docs/stories/Button.stories.jsx b/packages/docs/stories/Button.stories.js → packages/docs/stories/Button.stories.jsx
diff --git a/packages/docs/stories/Header.stories.js → packages/docs/stories/Header.stories.jsx b/packages/docs/stories/Header.stories.js → packages/docs/stories/Header.stories.jsx
diff --git a/packages/docs/stories/Page.stories.js → packages/docs/stories/Page.stories.jsx b/packages/docs/stories/Page.stories.js → packages/docs/stories/Page.stories.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
 import { Page } from './Page.tsx';
-import * as HeaderStories from './Header.stories.js';
+import * as HeaderStories from './Header.stories.jsx';
 
 export default {
     title: 'Example/Page',