@storybook/svelte-vite 11.0.0-alpha.0 → 11.0.0-alpha.2

package/dist/node/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_703clj6tp7l from 'node:url';
-import CJS_COMPAT_NODE_PATH_703clj6tp7l from 'node:path';
-import CJS_COMPAT_NODE_MODULE_703clj6tp7l from "node:module";
+import CJS_COMPAT_NODE_URL_4e8xscswbvr from 'node:url';
+import CJS_COMPAT_NODE_PATH_4e8xscswbvr from 'node:path';
+import CJS_COMPAT_NODE_MODULE_4e8xscswbvr from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_703clj6tp7l.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_703clj6tp7l.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_703clj6tp7l.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_4e8xscswbvr.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_4e8xscswbvr.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_4e8xscswbvr.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/preset.js

@@ -1,15 +1,65 @@
-import CJS_COMPAT_NODE_URL_703clj6tp7l from 'node:url';
-import CJS_COMPAT_NODE_PATH_703clj6tp7l from 'node:path';
-import CJS_COMPAT_NODE_MODULE_703clj6tp7l from "node:module";
+import CJS_COMPAT_NODE_URL_4e8xscswbvr from 'node:url';
+import CJS_COMPAT_NODE_PATH_4e8xscswbvr from 'node:path';
+import CJS_COMPAT_NODE_MODULE_4e8xscswbvr from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_703clj6tp7l.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_703clj6tp7l.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_703clj6tp7l.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_4e8xscswbvr.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_4e8xscswbvr.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_4e8xscswbvr.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 
+// src/preset.ts
+import { assertSvelteCsfAddonNotInstalled } from "@storybook/svelte/internal/svelte-csf/addon-check";
+
+// ../../../node_modules/@rolldown/pluginutils/dist/filter-B_mD-HGz.mjs
+function exactRegex(str, flags) {
+  return new RegExp(`^${escapeRegex(str)}$`, flags);
+}
+var escapeRegexRE = /[-/\\^$*+?.()|[\]{}]/g;
+function escapeRegex(str) {
+  return str.replace(escapeRegexRE, "\\$&");
+}
+
+// src/plugins/svelte-csf.ts
+import {
+  SVELTE_CSF_RUNTIME_STORIES_IMPORT_SOURCE,
+  svelteCsfRuntimeStoriesPath,
+  transformSvelteCsf
+} from "@storybook/svelte/internal/svelte-csf/transform";
+function svelteCsf() {
+  let sveltePlugin;
+  return {
+    name: "storybook:svelte-csf",
+    configResolved({ plugins }) {
+      sveltePlugin = plugins.find(
+        (plugin) => plugin.name === "vite-plugin-svelte:config" || plugin.name === "vite-plugin-svelte"
+      );
+    },
+    resolveId: {
+      // Run before Vite's resolver. When Vite resolves the import itself, its optimizer finds the
+      // runtime only while stories load, then pre-bundles it and reloads the page
+      order: "pre",
+      filter: { id: exactRegex(SVELTE_CSF_RUNTIME_STORIES_IMPORT_SOURCE) },
+      handler() {
+        return svelteCsfRuntimeStoriesPath;
+      }
+    },
+    transform: {
+      filter: { id: /\.stories\.svelte$/ },
+      handler(compiledCode, id2) {
+        return transformSvelteCsf({
+          filename: id2,
+          compiledCode,
+          compiledAST: this.parse(compiledCode),
+          preprocess: sveltePlugin?.api?.options?.preprocess
+        });
+      }
+    }
+  };
+}
+
 // src/plugins/svelte-docgen.ts
 import { basename, relative } from "node:path";
 import MagicString from "magic-string";
@@ -329,22 +379,22 @@ function transformToSvelteDocParserDataItems(docgen) {
   });
 }
 async function svelteDocgen() {
-  let cwd = process.cwd(), include = /\.svelte$/, exclude = /node_modules\/.*/, { createFilter } = await import("vite"), filter = createFilter(include, exclude), sourceFileCache = createDocgenCache();
+  let cwd = process.cwd(), include2 = /\.svelte$/, exclude2 = /node_modules\/.*/, { createFilter } = await import("vite"), filter = createFilter(include2, exclude2), sourceFileCache = createDocgenCache();
   return {
     name: "storybook:svelte-docgen-plugin",
     transform: {
-      filter: { id: { include, exclude } },
-      async handler(src, id) {
-        if (id.startsWith("\0") || !filter(id))
+      filter: { id: { include: include2, exclude: exclude2 } },
+      async handler(src, id2) {
+        if (id2.startsWith("\0") || !filter(id2))
           return;
-        let resource = relative(cwd, id), docgen = generateDocgen(resource, sourceFileCache), componentDoc = {
+        let resource = relative(cwd, id2), docgen = generateDocgen(resource, sourceFileCache), componentDoc = {
           data: transformToSvelteDocParserDataItems(docgen),
           name: basename(resource)
         }, s = new MagicString(src), outputAst = this.parse(src), componentName = getComponentName(outputAst);
         return s.append(`
 ;${componentName}.__docgen = ${JSON.stringify(componentDoc)}`), {
           code: s.toString(),
-          map: s.generateMap({ hires: !0, source: id }).toString()
+          map: s.generateMap({ hires: !0, source: id2 }).toString()
         };
       }
     }
@@ -370,7 +420,7 @@ var core = {
   renderer: import.meta.resolve("@storybook/svelte/preset")
 }, viteFinal = async (config, options) => {
   let { plugins = [] } = config, framework = await options.presets.apply("framework");
-  return (typeof framework == "string" ? {} : framework.options ?? {}).docgen !== !1 && plugins.push(await svelteDocgen()), await handleSvelteKit(plugins, options), {
+  return assertSvelteCsfAddonNotInstalled({ presetsList: options.presetsList, framework }), (typeof framework == "string" ? {} : framework.options ?? {}).docgen !== !1 && plugins.push(await svelteDocgen()), await handleSvelteKit(plugins, options), plugins.push(svelteCsf()), {
     ...config,
     plugins
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte-vite",
-  "version": "11.0.0-alpha.0",
+  "version": "11.0.0-alpha.2",
   "description": "Storybook for Svelte and Vite: Develop, document, and test UI components in isolation",
   "keywords": [
     "storybook",
@@ -52,13 +52,14 @@
     "!src/**/*"
   ],
   "dependencies": {
-    "@storybook/builder-vite": "11.0.0-alpha.0",
-    "@storybook/svelte": "11.0.0-alpha.0",
+    "@storybook/builder-vite": "11.0.0-alpha.2",
+    "@storybook/svelte": "11.0.0-alpha.2",
     "magic-string": "^1.1.0",
     "svelte2tsx": "^0.7.55",
-    "typescript": "^4.9.4 || ^5.0.0"
+    "typescript": "^5.9.0 || ^6.0.0"
   },
   "devDependencies": {
+    "@rolldown/pluginutils": "^1.0.1",
     "@sveltejs/vite-plugin-svelte": "^6.2.0",
     "@types/node": "^22.19.1",
     "svelte": "^5.39.5",
@@ -68,9 +69,10 @@
   },
   "peerDependencies": {
     "@sveltejs/vite-plugin-svelte": "^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0",
-    "storybook": "^11.0.0-alpha.0",
+    "storybook": "^11.0.0-alpha.2",
     "svelte": "^5.0.0",
-    "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
+    "typescript": "^5.9.0 || ^6.0.0",
+    "vite": "^6.3.0 || ^7.0.0 || ^8.0.0"
   },
   "publishConfig": {
     "access": "public"

package/template/cli/js/Button.stories.svelte

@@ -1,5 +1,5 @@
 <script module>
-  import { defineMeta } from '@storybook/addon-svelte-csf';
+  import { defineMeta } from '@storybook/svelte-vite';
   import Button from './Button.svelte';
   import { fn } from 'storybook/test';
 

package/template/cli/js/Header.stories.svelte

@@ -1,5 +1,5 @@
 <script module>
-  import { defineMeta } from '@storybook/addon-svelte-csf';
+  import { defineMeta } from '@storybook/svelte-vite';
   import Header from './Header.svelte';
   import { fn } from 'storybook/test';
 

package/template/cli/js/Page.stories.svelte

@@ -1,5 +1,5 @@
 <script module>
-  import { defineMeta } from '@storybook/addon-svelte-csf';
+  import { defineMeta } from '@storybook/svelte-vite';
   import { expect, userEvent, waitFor, within } from 'storybook/test';
   import Page from './Page.svelte';
   import { fn } from 'storybook/test';

package/template/cli/ts/Button.stories.svelte

@@ -1,5 +1,5 @@
 <script module>
-  import { defineMeta } from '@storybook/addon-svelte-csf';
+  import { defineMeta } from '@storybook/svelte-vite';
   import Button from './Button.svelte';
   import { fn } from 'storybook/test';
 

package/template/cli/ts/Header.stories.svelte

@@ -1,5 +1,5 @@
 <script module>
-  import { defineMeta } from '@storybook/addon-svelte-csf';
+  import { defineMeta } from '@storybook/svelte-vite';
   import Header from './Header.svelte';
   import { fn } from 'storybook/test';
 

package/template/cli/ts/Page.stories.svelte

@@ -1,5 +1,5 @@
 <script module>
-  import { defineMeta } from '@storybook/addon-svelte-csf';
+  import { defineMeta } from '@storybook/svelte-vite';
   import { expect, userEvent, waitFor, within } from 'storybook/test';
   import Page from './Page.svelte';
   import { fn } from 'storybook/test';