poveste 0.1.0

package/dist/node/builtin-plugins/vanilla-support/RenderStory.js

@@ -0,0 +1,129 @@
+import { defineComponent as _defineComponent, h as _h, onBeforeUnmount as _onBeforeUnmount, onMounted as _onMounted, ref as _ref, watch as _watch, } from '@poveste/vendors/vue';
+// @ts-expect-error virtual module id
+import * as generatedSetup from 'virtual:$histoire-generated-global-setup';
+// @ts-expect-error virtual module id
+import * as setup from 'virtual:$histoire-setup';
+export default _defineComponent({
+    name: 'RenderStory',
+    props: {
+        variant: {
+            type: Object,
+            required: true,
+        },
+        story: {
+            type: Object,
+            required: true,
+        },
+        slotName: {
+            type: String,
+            default: 'default',
+        },
+    },
+    emits: {
+        ready: () => true,
+    },
+    setup(props, { emit }) {
+        const sandbox = _ref();
+        let mounting = false;
+        let app;
+        let appHooks;
+        async function unmountVariant() {
+            if (app) {
+                await app.onUnmount?.();
+                if (appHooks) {
+                    for (const hook of appHooks.onUnmount) {
+                        await hook();
+                    }
+                }
+                app.el.parentNode.removeChild(app.el);
+                app = null;
+            }
+        }
+        async function mountVariant() {
+            if (mounting)
+                return;
+            mounting = true;
+            await unmountVariant();
+            app = {
+                el: document.createElement('div'),
+            };
+            if (typeof generatedSetup?.setupVanilla === 'function') {
+                await generatedSetup.setupVanilla({
+                    app,
+                    story: props.story,
+                    variant: props.variant,
+                });
+            }
+            if (typeof setup?.setupVanilla === 'function') {
+                await setup.setupVanilla({
+                    app,
+                    story: props.story,
+                    variant: props.variant,
+                });
+            }
+            if (typeof props.variant.setupApp === 'function') {
+                await props.variant.setupApp({
+                    app,
+                    story: props.story,
+                    variant: props.variant,
+                });
+            }
+            await app.onMount?.();
+            appHooks = {
+                onUpdate: [],
+                onUnmount: [],
+            };
+            const api = {
+                el: app.el,
+                state: props.variant.state,
+                onUpdate: (cb) => {
+                    appHooks.onUpdate.push(cb);
+                },
+                onUnmount: (cb) => {
+                    appHooks.onUnmount.push(cb);
+                },
+            };
+            const onMount = props.variant.slots()[props.slotName];
+            await onMount(api);
+            sandbox.value.appendChild(app.el);
+            emit('ready');
+        }
+        _onMounted(async () => {
+            if (props.variant.configReady) {
+                await mountVariant();
+            }
+        });
+        _watch(() => props.variant, async (value) => {
+            if (value.configReady && !mounting) {
+                if (!app) {
+                    await mountVariant();
+                }
+                else {
+                    // @TODO check if need to refresh here
+                }
+            }
+        }, {
+            deep: true,
+        });
+        _watch(() => props.variant.state, async () => {
+            if (appHooks) {
+                for (const hook of appHooks.onUpdate) {
+                    await hook();
+                }
+            }
+        }, {
+            deep: true,
+        });
+        _onBeforeUnmount(() => {
+            unmountVariant();
+        });
+        return {
+            sandbox,
+        };
+    },
+    render() {
+        return _h('div', {
+            ref: 'sandbox',
+        });
+    },
+});

package/dist/node/builtin-plugins/vanilla-support/client.d.ts

@@ -0,0 +1,4 @@
+export { default as MountStory } from './MountStory';
+export { default as RenderStory } from './RenderStory';
+export declare function generateSourceCode(): void;
+//# sourceMappingURL=client.d.ts.map

package/dist/node/builtin-plugins/vanilla-support/client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../../../src/node/builtin-plugins/vanilla-support/client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AAEtD,wBAAgB,kBAAkB,SAEjC"}

package/dist/node/builtin-plugins/vanilla-support/client.js

@@ -0,0 +1,5 @@
+export { default as MountStory } from './MountStory';
+export { default as RenderStory } from './RenderStory';
+export function generateSourceCode() {
+    // noop
+}

package/dist/node/builtin-plugins/vanilla-support/collect.d.ts

@@ -0,0 +1,3 @@
+import type { ServerRunPayload } from '@poveste/shared';
+export declare function run({ file, storyData }: ServerRunPayload): Promise<void>;
+//# sourceMappingURL=collect.d.ts.map

package/dist/node/builtin-plugins/vanilla-support/collect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collect.d.ts","sourceRoot":"","sources":["../../../../src/node/builtin-plugins/vanilla-support/collect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAA8B,MAAM,iBAAiB,CAAA;AAGnF,wBAAsB,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,gBAAgB,iBAuC9D"}

package/dist/node/builtin-plugins/vanilla-support/collect.js

@@ -0,0 +1,33 @@
+export async function run({ file, storyData }) {
+    const { default: Comp } = await import(/* @vite-ignore */ file.moduleId);
+    const options = Comp;
+    let rawVariants = [];
+    if (options.onMount) {
+        // Implicit variant
+        rawVariants = [{
+                id: '_default',
+                title: 'default',
+            }];
+    }
+    else {
+        rawVariants = options.variants;
+    }
+    const story = {
+        id: options.id ?? file.id,
+        title: options.title ?? file.fileName,
+        group: options.group,
+        layout: options.layout ?? { type: 'single', iframe: true },
+        icon: options.icon,
+        iconColor: options.iconColor,
+        docsOnly: options.docsOnly ?? false,
+        variants: null,
+    };
+    const variants = rawVariants.map((v, index) => ({
+        id: v.id ?? `${story.id}-${index}`,
+        title: v.title ?? 'untitled',
+        icon: v.icon ?? options.icon,
+        iconColor: v.iconColor ?? options.iconColor,
+    }));
+    story.variants = variants;
+    storyData.push(story);
+}

package/dist/node/builtin-plugins/vanilla-support/plugin.d.ts

@@ -0,0 +1,3 @@
+import type { Plugin } from '@poveste/shared';
+export declare function vanillaSupport(): Plugin;
+//# sourceMappingURL=plugin.d.ts.map

package/dist/node/builtin-plugins/vanilla-support/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../../src/node/builtin-plugins/vanilla-support/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAM7C,wBAAgB,cAAc,IAAI,MAAM,CA4BvC"}

package/dist/node/builtin-plugins/vanilla-support/plugin.js

@@ -0,0 +1,29 @@
+import { fileURLToPath } from 'node:url';
+import { dirname } from 'pathe';
+const __dirname = dirname(fileURLToPath(import.meta.url));
+export function vanillaSupport() {
+    return {
+        name: 'builtin:vanilla-support',
+        defaultConfig() {
+            return {
+                supportMatch: [
+                    {
+                        id: 'vanilla',
+                        patterns: ['**/*.js'],
+                        pluginIds: ['vanilla'],
+                    },
+                ],
+            };
+        },
+        supportPlugin: {
+            id: 'vanilla',
+            moduleName: __dirname,
+            setupFn: 'setupVanilla',
+            importStoryComponent: (file, index) => `import Comp${index} from ${JSON.stringify(file.moduleId)}`, // @TODO code-splitting
+        },
+        // onDev (api) {
+        //   // Test vanilla story
+        //   api.addStoryFile(resolve(__dirname, './vanilla.story.js'))
+        // },
+    };
+}

package/dist/node/builtin-plugins/vanilla-support/types.d.ts

@@ -0,0 +1,36 @@
+import type { Awaitable, Story, StoryProps, Variant, VariantProps } from '@poveste/shared';
+export interface App {
+    el: HTMLElement;
+    onMount?: () => void;
+    onUpdate?: () => void;
+    onUnmount?: () => void;
+}
+export interface MountApi {
+    el: HTMLElement;
+    state: Record<string, any>;
+    onUpdate: (cb: () => unknown) => Awaitable<void>;
+    onUnmount: (cb: () => unknown) => Awaitable<void>;
+}
+export interface VanillaApi {
+    onMount?: (api: MountApi) => Awaitable<void>;
+    onMountControls?: (api: MountApi) => Awaitable<void>;
+}
+interface CommonProps {
+    setupApp?: (payload: {
+        app: App;
+        story: Story;
+        variant: Variant;
+    }) => unknown;
+}
+export type StoryOptions = Omit<StoryProps, 'setupApp'> & CommonProps & ((VanillaApi & {
+    variants?: never;
+}) | {
+    variants?: VariantOptions[];
+    onMount?: never;
+    onMountControls?: never;
+});
+export interface VariantOptions extends Omit<VariantProps, 'setupApp'>, CommonProps, VanillaApi {
+}
+export declare function defineStory(story: StoryOptions): StoryOptions;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/node/builtin-plugins/vanilla-support/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/node/builtin-plugins/vanilla-support/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE1F,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,WAAW,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,WAAW,CAAA;IACf,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC1B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,OAAO,KAAK,SAAS,CAAC,IAAI,CAAC,CAAA;IAChD,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,OAAO,KAAK,SAAS,CAAC,IAAI,CAAC,CAAA;CAClD;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,SAAS,CAAC,IAAI,CAAC,CAAA;IAC5C,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,SAAS,CAAC,IAAI,CAAC,CAAA;CACrD;AAED,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,GAAG,EAAE,GAAG,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAA;CAC9E;AAED,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,GAAG,WAAW,GAAG,CAAC,CAAC,UAAU,GAAG;IACrF,QAAQ,CAAC,EAAE,KAAK,CAAA;CACjB,CAAC,GAAG;IACH,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAA;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,eAAe,CAAC,EAAE,KAAK,CAAA;CACxB,CAAC,CAAA;AAEF,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,EAAE,WAAW,EAAE,UAAU;CAE9F;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,YAAY,gBAE9C"}

package/dist/node/builtin-plugins/vanilla-support/types.js

@@ -0,0 +1,3 @@
+export function defineStory(story) {
+    return story;
+}

package/dist/node/builtin-plugins/vanilla-support/vanilla.story.d.ts

@@ -0,0 +1,4 @@
+import type { StoryOptions } from './types';
+declare const _default: StoryOptions;
+export default _default;
+//# sourceMappingURL=vanilla.story.d.ts.map

package/dist/node/builtin-plugins/vanilla-support/vanilla.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vanilla.story.d.ts","sourceRoot":"","sources":["../../../../src/node/builtin-plugins/vanilla-support/vanilla.story.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;wBA8DtC,YAAY;AA5DjB,wBA4DiB"}

package/dist/node/builtin-plugins/vanilla-support/vanilla.story.js

@@ -0,0 +1,55 @@
+export default {
+    title: 'Vanilla story',
+    icon: 'ion:logo-nodejs',
+    variants: [
+        {
+            title: 'Hello',
+            onMount: ({ el, state, onUpdate }) => {
+                state.count = 0;
+                const div = document.createElement('div');
+                div.innerHTML = '<h1>Hello World</h1>';
+                el.appendChild(div);
+                const counter = document.createElement('pre');
+                counter.innerHTML = `Counter: ${state.counter}`;
+                div.appendChild(counter);
+                onUpdate(() => {
+                    counter.innerHTML = `Counter: ${state.count}`;
+                });
+            },
+            onMountControls: ({ el, state, onUnmount }) => {
+                const add = () => {
+                    state.count++;
+                };
+                Object.assign(el.style, {
+                    padding: '8px',
+                });
+                const btn = document.createElement('button');
+                btn.innerHTML = '+1';
+                Object.assign(btn.style, {
+                    padding: '6px',
+                    borderRadius: '3px',
+                    backgroundColor: '#a7f3d0',
+                });
+                btn.addEventListener('click', add);
+                el.appendChild(btn);
+                onUnmount(() => {
+                    btn.removeEventListener('click', add);
+                });
+            },
+        },
+        {
+            title: 'Meow',
+            onMount: ({ el, onUpdate, onUnmount }) => {
+                const div = document.createElement('div');
+                div.innerHTML = '<h1>Meow</h1>';
+                el.appendChild(div);
+                onUpdate(() => {
+                    console.log('update');
+                });
+                onUnmount(() => {
+                    el.removeChild(div);
+                });
+            },
+        },
+    ],
+};

package/dist/node/collect/index.d.ts

@@ -0,0 +1,14 @@
+import type { ServerStoryFile } from '@poveste/shared';
+import type { ViteDevServer } from 'vite';
+import type { Context } from '../context.js';
+export interface UseCollectStoriesOptions {
+    server: ViteDevServer;
+    mainServer?: ViteDevServer;
+    throws?: boolean;
+}
+export declare function useCollectStories(options: UseCollectStoriesOptions, ctx: Context): {
+    clearCache: () => void;
+    executeStoryFile: (storyFile: ServerStoryFile) => Promise<void>;
+    destroy: () => Promise<void>;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/node/collect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/node/collect/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,MAAM,CAAA;AAEzC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAa5C,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,aAAa,CAAA;IACrB,UAAU,CAAC,EAAE,aAAa,CAAA;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,wBAAwB,EAAE,GAAG,EAAE,OAAO;;kCA0EpC,eAAe;;EA+D3D"}

package/dist/node/collect/index.js

@@ -0,0 +1,129 @@
+import { cpus } from 'node:os';
+import { MessageChannel } from 'node:worker_threads';
+import Tinypool from '@akryum/tinypool';
+import { createBirpc } from 'birpc';
+import path, { relative } from 'pathe';
+import pc from 'picocolors';
+import { ViteNodeServer } from 'vite-node/server';
+import { TEMP_PATH } from '../alias.js';
+import { createPath } from '../tree.js';
+import { slash } from '../util/fs.js';
+export function useCollectStories(options, ctx) {
+    const { server, mainServer } = options;
+    const node = new ViteNodeServer(server, {
+        deps: {
+            inline: [
+                /histoire\/dist/,
+                /histoire\/client/,
+                /@histoire\/[\w-]+\/dist/,
+                /histoire-[\w-]+\/dist/,
+                /@vue\/devtools-api/,
+                /vuetify/,
+                // @TODO temporary fix for https://github.com/histoire-dev/histoire/issues/409
+                /vite\w*\/dist\/client\/(client|env).mjs/,
+                ...ctx.config.viteNodeInlineDeps ?? [],
+                new RegExp(path.resolve(TEMP_PATH, 'plugins')),
+            ],
+            fallbackCJS: true,
+        },
+        transformMode: ctx.config.viteNodeTransformMode,
+    });
+    const maxThreads = ctx.config.collectMaxThreads ?? cpus().length;
+    const threadsCount = ctx.mode === 'dev'
+        ? Math.max(Math.min(maxThreads, Math.floor(cpus().length / 2)), 1)
+        : Math.max(Math.min(maxThreads, cpus().length - 1), 1);
+    console.log(pc.blue(`Using ${threadsCount} thread${threadsCount === 1 ? '' : 's'} for story collection`));
+    const threadPool = new Tinypool({
+        filename: new URL('./worker.js', import.meta.url).href,
+        // WebContainer compatibility (Stackblitz)
+        useAtomics: typeof process.versions.webcontainer !== 'string',
+        minThreads: threadsCount,
+        maxThreads: threadsCount,
+    });
+    function clearCache() {
+        server.moduleGraph.invalidateAll();
+        node.fetchCache.clear();
+    }
+    function createChannel() {
+        const channel = new MessageChannel();
+        const port = channel.port2;
+        const workerPort = channel.port1;
+        createBirpc({
+            fetchModule: id => node.fetchModule(id),
+            resolveId: (id, importer) => node.resolveId(id, importer),
+        }, {
+            post: data => port.postMessage(data),
+            on: data => port.on('message', data),
+        });
+        return {
+            port,
+            workerPort,
+        };
+    }
+    if (mainServer) {
+        mainServer.watcher.on('change', (file) => {
+            file = slash(file);
+            threadPool.broadcastMessage({
+                kind: 'hst:invalidate',
+                file,
+            });
+        });
+    }
+    async function executeStoryFile(storyFile) {
+        try {
+            const { workerPort } = createChannel();
+            const payload = {
+                root: server.config.root,
+                base: server.config.base,
+                storyFile,
+                port: workerPort,
+            };
+            const { storyData } = await threadPool.run(payload, {
+                transferList: [
+                    workerPort,
+                ],
+            });
+            if (storyData.length === 0) {
+                console.warn(pc.yellow(`⚠️  No story found for ${storyFile.path}`));
+                return;
+            }
+            else if (storyData.length > 1) {
+                console.warn(pc.yellow(`⚠️  Multiple stories not supported: ${storyFile.path}`));
+            }
+            const finalData = storyData[0];
+            // Default props
+            if (ctx.config.defaultStoryProps) {
+                for (const key in ctx.config.defaultStoryProps) {
+                    if (finalData[key] == null) {
+                        finalData[key] = ctx.config.defaultStoryProps[key];
+                    }
+                }
+            }
+            if (!finalData.layout) {
+                finalData.layout = { type: 'single', iframe: true };
+            }
+            storyFile.id = finalData.id;
+            storyFile.story = finalData;
+            storyFile.treeFile = {
+                title: finalData.title,
+                path: relative(server.config.root, storyFile.path),
+            };
+            storyFile.treePath = createPath(ctx.config, storyFile.treeFile);
+            storyFile.story.title = storyFile.treePath[storyFile.treePath.length - 1];
+        }
+        catch (e) {
+            console.error(pc.red(`Error while collecting story ${storyFile.path}:\n${e.frame ? `${pc.bold(e.message)}\n${e.frame}` : e.stack}`));
+            if (options.throws) {
+                throw e;
+            }
+        }
+    }
+    async function destroy() {
+        await threadPool.destroy();
+    }
+    return {
+        clearCache,
+        executeStoryFile,
+        destroy,
+    };
+}

package/dist/node/collect/run.d.ts

@@ -0,0 +1,3 @@
+import type { ServerRunPayload } from '@poveste/shared';
+export declare function run(payload: ServerRunPayload): Promise<any>;
+//# sourceMappingURL=run.d.ts.map

package/dist/node/collect/run.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"run.d.ts","sourceRoot":"","sources":["../../../src/node/collect/run.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAIvD,wBAAsB,GAAG,CAAC,OAAO,EAAE,gBAAgB,gBAIlD"}

package/dist/node/collect/run.js

@@ -0,0 +1,7 @@
+// @ts-expect-error virtual module
+import { collectSupportPlugins } from 'virtual:$histoire-support-plugins-collect';
+export async function run(payload) {
+    const { run } = await collectSupportPlugins[payload.file.supportPluginId]();
+    const result = await run(payload);
+    return result;
+}

package/dist/node/collect/worker.d.ts

@@ -0,0 +1,14 @@
+import type { ServerStory, ServerStoryFile } from '@poveste/shared';
+import type { MessagePort } from 'node:worker_threads';
+export interface Payload {
+    root: string;
+    base: string;
+    port: MessagePort;
+    storyFile: ServerStoryFile;
+}
+export interface ReturnData {
+    storyData: ServerStory[];
+}
+declare const _default: (payload: Payload) => Promise<ReturnData>;
+export default _default;
+//# sourceMappingURL=worker.d.ts.map

package/dist/node/collect/worker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"worker.d.ts","sourceRoot":"","sources":["../../../src/node/collect/worker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAoB,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACrF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAatD,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,WAAW,CAAA;IACjB,SAAS,EAAE,eAAe,CAAA;CAC3B;AAED,MAAM,WAAW,UAAU;IACzB,SAAS,EAAE,WAAW,EAAE,CAAA;CACzB;kCAgB8B,OAAO,KAAG,OAAO,CAAC,UAAU,CAAC;AAA5D,wBAyDC"}

package/dist/node/collect/worker.js

@@ -0,0 +1,64 @@
+import { performance } from 'node:perf_hooks';
+import { fileURLToPath } from 'node:url';
+import { parentPort } from 'node:worker_threads';
+import { createBirpc } from 'birpc';
+import { dirname, resolve } from 'pathe';
+import pc from 'picocolors';
+import { ModuleCacheMap, ViteNodeRunner } from 'vite-node/client';
+import { createDomEnv } from '../dom/env.js';
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const _moduleCache = new ModuleCacheMap();
+let _runner;
+let _rpc;
+// Cleanup module cache
+parentPort.on('message', (message) => {
+    if (message?.kind === 'hst:invalidate') {
+        _moduleCache.delete(message.file);
+    }
+});
+export default async (payload) => {
+    const startTime = performance.now();
+    process.env.HST_COLLECT = 'true';
+    _rpc = createBirpc({}, {
+        post: data => payload.port.postMessage(data),
+        on: data => payload.port.on('message', data),
+    });
+    const runner = _runner ?? (_runner = new ViteNodeRunner({
+        root: payload.root,
+        base: payload.base,
+        moduleCache: _moduleCache,
+        fetchModule(id) {
+            return _rpc.fetchModule(id);
+        },
+        resolveId(id, importer) {
+            return _rpc.resolveId(id, importer);
+        },
+    }));
+    const { destroy: destroyDomEnv } = createDomEnv();
+    const el = window.document.createElement('div');
+    const beforeExecuteTime = performance.now();
+    // Mount app to collect stories/variants
+    const { run } = (await runner.executeFile(resolve(__dirname, './run.js')));
+    const afterExecuteTime = performance.now();
+    const storyData = [];
+    await run({
+        file: payload.storyFile,
+        storyData,
+        el,
+    });
+    const afterRunTime = performance.now();
+    if (payload.storyFile.markdownFile) {
+        const el = document.createElement('div');
+        el.innerHTML = payload.storyFile.markdownFile.html;
+        const text = el.textContent;
+        storyData.forEach((s) => {
+            s.docsText = text;
+        });
+    }
+    destroyDomEnv();
+    const endTime = performance.now();
+    console.log(pc.dim(`${payload.storyFile.relativePath} ${Math.round(endTime - startTime)}ms (setup:${Math.round(beforeExecuteTime - startTime)}ms, execute:${Math.round(afterExecuteTime - beforeExecuteTime)}ms, run:${Math.round(afterRunTime - afterExecuteTime)}ms)`));
+    return {
+        storyData,
+    };
+};