@storybook/builder-vite 0.1.22

package/README.md

@@ -0,0 +1,120 @@
+# Storybook builder for Vite
+
+Requirements:
+
+- Vite 2.5 or newer
+
+Have a look at the GitHub issues for known bugs. If you find any new bugs,
+feel free to create an issue or send a pull request!
+
+## More maintainers needed!
+
+The Vite builder cannot build itself.
+Are you willing to contribute?
+
+https://github.com/storybookjs/builder-vite/issues/11
+
+Please read the [How to contribute](/CONTRIBUTING.md) guide.
+
+### Installation
+
+```bash
+npm install @storybook/builder-vite --save-dev
+```
+
+or
+
+```bash
+yarn add --dev @storybook/builder-vite
+```
+
+### Usage
+
+In your `main.js` configuration file,
+set `core: { builder: "@storybook/builder-vite" }`.
+
+> For autoreload of stories to work, they need to have `.stories.tsx` file suffix.
+> See also [#53](https://github.com/storybookjs/builder-vite/pull/53)
+
+The builder supports both development mode in Storybook, and building a static production version.
+
+### Customize Vite config
+
+The builder will _not_ read your `vite.config.js` file by default.
+
+In `.storybook/main.js` (or whatever your Storybook config file is named)
+you can override the Vite config:
+
+```javascript
+module.exports = {
+  async viteFinal(config, { configType }) {
+    // customize the Vite config here
+    config.resolve.alias.foo = 'bar';
+
+    // return the customized config
+    return config;
+  },
+  // ... other options here
+};
+```
+
+The `viteFinal` function will give you `config` which is
+the builder's own Vite config. You can tweak this as you want,
+for example to set up aliases, add new plugins etc.
+
+The `configType` variable will be either `"DEVELOPMENT"` or `"PRODUCTION"`.
+
+The function should return the updated Vite configuration.
+
+### Svelte Customization
+
+When using this builder with Svelte, your `.storybook/main.js` (or equivalent)
+can contain a `svelteOptions` object to pass custom options to
+[`vite-plugin-svelte`](https://github.com/sveltejs/vite-plugin-svelte/tree/main/packages/vite-plugin-svelte):
+
+```javascript
+const preprocess = require('svelte-preprocess');
+
+module.exports = {
+  svelteOptions: {
+    preprocess: preprocess({
+      typescript: true,
+      postcss: true,
+      sourceMap: true,
+    }),
+  },
+};
+```
+
+## Note about working directory
+
+The builder will by default enable Vite's [server.fs.strict](https://vitejs.dev/config/#server-fs-strict)
+option, for increased security. The default project `root` is set to the parent directory of the
+storybook configuration directory. This can be overridden in viteFinal.
+
+### Getting started with React, Vite and Storybook (on a new project)
+
+```
+npm init @vitejs/app vite-react-app --template react && cd vite-react-app
+npm install # or yarn
+npx sb@next init --builder @storybook/builder-vite && npm run storybook
+```
+
+## Known issues
+
+- HMR: saving a story file does not hot-module-reload. In svelte, the page is not reloaded either (https://github.com/storybookjs/builder-vite/issues/209). HMR should work when saving component files.
+- Prebundling: Vite restarts if it detects new dependencies which it did not know about and needs to pre-bundle. This breaks within storybook, with confusing error messages. If you see a message in your terminal like `[vite] new dependencies found:`, please add those dependencies to your `optimizeDeps.include` in `viteFinal`. E.g. `config.optimizeDeps.include = [...(config.optimizeDeps?.include ?? []), "storybook-dark-mode"],`.
+- MDX pages are broken when emotion 11 is installed: Adding the configuration [here](https://github.com/storybookjs/builder-vite/issues/219#issuecomment-1023666193) should fix this.
+
+## Contributing
+
+Contributions are welcome!
+
+### About this codebase
+
+The code is a monorepo with the core `@storybook/builder-vite` package,
+and examples (like `packages/example-react`) to test the builder implementation with.
+
+Similar to the main storybook monorepo, you need yarn , because the project is organized as yarn workspaces.
+This lets you write new code in the core builder package, and instantly use them from
+the example packages.

package/build.ts

@@ -0,0 +1,32 @@
+import { build as viteBuild } from 'vite';
+import { stringifyProcessEnvs } from './envs';
+import { commonConfig } from './vite-config';
+
+import type { EnvsRaw, ExtendedOptions } from './types';
+
+export async function build(options: ExtendedOptions) {
+  const { presets } = options;
+
+  const baseConfig = await commonConfig(options, 'development');
+  const config = {
+    ...baseConfig,
+    build: {
+      outDir: options.outputDir,
+      emptyOutDir: false, // do not clean before running Vite build - Storybook has already added assets in there!
+      sourcemap: true,
+    },
+  };
+
+  const finalConfig = await presets.apply('viteFinal', config, options);
+
+  const envsRaw = await presets.apply<Promise<EnvsRaw>>('env');
+  // Stringify env variables after getting `envPrefix` from the final config
+  const envs = stringifyProcessEnvs(envsRaw, finalConfig.envPrefix);
+  // Update `define`
+  finalConfig.define = {
+    ...finalConfig.define,
+    ...envs,
+  };
+
+  await viteBuild(finalConfig);
+}

package/code-generator-plugin.ts

@@ -0,0 +1,102 @@
+import * as fs from 'fs';
+import * as path from 'path';
+import { transformIframeHtml } from './transform-iframe-html';
+import { generateIframeScriptCode } from './codegen-iframe-script';
+import { generateModernIframeScriptCode } from './codegen-modern-iframe-script';
+import { generateImportFnScriptCode } from './codegen-importfn-script';
+import { generateVirtualStoryEntryCode, generatePreviewEntryCode } from './codegen-entries';
+
+import type { Plugin } from 'vite';
+import type { ExtendedOptions } from './types';
+
+export function codeGeneratorPlugin(options: ExtendedOptions): Plugin {
+  const virtualFileId = '/virtual:/@storybook/builder-vite/vite-app.js';
+  const virtualStoriesFile = '/virtual:/@storybook/builder-vite/storybook-stories.js';
+  const virtualPreviewFile = '/virtual:/@storybook/builder-vite/preview-entry.js';
+  const iframePath = path.resolve(__dirname, '..', 'input', 'iframe.html');
+  let iframeId: string;
+
+  // noinspection JSUnusedGlobalSymbols
+  return {
+    name: 'storybook-vite-code-generator-plugin',
+    enforce: 'pre',
+    configureServer(server) {
+      // invalidate the whole vite-app.js script on every file change.
+      // (this might be a little too aggressive?)
+      server.watcher.on('change', (_e) => {
+        const { moduleGraph } = server;
+        const appModule = moduleGraph.getModuleById(virtualFileId);
+        if (appModule) {
+          server.moduleGraph.invalidateModule(appModule);
+        }
+        const storiesModule = moduleGraph.getModuleById(virtualStoriesFile);
+        if (storiesModule) {
+          server.moduleGraph.invalidateModule(storiesModule);
+        }
+      });
+    },
+    config(config, { command }) {
+      // If we are building the static distribution, add iframe.html as an entry.
+      // In development mode, it's not an entry - instead, we use an express middleware
+      // to serve iframe.html. The reason is that Vite's dev server (at the time of writing)
+      // does not support virtual files as entry points.
+      if (command === 'build') {
+        if (!config.build) {
+          config.build = {};
+        }
+        config.build.rollupOptions = {
+          input: iframePath,
+        };
+      }
+    },
+    configResolved(config) {
+      iframeId = `${config.root}/iframe.html`;
+    },
+    resolveId(source) {
+      if (source === virtualFileId) {
+        return virtualFileId;
+      } else if (source === iframePath) {
+        return iframeId;
+      } else if (source === virtualStoriesFile) {
+        return virtualStoriesFile;
+      } else if (source === virtualPreviewFile) {
+        return virtualPreviewFile;
+      }
+    },
+    async load(id) {
+      const storyStoreV7 = options.features?.storyStoreV7;
+      if (id === virtualStoriesFile) {
+        if (storyStoreV7) {
+          return generateImportFnScriptCode(options);
+        } else {
+          return generateVirtualStoryEntryCode(options);
+        }
+      }
+
+      if (id === virtualPreviewFile && !storyStoreV7) {
+        return generatePreviewEntryCode(options);
+      }
+
+      if (id === virtualFileId) {
+        if (storyStoreV7) {
+          return generateModernIframeScriptCode(options, { storiesFilename: virtualStoriesFile });
+        } else {
+          return generateIframeScriptCode(options, {
+            storiesFilename: virtualStoriesFile,
+            previewFilename: virtualPreviewFile,
+          });
+        }
+      }
+
+      if (id === iframeId) {
+        return fs.readFileSync(path.resolve(__dirname, '..', 'input', 'iframe.html'), 'utf-8');
+      }
+    },
+    async transformIndexHtml(html, ctx) {
+      if (ctx.path !== '/iframe.html') {
+        return;
+      }
+      return transformIframeHtml(html, options);
+    },
+  };
+}

package/codegen-entries.ts

@@ -0,0 +1,46 @@
+import { loadPreviewOrConfigFile } from '@storybook/core-common';
+import type { Options } from '@storybook/core-common';
+import slash from 'slash';
+import { normalizePath } from 'vite';
+import type { ExtendedOptions } from './types';
+import { listStories } from './list-stories';
+
+const absoluteFilesToImport = (files: string[], name: string) =>
+  files.map((el, i) => `import ${name ? `* as ${name}_${i} from ` : ''}'/@fs/${normalizePath(el)}'`).join('\n');
+
+export async function generateVirtualStoryEntryCode(options: ExtendedOptions) {
+  const { frameworkPath, framework } = options;
+  const storyEntries = await listStories(options);
+  const resolveMap = storyEntries.reduce<Record<string, string>>(
+    (prev, entry) => ({ ...prev, [entry]: entry.replace(slash(process.cwd()), '.') }),
+    {}
+  );
+  const modules = storyEntries.map((entry, i) => `${JSON.stringify(entry)}: story_${i}`).join(',');
+  const frameworkImportPath = frameworkPath || `@storybook/${framework}`;
+
+  return `
+    import { configure } from '${frameworkImportPath}';
+    ${absoluteFilesToImport(storyEntries, 'story')}
+
+    function loadable(key) {
+      return {${modules}}[key];
+    }
+    
+    Object.assign(loadable, {
+      keys: () => (${JSON.stringify(Object.keys(resolveMap))}),
+      resolve: (key) => (${JSON.stringify(resolveMap)}[key])
+    });
+
+    export function configStories() {
+      configure(loadable, { hot: import.meta.hot }, false);
+    }
+  `.trim();
+}
+
+export async function generatePreviewEntryCode({ configDir }: Options) {
+  const previewFile = loadPreviewOrConfigFile({ configDir });
+  if (!previewFile) return '';
+
+  return `import * as preview from '${slash(previewFile)}';
+  export default preview;`;
+}

package/codegen-iframe-script.ts

@@ -0,0 +1,93 @@
+import { normalizePath } from 'vite';
+
+import type { ExtendedOptions } from './types';
+
+interface GenerateIframeScriptCodeOptions {
+  storiesFilename: string;
+  previewFilename: string;
+}
+
+export async function generateIframeScriptCode(
+  options: ExtendedOptions,
+  { storiesFilename, previewFilename }: GenerateIframeScriptCodeOptions
+) {
+  const { presets } = options;
+
+  const presetEntries = await presets.apply('config', [], options);
+  const configEntries = [...presetEntries].filter(Boolean);
+
+  const absoluteFilesToImport = (files: string[], name: string) =>
+    files.map((el, i) => `import ${name ? `* as ${name}_${i} from ` : ''}'/@fs/${normalizePath(el)}'`).join('\n');
+
+  const importArray = (name: string, length: number) => new Array(length).fill(0).map((_, i) => `${name}_${i}`);
+
+  // noinspection UnnecessaryLocalVariableJS
+  /** @todo Inline variable and remove `noinspection` */
+  // language=JavaScript
+  const code = `
+    import {
+      addDecorator,
+      addParameters,
+      addLoader,
+      addArgTypesEnhancer,
+      addArgsEnhancer
+    } from '@storybook/client-api';
+    import { logger } from '@storybook/client-logger';
+    ${absoluteFilesToImport(configEntries, 'config')}
+    import * as preview from '${previewFilename}';
+    // This import should occur after the config imports above
+    import { configStories } from '${storiesFilename}';
+
+    const configs = [${importArray('config', configEntries.length).concat('preview.default').join(',')}].filter(Boolean)
+
+    configs.forEach(config => {
+      Object.keys(config).forEach((key) => {
+        const value = config[key];
+        switch (key) {
+          case 'args':
+          case 'argTypes': {
+            return logger.warn('Invalid args/argTypes in config, ignoring.', JSON.stringify(value));
+          }
+          case 'decorators': {
+            return value.forEach((decorator) => addDecorator(decorator, false));
+          }
+          case 'loaders': {
+            return value.forEach((loader) => addLoader(loader, false));
+          }
+          case 'parameters': {
+            return addParameters({ ...value }, false);
+          }
+          case 'argTypesEnhancers': {
+            return value.forEach((enhancer) => addArgTypesEnhancer(enhancer));
+          }
+          case 'argsEnhancers': {
+            return value.forEach((enhancer) => addArgsEnhancer(enhancer))
+          }
+          case 'globals':
+          case 'globalTypes': {
+            const v = {};
+            v[key] = value;
+            return addParameters(v, false);
+          }
+          case 'decorateStory':
+          case 'renderToDOM': {
+            return null; // This key is not handled directly in v6 mode.
+          }
+          default: {
+            // eslint-disable-next-line prefer-template
+            return console.log(key + ' was not supported :( !');
+          }
+        }
+      });
+    })
+    
+    /* TODO: not quite sure what to do with this, to fix HMR
+    if (import.meta.hot) {
+        import.meta.hot.accept();    
+    }
+    */
+
+    configStories();
+    `.trim();
+  return code;
+}

package/codegen-importfn-script.ts

@@ -0,0 +1,49 @@
+import * as path from 'path';
+import { normalizePath } from 'vite';
+import type { Options } from '@storybook/core-common';
+
+import { listStories } from './list-stories';
+
+/**
+ * This file is largely based on https://github.com/storybookjs/storybook/blob/d1195cbd0c61687f1720fefdb772e2f490a46584/lib/core-common/src/utils/to-importFn.ts
+ */
+
+/**
+ * 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: string) {
+  return relativePath.startsWith('../') ? relativePath : `./${relativePath}`;
+}
+
+/**
+ * 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: string[]) {
+  const objectEntries = stories.map((file) => {
+    return `  '${toImportPath(normalizePath(path.relative(process.cwd(), file)))}': async () => import('/@fs/${file}')`;
+  });
+
+  return `
+    const importers = {
+      ${objectEntries.join(',\n')}
+    };
+
+    export async function importFn(path) {
+        return importers[path]();
+    }
+  `;
+}
+
+export async function generateImportFnScriptCode(options: Options) {
+  // First we need to get an array of stories and their absolute paths.
+  const stories = await 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();
+}

package/codegen-modern-iframe-script.ts

@@ -0,0 +1,82 @@
+import { loadPreviewOrConfigFile } from '@storybook/core-common';
+import { normalizePath } from 'vite';
+
+import type { ExtendedOptions } from './types';
+
+interface GenerateModernIframeScriptCodeOptions {
+  storiesFilename: string;
+}
+
+export async function generateModernIframeScriptCode(
+  options: ExtendedOptions,
+  { storiesFilename }: GenerateModernIframeScriptCodeOptions
+) {
+  const { presets, configDir } = options;
+
+  const previewOrConfigFile = loadPreviewOrConfigFile({ configDir });
+  const presetEntries = await presets.apply('config', [], options);
+  const configEntries = [...presetEntries, previewOrConfigFile]
+    .filter(Boolean)
+    .map((configEntry) => `/@fs/${normalizePath(configEntry)}`);
+
+  // noinspection UnnecessaryLocalVariableJS
+  /**
+   * This code is largely taken from https://github.com/storybookjs/storybook/blob/d1195cbd0c61687f1720fefdb772e2f490a46584/lib/builder-webpack4/src/preview/virtualModuleModernEntry.js.handlebars
+   * Some small tweaks were made to `getProjectAnnotations` (since `import()` needs to be resolved asynchronously)
+   * and the HMR implementation has been tweaked to work with Vite.
+   * @todo Inline variable and remove `noinspection`
+   */
+  // language=JavaScript
+  const code = `
+    import global from 'global';
+
+    import { composeConfigs, PreviewWeb } from '@storybook/preview-web';
+    import { ClientApi } from '@storybook/client-api';
+    import { addons } from '@storybook/addons';
+    import createPostMessageChannel from '@storybook/channel-postmessage';
+    import createWebSocketChannel from '@storybook/channel-websocket';
+
+    import { importFn } from '${storiesFilename}';
+
+    const { SERVER_CHANNEL_URL } = global;
+
+    const getProjectAnnotations = async () =>
+      composeConfigs(await Promise.all([${configEntries
+        .map((configEntry) => `import('${configEntry}')`)
+        .join(',\n')}]));
+
+    const channel = createPostMessageChannel({ page: 'preview' });
+    addons.setChannel(channel);
+
+    if (SERVER_CHANNEL_URL) {
+      const serverChannel = createWebSocketChannel({ url: SERVER_CHANNEL_URL });
+      addons.setServerChannel(serverChannel);
+      window.__STORYBOOK_SERVER_CHANNEL__ = serverChannel;
+    }
+
+    const preview = new PreviewWeb();
+
+    window.__STORYBOOK_PREVIEW__ = preview;
+    window.__STORYBOOK_STORY_STORE__ = preview.storyStore;
+    window.__STORYBOOK_ADDONS_CHANNEL__ = channel;
+    window.__STORYBOOK_CLIENT_API__ = new ClientApi({ storyStore: preview.storyStore });
+
+    preview.initialize({ importFn, getProjectAnnotations });
+
+    if (import.meta.hot) {
+        import.meta.hot.accept('${storiesFilename}', (newModule) => {
+
+        // importFn has changed so we need to patch the new one in
+        preview.onStoriesChanged({ importFn: newModule.importFn });
+        });
+
+      import.meta.hot.accept(${JSON.stringify(configEntries)}, ([...newConfigEntries]) => {
+        const newGetProjectAnnotations =  () => composeConfigs(newConfigEntries);
+
+        // getProjectAnnotations has changed so we need to patch the new one in
+        preview.onGetProjectAnnotationsChanged({ getProjectAnnotations: newGetProjectAnnotations });
+      });
+    }
+    `.trim();
+  return code;
+}

package/declarations/extract-stories.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @see https://github.com/storybookjs/addon-svelte-csf/blob/f72b8f28dabbb99c92e12d0170d3c1db4397ee7c/src/parser/extract-stories.ts
+ */
+declare module '@storybook/addon-svelte-csf/dist/cjs/parser/extract-stories' {
+  interface StoryDef {
+    name: string;
+    template: boolean;
+    source: string;
+    hasArgs: boolean;
+  }
+
+  interface StoriesDef {
+    stories: Record<string, StoryDef>;
+    allocatedIds: string[];
+  }
+
+  function extractStories(component: string): { stories: StoriesDef; allocatedIds: string[] };
+}

package/declarations/svetle-stories-loader.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @see https://github.com/storybookjs/addon-svelte-csf/blob/f72b8f28dabbb99c92e12d0170d3c1db4397ee7c/src/parser/svelte-stories-loader.ts
+ * @see https://github.com/sveltejs/svelte/blob/deed340cf5d9c278f9a0605297ad6e4a3a1579d9/src/compiler/compile/utils/get_name_from_filename.ts
+ */
+declare module '@storybook/addon-svelte-csf/dist/cjs/parser/svelte-stories-loader' {
+  function getNameFromFilename(filename: string): string;
+}

package/dist/build.d.ts

@@ -0,0 +1,2 @@
+import type { ExtendedOptions } from './types';
+export declare function build(options: ExtendedOptions): Promise<void>;

package/dist/build.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.build = void 0;
+const vite_1 = require("vite");
+const envs_1 = require("./envs");
+const vite_config_1 = require("./vite-config");
+async function build(options) {
+    const { presets } = options;
+    const baseConfig = await (0, vite_config_1.commonConfig)(options, 'development');
+    const config = {
+        ...baseConfig,
+        build: {
+            outDir: options.outputDir,
+            emptyOutDir: false,
+            sourcemap: true,
+        },
+    };
+    const finalConfig = await presets.apply('viteFinal', config, options);
+    const envsRaw = await presets.apply('env');
+    // Stringify env variables after getting `envPrefix` from the final config
+    const envs = (0, envs_1.stringifyProcessEnvs)(envsRaw, finalConfig.envPrefix);
+    // Update `define`
+    finalConfig.define = {
+        ...finalConfig.define,
+        ...envs,
+    };
+    await (0, vite_1.build)(finalConfig);
+}
+exports.build = build;
+//# sourceMappingURL=build.js.map

package/dist/build.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build.js","sourceRoot":"","sources":["../build.ts"],"names":[],"mappings":";;;AAAA,+BAA0C;AAC1C,iCAA8C;AAC9C,+CAA6C;AAItC,KAAK,UAAU,KAAK,CAAC,OAAwB;IAClD,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAE5B,MAAM,UAAU,GAAG,MAAM,IAAA,0BAAY,EAAC,OAAO,EAAE,aAAa,CAAC,CAAC;IAC9D,MAAM,MAAM,GAAG;QACb,GAAG,UAAU;QACb,KAAK,EAAE;YACL,MAAM,EAAE,OAAO,CAAC,SAAS;YACzB,WAAW,EAAE,KAAK;YAClB,SAAS,EAAE,IAAI;SAChB;KACF,CAAC;IAEF,MAAM,WAAW,GAAG,MAAM,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAEtE,MAAM,OAAO,GAAG,MAAM,OAAO,CAAC,KAAK,CAAmB,KAAK,CAAC,CAAC;IAC7D,0EAA0E;IAC1E,MAAM,IAAI,GAAG,IAAA,2BAAoB,EAAC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAClE,kBAAkB;IAClB,WAAW,CAAC,MAAM,GAAG;QACnB,GAAG,WAAW,CAAC,MAAM;QACrB,GAAG,IAAI;KACR,CAAC;IAEF,MAAM,IAAA,YAAS,EAAC,WAAW,CAAC,CAAC;AAC/B,CAAC;AAzBD,sBAyBC","sourcesContent":["import { build as viteBuild } from 'vite';\nimport { stringifyProcessEnvs } from './envs';\nimport { commonConfig } from './vite-config';\n\nimport type { EnvsRaw, ExtendedOptions } from './types';\n\nexport async function build(options: ExtendedOptions) {\n  const { presets } = options;\n\n  const baseConfig = await commonConfig(options, 'development');\n  const config = {\n    ...baseConfig,\n    build: {\n      outDir: options.outputDir,\n      emptyOutDir: false, // do not clean before running Vite build - Storybook has already added assets in there!\n      sourcemap: true,\n    },\n  };\n\n  const finalConfig = await presets.apply('viteFinal', config, options);\n\n  const envsRaw = await presets.apply<Promise<EnvsRaw>>('env');\n  // Stringify env variables after getting `envPrefix` from the final config\n  const envs = stringifyProcessEnvs(envsRaw, finalConfig.envPrefix);\n  // Update `define`\n  finalConfig.define = {\n    ...finalConfig.define,\n    ...envs,\n  };\n\n  await viteBuild(finalConfig);\n}\n"]}

package/dist/code-generator-plugin.d.ts

@@ -0,0 +1,3 @@
+import type { Plugin } from 'vite';
+import type { ExtendedOptions } from './types';
+export declare function codeGeneratorPlugin(options: ExtendedOptions): Plugin;