@storybook/svelte 10.4.0-alpha.9 → 10.4.0-beta.0

package/dist/_node-chunks/parsers-7KUKJLJZ.js

@@ -0,0 +1,90 @@
+import CJS_COMPAT_NODE_URL_xrxh5msiiz from 'node:url';
+import CJS_COMPAT_NODE_PATH_xrxh5msiiz from 'node:path';
+import CJS_COMPAT_NODE_MODULE_xrxh5msiiz from "node:module";
+
+var __filename = CJS_COMPAT_NODE_URL_xrxh5msiiz.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_xrxh5msiiz.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_xrxh5msiiz.createRequire(import.meta.url);
+
+// ------------------------------------------------------------
+// end of CJS compatibility banner, injected by Storybook's esbuild configuration
+// ------------------------------------------------------------
+
+// src/parsers/svelteImportParser.ts
+import {
+  ChangeDetectionFailureError
+} from "storybook/internal/core-server";
+var svelteCompilerPromise;
+async function getSvelteCompiler() {
+  return svelteCompilerPromise || (svelteCompilerPromise = import("svelte/compiler").catch((error) => {
+    throw svelteCompilerPromise = void 0, new ChangeDetectionFailureError(
+      `Failed to load 'svelte/compiler'; is 'svelte' installed? Original error: ${error instanceof Error ? error.message : String(error)}`,
+      error instanceof Error ? { cause: error } : void 0
+    );
+  })), svelteCompilerPromise;
+}
+function readLangFromAttributes(attributes) {
+  if (Array.isArray(attributes)) {
+    for (let attr of attributes)
+      if (attr.name === "lang") {
+        if (attr.value === !0)
+          return;
+        if (Array.isArray(attr.value) && attr.value.length > 0) {
+          let first = attr.value[0];
+          if (typeof first?.data == "string")
+            return first.data;
+        }
+        return;
+      }
+  }
+}
+function extractScriptSource(source, script) {
+  let range = script?.content;
+  if (!range || typeof range.start != "number" || typeof range.end != "number" || range.start < 0 || range.end > source.length || range.end <= range.start)
+    return;
+  let lang = readLangFromAttributes(script?.attributes);
+  return { scriptSource: source.slice(range.start, range.end), lang };
+}
+function virtualExtensionForLang(lang) {
+  switch (lang) {
+    case "ts":
+      return "ts";
+    case "tsx":
+      return "tsx";
+    case "jsx":
+      return "jsx";
+    default:
+      return "js";
+  }
+}
+var svelteImportParser = {
+  extensions: [".svelte"],
+  async parse({ filePath, source }, ctx) {
+    let compiler = await getSvelteCompiler(), ast;
+    try {
+      ast = compiler.parse(source, { filename: filePath, modern: !0 });
+    } catch (error) {
+      throw new ChangeDetectionFailureError(
+        `svelte/compiler failed to parse ${filePath}: ${error instanceof Error ? error.message : String(error)}`,
+        error instanceof Error ? { cause: error } : void 0
+      );
+    }
+    let root = ast ?? {}, scripts = [], moduleResult = extractScriptSource(source, root.module);
+    moduleResult !== void 0 && scripts.push(moduleResult);
+    let instanceResult = extractScriptSource(source, root.instance);
+    if (instanceResult !== void 0 && scripts.push(instanceResult), scripts.length === 0)
+      return [];
+    let edges = [], seen = /* @__PURE__ */ new Set();
+    for (let { scriptSource, lang } of scripts) {
+      let ext = virtualExtensionForLang(lang), virtualFilePath = `${filePath}.script.${ext}`, scriptEdges = await ctx.parseScriptWithOxc(scriptSource, virtualFilePath);
+      for (let edge of scriptEdges) {
+        let key = `${edge.kind}:${edge.specifier}`;
+        seen.has(key) || (seen.add(key), edges.push(edge));
+      }
+    }
+    return edges;
+  }
+};
+export {
+  svelteImportParser
+};

package/dist/preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_e4ehjq3le1n from 'node:url';
-import CJS_COMPAT_NODE_PATH_e4ehjq3le1n from 'node:path';
-import CJS_COMPAT_NODE_MODULE_e4ehjq3le1n from "node:module";
+import CJS_COMPAT_NODE_URL_xrxh5msiiz from 'node:url';
+import CJS_COMPAT_NODE_PATH_xrxh5msiiz from 'node:path';
+import CJS_COMPAT_NODE_MODULE_xrxh5msiiz from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_e4ehjq3le1n.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_e4ehjq3le1n.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_e4ehjq3le1n.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_xrxh5msiiz.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_xrxh5msiiz.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_xrxh5msiiz.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
@@ -17,7 +17,11 @@ var previewAnnotations = async (input = [], options) => {
   return [].concat(input).concat([fileURLToPath(import.meta.resolve("@storybook/svelte/entry-preview"))]).concat(
     docsEnabled ? [fileURLToPath(import.meta.resolve("@storybook/svelte/entry-preview-docs"))] : []
   );
+}, experimental_importParsers = async (input = []) => {
+  let { svelteImportParser } = await import("./_node-chunks/parsers-7KUKJLJZ.js");
+  return [...input, svelteImportParser];
 };
 export {
+  experimental_importParsers,
   previewAnnotations
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/svelte",
-  "version": "10.4.0-alpha.9",
+  "version": "10.4.0-beta.0",
   "description": "Storybook Svelte renderer: Develop, document, and test UI components in isolation.",
   "keywords": [
     "storybook",
@@ -66,7 +66,7 @@
     "vite": "^7.0.4"
   },
   "peerDependencies": {
-    "storybook": "^10.4.0-alpha.9",
+    "storybook": "^10.4.0-beta.0",
     "svelte": "^5.0.0"
   },
   "publishConfig": {

package/static/PreviewRender.svelte

@@ -1,5 +1,9 @@
 <script>
-  import DecoratorHandler from './DecoratorHandler.svelte';
+  /*
+  ! DO NOT change this DecoratorHandler import to a relative path, it will break it.
+  ! See https://github.com/storybookjs/storybook/issues/34304
+  */
+  import DecoratorHandler from '@storybook/svelte/internal/DecoratorHandler.svelte';
   import { dedent } from 'ts-dedent';
 
   const { name, title, storyFn, showError } = $props();