@storybook/svelte-vite 11.0.0-alpha.8 → 11.0.0-beta.0

package/dist/{chunk-DAg8hspc.d.ts → chunk-BWzDcG_q.d.ts}

@@ -11,6 +11,7 @@ type FrameworkOptions = {
    * slots. When disabled, Storybook will skip the docgen processing step during build, which can
    * improve build performance.
    *
+   * @deprecated Builder docgen is removed in Storybook 12. Use `features.docgenServer`.
    * @default true
    */
   docgen?: boolean;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { n as StorybookConfig, t as FrameworkOptions } from "./chunk-DAg8hspc.js";
+import { n as StorybookConfig, t as FrameworkOptions } from "./chunk-BWzDcG_q.js";
 import { __definePreview as definePreview } from "@storybook/svelte";
 export * from "@storybook/svelte";
 export { FrameworkOptions, StorybookConfig, definePreview };

package/dist/node/index.d.ts

@@ -1,4 +1,4 @@
-import { n as StorybookConfig } from "../chunk-DAg8hspc.js";
+import { n as StorybookConfig } from "../chunk-BWzDcG_q.js";
 
 //#region code/frameworks/svelte-vite/.dts-emit/code/frameworks/svelte-vite/src/node/index.d.ts
 declare function defineMain(config: StorybookConfig): StorybookConfig;

package/dist/node/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_euhb73pg96c from 'node:url';
-import CJS_COMPAT_NODE_PATH_euhb73pg96c from 'node:path';
-import CJS_COMPAT_NODE_MODULE_euhb73pg96c from "node:module";
+import CJS_COMPAT_NODE_URL_0g9mf97iegft from 'node:url';
+import CJS_COMPAT_NODE_PATH_0g9mf97iegft from 'node:path';
+import CJS_COMPAT_NODE_MODULE_0g9mf97iegft from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_euhb73pg96c.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_euhb73pg96c.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_euhb73pg96c.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_0g9mf97iegft.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_0g9mf97iegft.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_0g9mf97iegft.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/preset.d.ts

@@ -1,4 +1,4 @@
-import { n as StorybookConfig$1 } from "./chunk-DAg8hspc.js";
+import { n as StorybookConfig$1 } from "./chunk-BWzDcG_q.js";
 import { PresetProperty } from "storybook/internal/types";
 
 //#region code/frameworks/svelte-vite/.dts-emit/code/frameworks/svelte-vite/src/preset.d.ts

package/dist/preset.js

@@ -1,16 +1,21 @@
-import CJS_COMPAT_NODE_URL_euhb73pg96c from 'node:url';
-import CJS_COMPAT_NODE_PATH_euhb73pg96c from 'node:path';
-import CJS_COMPAT_NODE_MODULE_euhb73pg96c from "node:module";
+import CJS_COMPAT_NODE_URL_0g9mf97iegft from 'node:url';
+import CJS_COMPAT_NODE_PATH_0g9mf97iegft from 'node:path';
+import CJS_COMPAT_NODE_MODULE_0g9mf97iegft from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_euhb73pg96c.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_euhb73pg96c.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_euhb73pg96c.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_0g9mf97iegft.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_0g9mf97iegft.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_0g9mf97iegft.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 
 // src/preset.ts
+import {
+  getTypeScriptForDocgenError,
+  isDocgenServerDisabledInMainConfig
+} from "storybook/internal/common";
+import { deprecate } from "storybook/internal/node-logger";
 import { assertSvelteCsfAddonNotInstalled } from "@storybook/svelte/internal/svelte-csf/addon-check";
 
 // ../../../node_modules/@rolldown/pluginutils/dist/filter-B_mD-HGz.mjs
@@ -28,6 +33,7 @@ import {
   svelteCsfRuntimeStoriesPath,
   transformSvelteCsf
 } from "@storybook/svelte/internal/svelte-csf/transform";
+import { normalizePath } from "vite";
 function svelteCsf() {
   let sveltePlugin;
   return {
@@ -43,7 +49,7 @@ function svelteCsf() {
       order: "pre",
       filter: { id: exactRegex(SVELTE_CSF_RUNTIME_STORIES_IMPORT_SOURCE) },
       handler() {
-        return svelteCsfRuntimeStoriesPath;
+        return normalizePath(svelteCsfRuntimeStoriesPath);
       }
     },
     transform: {
@@ -65,259 +71,22 @@ function svelteCsf() {
   };
 }
 
-// src/plugins/svelte-docgen.ts
-import { basename, relative } from "node:path";
-import MagicString from "magic-string";
-
-// src/plugins/generateDocgen.ts
-import path from "node:path";
-import svelte2tsx, { internalHelpers } from "svelte2tsx";
-import { VERSION } from "svelte/compiler";
-import ts from "typescript";
-function convertType(type, checker) {
-  if (type.flags & ts.TypeFlags.Any)
-    return { type: "any" };
-  if (type.flags & ts.TypeFlags.Number)
-    return { type: "number" };
-  if (type.flags & ts.TypeFlags.String)
-    return { type: "string" };
-  if (type.flags & ts.TypeFlags.Boolean)
-    return { type: "boolean" };
-  if (type.flags & ts.TypeFlags.ESSymbol)
-    return { type: "symbol" };
-  if (type.flags & ts.TypeFlags.Null)
-    return { type: "null" };
-  if (type.flags & ts.TypeFlags.Undefined)
-    return { type: "undefined" };
-  if (type.flags & ts.TypeFlags.Void)
-    return { type: "void" };
-  if (type.getCallSignatures().length > 0)
-    return { type: "function", text: checker.typeToString(type) };
-  if (type.flags & ts.TypeFlags.Object)
-    return checker.getIndexTypeOfType(type, ts.IndexKind.Number) ? { type: "array", text: checker.typeToString(type) } : { type: "object", text: checker.typeToString(type) };
-  if (type.isNumberLiteral() || type.isStringLiteral())
-    return {
-      type: "literal",
-      value: type.value,
-      text: type.flags & ts.TypeFlags.EnumLiteral ? checker.typeToString(type) : JSON.stringify(type.value)
-    };
-  if (type.flags & ts.TypeFlags.BooleanLiteral) {
-    let text = checker.typeToString(type);
-    return { type: "literal", value: text === "true", text };
-  }
-  if (type.isUnion()) {
-    let types = type.types.map((t) => convertType(t, checker)).filter((t) => t !== void 0 && t.type !== "undefined"), idxTrue = types.findIndex((t) => t.type === "literal" && t.value === !0), idxFalse = types.findIndex((t) => t.type === "literal" && t.value === !1);
-    return idxTrue !== -1 && idxFalse !== -1 && (types.splice(Math.max(idxTrue, idxFalse), 1), types.splice(Math.min(idxTrue, idxFalse), 1, { type: "boolean" })), types.length > 1 ? { type: "union", types } : types[0];
-  }
-  if (type.isIntersection())
-    return { type: "intersection", types: type.types.map((t) => convertType(t, checker)).filter((t) => t !== void 0) };
-}
-function initializerToDefaultValue(expr, checker) {
-  if (ts.isNumericLiteral(expr))
-    return { text: expr.text };
-  if (ts.isStringLiteral(expr))
-    return { text: JSON.stringify(expr.text) };
-  if (ts.isIdentifier(expr) || ts.isPropertyAccessExpression(expr)) {
-    let symbol = checker.getSymbolAtLocation(expr);
-    if (symbol && checker.isUndefinedSymbol(symbol))
-      return;
-    let type = checker.getTypeAtLocation(expr);
-    if (type.flags & ts.TypeFlags.EnumLiteral)
-      return { text: checker.typeToString(type) };
-    if (type.isLiteral())
-      return { text: JSON.stringify(type.value) };
-    if (type.flags & ts.TypeFlags.Null)
-      return { text: "null" };
-    if (type.flags & ts.TypeFlags.BooleanLiteral)
-      return { text: checker.typeToString(type) };
-    if (type.getCallSignatures().length > 0)
-      return { text: "function" };
-  } else {
-    if (ts.isArrayLiteralExpression(expr) || ts.isObjectLiteralExpression(expr) || ts.isNewExpression(expr))
-      return { text: expr.getText() };
-    if (ts.isArrowFunction(expr))
-      return { text: "function" };
-  }
-  switch (expr.kind) {
-    case ts.SyntaxKind.TrueKeyword:
-      return { text: "true" };
-    case ts.SyntaxKind.FalseKeyword:
-      return { text: "false" };
-    case ts.SyntaxKind.NullKeyword:
-      return { text: "null" };
-  }
-  return { text: "..." };
-}
-function loadConfig(basepath) {
-  let configPath = ts.findConfigFile(basepath, ts.sys.fileExists) || ts.findConfigFile(basepath, ts.sys.fileExists, "jsconfig.json"), forcedOptions = {
-    sourceMap: !1,
-    noEmit: !0,
-    strict: !0,
-    allowJs: !0,
-    checkJs: !0,
-    skipLibCheck: !0,
-    skipDefaultLibCheck: !0
-  };
-  if (!configPath)
-    return [forcedOptions, /* @__PURE__ */ new Set()];
-  let configFile = ts.readConfigFile(configPath, ts.sys.readFile), config = ts.parseJsonConfigFileContent(
-    configFile.config,
-    ts.sys,
-    path.dirname(configPath),
-    void 0,
-    configPath,
-    void 0,
-    [
-      {
-        extension: "svelte",
-        isMixedContent: !0,
-        scriptKind: ts.ScriptKind.Deferred
-      }
-    ]
-  ), fileNames = new Set(
-    config.fileNames.filter((fileName) => fileName.endsWith(".svelte")).map((fileName) => fileName + ".tsx")
-  );
-  return [
-    {
-      ...config.options,
-      ...forcedOptions
-    },
-    fileNames
-  ];
-}
-function createDocgenCache() {
+// src/docgen/options.ts
+var SVELTE_BUILDER_DOCGEN_DEPRECATION = "Builder docgen (the `docgen` option of `@storybook/svelte-vite` and `@storybook/sveltekit`) is deprecated and will be removed in Storybook 12. It runs because your Storybook main config sets `features.docgenServer: false`. Remove that setting to use server-side docgen.";
+async function resolveDocgenContext(options) {
+  let [frameworkOptions, features] = await Promise.all([
+    options.presets.apply("frameworkOptions"),
+    options.presets.apply("features", {})
+  ]);
   return {
-    filenameToModifiedTime: {},
-    filenameToSourceFile: {},
-    fileCache: {}
-  };
-}
-function generateDocgen(targetFileName, cache) {
-  if (targetFileName.endsWith(".svelte") && (targetFileName = targetFileName + ".tsx"), cache.options === void 0 || !cache.rootNames?.has(targetFileName)) {
-    [cache.options, cache.rootNames] = loadConfig(targetFileName);
-    let shimFilename = import.meta.resolve("svelte2tsx/svelte-shims-v4.d.ts");
-    cache.rootNames.add(shimFilename), cache.rootNames.add(targetFileName);
-  }
-  let originalHost = ts.createCompilerHost(cache.options), host = {
-    ...originalHost,
-    readFile(fileName) {
-      let isCacheTarget = fileName.endsWith(path.sep + "package.json");
-      if (isCacheTarget && cache.fileCache[fileName])
-        return cache.fileCache[fileName];
-      let content = originalHost.readFile(fileName);
-      return content && isCacheTarget && (cache.fileCache[fileName] = content), content;
-    },
-    fileExists(fileName) {
-      if (fileName.endsWith(path.sep + "package.json") && cache.fileCache[fileName])
-        return !0;
-      let exists = originalHost.fileExists(fileName);
-      return exists || (fileName.endsWith(".svelte.tsx") || fileName.endsWith(".svelte.jsx") ? (fileName = fileName.slice(0, -4), exists = originalHost.fileExists(fileName), exists) : !1);
-    },
-    getSourceFile(fileName, languageVersion, onError) {
-      if (fileName.endsWith(".svelte.tsx") || fileName.endsWith(".svelte.jsx")) {
-        let realFileName = fileName.slice(0, -4), modifiedTime = ts.sys.getModifiedTime ? ts.sys.getModifiedTime(realFileName) : void 0;
-        if (modifiedTime && cache.filenameToModifiedTime[fileName]?.getTime() === modifiedTime.getTime())
-          return cache.filenameToSourceFile[fileName];
-        let content = originalHost.readFile(realFileName);
-        if (content === void 0)
-          return;
-        let isTsFile = /<script\s+[^>]*?lang=('|")(ts|typescript)('|")/.test(content), tsx = svelte2tsx.svelte2tsx(content, {
-          version: VERSION,
-          isTsFile,
-          mode: "dts"
-        }), sourceFile2 = ts.createSourceFile(
-          fileName,
-          tsx.code,
-          languageVersion,
-          !0,
-          isTsFile ? ts.ScriptKind.TS : ts.ScriptKind.JS
-          // Set to 'JS' to enable TypeScript to parse JSDoc.
-        );
-        return cache.filenameToSourceFile[fileName] = sourceFile2, cache.filenameToModifiedTime[fileName] = modifiedTime, sourceFile2;
-      } else {
-        let staticCaching = !1;
-        staticCaching ||= fileName.split(path.sep).some((part) => part.toLowerCase() === "node_modules");
-        let cachedSourceFile = cache.filenameToSourceFile[fileName];
-        if (cachedSourceFile && staticCaching)
-          return cachedSourceFile;
-        let modifiedTime = ts.sys.getModifiedTime ? ts.sys.getModifiedTime(fileName) : void 0;
-        if (modifiedTime && cache.filenameToModifiedTime[fileName]?.getTime() === modifiedTime.getTime())
-          return cache.filenameToSourceFile[fileName];
-        let content = originalHost.readFile(fileName);
-        if (content === void 0)
-          return;
-        let sourceFile2 = ts.createSourceFile(fileName, content, languageVersion, !0);
-        return cache.filenameToSourceFile[fileName] = sourceFile2, cache.filenameToModifiedTime[fileName] = modifiedTime, sourceFile2;
-      }
-    },
-    writeFile() {
-    }
-  }, program = ts.createProgram({
-    rootNames: Array.from(cache.rootNames),
-    options: cache.options,
-    host,
-    oldProgram: cache.oldProgram
-  });
-  cache.oldProgram = program;
-  let checker = program.getTypeChecker(), sourceFile = program.getSourceFile(targetFileName);
-  if (sourceFile === void 0)
-    return {
-      props: []
-    };
-  let propMap = /* @__PURE__ */ new Map(), renderFunction = sourceFile.statements.find((statement) => ts.isFunctionDeclaration(statement) && statement.name?.text === internalHelpers.renderName);
-  if (renderFunction === void 0)
-    return {
-      props: []
-    };
-  let propsType, signature = checker.getSignatureFromDeclaration(renderFunction);
-  return signature && signature.declaration && checker.getReturnTypeOfSignature(signature).getProperties().forEach((retObjProp) => {
-    if (retObjProp.name === "props") {
-      let decl = signature.getDeclaration();
-      propsType = checker.getTypeOfSymbolAtLocation(retObjProp, decl), propsType.getProperties().forEach((prop) => {
-        let name = prop.getName(), description = ts.displayPartsToString(prop.getDocumentationComment(checker)) || void 0, propType = checker.getTypeOfSymbolAtLocation(prop, decl);
-        if (prop.valueDeclaration) {
-          let typeTag = ts.getJSDocTypeTag(prop.valueDeclaration);
-          typeTag?.comment && (description = ((description || "") + `
-` + typeTag.comment).trim());
-        }
-        if ((prop.valueDeclaration ?? prop?.links?.syntheticOrigin?.valueDeclaration)?.getSourceFile().fileName.includes("node_modules/svelte/elements.d.ts"))
-          return;
-        let optional = (prop.flags & ts.SymbolFlags.Optional) !== 0;
-        propMap.set(name, {
-          name,
-          optional,
-          description,
-          type: convertType(propType, checker)
-        });
-      });
-    }
-  }), renderFunction.body?.forEachChild((node) => {
-    ts.isVariableStatement(node) && node.declarationList.declarations.forEach((declaration) => {
-      if (ts.isObjectBindingPattern(declaration.name)) {
-        let isPropsRune = declaration.initializer && ts.isCallExpression(declaration.initializer) && ts.isIdentifier(declaration.initializer.expression) && declaration.initializer.expression.text === "$props", isPropsType = declaration.type && propsType === checker.getTypeFromTypeNode(declaration.type);
-        (isPropsRune || isPropsType) && declaration.name.elements.forEach((element) => {
-          let name = element.name.getText(), prop = propMap.get(name);
-          if (prop && element.initializer) {
-            let defaultValue = initializerToDefaultValue(element.initializer, checker);
-            defaultValue && (prop.defaultValue = defaultValue);
-          }
-        });
-      }
-      if (ts.isVariableDeclaration(declaration) && ts.isIdentifier(declaration.name) && propMap.has(declaration.name.text)) {
-        let prop = propMap.get(declaration.name.text);
-        if (prop && declaration.initializer) {
-          prop.optional = !0;
-          let defaultValue = initializerToDefaultValue(declaration.initializer, checker);
-          defaultValue && (prop.defaultValue = defaultValue);
-        }
-      }
-    });
-  }), {
-    props: Array.from(propMap.values())
+    docgen: frameworkOptions?.docgen !== !1,
+    docgenServerActive: features?.docgenServer === !0
   };
 }
 
 // src/plugins/svelte-docgen.ts
+import { basename, relative } from "node:path";
+import MagicString from "magic-string";
 function getComponentName(ast) {
   let exportDefaultDeclaration = ast.body.find((n) => n.type === "ExportDefaultDeclaration");
   if (!exportDefaultDeclaration)
@@ -384,7 +153,11 @@ function transformToSvelteDocParserDataItems(docgen) {
   });
 }
 async function svelteDocgen() {
-  let cwd = process.cwd(), include2 = /\.svelte$/, exclude2 = /node_modules\/.*/, { createFilter } = await import("vite"), filter = createFilter(include2, exclude2), sourceFileCache = createDocgenCache();
+  let cwd = process.cwd(), include2 = /\.svelte$/, exclude2 = /node_modules\/.*/, [{ createFilter }, { createDocgenCache, generateDocgen }] = await Promise.all([
+    import("vite"),
+    // The engine loads `typescript`, so it is imported only when builder docgen runs.
+    import("@storybook/svelte/internal/docgen-engine")
+  ]), filter = createFilter(include2, exclude2), sourceFileCache = createDocgenCache();
   return {
     name: "storybook:svelte-docgen-plugin",
     transform: {
@@ -424,7 +197,11 @@ var core = {
   renderer: import.meta.resolve("@storybook/svelte/preset")
 }, viteFinal = async (config, options) => {
   let { plugins = [] } = config, framework = await options.presets.apply("framework");
-  return assertSvelteCsfAddonNotInstalled({ presetsList: options.presetsList, framework }), (typeof framework == "string" ? {} : framework.options ?? {}).docgen !== !1 && plugins.push(await svelteDocgen()), await handleSvelteKit(plugins, options), plugins.push(svelteCsf()), {
+  assertSvelteCsfAddonNotInstalled({ presetsList: options.presetsList, framework });
+  let { docgen, docgenServerActive } = await resolveDocgenContext(options), typescriptUsable = !getTypeScriptForDocgenError(
+    (specifier) => import.meta.resolve(specifier)
+  );
+  return docgen && !docgenServerActive && (await isDocgenServerDisabledInMainConfig(options) && deprecate(SVELTE_BUILDER_DOCGEN_DEPRECATION), typescriptUsable && 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.8",
+  "version": "11.0.0-beta.0",
   "description": "Storybook for Svelte and Vite: Develop, document, and test UI components in isolation",
   "keywords": [
     "storybook",
@@ -52,11 +52,9 @@
     "!src/**/*"
   ],
   "dependencies": {
-    "@storybook/builder-vite": "11.0.0-alpha.8",
-    "@storybook/svelte": "11.0.0-alpha.8",
-    "magic-string": "^1.1.0",
-    "svelte2tsx": "^0.7.55",
-    "typescript": "^5.9.0 || ^6.0.0"
+    "@storybook/builder-vite": "11.0.0-beta.0",
+    "@storybook/svelte": "11.0.0-beta.0",
+    "magic-string": "^1.1.0"
   },
   "devDependencies": {
     "@rolldown/pluginutils": "^1.0.1",
@@ -69,7 +67,7 @@
   },
   "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.8",
+    "storybook": "^11.0.0-beta.0",
     "svelte": "^5.0.0",
     "typescript": "^5.9.0 || ^6.0.0 || ^7.0.0",
     "vite": "^6.3.0 || ^7.0.0 || ^8.0.0"

package/template/stories_svelte-vite-default-ts/docgen/jsdoc.stories.js

@@ -6,10 +6,8 @@ import JSDoc from './jsdoc.svelte';
 const meta = {
   component: JSDoc,
   tags: ['autodocs'],
-  render: (args, { argTypes }) => ({
-    Component: JSDoc,
-    props: { ...args, argTypes },
-  }),
+  // These stories exist for the docgen sandbox baselines; the canvas shows no docgen output.
+  parameters: { chromatic: { disableSnapshot: true } },
 };
 
 export default meta;

package/template/stories_svelte-vite-default-ts/docgen/jsdoc.svelte

@@ -26,7 +26,6 @@
    * @property {{ a: number } & { b: string }} [intersection] Intersection of types
    * @property {import('svelte').Snippet} children Snippet contents
    * @property {(event: MouseEvent) => number} [func] Event callback function
-   * @property {Record<string, any>} [argTypes] Actual arg types inferred from the component
    */
 
   /** @type {MyProps} */
@@ -50,7 +49,6 @@
     intersection = undefined,
     children,
     func = () => 10,
-    argTypes,
   } = $props();
 </script>
 
@@ -86,6 +84,3 @@
 {#if children}
   {@render children()}
 {/if}
-
-<h2>Arg Types</h2>
-<pre>{JSON.stringify(argTypes, null, 2)}</pre>

package/template/stories_svelte-vite-default-ts/docgen/ts-inline-prop-types.stories.ts

@@ -5,10 +5,8 @@ import TSInlinePropTypes from './ts-inline-prop-types.svelte';
 const meta = {
   component: TSInlinePropTypes,
   tags: ['autodocs'],
-  render: (args, { argTypes }) => ({
-    Component: TSInlinePropTypes,
-    props: { ...args, argTypes },
-  }),
+  // These stories exist for the docgen sandbox baselines; the canvas shows no docgen output.
+  parameters: { chromatic: { disableSnapshot: true } },
 } satisfies Meta<typeof TSInlinePropTypes>;
 
 export default meta;

package/template/stories_svelte-vite-default-ts/docgen/ts-inline-prop-types.svelte

@@ -21,7 +21,6 @@
     unionTypes = 123,
     func = () => 10,
     children,
-    argTypes,
   }: {
     /** Boolean */
     boolean?: boolean;
@@ -68,8 +67,6 @@
     func?: (event: MouseEvent) => number;
     /** Snippet contents */
     children: Snippet;
-    /** Actual arg types inferred from the component */
-    argTypes: Record<string, any>;
   } = $props();
 </script>
 
@@ -98,6 +95,3 @@
 {#if children}
   {@render children()}
 {/if}
-
-<h2>Arg Types</h2>
-<pre>{JSON.stringify(argTypes, null, 2)}</pre>

package/template/stories_svelte-vite-default-ts/docgen/ts-legacy.stories.ts

@@ -5,10 +5,8 @@ import TSLegacy from './ts-legacy.svelte';
 const meta = {
   component: TSLegacy,
   tags: ['autodocs'],
-  render: (args, { argTypes }) => ({
-    Component: TSLegacy,
-    props: { ...args, argTypes } as any,
-  }),
+  // These stories exist for the docgen sandbox baselines; the canvas shows no docgen output.
+  parameters: { chromatic: { disableSnapshot: true } },
 } satisfies Meta<typeof TSLegacy>;
 
 export default meta;

package/template/stories_svelte-vite-default-ts/docgen/ts-legacy.svelte

@@ -55,8 +55,6 @@
   export let func: (event: MouseEvent) => number = () => 10;
   /** Snippet contents */
   export let children: Snippet;
-  /** Actual arg types inferred from the component */
-  export let argTypes: Record<string, any> = {};
 </script>
 
 <h1>Docgen: TS - legacy</h1>
@@ -93,6 +91,3 @@
 {#if children}
   {@render children()}
 {/if}
-
-<h2>Arg Types</h2>
-<pre>{JSON.stringify(argTypes, null, 2)}</pre>

package/template/stories_svelte-vite-default-ts/docgen/ts-referenced-prop-types.stories.ts

@@ -5,10 +5,8 @@ import TSReferencedPropTypes from './ts-referenced-prop-types.svelte';
 const meta = {
   component: TSReferencedPropTypes,
   tags: ['autodocs'],
-  render: (args, { argTypes }) => ({
-    Component: TSReferencedPropTypes,
-    props: { ...args, argTypes },
-  }),
+  // These stories exist for the docgen sandbox baselines; the canvas shows no docgen output.
+  parameters: { chromatic: { disableSnapshot: true } },
 } satisfies Meta<typeof TSReferencedPropTypes>;
 
 export default meta;

package/template/stories_svelte-vite-default-ts/docgen/ts-referenced-prop-types.svelte

@@ -56,8 +56,6 @@
     func?: (event: MouseEvent) => number;
     /** Snippet contents */
     children: Snippet;
-    /** Actual arg types inferred from the component */
-    argTypes: Record<string, any>;
   };
 
   let {
@@ -73,7 +71,6 @@
     unionTypes = 123,
     children,
     func = () => 10,
-    argTypes,
   }: PropsA & PropsB = $props();
 </script>
 
@@ -102,6 +99,3 @@
 {#if children}
   {@render children()}
 {/if}
-
-<h2>Arg Types</h2>
-<pre>{JSON.stringify(argTypes, null, 2)}</pre>

package/template/stories_svelte-vite-default-ts/docgen/ts.stories.ts

@@ -5,10 +5,8 @@ import TS from './ts.svelte';
 const meta = {
   component: TS,
   tags: ['autodocs'],
-  render: (args, { argTypes }) => ({
-    Component: TS,
-    props: { ...args, argTypes },
-  }),
+  // These stories exist for the docgen sandbox baselines; the canvas shows no docgen output.
+  parameters: { chromatic: { disableSnapshot: true } },
 } satisfies Meta<typeof TS>;
 
 export default meta;

package/template/stories_svelte-vite-default-ts/docgen/ts.svelte

@@ -56,8 +56,6 @@
     func?: (event: MouseEvent) => number;
     /** Children */
     children: Snippet;
-    /** Actual arg types inferred from the component */
-    argTypes: Record<string, any>;
   };
 
   const {
@@ -82,7 +80,6 @@
     intersection = undefined,
     func = () => 10,
     children,
-    argTypes,
   }: Props = $props();
 </script>
 
@@ -120,6 +117,3 @@
 {#if children}
   {@render children()}
 {/if}
-
-<h2>Arg Types</h2>
-<pre>{JSON.stringify(argTypes, null, 2)}</pre>

package/template/stories_svelte-vite-default-js/docgen/jsdoc.stories.js

@@ -1,17 +0,0 @@
-import JSDoc from './jsdoc.svelte';
-
-/** @typedef {import('@storybook/svelte-vite').StoryObj} StoryObj */
-
-/** @type {Meta<typeof JSDoc>} */
-const meta = {
-  component: JSDoc,
-  tags: ['autodocs'],
-  render: (args, { argTypes }) => ({
-    Component: JSDoc,
-    props: { ...args, argTypes },
-  }),
-};
-
-export default meta;
-
-export const Default = {};

package/template/stories_svelte-vite-default-js/docgen/jsdoc.svelte

@@ -1,92 +0,0 @@
-<script>
-  /**
-   * @typedef {Object} MyObject
-   * @property {string} foo
-   * @property {number} bar
-   */
-
-  /**
-   * @typedef {Object} MyProps
-   * @property {boolean} [boolean] Boolean
-   * @property {string} [string] String
-   * @property {string} stringRequired String (required)
-   * @property {number} [number] Number
-   * @property {true} [trueLiteral] True literal
-   * @property {symbol} [symbol] Symbol
-   * @property {null} [nullValue] Null
-   * @property {undefined} [undefinedValue] Undefined
-   * @property {any} [any] Any
-   * @property {Date} [date] Date
-   * @property {import('./types').LiteralStrings} [unionLiteralStrings] Union of literal strings
-   * @property {import('./types').LiteralNumbers} [unionLiteralNumbers] Union of literal numbers
-   * @property {MyObject} [object] Object
-   * @property {{ foo: string; bar: number }} [inlineObject] Inline object
-   * @property {Record<string, number>} [record] Record
-   * @property {number | string} [unionTypes] Union of types
-   * @property {{ a: number } & { b: string }} [intersection] Intersection of types
-   * @property {(event: MouseEvent) => number} [func] Event callback function
-   * @property {import('svelte').Snippet} children Snippet contents
-   * @property {Record<string, any>} [argTypes] Actual arg types inferred from the component
-   */
-
-  /** @type {MyProps} */
-  let {
-    boolean = true,
-    string = 'default',
-    stringRequired,
-    number = 123,
-    trueLiteral = undefined,
-    symbol = undefined,
-    nullValue = null,
-    undefinedValue = undefined,
-    any = undefined,
-    date = new Date('20 Jan 1983'),
-    unionLiteralStrings = 'apple',
-    unionLiteralNumbers = 1000,
-    object = undefined,
-    inlineObject = undefined,
-    record = { a: 1, b: 2 },
-    unionTypes = 123,
-    intersection = undefined,
-    func = () => 10,
-    children,
-    argTypes,
-  } = $props();
-</script>
-
-<h1>Docgen: JS - JSDoc</h1>
-
-<h2>Args</h2>
-<pre>{JSON.stringify(
-    {
-      boolean,
-      string,
-      stringRequired,
-      number,
-      trueLiteral,
-      symbol,
-      nullValue,
-      undefinedValue,
-      any,
-      date,
-      unionLiteralStrings,
-      unionLiteralNumbers,
-      object,
-      inlineObject,
-      record,
-      unionTypes,
-      intersection,
-      func,
-      argTypes,
-    },
-    null,
-    2
-  )}</pre>
-
-<h2>Children</h2>
-{#if children}
-  {@render children()}
-{/if}
-
-<h2>Arg Types</h2>
-<pre>{JSON.stringify(argTypes, null, 2)}</pre>