@epa-wg/custom-element-dist 0.0.24 → 0.0.26

package/.storybook/main.ts

@@ -1,21 +1,19 @@
-import type { StorybookConfig } from "@storybook/web-components-vite";
-
-const config: StorybookConfig = {
-  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
-  addons: [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@chromatic-com/storybook",
-    '@storybook/addon-interactions',
-    "@storybook/addon-mdx-gfm"
-  ],
-  framework: {
-    name: "@storybook/web-components-vite",
-    options: {},
-  },
-  docs: {
-    autodocs: "tag",
-  },
-  staticDirs: ['../public'],
-};
-export default config;
+import type { StorybookConfig } from "@storybook/web-components-vite";
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@chromatic-com/storybook",
+    '@storybook/addon-interactions',
+    "@storybook/addon-mdx-gfm"
+  ],
+  framework: {
+    name: "@storybook/web-components-vite",
+    options: {},
+  },
+  docs: {},
+  staticDirs: ['../public'],
+};
+export default config;

package/.storybook/preview-head.html

@@ -0,0 +1,8 @@
+<script type="importmap">
+{
+    "imports": {
+        "lib-root/": "./demo/lib-dir/",
+        "embed-lib": "./demo/lib-dir/embed-lib.html"
+    }
+}
+</script>

package/.storybook/preview.ts

@@ -1,17 +1,25 @@
-import {initialize, mswLoader}       from 'msw-storybook-addon'
+import {initialize, mswLoader} from 'msw-storybook-addon'
+import {handlers} from "../src/mocks/handlers";
 
-initialize({ onUnhandledRequest: 'bypass' });// SB
+initialize({onUnhandledRequest: 'bypass'});// SB
 
 const preview = {
     parameters: {
         controls: {
             matchers: {
                 color: /(background|color)$/i,
-                date:  /Date$/i
+                date: /Date$/i
             }
-        }
+        },
+        msw: {
+            handlers: {
+                auth: null,
+                others: handlers,
+            },
+        },
     },
-    loaders:    [mswLoader],
+    loaders: [mswLoader],
+    tags: ['autodocs']
 };
 
 export default preview;

package/README.md

@@ -26,7 +26,7 @@ CDN version of StoryBook.
 [github-image]:   https://cdnjs.cloudflare.com/ajax/libs/octicons/8.5.0/svg/mark-github.svg
 [npm-image]:      https://img.shields.io/npm/v/@epa-wg/custom-element-dist.svg
 [npm-url]:        https://npmjs.org/package/@epa-wg/custom-element-dist
-[coverage-image]: https://unpkg.com/@epa-wg/custom-element-dist@0.0.24/coverage/src/custom-element/coverage.svg
-[coverage-url]:   https://unpkg.com/@epa-wg/custom-element-dist@0.0.24/coverage/src/custom-element/index.html
-[sb-url]:         https://unpkg.com/@epa-wg/custom-element-dist@0.0.24/storybook-static/index.html
-[bundle-url]:     https://unpkg.com/@epa-wg/custom-element-dist@0.0.24/dist/custom-element-bundle.js
+[coverage-image]: https://unpkg.com/@epa-wg/custom-element-dist@0.0.26/coverage/src/custom-element/coverage.svg
+[coverage-url]:   https://unpkg.com/@epa-wg/custom-element-dist@0.0.26/coverage/src/custom-element/index.html
+[sb-url]:         https://unpkg.com/@epa-wg/custom-element-dist@0.0.26/storybook-static/index.html
+[bundle-url]:     https://unpkg.com/@epa-wg/custom-element-dist@0.0.26/dist/custom-element-bundle.js

package/bin/postinstall.sh

@@ -12,6 +12,7 @@ pwd
 cp ../../node_modules/@epa-wg/custom-element/*.d.ts .
 cp ../../node_modules/@epa-wg/custom-element/*.js .
 cp ../../node_modules/@epa-wg/custom-element/index.html index.html
-cp ../../node_modules/@epa-wg/custom-element/demo/* demo/
-cp ../../node_modules/@epa-wg/custom-element/ide/* ide/
+cp -r ../../node_modules/@epa-wg/custom-element/demo/* demo/
+cp -r ../../node_modules/@epa-wg/custom-element/ide/* ide/
 
+cp -r demo ../../public

package/bin/vitest/vitest-browser-importmaps.mjs

@@ -0,0 +1,20 @@
+// injects importmaps for module-url.test.stories.ts
+//           see notes in ^^
+import fs from 'node:fs'
+
+const pathName = 'node_modules/@vitest/browser/dist/client/tester/tester.html';
+const jsStr = fs.readFileSync(pathName).toString();
+if( !jsStr.includes('importmap') ) // skip if already patched
+{
+    const injectedStr = jsStr.replace('</style>', `</style>
+<script type="importmap">
+    {
+        "imports": {
+            "lib-root/": "../../../demo/lib-dir/",
+            "embed-lib": "../../../demo/lib-dir/embed-lib.html"
+        }
+    }
+</script>
+`);
+    fs.writeFileSync(pathName, injectedStr);
+}