storybook-addon-dependency-previews 0.4.0 → 0.5.0

package/README.md

@@ -148,6 +148,8 @@ export function ${componentName}({}: ${propsName}) {
 		svelte: {
 			/** Customize the generated .svelte component file */
 			component: ({ componentName }) => '...',
+			/** Customize the generated .decorator.svelte file */
+			decorator: ({ componentName }) => '...',
 			/** Customize the generated .stories.svelte file */
 			story: ({ componentName, title, tags }) => '...',
 		},
@@ -170,3 +172,83 @@ export function ${componentName}({}: ${propsName}) {
 ```
 
 All scaffold options are optional — omit any key to keep the default template for that file type.
+
+### Svelte decorators
+
+Storybook decorators in Svelte are cleanest when written as their own `.svelte` file rather than inline in a story. `sb-deps` recognises decorator files by the `.decorator.svelte` suffix and treats them specially: it scaffolds them with a decorator-shaped template (importing and rendering the wrapped sibling component) and **does not** generate a `.stories.svelte` for them.
+
+#### Recommended pattern: one shared decorator per component
+
+Name the file `ComponentName.decorator.svelte` and use **props** to vary behaviour between stories. This is the preferred approach because it avoids near-duplicate decorator files for each story.
+
+```svelte
+<!-- ContactFormOrganism.decorator.svelte -->
+<script lang="ts">
+	import type { ValidationMode } from '@formisch/svelte';
+	import FormDataMolecule from '../../zz-meta-components/FormDataPreview/FormDataMolecule.svelte';
+	import ContactFormOrganism from './ContactFormOrganism.svelte';
+	import { createContactForm, onContactFormSubmit } from './createContactForm';
+
+	interface DecoratorProps {
+		validate?: ValidationMode;
+	}
+
+	const { validate }: DecoratorProps = $props();
+
+	const form = $derived(createContactForm(validate));
+</script>
+
+<!--
+ Decorator files are useful for adding extra wrapper
+ components as additional context to stories
+-->
+<FormDataMolecule {form}>
+	<ContactFormOrganism {form} onSubmit={onContactFormSubmit} />
+</FormDataMolecule>
+```
+
+```svelte
+<!-- ContactFormOrganism.stories.svelte (excerpt) -->
+<Story name="Primary">
+	{#snippet template()}
+		<ContactFormOrganismDecorator validate="submit" />
+	{/snippet}
+</Story>
+
+<Story name="Error State">
+	{#snippet template()}
+		<ContactFormOrganismDecorator validate="initial" />
+	{/snippet}
+</Story>
+```
+
+#### Fallback pattern: per-story decorator files
+
+If a particular story needs a decorator with a structurally different shape that can't reasonably be expressed via props, name the file `ComponentName.StoryName.decorator.svelte`. The wrapped component name is always the segment before the first `.` in the filename.
+
+| Filename                          | Wrapped component | When to use                                                                       |
+| --------------------------------- | ----------------- | --------------------------------------------------------------------------------- |
+| `Button.decorator.svelte`         | `Button`          | Default — single decorator for all stories, drive variants via props              |
+| `Button.Primary.decorator.svelte` | `Button`          | Fallback — only when the `Primary` story needs a structurally different decorator |
+| `Button.Error.decorator.svelte`   | `Button`          | Fallback — only when the `Error` story needs a structurally different decorator   |
+
+#### Default scaffold
+
+When `sb-deps` detects a new empty `*.decorator.svelte` file, it fills it with:
+
+```svelte
+<script lang="ts">
+	import Button from "./Button.svelte";
+
+	interface DecoratorProps {
+	}
+
+	const {  }: DecoratorProps = $props();
+</script>
+
+<div class="decorator">
+	<Button />
+</div>
+```
+
+The wrapper `<div class="decorator">` is a hint, not a requirement — replace it with whatever the decorator actually needs to wrap around the component (a form provider, a router, a theme context, …). Customise the whole template via [`scaffold.svelte.decorator`](#scaffold) in your `sb-deps.config.{js,mjs,ts}`.

package/dist/_virtual/rolldown_runtime.cjs

@@ -1,39 +1,25 @@
 //#region rolldown:runtime
-var __create = Object.create
-var __defProp = Object.defineProperty
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor
-var __getOwnPropNames = Object.getOwnPropertyNames
-var __getProtoOf = Object.getPrototypeOf
-var __hasOwnProp = Object.prototype.hasOwnProperty
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-	if ((from && typeof from === 'object') || typeof from === 'function')
-		for (
-			var keys = __getOwnPropNames(from), i = 0, n = keys.length, key;
-			i < n;
-			i++
-		) {
-			key = keys[i]
-			if (!__hasOwnProp.call(to, key) && key !== except)
-				__defProp(to, key, {
-					get: ((k) => from[k]).bind(null, key),
-					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable,
-				})
-		}
-	return to
-}
-var __toESM = (mod, isNodeMode, target) => (
-	(target = mod != null ? __create(__getProtoOf(mod)) : {}),
-	__copyProps(
-		isNodeMode || !mod || !mod.__esModule
-			? __defProp(target, 'default', {
-					value: mod,
-					enumerable: true,
-				})
-			: target,
-		mod,
-	)
-)
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
 
 //#endregion
 
-exports.__toESM = __toESM
+exports.__toESM = __toESM;

package/dist/addon/index.cjs

@@ -1,34 +1,29 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs')
-const require_addon_vitePlugin = require('./vitePlugin.cjs')
-let module$1 = require('module')
-module$1 = require_rolldown_runtime.__toESM(module$1)
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_addon_vitePlugin = require('./vitePlugin.cjs');
+let module$1 = require("module");
+module$1 = require_rolldown_runtime.__toESM(module$1);
 
 //#region src/addon/index.ts
-const require$1 = (0, module$1.createRequire)(
-	require('url').pathToFileURL(__filename).href,
-)
-const managerEntries = [require$1.resolve('../manager.mjs')]
+const require$1 = (0, module$1.createRequire)(require("url").pathToFileURL(__filename).href);
+const managerEntries = [require$1.resolve("../manager.mjs")];
 /**
- * Storybook addons that this addon depends on. Registering these here means
- * users only need to add `'storybook-addon-dependency-previews/addon'` to
- * their `main.ts` `addons` array — the docs/links addons are auto-registered.
- *
- * This must live on the same preset module that Storybook actually loads.
- * When users register us via the `/addon` subpath, Storybook loads this file
- * directly and ignores `package.json`'s `storybook-addon.preset` field, so
- * exporting `addons` only from `preset.ts` is not sufficient.
- */
-const addons = ['@storybook/addon-docs', '@storybook/addon-links']
+* Storybook addons that this addon depends on. Registering these here means
+* users only need to add `'storybook-addon-dependency-previews/addon'` to
+* their `main.ts` `addons` array — the docs/links addons are auto-registered.
+*
+* This must live on the same preset module that Storybook actually loads.
+* When users register us via the `/addon` subpath, Storybook loads this file
+* directly and ignores `package.json`'s `storybook-addon.preset` field, so
+* exporting `addons` only from `preset.ts` is not sufficient.
+*/
+const addons = ["@storybook/addon-docs", "@storybook/addon-links"];
 async function viteFinal(config) {
-	config.plugins = [
-		...(config.plugins ?? []),
-		require_addon_vitePlugin.sbDepsVitePlugin(),
-	]
-	return config
+	config.plugins = [...config.plugins ?? [], require_addon_vitePlugin.sbDepsVitePlugin()];
+	return config;
 }
 
 //#endregion
-exports.addons = addons
-exports.managerEntries = managerEntries
-exports.viteFinal = viteFinal
-//# sourceMappingURL=index.cjs.map
+exports.addons = addons;
+exports.managerEntries = managerEntries;
+exports.viteFinal = viteFinal;
+//# sourceMappingURL=index.cjs.map

package/dist/addon/index.d.cts

@@ -1,5 +1,5 @@
 //#region src/addon/index.d.ts
-declare const managerEntries: string[]
+declare const managerEntries: string[];
 /**
  * Storybook addons that this addon depends on. Registering these here means
  * users only need to add `'storybook-addon-dependency-previews/addon'` to
@@ -10,8 +10,8 @@ declare const managerEntries: string[]
  * directly and ignores `package.json`'s `storybook-addon.preset` field, so
  * exporting `addons` only from `preset.ts` is not sufficient.
  */
-declare const addons: string[]
-declare function viteFinal(config: any): Promise<any>
+declare const addons: string[];
+declare function viteFinal(config: any): Promise<any>;
 //#endregion
-export { addons, managerEntries, viteFinal }
-//# sourceMappingURL=index.d.cts.map
+export { addons, managerEntries, viteFinal };
+//# sourceMappingURL=index.d.cts.map

package/dist/addon/index.d.mts

@@ -1,5 +1,5 @@
 //#region src/addon/index.d.ts
-declare const managerEntries: string[]
+declare const managerEntries: string[];
 /**
  * Storybook addons that this addon depends on. Registering these here means
  * users only need to add `'storybook-addon-dependency-previews/addon'` to
@@ -10,8 +10,8 @@ declare const managerEntries: string[]
  * directly and ignores `package.json`'s `storybook-addon.preset` field, so
  * exporting `addons` only from `preset.ts` is not sufficient.
  */
-declare const addons: string[]
-declare function viteFinal(config: any): Promise<any>
+declare const addons: string[];
+declare function viteFinal(config: any): Promise<any>;
 //#endregion
-export { addons, managerEntries, viteFinal }
-//# sourceMappingURL=index.d.mts.map
+export { addons, managerEntries, viteFinal };
+//# sourceMappingURL=index.d.mts.map

package/dist/addon/index.mjs

@@ -1,25 +1,25 @@
-import { sbDepsVitePlugin } from './vitePlugin.mjs'
-import { createRequire } from 'module'
+import { sbDepsVitePlugin } from "./vitePlugin.mjs";
+import { createRequire } from "module";
 
 //#region src/addon/index.ts
-const require = createRequire(import.meta.url)
-const managerEntries = [require.resolve('../manager.mjs')]
+const require = createRequire(import.meta.url);
+const managerEntries = [require.resolve("../manager.mjs")];
 /**
- * Storybook addons that this addon depends on. Registering these here means
- * users only need to add `'storybook-addon-dependency-previews/addon'` to
- * their `main.ts` `addons` array — the docs/links addons are auto-registered.
- *
- * This must live on the same preset module that Storybook actually loads.
- * When users register us via the `/addon` subpath, Storybook loads this file
- * directly and ignores `package.json`'s `storybook-addon.preset` field, so
- * exporting `addons` only from `preset.ts` is not sufficient.
- */
-const addons = ['@storybook/addon-docs', '@storybook/addon-links']
+* Storybook addons that this addon depends on. Registering these here means
+* users only need to add `'storybook-addon-dependency-previews/addon'` to
+* their `main.ts` `addons` array — the docs/links addons are auto-registered.
+*
+* This must live on the same preset module that Storybook actually loads.
+* When users register us via the `/addon` subpath, Storybook loads this file
+* directly and ignores `package.json`'s `storybook-addon.preset` field, so
+* exporting `addons` only from `preset.ts` is not sufficient.
+*/
+const addons = ["@storybook/addon-docs", "@storybook/addon-links"];
 async function viteFinal(config) {
-	config.plugins = [...(config.plugins ?? []), sbDepsVitePlugin()]
-	return config
+	config.plugins = [...config.plugins ?? [], sbDepsVitePlugin()];
+	return config;
 }
 
 //#endregion
-export { addons, managerEntries, viteFinal }
-//# sourceMappingURL=index.mjs.map
+export { addons, managerEntries, viteFinal };
+//# sourceMappingURL=index.mjs.map

package/dist/addon/preset.cjs

@@ -1,6 +1,7 @@
+
 //#region src/addon/preset.ts
-const addons = ['@storybook/addon-docs', '@storybook/addon-links']
+const addons = ["@storybook/addon-docs", "@storybook/addon-links"];
 
 //#endregion
-exports.addons = addons
-//# sourceMappingURL=preset.cjs.map
+exports.addons = addons;
+//# sourceMappingURL=preset.cjs.map

package/dist/addon/preset.d.cts

@@ -1,5 +1,5 @@
 //#region src/addon/preset.d.ts
-declare const addons: Array<string>
+declare const addons: Array<string>;
 //#endregion
-export { addons }
-//# sourceMappingURL=preset.d.cts.map
+export { addons };
+//# sourceMappingURL=preset.d.cts.map

package/dist/addon/preset.d.mts

@@ -1,5 +1,5 @@
 //#region src/addon/preset.d.ts
-declare const addons: Array<string>
+declare const addons: Array<string>;
 //#endregion
-export { addons }
-//# sourceMappingURL=preset.d.mts.map
+export { addons };
+//# sourceMappingURL=preset.d.mts.map

package/dist/addon/preset.mjs

@@ -1,6 +1,6 @@
 //#region src/addon/preset.ts
-const addons = ['@storybook/addon-docs', '@storybook/addon-links']
+const addons = ["@storybook/addon-docs", "@storybook/addon-links"];
 
 //#endregion
-export { addons }
-//# sourceMappingURL=preset.mjs.map
+export { addons };
+//# sourceMappingURL=preset.mjs.map

package/dist/addon/vitePlugin.cjs

@@ -1,32 +1,27 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs')
-let node_fs = require('node:fs')
-node_fs = require_rolldown_runtime.__toESM(node_fs)
-let node_path = require('node:path')
-node_path = require_rolldown_runtime.__toESM(node_path)
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let node_fs = require("node:fs");
+node_fs = require_rolldown_runtime.__toESM(node_fs);
+let node_path = require("node:path");
+node_path = require_rolldown_runtime.__toESM(node_path);
 
 //#region src/addon/vitePlugin.ts
 function sbDepsVitePlugin() {
-	const virtId = 'virtual:dependency-previews-json'
-	const resolved = '\0' + virtId
+	const virtId = "virtual:dependency-previews-json";
+	const resolved = "\0" + virtId;
 	return {
-		name: 'sb-deps',
+		name: "sb-deps",
 		resolveId(id) {
-			return id === virtId ? resolved : null
+			return id === virtId ? resolved : null;
 		},
 		load(id) {
-			if (id !== resolved) return null
-			const jsonPath = (0, node_path.resolve)(
-				process.cwd(),
-				'.storybook/dependency-previews.json',
-			)
-			const json = (0, node_fs.existsSync)(jsonPath)
-				? (0, node_fs.readFileSync)(jsonPath, 'utf8')
-				: '{}'
-			return `export default ${json};`
-		},
-	}
+			if (id !== resolved) return null;
+			const jsonPath = (0, node_path.resolve)(process.cwd(), ".storybook/dependency-previews.json");
+			const json = (0, node_fs.existsSync)(jsonPath) ? (0, node_fs.readFileSync)(jsonPath, "utf8") : "{}";
+			return `export default ${json};`;
+		}
+	};
 }
 
 //#endregion
-exports.sbDepsVitePlugin = sbDepsVitePlugin
-//# sourceMappingURL=vitePlugin.cjs.map
+exports.sbDepsVitePlugin = sbDepsVitePlugin;
+//# sourceMappingURL=vitePlugin.cjs.map

package/dist/addon/vitePlugin.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"vitePlugin.cjs","names":[],"sources":["../../src/addon/vitePlugin.ts"],"sourcesContent":["import { readFileSync, existsSync } from 'node:fs'\nimport { resolve } from 'node:path'\n\nexport function sbDepsVitePlugin() {\n\tconst virtId = 'virtual:dependency-previews-json'\n\tconst resolved = '\\0' + virtId\n\treturn {\n\t\tname: 'sb-deps',\n\t\tresolveId(id: string) {\n\t\t\treturn id === virtId ? resolved : null\n\t\t},\n\t\tload(id: string) {\n\t\t\tif (id !== resolved) return null\n\t\t\tconst jsonPath = resolve(\n\t\t\t\tprocess.cwd(),\n\t\t\t\t'.storybook/dependency-previews.json',\n\t\t\t)\n\t\t\tconst json = existsSync(jsonPath)\n\t\t\t\t? readFileSync(jsonPath, 'utf8')\n\t\t\t\t: '{}'\n\t\t\treturn `export default ${json};`\n\t\t},\n\t}\n}\n"],"mappings":";;;;;;;AAGA,SAAgB,mBAAmB;CAClC,MAAM,SAAS;CACf,MAAM,WAAW,OAAO;AACxB,QAAO;EACN,MAAM;EACN,UAAU,IAAY;AACrB,UAAO,OAAO,SAAS,WAAW;;EAEnC,KAAK,IAAY;AAChB,OAAI,OAAO,SAAU,QAAO;GAC5B,MAAM,kCACL,QAAQ,KAAK,EACb,sCACA;GACD,MAAM,+BAAkB,SAAS,6BACjB,UAAU,OAAO,GAC9B;AACH,UAAO,kBAAkB,KAAK;;EAE/B"}
+{"version":3,"file":"vitePlugin.cjs","names":[],"sources":["../../src/addon/vitePlugin.ts"],"sourcesContent":["import { readFileSync, existsSync } from 'node:fs'\nimport { resolve } from 'node:path'\n\nexport function sbDepsVitePlugin() {\n\tconst virtId = 'virtual:dependency-previews-json'\n\tconst resolved = '\\0' + virtId\n\treturn {\n\t\tname: 'sb-deps',\n\t\tresolveId(id: string) {\n\t\t\treturn id === virtId ? resolved : null\n\t\t},\n\t\tload(id: string) {\n\t\t\tif (id !== resolved) return null\n\t\t\tconst jsonPath = resolve(\n\t\t\t\tprocess.cwd(),\n\t\t\t\t'.storybook/dependency-previews.json',\n\t\t\t)\n\t\t\tconst json = existsSync(jsonPath) ? readFileSync(jsonPath, 'utf8') : '{}'\n\t\t\treturn `export default ${json};`\n\t\t},\n\t}\n}\n"],"mappings":";;;;;;;AAGA,SAAgB,mBAAmB;CAClC,MAAM,SAAS;CACf,MAAM,WAAW,OAAO;AACxB,QAAO;EACN,MAAM;EACN,UAAU,IAAY;AACrB,UAAO,OAAO,SAAS,WAAW;;EAEnC,KAAK,IAAY;AAChB,OAAI,OAAO,SAAU,QAAO;GAC5B,MAAM,kCACL,QAAQ,KAAK,EACb,sCACA;GACD,MAAM,+BAAkB,SAAS,6BAAgB,UAAU,OAAO,GAAG;AACrE,UAAO,kBAAkB,KAAK;;EAE/B"}

package/dist/addon/vitePlugin.d.cts

@@ -1,9 +1,9 @@
 //#region src/addon/vitePlugin.d.ts
 declare function sbDepsVitePlugin(): {
-	name: string
-	resolveId(id: string): string | null
-	load(id: string): string | null
-}
+  name: string;
+  resolveId(id: string): string | null;
+  load(id: string): string | null;
+};
 //#endregion
-export { sbDepsVitePlugin }
-//# sourceMappingURL=vitePlugin.d.cts.map
+export { sbDepsVitePlugin };
+//# sourceMappingURL=vitePlugin.d.cts.map

package/dist/addon/vitePlugin.d.mts

@@ -1,9 +1,9 @@
 //#region src/addon/vitePlugin.d.ts
 declare function sbDepsVitePlugin(): {
-	name: string
-	resolveId(id: string): string | null
-	load(id: string): string | null
-}
+  name: string;
+  resolveId(id: string): string | null;
+  load(id: string): string | null;
+};
 //#endregion
-export { sbDepsVitePlugin }
-//# sourceMappingURL=vitePlugin.d.mts.map
+export { sbDepsVitePlugin };
+//# sourceMappingURL=vitePlugin.d.mts.map

package/dist/addon/vitePlugin.mjs

@@ -1,27 +1,24 @@
-import { existsSync, readFileSync } from 'node:fs'
-import { resolve } from 'node:path'
+import { existsSync, readFileSync } from "node:fs";
+import { resolve } from "node:path";
 
 //#region src/addon/vitePlugin.ts
 function sbDepsVitePlugin() {
-	const virtId = 'virtual:dependency-previews-json'
-	const resolved = '\0' + virtId
+	const virtId = "virtual:dependency-previews-json";
+	const resolved = "\0" + virtId;
 	return {
-		name: 'sb-deps',
+		name: "sb-deps",
 		resolveId(id) {
-			return id === virtId ? resolved : null
+			return id === virtId ? resolved : null;
 		},
 		load(id) {
-			if (id !== resolved) return null
-			const jsonPath = resolve(
-				process.cwd(),
-				'.storybook/dependency-previews.json',
-			)
-			const json = existsSync(jsonPath) ? readFileSync(jsonPath, 'utf8') : '{}'
-			return `export default ${json};`
-		},
-	}
+			if (id !== resolved) return null;
+			const jsonPath = resolve(process.cwd(), ".storybook/dependency-previews.json");
+			const json = existsSync(jsonPath) ? readFileSync(jsonPath, "utf8") : "{}";
+			return `export default ${json};`;
+		}
+	};
 }
 
 //#endregion
-export { sbDepsVitePlugin }
-//# sourceMappingURL=vitePlugin.mjs.map
+export { sbDepsVitePlugin };
+//# sourceMappingURL=vitePlugin.mjs.map

package/dist/addon/vitePlugin.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"vitePlugin.mjs","names":[],"sources":["../../src/addon/vitePlugin.ts"],"sourcesContent":["import { readFileSync, existsSync } from 'node:fs'\nimport { resolve } from 'node:path'\n\nexport function sbDepsVitePlugin() {\n\tconst virtId = 'virtual:dependency-previews-json'\n\tconst resolved = '\\0' + virtId\n\treturn {\n\t\tname: 'sb-deps',\n\t\tresolveId(id: string) {\n\t\t\treturn id === virtId ? resolved : null\n\t\t},\n\t\tload(id: string) {\n\t\t\tif (id !== resolved) return null\n\t\t\tconst jsonPath = resolve(\n\t\t\t\tprocess.cwd(),\n\t\t\t\t'.storybook/dependency-previews.json',\n\t\t\t)\n\t\t\tconst json = existsSync(jsonPath)\n\t\t\t\t? readFileSync(jsonPath, 'utf8')\n\t\t\t\t: '{}'\n\t\t\treturn `export default ${json};`\n\t\t},\n\t}\n}\n"],"mappings":";;;;AAGA,SAAgB,mBAAmB;CAClC,MAAM,SAAS;CACf,MAAM,WAAW,OAAO;AACxB,QAAO;EACN,MAAM;EACN,UAAU,IAAY;AACrB,UAAO,OAAO,SAAS,WAAW;;EAEnC,KAAK,IAAY;AAChB,OAAI,OAAO,SAAU,QAAO;GAC5B,MAAM,WAAW,QAChB,QAAQ,KAAK,EACb,sCACA;GACD,MAAM,OAAO,WAAW,SAAS,GAC9B,aAAa,UAAU,OAAO,GAC9B;AACH,UAAO,kBAAkB,KAAK;;EAE/B"}
+{"version":3,"file":"vitePlugin.mjs","names":[],"sources":["../../src/addon/vitePlugin.ts"],"sourcesContent":["import { readFileSync, existsSync } from 'node:fs'\nimport { resolve } from 'node:path'\n\nexport function sbDepsVitePlugin() {\n\tconst virtId = 'virtual:dependency-previews-json'\n\tconst resolved = '\\0' + virtId\n\treturn {\n\t\tname: 'sb-deps',\n\t\tresolveId(id: string) {\n\t\t\treturn id === virtId ? resolved : null\n\t\t},\n\t\tload(id: string) {\n\t\t\tif (id !== resolved) return null\n\t\t\tconst jsonPath = resolve(\n\t\t\t\tprocess.cwd(),\n\t\t\t\t'.storybook/dependency-previews.json',\n\t\t\t)\n\t\t\tconst json = existsSync(jsonPath) ? readFileSync(jsonPath, 'utf8') : '{}'\n\t\t\treturn `export default ${json};`\n\t\t},\n\t}\n}\n"],"mappings":";;;;AAGA,SAAgB,mBAAmB;CAClC,MAAM,SAAS;CACf,MAAM,WAAW,OAAO;AACxB,QAAO;EACN,MAAM;EACN,UAAU,IAAY;AACrB,UAAO,OAAO,SAAS,WAAW;;EAEnC,KAAK,IAAY;AAChB,OAAI,OAAO,SAAU,QAAO;GAC5B,MAAM,WAAW,QAChB,QAAQ,KAAK,EACb,sCACA;GACD,MAAM,OAAO,WAAW,SAAS,GAAG,aAAa,UAAU,OAAO,GAAG;AACrE,UAAO,kBAAkB,KAAK;;EAE/B"}