@web/storybook-builder 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @web/storybook-builder
+
+## 0.1.0
+
+### Minor Changes
+
+- 659ed7e2: initial release of @web/storybook-builder

package/README.md

@@ -0,0 +1,3 @@
+# @web/storybook-builder
+
+See [our website](https://modern-web.dev/docs/storybook-builder/overview/) for full documentation.

package/dist/generate-app-script.d.ts

@@ -0,0 +1,3 @@
+import type { Options } from '@storybook/types';
+export declare function generateAppScript(options: Options): Promise<string>;
+//# sourceMappingURL=generate-app-script.d.ts.map

package/dist/generate-app-script.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-app-script.d.ts","sourceRoot":"","sources":["../src/generate-app-script.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAqB,MAAM,kBAAkB,CAAC;AAGnE,wBAAsB,iBAAiB,CAAC,OAAO,EAAE,OAAO,mBAsCvD"}

package/dist/generate-app-script.js

@@ -0,0 +1,40 @@
+"use strict";
+// based on https://github.com/storybookjs/storybook/blob/v7.0.9/code/lib/builder-vite/src/codegen-modern-iframe-script.ts
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateAppScript = void 0;
+const core_common_1 = require("@storybook/core-common");
+const virtual_file_names_1 = require("./virtual-file-names");
+async function generateAppScript(options) {
+    const { presets, configDir } = options;
+    const previewOrConfigFile = (0, core_common_1.loadPreviewOrConfigFile)({ configDir });
+    const previewAnnotations = await presets.apply('previewAnnotations', [], options);
+    const previewAnnotationURLs = [...previewAnnotations, previewOrConfigFile]
+        .filter((path) => !!path)
+        .map((path) => (typeof path === 'object' ? path.bare : path));
+    // This is pulled out to a variable because it is reused in both the initial page load
+    // and the HMR handler.  We don't use the hot.accept callback params because only the changed
+    // modules are provided, the rest are null.  We can just re-import everything again in that case.
+    const getPreviewAnnotationsFunction = `
+const getProjectAnnotations = async () => {
+  const configs = await Promise.all([
+${previewAnnotationURLs.map(previewAnnotation => `    import('${previewAnnotation}')`).join(',\n')}
+  ]);
+  return composeConfigs(configs);
+}
+  `.trim();
+    return `
+import { composeConfigs, PreviewWeb, ClientApi } from '@storybook/preview-api';
+import '${virtual_file_names_1.virtualSetupAddonsFilename}';
+import { importFn } from '${virtual_file_names_1.virtualStoriesFilename}';
+
+${getPreviewAnnotationsFunction}
+
+window.__STORYBOOK_PREVIEW__ = window.__STORYBOOK_PREVIEW__ || new PreviewWeb();
+
+window.__STORYBOOK_STORY_STORE__ = window.__STORYBOOK_STORY_STORE__ || window.__STORYBOOK_PREVIEW__.storyStore;
+window.__STORYBOOK_CLIENT_API__ = window.__STORYBOOK_CLIENT_API__ || new ClientApi({ storyStore: window.__STORYBOOK_PREVIEW__.storyStore });
+window.__STORYBOOK_PREVIEW__.initialize({ importFn, getProjectAnnotations });
+  `.trim();
+}
+exports.generateAppScript = generateAppScript;
+//# sourceMappingURL=generate-app-script.js.map

package/dist/generate-app-script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-app-script.js","sourceRoot":"","sources":["../src/generate-app-script.ts"],"names":[],"mappings":";AAAA,0HAA0H;;;AAE1H,wDAAiE;AAEjE,6DAA0F;AAEnF,KAAK,UAAU,iBAAiB,CAAC,OAAgB;IACtD,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC;IAEvC,MAAM,mBAAmB,GAAG,IAAA,qCAAuB,EAAC,EAAE,SAAS,EAAE,CAAC,CAAC;IACnE,MAAM,kBAAkB,GAAG,MAAM,OAAO,CAAC,KAAK,CAC5C,oBAAoB,EACpB,EAAE,EACF,OAAO,CACR,CAAC;IACF,MAAM,qBAAqB,GAAG,CAAC,GAAG,kBAAkB,EAAE,mBAAmB,CAAC;SACvE,MAAM,CAAC,CAAC,IAAI,EAA6B,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;SACnD,GAAG,CAAC,CAAC,IAAuB,EAAE,EAAE,CAAC,CAAC,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAEnF,sFAAsF;IACtF,6FAA6F;IAC7F,iGAAiG;IACjG,MAAM,6BAA6B,GAAG;;;EAGtC,qBAAqB,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC,eAAe,iBAAiB,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;;;;GAI/F,CAAC,IAAI,EAAE,CAAC;IAET,OAAO;;UAEC,+CAA0B;4BACR,2CAAsB;;EAEhD,6BAA6B;;;;;;;GAO5B,CAAC,IAAI,EAAE,CAAC;AACX,CAAC;AAtCD,8CAsCC"}

package/dist/generate-iframe-html.d.ts

@@ -0,0 +1,4 @@
+import type { Options } from '@storybook/types';
+export type PreviewHtml = string | undefined;
+export declare function generateIframeHtml(options: Options): Promise<string>;
+//# sourceMappingURL=generate-iframe-html.d.ts.map

package/dist/generate-iframe-html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-iframe-html.d.ts","sourceRoot":"","sources":["../src/generate-iframe-html.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAc,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAI5D,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,CAAC;AAE7C,wBAAsB,kBAAkB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAoC1E"}

package/dist/generate-iframe-html.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateIframeHtml = void 0;
+const core_common_1 = require("@storybook/core-common");
+const fs_extra_1 = require("fs-extra");
+const virtual_file_names_1 = require("./virtual-file-names");
+async function generateIframeHtml(options) {
+    const iframeHtmlTemplate = await (0, fs_extra_1.readFile)(require.resolve('../static/iframe-template.html'), 'utf-8');
+    const { configType, features, presets, serverChannelUrl } = options;
+    const frameworkOptions = await presets.apply('frameworkOptions');
+    const headHtmlSnippet = await presets.apply('previewHead');
+    const bodyHtmlSnippet = await presets.apply('previewBody');
+    const logLevel = await presets.apply('logLevel', undefined);
+    // const docsOptions = await presets.apply<DocsOptions>('docs');
+    const coreOptions = await presets.apply('core');
+    const stories = (0, core_common_1.normalizeStories)(await options.presets.apply('stories', [], options), {
+        configDir: options.configDir,
+        workingDir: process.cwd(),
+    }).map(specifier => (Object.assign(Object.assign({}, specifier), { importPathMatcher: specifier.importPathMatcher.source })));
+    return (iframeHtmlTemplate
+        .replace('[CONFIG_TYPE HERE]', configType || '')
+        .replace('[LOGLEVEL HERE]', logLevel || '')
+        .replace(`'[FRAMEWORK_OPTIONS HERE]'`, JSON.stringify(frameworkOptions))
+        .replace(`'[CHANNEL_OPTIONS HERE]'`, JSON.stringify(coreOptions && coreOptions.channelOptions ? coreOptions.channelOptions : {}))
+        .replace(`'[FEATURES HERE]'`, JSON.stringify(features || {}))
+        .replace(`'[STORIES HERE]'`, JSON.stringify(stories || {}))
+        // .replace(`'[DOCS_OPTIONS HERE]'`, JSON.stringify(docsOptions || {}))
+        .replace(`'[SERVER_CHANNEL_URL HERE]'`, JSON.stringify(serverChannelUrl))
+        .replace('<!-- [HEAD HTML SNIPPET HERE] -->', headHtmlSnippet || '')
+        .replace('<!-- [BODY HTML SNIPPET HERE] -->', bodyHtmlSnippet || '')
+        .replace(`[APP MODULE SRC HERE]`, virtual_file_names_1.virtualAppFilename));
+}
+exports.generateIframeHtml = generateIframeHtml;
+//# sourceMappingURL=generate-iframe-html.js.map

package/dist/generate-iframe-html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-iframe-html.js","sourceRoot":"","sources":["../src/generate-iframe-html.ts"],"names":[],"mappings":";;;AAAA,wDAA0D;AAE1D,uCAAoC;AACpC,6DAA0D;AAInD,KAAK,UAAU,kBAAkB,CAAC,OAAgB;IACvD,MAAM,kBAAkB,GAAG,MAAM,IAAA,mBAAQ,EACvC,OAAO,CAAC,OAAO,CAAC,gCAAgC,CAAC,EACjD,OAAO,CACR,CAAC;IACF,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC;IACpE,MAAM,gBAAgB,GAAG,MAAM,OAAO,CAAC,KAAK,CAA6B,kBAAkB,CAAC,CAAC;IAC7F,MAAM,eAAe,GAAG,MAAM,OAAO,CAAC,KAAK,CAAc,aAAa,CAAC,CAAC;IACxE,MAAM,eAAe,GAAG,MAAM,OAAO,CAAC,KAAK,CAAc,aAAa,CAAC,CAAC;IACxE,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,KAAK,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IAC5D,gEAAgE;IAChE,MAAM,WAAW,GAAG,MAAM,OAAO,CAAC,KAAK,CAAa,MAAM,CAAC,CAAC;IAC5D,MAAM,OAAO,GAAG,IAAA,8BAAgB,EAAC,MAAM,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,EAAE,EAAE,OAAO,CAAC,EAAE;QACpF,SAAS,EAAE,OAAO,CAAC,SAAS;QAC5B,UAAU,EAAE,OAAO,CAAC,GAAG,EAAE;KAC1B,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,iCACf,SAAS,KACZ,iBAAiB,EAAE,SAAS,CAAC,iBAAiB,CAAC,MAAM,IACrD,CAAC,CAAC;IACJ,OAAO,CACL,kBAAkB;SACf,OAAO,CAAC,oBAAoB,EAAE,UAAU,IAAI,EAAE,CAAC;SAC/C,OAAO,CAAC,iBAAiB,EAAE,QAAQ,IAAI,EAAE,CAAC;SAC1C,OAAO,CAAC,4BAA4B,EAAE,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;SACvE,OAAO,CACN,0BAA0B,EAC1B,IAAI,CAAC,SAAS,CAAC,WAAW,IAAI,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAC5F;SACA,OAAO,CAAC,mBAAmB,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;SAC5D,OAAO,CAAC,kBAAkB,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;QAC3D,uEAAuE;SACtE,OAAO,CAAC,6BAA6B,EAAE,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;SACxE,OAAO,CAAC,mCAAmC,EAAE,eAAe,IAAI,EAAE,CAAC;SACnE,OAAO,CAAC,mCAAmC,EAAE,eAAe,IAAI,EAAE,CAAC;SACnE,OAAO,CAAC,uBAAuB,EAAE,uCAAkB,CAAC,CACxD,CAAC;AACJ,CAAC;AApCD,gDAoCC"}

package/dist/generate-setup-addons-script.d.ts

@@ -0,0 +1,2 @@
+export declare function generateSetupAddonsScript(): Promise<string>;
+//# sourceMappingURL=generate-setup-addons-script.d.ts.map

package/dist/generate-setup-addons-script.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-setup-addons-script.d.ts","sourceRoot":"","sources":["../src/generate-setup-addons-script.ts"],"names":[],"mappings":"AAEA,wBAAsB,yBAAyB,oBAiB9C"}

package/dist/generate-setup-addons-script.js

@@ -0,0 +1,24 @@
+"use strict";
+// based on https://github.com/storybookjs/storybook/blob/v7.0.9/code/lib/builder-vite/src/codegen-set-addon-channel.ts
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateSetupAddonsScript = void 0;
+async function generateSetupAddonsScript() {
+    return `
+import { createChannel as createPostMessageChannel } from '@storybook/channel-postmessage';
+import { createChannel as createWebSocketChannel } from '@storybook/channel-websocket';
+import { addons } from '@storybook/preview-api';
+
+const channel = createPostMessageChannel({ page: 'preview' });
+addons.setChannel(channel);
+window.__STORYBOOK_ADDONS_CHANNEL__ = channel;
+
+const { SERVER_CHANNEL_URL } = globalThis;
+if (SERVER_CHANNEL_URL) {
+  const serverChannel = createWebSocketChannel({ url: SERVER_CHANNEL_URL });
+  addons.setServerChannel(serverChannel);
+  window.__STORYBOOK_SERVER_CHANNEL__ = serverChannel;
+}
+  `.trim();
+}
+exports.generateSetupAddonsScript = generateSetupAddonsScript;
+//# sourceMappingURL=generate-setup-addons-script.js.map

package/dist/generate-setup-addons-script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-setup-addons-script.js","sourceRoot":"","sources":["../src/generate-setup-addons-script.ts"],"names":[],"mappings":";AAAA,uHAAuH;;;AAEhH,KAAK,UAAU,yBAAyB;IAC7C,OAAO;;;;;;;;;;;;;;;GAeN,CAAC,IAAI,EAAE,CAAC;AACX,CAAC;AAjBD,8DAiBC"}

package/dist/generate-stories-script.d.ts

@@ -0,0 +1,6 @@
+import type { Options } from '@storybook/types';
+/**
+ * This file is largely based on https://github.com/storybookjs/storybook/blob/d1195cbd0c61687f1720fefdb772e2f490a46584/lib/core-common/src/utils/to-importFn.ts
+ */
+export declare function generateStoriesScript(options: Options): Promise<string>;
+//# sourceMappingURL=generate-stories-script.d.ts.map

package/dist/generate-stories-script.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-stories-script.d.ts","sourceRoot":"","sources":["../src/generate-stories-script.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAIhD;;GAEG;AAEH,wBAAsB,qBAAqB,CAAC,OAAO,EAAE,OAAO,mBAM3D"}

package/dist/generate-stories-script.js

@@ -0,0 +1,76 @@
+"use strict";
+// based on https://github.com/storybookjs/storybook/blob/v7.0.9/code/lib/builder-vite/src/codegen-importfn-script.ts
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateStoriesScript = void 0;
+const pluginutils_1 = require("@rollup/pluginutils");
+const node_logger_1 = require("@storybook/node-logger");
+const path = __importStar(require("path"));
+const list_stories_1 = require("./list-stories");
+/**
+ * This file is largely based on https://github.com/storybookjs/storybook/blob/d1195cbd0c61687f1720fefdb772e2f490a46584/lib/core-common/src/utils/to-importFn.ts
+ */
+async function generateStoriesScript(options) {
+    // First we need to get an array of stories and their absolute paths.
+    const stories = await (0, list_stories_1.listStories)(options);
+    // We can then call toImportFn to create a function that can be used to load each story dynamically.
+    return (await toImportFn(stories)).trim();
+}
+exports.generateStoriesScript = generateStoriesScript;
+/**
+ * This function takes an array of stories and creates a mapping between the stories' relative paths
+ * to the working directory and their dynamic imports. The import is done in an asynchronous function
+ * to delay loading. It then creates a function, `importFn(path)`, which resolves a path to an import
+ * function and this is called by Storybook to fetch a story dynamically when needed.
+ * @param stories An array of absolute story paths.
+ */
+async function toImportFn(stories) {
+    const objectEntries = stories.map(file => {
+        const ext = path.extname(file);
+        const relativePath = (0, pluginutils_1.normalizePath)(path.relative(process.cwd(), file));
+        if (!['.js', '.jsx', '.ts', '.tsx', '.mdx', '.svelte', '.vue'].includes(ext)) {
+            node_logger_1.logger.warn(`Cannot process ${ext} file with storyStoreV7: ${relativePath}`);
+        }
+        return `  '${toImportPath(relativePath)}': () => import('${process.cwd()}/${relativePath}')`;
+    });
+    return `
+const importers = {
+${objectEntries.join(',\n')}
+};
+
+export function importFn(path) {
+  return importers[path]();
+}
+  `.trim();
+}
+/**
+ * Paths get passed either with no leading './' - e.g. `src/Foo.stories.js`,
+ * or with a leading `../` (etc), e.g. `../src/Foo.stories.js`.
+ * We want to deal in importPaths relative to the working dir, so we normalize
+ */
+function toImportPath(relativePath) {
+    return relativePath.startsWith('../') ? relativePath : `./${relativePath}`;
+}
+//# sourceMappingURL=generate-stories-script.js.map

package/dist/generate-stories-script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-stories-script.js","sourceRoot":"","sources":["../src/generate-stories-script.ts"],"names":[],"mappings":";AAAA,qHAAqH;;;;;;;;;;;;;;;;;;;;;;;;;;AAErH,qDAAoD;AACpD,wDAAgD;AAEhD,2CAA6B;AAC7B,iDAA6C;AAE7C;;GAEG;AAEI,KAAK,UAAU,qBAAqB,CAAC,OAAgB;IAC1D,qEAAqE;IACrE,MAAM,OAAO,GAAG,MAAM,IAAA,0BAAW,EAAC,OAAO,CAAC,CAAC;IAE3C,oGAAoG;IACpG,OAAO,CAAC,MAAM,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAC5C,CAAC;AAND,sDAMC;AAED;;;;;;GAMG;AACH,KAAK,UAAU,UAAU,CAAC,OAAiB;IACzC,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;QACvC,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAC/B,MAAM,YAAY,GAAG,IAAA,2BAAa,EAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;QACvE,IAAI,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YAC5E,oBAAM,CAAC,IAAI,CAAC,kBAAkB,GAAG,4BAA4B,YAAY,EAAE,CAAC,CAAC;SAC9E;QAED,OAAO,MAAM,YAAY,CAAC,YAAY,CAAC,oBAAoB,OAAO,CAAC,GAAG,EAAE,IAAI,YAAY,IAAI,CAAC;IAC/F,CAAC,CAAC,CAAC;IAEH,OAAO;;EAEP,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;;;;;;GAMxB,CAAC,IAAI,EAAE,CAAC;AACX,CAAC;AAED;;;;GAIG;AACH,SAAS,YAAY,CAAC,YAAoB;IACxC,OAAO,YAAY,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,YAAY,EAAE,CAAC;AAC7E,CAAC"}

package/dist/get-node-module-dir.d.ts

@@ -0,0 +1,2 @@
+export declare function getNodeModuleDir(moduleName: string): string;
+//# sourceMappingURL=get-node-module-dir.d.ts.map

package/dist/get-node-module-dir.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-node-module-dir.d.ts","sourceRoot":"","sources":["../src/get-node-module-dir.ts"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAE3D"}

package/dist/get-node-module-dir.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNodeModuleDir = void 0;
+const path_1 = require("path");
+function getNodeModuleDir(moduleName) {
+    return (0, path_1.dirname)(require.resolve(`${moduleName}/package.json`));
+}
+exports.getNodeModuleDir = getNodeModuleDir;
+//# sourceMappingURL=get-node-module-dir.js.map

package/dist/get-node-module-dir.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-node-module-dir.js","sourceRoot":"","sources":["../src/get-node-module-dir.ts"],"names":[],"mappings":";;;AAAA,+BAA+B;AAE/B,SAAgB,gBAAgB,CAAC,UAAkB;IACjD,OAAO,IAAA,cAAO,EAAC,OAAO,CAAC,OAAO,CAAC,GAAG,UAAU,eAAe,CAAC,CAAC,CAAC;AAChE,CAAC;AAFD,4CAEC"}

package/dist/index.d.ts

@@ -0,0 +1,22 @@
+import type { Builder, Options, StorybookConfig as StorybookConfigBase } from '@storybook/types';
+import { DevServerConfig } from '@web/dev-server';
+import { RollupOptions } from 'rollup';
+export type StorybookConfigWds = StorybookConfigBase & {
+    wdsFinal?: (config: DevServerConfig, options: Options) => DevServerConfig | Promise<DevServerConfig>;
+    rollupFinal?: (config: RollupOptions, options: Options) => RollupOptions | Promise<RollupOptions>;
+};
+export type BuilderOptions = {
+    /**
+     * Path to @web/dev-server config file, relative to CWD.
+     */
+    wdsConfigPath?: string;
+};
+type WdsStats = {
+    toJson: () => any;
+};
+export type WdsBuilder = Builder<DevServerConfig, WdsStats>;
+export declare const bail: WdsBuilder['bail'];
+export declare const start: WdsBuilder['start'];
+export declare const build: WdsBuilder['build'];
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACjG,OAAO,EAAE,eAAe,EAAgC,MAAM,iBAAiB,CAAC;AAOhF,OAAO,EAA8B,aAAa,EAAU,MAAM,QAAQ,CAAC;AAe3E,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,GAAG;IACrD,QAAQ,CAAC,EAAE,CACT,MAAM,EAAE,eAAe,EACvB,OAAO,EAAE,OAAO,KACb,eAAe,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC;IAChD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,KAAK,aAAa,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;CACnG,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAGF,KAAK,QAAQ,GAAG;IACd,MAAM,EAAE,MAAM,GAAG,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,OAAO,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;AAI5D,eAAO,MAAM,IAAI,EAAE,UAAU,CAAC,MAAM,CAEnC,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,UAAU,CAAC,OAAO,CAsErC,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,UAAU,CAAC,OAAO,CA+DrC,CAAC"}

package/dist/index.js

@@ -0,0 +1,168 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.build = exports.start = exports.bail = void 0;
+const plugin_node_resolve_1 = __importDefault(require("@rollup/plugin-node-resolve"));
+const core_common_1 = require("@storybook/core-common");
+const node_logger_1 = require("@storybook/node-logger");
+const globals_1 = require("@storybook/preview/globals");
+const dev_server_1 = require("@web/dev-server");
+const dev_server_rollup_1 = require("@web/dev-server-rollup");
+const rollup_plugin_html_1 = require("@web/rollup-plugin-html");
+const express_1 = __importDefault(require("express"));
+const fs = __importStar(require("fs-extra"));
+const path_1 = require("path");
+const rollup_1 = require("rollup");
+const rollup_plugin_external_globals_1 = __importDefault(require("rollup-plugin-external-globals"));
+const generate_iframe_html_1 = require("./generate-iframe-html");
+const get_node_module_dir_1 = require("./get-node-module-dir");
+const read_file_config_1 = require("./read-file-config");
+const rollup_plugin_prebundle_modules_1 = require("./rollup-plugin-prebundle-modules");
+const rollup_plugin_storybook_builder_1 = require("./rollup-plugin-storybook-builder");
+const wdsPluginExternalGlobals = (0, dev_server_rollup_1.fromRollup)(rollup_plugin_external_globals_1.default);
+const wdsPluginPrebundleModules = (0, dev_server_rollup_1.fromRollup)(rollup_plugin_prebundle_modules_1.rollupPluginPrebundleModules);
+const wdsPluginStorybookBuilder = (0, dev_server_rollup_1.fromRollup)(rollup_plugin_storybook_builder_1.rollupPluginStorybookBuilder);
+let wdsServer;
+const bail = async () => {
+    await (wdsServer === null || wdsServer === void 0 ? void 0 : wdsServer.stop());
+};
+exports.bail = bail;
+const start = async ({ startTime, options, router }) => {
+    const previewDirOrigin = (0, path_1.join)((0, get_node_module_dir_1.getNodeModuleDir)('@storybook/preview'), 'dist');
+    router.use('/sb-preview', express_1.default.static(previewDirOrigin, { immutable: true, maxAge: '5m' }));
+    router.use(`/${rollup_plugin_prebundle_modules_1.PREBUNDLED_MODULES_DIR}`, express_1.default.static((0, path_1.resolve)(`./${rollup_plugin_prebundle_modules_1.PREBUNDLED_MODULES_DIR}`)));
+    const env = await options.presets.apply('env');
+    const wdsStorybookConfig = {
+        nodeResolve: true,
+        plugins: [
+            {
+                name: 'storybook-iframe-html',
+                async serve(context) {
+                    if (context.path === '/iframe.html') {
+                        const iframeHtml = await (0, generate_iframe_html_1.generateIframeHtml)(options);
+                        return { type: 'html', body: iframeHtml };
+                    }
+                },
+            },
+            wdsPluginPrebundleModules(env),
+            wdsPluginStorybookBuilder(options),
+            wdsPluginExternalGlobals(globals_1.globals),
+        ],
+    };
+    const { wdsConfigPath } = await (0, core_common_1.getBuilderOptions)(options);
+    const wdsUserConfig = await (0, read_file_config_1.readFileConfig)(wdsConfigPath);
+    const wdsFinalConfig = await options.presets.apply('wdsFinal', (0, dev_server_1.mergeConfigs)(wdsUserConfig, wdsStorybookConfig, {
+        // reset local config "open" as it should not be used for storybook specific configuration
+        open: false,
+    }), options);
+    // if "wdsFinal" added "open" then rewrite it to open on storybook host (unless it's a full URL)
+    if (wdsFinalConfig.open &&
+        typeof wdsFinalConfig.open === 'string' &&
+        !wdsFinalConfig.open.match(/^https?:\/\//)) {
+        const protocol = options.https ? 'https' : 'http';
+        const host = options.host || 'localhost';
+        const port = options.port;
+        wdsFinalConfig.open = `${protocol}://${host}:${port}${wdsFinalConfig.open}`;
+    }
+    // setup middleware mode
+    wdsFinalConfig.middlewareMode = true;
+    wdsFinalConfig.port = undefined;
+    wdsFinalConfig.hostname = undefined;
+    wdsServer = await (0, dev_server_1.startDevServer)({
+        // we load and merge configs manually
+        readFileConfig: false,
+        readCliArgs: false,
+        autoExitProcess: false,
+        logStartMessage: false,
+        config: wdsFinalConfig,
+    });
+    router.use(wdsServer.koaApp.callback());
+    return {
+        bail: exports.bail,
+        stats: { toJson: () => null },
+        totalTime: process.hrtime(startTime),
+    };
+};
+exports.start = start;
+const build = async ({ startTime, options }) => {
+    const env = await options.presets.apply('env');
+    const rollupDefaultOutputOptions = {
+        dir: options.outputDir,
+    };
+    const rollupStorybookConfig = {
+        output: rollupDefaultOutputOptions,
+        external: ['./sb-preview/runtime.js'],
+        plugins: [
+            (0, rollup_plugin_html_1.rollupPluginHTML)({
+                input: { html: await (0, generate_iframe_html_1.generateIframeHtml)(options), name: 'iframe.html' },
+                // default assets behavior of the plugin breaks, sb-common-assets are shared between manager and preview and copied separately
+                extractAssets: false,
+            }),
+            (0, plugin_node_resolve_1.default)(),
+            (0, rollup_plugin_prebundle_modules_1.rollupPluginPrebundleModules)(env),
+            (0, rollup_plugin_storybook_builder_1.rollupPluginStorybookBuilder)(options),
+            (0, rollup_plugin_external_globals_1.default)(globals_1.globals),
+        ],
+    };
+    const rollupFinalConfig = await options.presets.apply('rollupFinal', rollupStorybookConfig, options);
+    const rollupBuild = (async () => {
+        node_logger_1.logger.info('=> Building preview..');
+        let bundle;
+        try {
+            bundle = await (0, rollup_1.rollup)(rollupFinalConfig);
+            if (rollupFinalConfig.output) {
+                const outputOptionsArray = Array.isArray(rollupFinalConfig.output)
+                    ? rollupFinalConfig.output
+                    : [rollupFinalConfig.output];
+                for (const outputOptions of outputOptionsArray) {
+                    await bundle.write(outputOptions);
+                }
+            }
+        }
+        finally {
+            if (bundle) {
+                bundle.close();
+            }
+        }
+        node_logger_1.logger.trace({ message: '=> Preview built', time: process.hrtime(startTime) });
+    })();
+    const previewDirOrigin = (0, path_1.join)((0, get_node_module_dir_1.getNodeModuleDir)('@storybook/preview'), 'dist');
+    const previewDirTarget = (0, path_1.join)(options.outputDir || '', `sb-preview`);
+    const previewFiles = fs.copy(previewDirOrigin, previewDirTarget, {
+        filter: src => {
+            const { ext } = (0, path_1.parse)(src);
+            if (ext) {
+                return ext === '.js';
+            }
+            return true;
+        },
+    });
+    await Promise.all([rollupBuild, previewFiles]);
+};
+exports.build = build;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/inject-exports-order.d.ts

@@ -0,0 +1,2 @@
+export declare function injectExportsOrder(source: string, filePath: string): Promise<string | null>;
+//# sourceMappingURL=inject-exports-order.d.ts.map

package/dist/inject-exports-order.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-exports-order.d.ts","sourceRoot":"","sources":["../src/inject-exports-order.ts"],"names":[],"mappings":"AAIA,wBAAsB,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,0BAWxE"}

package/dist/inject-exports-order.js

@@ -0,0 +1,17 @@
+"use strict";
+// based on https://github.com/modernweb-dev/web/blob/%40web/dev-server-storybook%400.7.1/packages/dev-server-storybook/src/shared/stories/injectExportsOrder.ts
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.injectExportsOrder = void 0;
+const es_module_lexer_1 = require("es-module-lexer");
+async function injectExportsOrder(source, filePath) {
+    const [, exports] = await (0, es_module_lexer_1.parse)(source, filePath);
+    if (exports.some(e => e.n === '__namedExportsOrder')) {
+        // user has defined named exports already
+        return null;
+    }
+    const orderedExports = exports.filter(e => e.n !== 'default');
+    const exportsArray = `['${orderedExports.map(({ n }) => n).join("', '")}']`;
+    return `${source};\nexport const __namedExportsOrder = ${exportsArray};`;
+}
+exports.injectExportsOrder = injectExportsOrder;
+//# sourceMappingURL=inject-exports-order.js.map

package/dist/inject-exports-order.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-exports-order.js","sourceRoot":"","sources":["../src/inject-exports-order.ts"],"names":[],"mappings":";AAAA,gKAAgK;;;AAEhK,qDAAwC;AAEjC,KAAK,UAAU,kBAAkB,CAAC,MAAc,EAAE,QAAgB;IACvE,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG,MAAM,IAAA,uBAAK,EAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAClD,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,qBAAqB,CAAC,EAAE;QACpD,yCAAyC;QACzC,OAAO,IAAI,CAAC;KACb;IAED,MAAM,cAAc,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC;IAC9D,MAAM,YAAY,GAAG,KAAK,cAAc,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;IAE5E,OAAO,GAAG,MAAM,yCAAyC,YAAY,GAAG,CAAC;AAC3E,CAAC;AAXD,gDAWC"}

package/dist/list-stories.d.ts

@@ -0,0 +1,3 @@
+import type { Options } from '@storybook/types';
+export declare function listStories(options: Options): Promise<string[]>;
+//# sourceMappingURL=list-stories.d.ts.map

package/dist/list-stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-stories.d.ts","sourceRoot":"","sources":["../src/list-stories.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAIhD,wBAAsB,WAAW,CAAC,OAAO,EAAE,OAAO,qBAkBjD"}

package/dist/list-stories.js

@@ -0,0 +1,45 @@
+"use strict";
+// based on https://github.com/storybookjs/storybook/blob/v7.0.9/code/lib/builder-vite/src/list-stories.ts
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listStories = void 0;
+const core_common_1 = require("@storybook/core-common");
+const glob_promise_1 = require("glob-promise");
+const path = __importStar(require("path"));
+async function listStories(options) {
+    const slash = (await Promise.resolve().then(() => __importStar(require('slash')))).default; // for CJS compatibility
+    return (await Promise.all((0, core_common_1.normalizeStories)(await options.presets.apply('stories', [], options), {
+        configDir: options.configDir,
+        workingDir: options.configDir,
+    }).map(({ directory, files }) => {
+        const pattern = path.join(directory, files);
+        const absolutePattern = path.isAbsolute(pattern)
+            ? pattern
+            : path.join(options.configDir, pattern);
+        return (0, glob_promise_1.promise)(slash(absolutePattern), { follow: true });
+    }))).reduce((carry, stories) => carry.concat(stories), []);
+}
+exports.listStories = listStories;
+//# sourceMappingURL=list-stories.js.map

package/dist/list-stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-stories.js","sourceRoot":"","sources":["../src/list-stories.ts"],"names":[],"mappings":";AAAA,0GAA0G;;;;;;;;;;;;;;;;;;;;;;;;;;AAE1G,wDAA0D;AAE1D,+CAA+C;AAC/C,2CAA6B;AAEtB,KAAK,UAAU,WAAW,CAAC,OAAgB;IAChD,MAAM,KAAK,GAAG,CAAC,wDAAa,OAAO,GAAC,CAAC,CAAC,OAAO,CAAC,CAAC,wBAAwB;IAEvE,OAAO,CACL,MAAM,OAAO,CAAC,GAAG,CACf,IAAA,8BAAgB,EAAC,MAAM,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,EAAE,EAAE,OAAO,CAAC,EAAE;QACpE,SAAS,EAAE,OAAO,CAAC,SAAS;QAC5B,UAAU,EAAE,OAAO,CAAC,SAAS;KAC9B,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;QAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAC5C,MAAM,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;YAC9C,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAE1C,OAAO,IAAA,sBAAI,EAAC,KAAK,CAAC,eAAe,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IACxD,CAAC,CAAC,CACH,CACF,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;AAC1D,CAAC;AAlBD,kCAkBC"}

package/dist/read-file-config.d.ts

@@ -0,0 +1,3 @@
+import { DevServerConfig } from '@web/dev-server';
+export declare function readFileConfig(customPath?: string): Promise<DevServerConfig>;
+//# sourceMappingURL=read-file-config.d.ts.map

package/dist/read-file-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"read-file-config.d.ts","sourceRoot":"","sources":["../src/read-file-config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAuB,MAAM,iBAAiB,CAAC;AAEvE,wBAAsB,cAAc,CAAC,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,eAAe,CAAC,CASlF"}

package/dist/read-file-config.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.readFileConfig = void 0;
+const config_loader_1 = require("@web/config-loader");
+const dev_server_1 = require("@web/dev-server");
+async function readFileConfig(customPath) {
+    try {
+        return await (0, config_loader_1.readConfig)('web-dev-server.config', customPath);
+    }
+    catch (error) {
+        if (error instanceof config_loader_1.ConfigLoaderError) {
+            throw new dev_server_1.DevServerStartError(error.message);
+        }
+        throw error;
+    }
+}
+exports.readFileConfig = readFileConfig;
+//# sourceMappingURL=read-file-config.js.map

package/dist/read-file-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"read-file-config.js","sourceRoot":"","sources":["../src/read-file-config.ts"],"names":[],"mappings":";;;AAAA,sDAAmE;AACnE,gDAAuE;AAEhE,KAAK,UAAU,cAAc,CAAC,UAAmB;IACtD,IAAI;QACF,OAAO,MAAM,IAAA,0BAAU,EAAC,uBAAuB,EAAE,UAAU,CAAC,CAAC;KAC9D;IAAC,OAAO,KAAK,EAAE;QACd,IAAI,KAAK,YAAY,iCAAiB,EAAE;YACtC,MAAM,IAAI,gCAAmB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;SAC9C;QACD,MAAM,KAAK,CAAC;KACb;AACH,CAAC;AATD,wCASC"}

package/dist/rollup-plugin-prebundle-modules.d.ts

@@ -0,0 +1,5 @@
+import type { Plugin } from 'rollup';
+export declare const PREBUNDLED_MODULES_DIR = "node_modules/.prebundled_modules";
+export declare function rollupPluginPrebundleModules(env: Record<string, string>): Plugin;
+export declare const CANDIDATES: string[];
+//# sourceMappingURL=rollup-plugin-prebundle-modules.d.ts.map

package/dist/rollup-plugin-prebundle-modules.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rollup-plugin-prebundle-modules.d.ts","sourceRoot":"","sources":["../src/rollup-plugin-prebundle-modules.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAGrC,eAAO,MAAM,sBAAsB,qCAAqC,CAAC;AAEzE,wBAAgB,4BAA4B,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CA0ChF;AAeD,eAAO,MAAM,UAAU,UAmHtB,CAAC"}

package/dist/rollup-plugin-prebundle-modules.js

@@ -0,0 +1,195 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CANDIDATES = exports.rollupPluginPrebundleModules = exports.PREBUNDLED_MODULES_DIR = void 0;
+const core_common_1 = require("@storybook/core-common");
+const esbuild_1 = require("esbuild");
+const path_1 = require("path");
+const get_node_module_dir_1 = require("./get-node-module-dir");
+exports.PREBUNDLED_MODULES_DIR = 'node_modules/.prebundled_modules';
+function rollupPluginPrebundleModules(env) {
+    const modulePaths = {};
+    return {
+        name: 'rollup-plugin-prebundle-modules',
+        async buildStart() {
+            const esbuildCommonjsPlugin = (await Promise.resolve().then(() => __importStar(require('@chialab/esbuild-plugin-commonjs')))).default; // for CJS compatibility
+            const modules = getModules();
+            for (const module of modules) {
+                modulePaths[module] = (0, path_1.join)(process.cwd(), exports.PREBUNDLED_MODULES_DIR, module.endsWith('.js') ? module : `${module}.js`);
+            }
+            await (0, esbuild_1.build)({
+                entryPoints: modules,
+                outdir: exports.PREBUNDLED_MODULES_DIR,
+                bundle: true,
+                format: 'esm',
+                splitting: true,
+                sourcemap: true,
+                alias: {
+                    assert: require.resolve('browser-assert'),
+                    lodash: (0, get_node_module_dir_1.getNodeModuleDir)('lodash-es'),
+                    path: require.resolve('path-browserify'),
+                },
+                define: Object.assign({}, (0, core_common_1.stringifyProcessEnvs)(env)),
+                plugins: [esbuildCommonjsPlugin()],
+            });
+        },
+        async resolveId(source) {
+            return modulePaths[source];
+        },
+    };
+}
+exports.rollupPluginPrebundleModules = rollupPluginPrebundleModules;
+function getModules() {
+    const include = exports.CANDIDATES.filter(id => {
+        try {
+            require.resolve(id, { paths: [process.cwd()] });
+            return true;
+        }
+        catch (e) {
+            return false;
+        }
+    });
+    return include;
+}
+// taken from https://github.com/storybookjs/storybook/blob/v7.0.9/code/lib/builder-vite/src/optimizeDeps.ts#L7
+exports.CANDIDATES = [
+    '@base2/pretty-print-object',
+    '@emotion/core',
+    '@emotion/is-prop-valid',
+    '@emotion/styled',
+    '@mdx-js/react',
+    '@storybook/addon-docs > acorn-jsx',
+    '@storybook/addon-docs',
+    '@storybook/addon-essentials/docs/mdx-react-shim',
+    '@storybook/channel-postmessage',
+    '@storybook/channel-websocket',
+    '@storybook/client-api',
+    '@storybook/client-logger',
+    '@storybook/core/client',
+    '@storybook/global',
+    '@storybook/preview-api',
+    '@storybook/preview-web',
+    '@storybook/react > acorn-jsx',
+    '@storybook/react',
+    '@storybook/svelte',
+    '@storybook/types',
+    '@storybook/vue3',
+    'acorn-jsx',
+    'acorn-walk',
+    'acorn',
+    'airbnb-js-shims',
+    'ansi-to-html',
+    'axe-core',
+    'color-convert',
+    'deep-object-diff',
+    'doctrine',
+    'emotion-theming',
+    'escodegen',
+    'estraverse',
+    'fast-deep-equal',
+    'html-tags',
+    'isobject',
+    'jest-mock',
+    'loader-utils',
+    'lodash/camelCase.js',
+    'lodash/camelCase',
+    'lodash/cloneDeep.js',
+    'lodash/cloneDeep',
+    'lodash/countBy.js',
+    'lodash/countBy',
+    'lodash/debounce.js',
+    'lodash/debounce',
+    'lodash/isEqual.js',
+    'lodash/isEqual',
+    'lodash/isFunction.js',
+    'lodash/isFunction',
+    'lodash/isPlainObject.js',
+    'lodash/isPlainObject',
+    'lodash/isString.js',
+    'lodash/isString',
+    'lodash/kebabCase.js',
+    'lodash/kebabCase',
+    'lodash/mapKeys.js',
+    'lodash/mapKeys',
+    'lodash/mapValues.js',
+    'lodash/mapValues',
+    'lodash/merge.js',
+    'lodash/merge',
+    'lodash/mergeWith.js',
+    'lodash/mergeWith',
+    'lodash/pick.js',
+    'lodash/pick',
+    'lodash/pickBy.js',
+    'lodash/pickBy',
+    'lodash/startCase.js',
+    'lodash/startCase',
+    'lodash/throttle.js',
+    'lodash/throttle',
+    'lodash/uniq.js',
+    'lodash/uniq',
+    'lodash/upperFirst.js',
+    'lodash/upperFirst',
+    'markdown-to-jsx',
+    'memoizerific',
+    'overlayscrollbars',
+    'polished',
+    'prettier/parser-babel',
+    'prettier/parser-flow',
+    'prettier/parser-typescript',
+    'prop-types',
+    'qs',
+    'react-dom',
+    'react-dom/client',
+    'react-fast-compare',
+    'react-is',
+    'react-textarea-autosize',
+    'react',
+    'react/jsx-runtime',
+    'refractor/core',
+    'refractor/lang/bash.js',
+    'refractor/lang/css.js',
+    'refractor/lang/graphql.js',
+    'refractor/lang/js-extras.js',
+    'refractor/lang/json.js',
+    'refractor/lang/jsx.js',
+    'refractor/lang/markdown.js',
+    'refractor/lang/markup.js',
+    'refractor/lang/tsx.js',
+    'refractor/lang/typescript.js',
+    'refractor/lang/yaml.js',
+    'regenerator-runtime/runtime.js',
+    'slash',
+    'store2',
+    'synchronous-promise',
+    'telejson',
+    'ts-dedent',
+    'unfetch',
+    'util-deprecate',
+    'vue',
+    'warning',
+];
+// we need more, probably Vite in builder-vite transforms those on the fly
+exports.CANDIDATES.push('@testing-library/user-event', 'aria-query', 'lz-string', 'pretty-format', 'tiny-invariant');
+//# sourceMappingURL=rollup-plugin-prebundle-modules.js.map

package/dist/rollup-plugin-prebundle-modules.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rollup-plugin-prebundle-modules.js","sourceRoot":"","sources":["../src/rollup-plugin-prebundle-modules.ts"],"names":[],"mappings":"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"}

package/dist/rollup-plugin-storybook-builder.d.ts

@@ -0,0 +1,4 @@
+import type { Options } from '@storybook/types';
+import type { Plugin } from 'rollup';
+export declare function rollupPluginStorybookBuilder(storybookOptions: Options): Plugin;
+//# sourceMappingURL=rollup-plugin-storybook-builder.d.ts.map

package/dist/rollup-plugin-storybook-builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rollup-plugin-storybook-builder.d.ts","sourceRoot":"","sources":["../src/rollup-plugin-storybook-builder.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAYrC,wBAAgB,4BAA4B,CAAC,gBAAgB,EAAE,OAAO,GAAG,MAAM,CA6C9E"}

package/dist/rollup-plugin-storybook-builder.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.rollupPluginStorybookBuilder = void 0;
+const generate_app_script_1 = require("./generate-app-script");
+const generate_setup_addons_script_1 = require("./generate-setup-addons-script");
+const generate_stories_script_1 = require("./generate-stories-script");
+const inject_exports_order_1 = require("./inject-exports-order");
+const list_stories_1 = require("./list-stories");
+const virtual_file_names_1 = require("./virtual-file-names");
+function rollupPluginStorybookBuilder(storybookOptions) {
+    let storyFilePaths;
+    return {
+        name: 'rollup-plugin-storybook-builder',
+        async buildStart() {
+            storyFilePaths = await (0, list_stories_1.listStories)(storybookOptions);
+        },
+        async resolveId(source) {
+            if (source === virtual_file_names_1.virtualAppFilename) {
+                return './' + source;
+            }
+            if (source === virtual_file_names_1.virtualSetupAddonsFilename) {
+                return './' + source;
+            }
+            if (source === virtual_file_names_1.virtualStoriesFilename) {
+                return './' + source;
+            }
+        },
+        async load(id) {
+            if (id.endsWith(virtual_file_names_1.virtualAppFilename)) {
+                return (0, generate_app_script_1.generateAppScript)(storybookOptions);
+            }
+            if (id.endsWith(virtual_file_names_1.virtualSetupAddonsFilename)) {
+                return (0, generate_setup_addons_script_1.generateSetupAddonsScript)();
+            }
+            if (id.endsWith(virtual_file_names_1.virtualStoriesFilename)) {
+                return (0, generate_stories_script_1.generateStoriesScript)(storybookOptions);
+            }
+        },
+        async transform(code, id) {
+            if (storyFilePaths.includes(id)) {
+                // inject story order
+                return (0, inject_exports_order_1.injectExportsOrder)(code, id);
+            }
+        },
+    };
+}
+exports.rollupPluginStorybookBuilder = rollupPluginStorybookBuilder;
+//# sourceMappingURL=rollup-plugin-storybook-builder.js.map

package/dist/rollup-plugin-storybook-builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rollup-plugin-storybook-builder.js","sourceRoot":"","sources":["../src/rollup-plugin-storybook-builder.ts"],"names":[],"mappings":";;;AAEA,+DAA0D;AAC1D,iFAA2E;AAC3E,uEAAkE;AAClE,iEAA4D;AAC5D,iDAA6C;AAC7C,6DAI8B;AAE9B,SAAgB,4BAA4B,CAAC,gBAAyB;IACpE,IAAI,cAAwB,CAAC;IAE7B,OAAO;QACL,IAAI,EAAE,iCAAiC;QAEvC,KAAK,CAAC,UAAU;YACd,cAAc,GAAG,MAAM,IAAA,0BAAW,EAAC,gBAAgB,CAAC,CAAC;QACvD,CAAC;QAED,KAAK,CAAC,SAAS,CAAC,MAAM;YACpB,IAAI,MAAM,KAAK,uCAAkB,EAAE;gBACjC,OAAO,IAAI,GAAG,MAAM,CAAC;aACtB;YAED,IAAI,MAAM,KAAK,+CAA0B,EAAE;gBACzC,OAAO,IAAI,GAAG,MAAM,CAAC;aACtB;YAED,IAAI,MAAM,KAAK,2CAAsB,EAAE;gBACrC,OAAO,IAAI,GAAG,MAAM,CAAC;aACtB;QACH,CAAC;QAED,KAAK,CAAC,IAAI,CAAC,EAAE;YACX,IAAI,EAAE,CAAC,QAAQ,CAAC,uCAAkB,CAAC,EAAE;gBACnC,OAAO,IAAA,uCAAiB,EAAC,gBAAgB,CAAC,CAAC;aAC5C;YAED,IAAI,EAAE,CAAC,QAAQ,CAAC,+CAA0B,CAAC,EAAE;gBAC3C,OAAO,IAAA,wDAAyB,GAAE,CAAC;aACpC;YAED,IAAI,EAAE,CAAC,QAAQ,CAAC,2CAAsB,CAAC,EAAE;gBACvC,OAAO,IAAA,+CAAqB,EAAC,gBAAgB,CAAC,CAAC;aAChD;QACH,CAAC;QAED,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE;YACtB,IAAI,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE;gBAC/B,qBAAqB;gBACrB,OAAO,IAAA,yCAAkB,EAAC,IAAI,EAAE,EAAE,CAAC,CAAC;aACrC;QACH,CAAC;KACF,CAAC;AACJ,CAAC;AA7CD,oEA6CC"}

package/dist/virtual-file-names.d.ts

@@ -0,0 +1,4 @@
+export declare const virtualAppFilename: string;
+export declare const virtualSetupAddonsFilename: string;
+export declare const virtualStoriesFilename: string;
+//# sourceMappingURL=virtual-file-names.d.ts.map

package/dist/virtual-file-names.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual-file-names.d.ts","sourceRoot":"","sources":["../src/virtual-file-names.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,QAAoB,CAAC;AACpD,eAAO,MAAM,0BAA0B,QAA6B,CAAC;AACrE,eAAO,MAAM,sBAAsB,QAAwB,CAAC"}

package/dist/virtual-file-names.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.virtualStoriesFilename = exports.virtualSetupAddonsFilename = exports.virtualAppFilename = void 0;
+// must be valid names (without \0) to let the transform logic work, specifically "rollup-plugin-external-globals"
+// must have extension, otherwise "fromRollup" adapter will resolve it incorrectly as an "outside of root" dir
+const PREFIX = 'virtual-web-storybook-builder-';
+exports.virtualAppFilename = `${PREFIX}app.js`;
+exports.virtualSetupAddonsFilename = `${PREFIX}setup-addons.js`;
+exports.virtualStoriesFilename = `${PREFIX}stories.js`;
+//# sourceMappingURL=virtual-file-names.js.map

package/dist/virtual-file-names.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"virtual-file-names.js","sourceRoot":"","sources":["../src/virtual-file-names.ts"],"names":[],"mappings":";;;AAAA,kHAAkH;AAClH,8GAA8G;AAC9G,MAAM,MAAM,GAAG,gCAAgC,CAAC;AACnC,QAAA,kBAAkB,GAAG,GAAG,MAAM,QAAQ,CAAC;AACvC,QAAA,0BAA0B,GAAG,GAAG,MAAM,iBAAiB,CAAC;AACxD,QAAA,sBAAsB,GAAG,GAAG,MAAM,YAAY,CAAC"}

package/index.d.ts

@@ -0,0 +1,2 @@
+// this file is autogenerated with the generate-mjs-dts-entrypoints script
+export * from './dist/index';

package/index.mjs

@@ -0,0 +1,6 @@
+// this file is autogenerated with the generate-mjs-dts-entrypoints script
+import cjsEntrypoint from './dist/index.js';
+
+const { bail, start, build } = cjsEntrypoint;
+
+export { bail, start, build };

package/package.json

@@ -0,0 +1,86 @@
+{
+  "name": "@web/storybook-builder",
+  "version": "0.1.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "description": "Storybook builder powered by `@web/dev-server`",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/modernweb-dev/web.git",
+    "directory": "packages/storybook-builder"
+  },
+  "author": "modern-web",
+  "homepage": "https://github.com/modernweb-dev/web/tree/master/packages/storybook-builder",
+  "main": "dist/index.js",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./index.mjs",
+      "types": "./index.d.ts"
+    }
+  },
+  "engines": {
+    "node": ">=16.0.0"
+  },
+  "scripts": {
+    "build": "tsc"
+  },
+  "files": [
+    "*.d.ts",
+    "*.js",
+    "*.mjs",
+    "CHANGELOG.md",
+    "dist",
+    "static",
+    "README.md"
+  ],
+  "keywords": [
+    "storybook",
+    "web",
+    "dev",
+    "server",
+    "builder",
+    "es modules",
+    "modules",
+    "esm"
+  ],
+  "dependencies": {
+    "@chialab/esbuild-plugin-commonjs": "^0.17.2",
+    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@rollup/pluginutils": "^5.0.2",
+    "@storybook/core-common": "^7.0.0",
+    "@storybook/node-logger": "^7.0.0",
+    "@storybook/preview": "^7.0.0",
+    "@web/dev-server": "^0.3.0",
+    "@web/dev-server-core": "^0.5.2",
+    "@web/dev-server-rollup": "^0.5.2",
+    "@web/rollup-plugin-html": "^2.0.0",
+    "browser-assert": "^1.2.1",
+    "es-module-lexer": "^1.2.1",
+    "esbuild": "^0.17.19",
+    "express": "^4.18.2",
+    "fs-extra": "^11.1.1",
+    "glob-promise": "^6.0.3",
+    "lodash-es": "^4.17.21",
+    "path-browserify": "^1.0.1",
+    "rollup": "^3.25.1",
+    "rollup-plugin-external-globals": "^0.7.3",
+    "slash": "^5.1.0"
+  },
+  "devDependencies": {
+    "@storybook/types": "^7.0.0",
+    "@types/fs-extra": "^11.0.1",
+    "@typescript-eslint/eslint-plugin": "^5.3.0",
+    "@typescript-eslint/parser": "^5.3.0",
+    "conventional-changelog-cli": "^3.0.0",
+    "eslint": "^8.1.0",
+    "eslint-config-prettier": "^8.3.0",
+    "husky": "^8.0.1",
+    "lint-staged": "^13.0.3",
+    "prettier": "^2.4.1",
+    "prettier-plugin-package": "^1.3.0",
+    "typescript": "~5.0.4"
+  }
+}

package/static/iframe-template.html

@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Storybook</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+    <link
+      rel="prefetch"
+      href="./sb-common-assets/nunito-sans-regular.woff2"
+      as="font"
+      type="font/woff2"
+      crossorigin
+    />
+    <link
+      rel="prefetch"
+      href="./sb-common-assets/nunito-sans-italic.woff2"
+      as="font"
+      type="font/woff2"
+      crossorigin
+    />
+    <link
+      rel="prefetch"
+      href="./sb-common-assets/nunito-sans-bold.woff2"
+      as="font"
+      type="font/woff2"
+      crossorigin
+    />
+    <link
+      rel="prefetch"
+      href="./sb-common-assets/nunito-sans-bold-italic.woff2"
+      as="font"
+      type="font/woff2"
+      crossorigin
+    />
+    <link rel="stylesheet" href="./sb-common-assets/fonts.css" />
+
+    <script>
+      window.CONFIG_TYPE = '[CONFIG_TYPE HERE]';
+      window.LOGLEVEL = '[LOGLEVEL HERE]';
+      window.FRAMEWORK_OPTIONS = '[FRAMEWORK_OPTIONS HERE]';
+      window.CHANNEL_OPTIONS = '[CHANNEL_OPTIONS HERE]';
+      window.FEATURES = '[FEATURES HERE]';
+      window.STORIES = '[STORIES HERE]';
+      // window.DOCS_OPTIONS = '[DOCS_OPTIONS HERE]';
+      window.SERVER_CHANNEL_URL = '[SERVER_CHANNEL_URL HERE]';
+
+      // TODO: check if it's relevant for us
+      // We do this so that "module && module.hot" etc. in Storybook source code
+      // doesn't fail (it will simply be disabled)
+      window.module = undefined;
+      window.global = window;
+    </script>
+    <!-- [HEAD HTML SNIPPET HERE] -->
+  </head>
+
+  <body>
+    <!-- [BODY HTML SNIPPET HERE] -->
+    <div id="storybook-root"></div>
+    <div id="storybook-docs"></div>
+    <script type="module">
+      // must be inside a script to be externalized
+      import './sb-preview/runtime.js';
+
+      // must be inside a script to be resolved
+      import '[APP MODULE SRC HERE]';
+    </script>
+  </body>
+</html>