@analogjs/storybook-angular 3.0.0-alpha.4 → 3.0.0-alpha.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@analogjs/storybook-angular",
-  "version": "3.0.0-alpha.4",
+  "version": "3.0.0-alpha.40",
   "description": "Storybook Integration for Angular & Vite",
   "type": "module",
   "keywords": [
@@ -34,20 +34,21 @@
       "default": "./src/lib/testing.js"
     }
   },
-  "main": "src/index.js",
+  "main": "./src/index.js",
   "dependencies": {
-    "@storybook/builder-vite": "^10.0.0"
+    "@storybook/builder-vite": "^10.3.5",
+    "obug": "^2.1.1"
   },
   "peerDependencies": {
     "@storybook/angular": "^10.0.0",
     "@analogjs/vite-plugin-angular": "*",
     "storybook": "^10.0.0",
-    "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
+    "vite": "^6.0.0 || ^7.0.0 || ^8.0.0"
   },
   "engines": {
-    "node": ">=20.0.0"
+    "node": ">=22.18.0 || >=24.3.0"
   },
-  "builders": "src/lib/builders.json",
+  "builders": "./src/lib/builders.json",
   "ng-add": {
     "save": "devDependencies"
   },
@@ -65,7 +66,5 @@
   "publishConfig": {
     "access": "public",
     "provenance": true
-  },
-  "types": "./src/index.d.ts",
-  "module": "./src/index.js"
-}
+  }
+}

package/preset.js

@@ -1 +1 @@
-export * from './src/lib/preset.js';
+export * from './dist/src/lib/preset.js';

package/src/index.d.ts

@@ -1,2 +1,3 @@
-export { type AngularOptions, type Parameters as AngularParameters, type AngularRenderer, type Decorator, type IStory, type Loader, type Meta, type Preview, type StoryContext, type StoryFn, type StoryObj, applicationConfig, argsToTemplate, componentWrapperDecorator, moduleMetadata, setProjectAnnotations, } from '@storybook/angular';
-export { type FrameworkOptions, type StorybookConfig } from './types';
+export { type AngularOptions, type Parameters as AngularParameters, type AngularRenderer, type Decorator, type IStory, type Loader, type Meta, type Preview, type StoryContext, type StoryFn, type StoryObj, applicationConfig, argsToTemplate, moduleMetadata, setProjectAnnotations } from "@storybook/angular";
+export { componentWrapperDecorator } from "./lib/component-wrapper-decorator";
+export { type FrameworkOptions, type StorybookConfig } from "./types";

package/src/index.js

@@ -1,2 +1,3 @@
-export { applicationConfig, argsToTemplate, componentWrapperDecorator, moduleMetadata, setProjectAnnotations, } from '@storybook/angular';
-//# sourceMappingURL=index.js.map
+import { componentWrapperDecorator } from "./lib/component-wrapper-decorator.js";
+import { applicationConfig, argsToTemplate, moduleMetadata, setProjectAnnotations } from "@storybook/angular";
+export { applicationConfig, argsToTemplate, componentWrapperDecorator, moduleMetadata, setProjectAnnotations };

package/src/lib/build-storybook/build-storybook.d.ts

@@ -1,2 +1,2 @@
-import BuildStorybookBuilder from '@storybook/angular/builders/build-storybook';
+import BuildStorybookBuilder from "@storybook/angular/builders/build-storybook";
 export default BuildStorybookBuilder;

package/src/lib/build-storybook/build-storybook.js

@@ -1,3 +1,7 @@
-import BuildStorybookBuilder from '@storybook/angular/builders/build-storybook';
-export default BuildStorybookBuilder;
+import BuildStorybookBuilder from "@storybook/angular/builders/build-storybook";
+//#region packages/storybook-angular/src/lib/build-storybook/build-storybook.ts
+var build_storybook_default = BuildStorybookBuilder;
+//#endregion
+export { build_storybook_default as default };
+
 //# sourceMappingURL=build-storybook.js.map

package/src/lib/build-storybook/build-storybook.js.map

@@ -1 +1 @@
-{"version":3,"file":"build-storybook.js","sourceRoot":"","sources":["../../../../../../packages/storybook-angular/src/lib/build-storybook/build-storybook.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,MAAM,6CAA6C,CAAC;AAEhF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"build-storybook.js","names":[],"sources":["../../../../src/lib/build-storybook/build-storybook.ts"],"sourcesContent":["import BuildStorybookBuilder from '@storybook/angular/builders/build-storybook';\n\nexport default BuildStorybookBuilder;\n"],"mappings":";;AAEA,IAAA,0BAAe"}

package/src/lib/component-wrapper-decorator.d.ts

@@ -0,0 +1,6 @@
+import { type Type } from "@angular/core";
+import { type AngularRenderer, type StoryContext } from "@storybook/angular";
+import type { DecoratorFunction } from "storybook/internal/types";
+type StoryProps = Record<string, unknown>;
+export declare function componentWrapperDecorator<TArgs = any>(element: Type<unknown> | ((story: string) => string), props?: StoryProps | ((storyContext: StoryContext<TArgs>) => StoryProps)): DecoratorFunction<AngularRenderer, TArgs>;
+export {};

package/src/lib/component-wrapper-decorator.js

@@ -0,0 +1,66 @@
+import { argsToTemplate, componentWrapperDecorator } from "@storybook/angular";
+import { reflectComponentType } from "@angular/core";
+//#region packages/storybook-angular/src/lib/component-wrapper-decorator.ts
+var VOID_ELEMENTS = new Set([
+	"area",
+	"base",
+	"br",
+	"col",
+	"command",
+	"embed",
+	"hr",
+	"img",
+	"input",
+	"keygen",
+	"link",
+	"meta",
+	"param",
+	"source",
+	"track",
+	"wbr"
+]);
+function componentWrapperDecorator$1(element, props) {
+	const decorator = componentWrapperDecorator(element, props);
+	return (storyFn, storyContext) => decorator(() => ensureStoryTemplate(storyFn(), storyContext), storyContext);
+}
+function ensureStoryTemplate(story, storyContext) {
+	if (story.template || !storyContext.component) return story;
+	const component = reflectComponentType(storyContext.component);
+	if (!component) return story;
+	return {
+		...story,
+		template: createTemplate(component, story.props ?? storyContext.args),
+		userDefinedTemplate: false
+	};
+}
+function createTemplate(component, props) {
+	const selector = component.selector.split(",")[0]?.trim();
+	if (!selector) return "<ng-container *ngComponentOutlet=\"storyComponent\"></ng-container>";
+	return buildTemplate(selector, argsToTemplate(filterTemplateBindings(component, props)));
+}
+function filterTemplateBindings(component, props) {
+	if (!props || typeof props !== "object") return {};
+	const supportedBindings = new Set([...component.inputs.map((input) => input.templateName), ...component.outputs.map((output) => output.templateName)]);
+	return Object.fromEntries(Object.entries(props).filter(([key, value]) => {
+		return value !== void 0 && supportedBindings.has(key);
+	}));
+}
+function buildTemplate(selector, attributes) {
+	const tagName = selector.match(/^[A-Za-z][\w-]*/)?.[0] ?? "div";
+	const id = selector.match(/#([\w-]+)/)?.[1];
+	const classes = [...selector.matchAll(/\.([\w-]+)/g)].map((match) => match[1]);
+	const selectorAttributes = [...selector.matchAll(/\[([^\]]+)\]/g)].map((match) => match[1].trim());
+	const parts = [
+		id ? `id="${id}"` : "",
+		classes.length > 0 ? `class="${classes.join(" ")}"` : "",
+		...selectorAttributes,
+		attributes
+	].filter(Boolean);
+	const openingTag = parts.length > 0 ? `<${tagName} ${parts.join(" ")}>` : `<${tagName}>`;
+	if (VOID_ELEMENTS.has(tagName)) return openingTag.replace(/>$/, " />");
+	return `${openingTag}</${tagName}>`;
+}
+//#endregion
+export { componentWrapperDecorator$1 as componentWrapperDecorator };
+
+//# sourceMappingURL=component-wrapper-decorator.js.map

package/src/lib/component-wrapper-decorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-wrapper-decorator.js","names":[],"sources":["../../../src/lib/component-wrapper-decorator.ts"],"sourcesContent":["import {\n  reflectComponentType,\n  type ComponentMirror,\n  type Type,\n} from '@angular/core';\nimport {\n  argsToTemplate,\n  componentWrapperDecorator as originalComponentWrapperDecorator,\n  type AngularRenderer,\n  type IStory,\n  type StoryContext,\n} from '@storybook/angular';\nimport type { DecoratorFunction } from 'storybook/internal/types';\n\ntype StoryProps = Record<string, unknown>;\n\nconst VOID_ELEMENTS = new Set([\n  'area',\n  'base',\n  'br',\n  'col',\n  'command',\n  'embed',\n  'hr',\n  'img',\n  'input',\n  'keygen',\n  'link',\n  'meta',\n  'param',\n  'source',\n  'track',\n  'wbr',\n]);\n\nexport function componentWrapperDecorator<TArgs = any>(\n  element: Type<unknown> | ((story: string) => string),\n  props?: StoryProps | ((storyContext: StoryContext<TArgs>) => StoryProps),\n): DecoratorFunction<AngularRenderer, TArgs> {\n  const decorator = originalComponentWrapperDecorator(element, props);\n\n  return (storyFn, storyContext) =>\n    decorator(() => ensureStoryTemplate(storyFn(), storyContext), storyContext);\n}\n\nfunction ensureStoryTemplate<TArgs>(\n  story: IStory,\n  storyContext: StoryContext<TArgs>,\n): IStory {\n  if (story.template || !storyContext.component) {\n    return story;\n  }\n\n  const component = reflectComponentType(\n    storyContext.component as Type<unknown>,\n  );\n\n  if (!component) {\n    return story;\n  }\n\n  return {\n    ...story,\n    template: createTemplate(component, story.props ?? storyContext.args),\n    userDefinedTemplate: false,\n  };\n}\n\nfunction createTemplate(\n  component: ComponentMirror<unknown>,\n  props: unknown,\n): string {\n  const selector = component.selector.split(',')[0]?.trim();\n  if (!selector) {\n    return '<ng-container *ngComponentOutlet=\"storyComponent\"></ng-container>';\n  }\n\n  const bindings = filterTemplateBindings(component, props);\n  const attributes = argsToTemplate(bindings);\n\n  return buildTemplate(selector, attributes);\n}\n\nfunction filterTemplateBindings(\n  component: ComponentMirror<unknown>,\n  props: unknown,\n): StoryProps {\n  if (!props || typeof props !== 'object') {\n    return {};\n  }\n\n  const supportedBindings = new Set([\n    ...component.inputs.map((input) => input.templateName),\n    ...component.outputs.map((output) => output.templateName),\n  ]);\n\n  return Object.fromEntries(\n    Object.entries(props).filter(([key, value]) => {\n      return value !== undefined && supportedBindings.has(key);\n    }),\n  );\n}\n\nfunction buildTemplate(selector: string, attributes: string): string {\n  const elementMatch = selector.match(/^[A-Za-z][\\w-]*/);\n  const tagName = elementMatch?.[0] ?? 'div';\n  const id = selector.match(/#([\\w-]+)/)?.[1];\n  const classes = [...selector.matchAll(/\\.([\\w-]+)/g)].map(\n    (match) => match[1],\n  );\n  const selectorAttributes = [...selector.matchAll(/\\[([^\\]]+)\\]/g)].map(\n    (match) => match[1].trim(),\n  );\n  const parts = [\n    id ? `id=\"${id}\"` : '',\n    classes.length > 0 ? `class=\"${classes.join(' ')}\"` : '',\n    ...selectorAttributes,\n    attributes,\n  ].filter(Boolean);\n  const openingTag =\n    parts.length > 0 ? `<${tagName} ${parts.join(' ')}>` : `<${tagName}>`;\n\n  if (VOID_ELEMENTS.has(tagName)) {\n    return openingTag.replace(/>$/, ' />');\n  }\n\n  return `${openingTag}</${tagName}>`;\n}\n"],"mappings":";;;AAgBA,IAAM,gBAAgB,IAAI,IAAI;CAC5B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,SAAgB,4BACd,SACA,OAC2C;CAC3C,MAAM,YAAY,0BAAkC,SAAS,MAAM;AAEnE,SAAQ,SAAS,iBACf,gBAAgB,oBAAoB,SAAS,EAAE,aAAa,EAAE,aAAa;;AAG/E,SAAS,oBACP,OACA,cACQ;AACR,KAAI,MAAM,YAAY,CAAC,aAAa,UAClC,QAAO;CAGT,MAAM,YAAY,qBAChB,aAAa,UACd;AAED,KAAI,CAAC,UACH,QAAO;AAGT,QAAO;EACL,GAAG;EACH,UAAU,eAAe,WAAW,MAAM,SAAS,aAAa,KAAK;EACrE,qBAAqB;EACtB;;AAGH,SAAS,eACP,WACA,OACQ;CACR,MAAM,WAAW,UAAU,SAAS,MAAM,IAAI,CAAC,IAAI,MAAM;AACzD,KAAI,CAAC,SACH,QAAO;AAMT,QAAO,cAAc,UAFF,eADF,uBAAuB,WAAW,MAAM,CACd,CAED;;AAG5C,SAAS,uBACP,WACA,OACY;AACZ,KAAI,CAAC,SAAS,OAAO,UAAU,SAC7B,QAAO,EAAE;CAGX,MAAM,oBAAoB,IAAI,IAAI,CAChC,GAAG,UAAU,OAAO,KAAK,UAAU,MAAM,aAAa,EACtD,GAAG,UAAU,QAAQ,KAAK,WAAW,OAAO,aAAa,CAC1D,CAAC;AAEF,QAAO,OAAO,YACZ,OAAO,QAAQ,MAAM,CAAC,QAAQ,CAAC,KAAK,WAAW;AAC7C,SAAO,UAAU,KAAA,KAAa,kBAAkB,IAAI,IAAI;GACxD,CACH;;AAGH,SAAS,cAAc,UAAkB,YAA4B;CAEnE,MAAM,UADe,SAAS,MAAM,kBAAkB,GACvB,MAAM;CACrC,MAAM,KAAK,SAAS,MAAM,YAAY,GAAG;CACzC,MAAM,UAAU,CAAC,GAAG,SAAS,SAAS,cAAc,CAAC,CAAC,KACnD,UAAU,MAAM,GAClB;CACD,MAAM,qBAAqB,CAAC,GAAG,SAAS,SAAS,gBAAgB,CAAC,CAAC,KAChE,UAAU,MAAM,GAAG,MAAM,CAC3B;CACD,MAAM,QAAQ;EACZ,KAAK,OAAO,GAAG,KAAK;EACpB,QAAQ,SAAS,IAAI,UAAU,QAAQ,KAAK,IAAI,CAAC,KAAK;EACtD,GAAG;EACH;EACD,CAAC,OAAO,QAAQ;CACjB,MAAM,aACJ,MAAM,SAAS,IAAI,IAAI,QAAQ,GAAG,MAAM,KAAK,IAAI,CAAC,KAAK,IAAI,QAAQ;AAErE,KAAI,cAAc,IAAI,QAAQ,CAC5B,QAAO,WAAW,QAAQ,MAAM,MAAM;AAGxC,QAAO,GAAG,WAAW,IAAI,QAAQ"}

package/src/lib/debug.d.ts

@@ -0,0 +1 @@
+export declare const debugStyles: unknown;

package/src/lib/debug.js

@@ -0,0 +1,7 @@
+import { createDebug } from "../../node_modules/.pnpm/obug@2.1.1/node_modules/obug/dist/browser.js";
+//#region packages/storybook-angular/src/lib/debug.ts
+var debugStyles = createDebug("analog-storybook:styles");
+//#endregion
+export { debugStyles };
+
+//# sourceMappingURL=debug.js.map

package/src/lib/debug.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug.js","names":[],"sources":["../../../src/lib/debug.ts"],"sourcesContent":["import { createDebug } from 'obug';\n\nexport const debugStyles = createDebug('analog-storybook:styles');\n"],"mappings":";;AAEA,IAAa,cAAc,YAAY,0BAA0B"}

package/src/lib/preset.d.ts

@@ -1,4 +1,4 @@
 export declare const previewAnnotations: (entries: string[] | undefined, options: any) => Promise<string[]>;
 export declare const core: (config: any, options: any) => Promise<any>;
 export declare const viteFinal: (config: any, options: any) => Promise<any>;
-export { addons } from '@storybook/angular/preset';
+export { addons } from "@storybook/angular/preset";

package/src/lib/preset.js

@@ -1,173 +1,162 @@
-import { resolve } from 'node:path';
-import { core as PresetCore } from '@storybook/angular/preset';
-import { fileURLToPath } from 'node:url';
-export const previewAnnotations = async (entries = [], options) => {
-    const config = fileURLToPath(import.meta.resolve('@storybook/angular/client/config'));
-    const annotations = [...entries, config];
-    if (options.enableProdMode) {
-        const previewProdPath = fileURLToPath(import.meta.resolve('@storybook/angular/client/preview-prod'));
-        annotations.unshift(previewProdPath);
-    }
-    const docsConfig = await options.presets.apply('docs', {}, options);
-    const docsEnabled = Object.keys(docsConfig).length > 0;
-    if (docsEnabled) {
-        const docsConfigPath = fileURLToPath(import.meta.resolve('@storybook/angular/client/docs/config'));
-        annotations.push(docsConfigPath);
-    }
-    return annotations;
+import { debugStyles } from "./debug.js";
+import { existsSync } from "node:fs";
+import { resolve } from "node:path";
+import { addons, core as core$1 } from "@storybook/angular/preset";
+import { fileURLToPath } from "node:url";
+import * as vite from "vite";
+import angular from "@analogjs/vite-plugin-angular";
+//#region packages/storybook-angular/src/lib/preset.ts
+var previewAnnotations = async (entries = [], options) => {
+	const config = fileURLToPath(import.meta.resolve("@storybook/angular/client/config"));
+	const annotations = [...entries, config];
+	if (options.enableProdMode) {
+		const previewProdPath = fileURLToPath(import.meta.resolve("@storybook/angular/client/preview-prod"));
+		annotations.unshift(previewProdPath);
+	}
+	const docsConfig = await options.presets.apply("docs", {}, options);
+	if (Object.keys(docsConfig).length > 0) {
+		const docsConfigPath = fileURLToPath(import.meta.resolve("@storybook/angular/client/docs/config"));
+		annotations.push(docsConfigPath);
+	}
+	return annotations;
 };
-export const core = async (config, options) => {
-    const presetCore = await PresetCore(config, options);
-    return {
-        ...presetCore,
-        builder: {
-            name: import.meta.resolve('@storybook/builder-vite'),
-            options: { ...presetCore.options },
-        },
-    };
+var core = async (config, options) => {
+	const presetCore = await core$1(config, options);
+	return {
+		...presetCore,
+		builder: {
+			name: import.meta.resolve("@storybook/builder-vite"),
+			options: { ...presetCore.options }
+		}
+	};
 };
 async function resolveExperimentalZoneless(frameworkOptions, angularBuilderOptions) {
-    // 1. Explicit framework option (user's .storybook/main.ts)
-    if (typeof frameworkOptions?.experimentalZoneless === 'boolean') {
-        return frameworkOptions.experimentalZoneless;
-    }
-    // 2. Angular builder options (set by start-storybook/build-storybook)
-    if (typeof angularBuilderOptions?.experimentalZoneless === 'boolean') {
-        return angularBuilderOptions.experimentalZoneless;
-    }
-    // 3. Auto-detect Angular 21+ (matches @storybook/angular builder behavior)
-    try {
-        const { VERSION } = await import('@angular/core');
-        return !!(VERSION.major && Number(VERSION.major) >= 21);
-    }
-    catch {
-        return false;
-    }
+	if (typeof frameworkOptions?.experimentalZoneless === "boolean") return frameworkOptions.experimentalZoneless;
+	if (typeof angularBuilderOptions?.experimentalZoneless === "boolean") return angularBuilderOptions.experimentalZoneless;
+	try {
+		const { VERSION } = await import("@angular/core");
+		return !!(VERSION.major && Number(VERSION.major) >= 21);
+	} catch {
+		return false;
+	}
 }
-export const viteFinal = async (config, options) => {
-    // Remove any loaded analogjs plugins from a vite.config.(m)ts file
-    config.plugins = (config.plugins ?? [])
-        .flat()
-        .filter((plugin) => !plugin.name.includes('analogjs'));
-    // Merge custom configuration into the default config
-    const { mergeConfig, normalizePath } = await import('vite');
-    const { default: angular } = await import('@analogjs/vite-plugin-angular');
-    const framework = await options.presets.apply('framework');
-    const experimentalZoneless = await resolveExperimentalZoneless(framework.options, options?.angularBuilderOptions);
-    return mergeConfig(config, {
-        // Add dependencies to pre-optimization
-        optimizeDeps: {
-            include: [
-                '@storybook/angular/client',
-                '@analogjs/storybook-angular',
-                '@angular/compiler',
-                '@angular/platform-browser',
-                '@angular/platform-browser/animations',
-                'tslib',
-                ...(experimentalZoneless ? [] : ['zone.js']),
-            ],
-        },
-        plugins: [
-            angular({
-                jit: typeof framework.options?.jit !== 'undefined'
-                    ? framework.options?.jit
-                    : true,
-                liveReload: typeof framework.options?.liveReload !== 'undefined'
-                    ? framework.options?.liveReload
-                    : false,
-                tsconfig: typeof framework.options?.tsconfig !== 'undefined'
-                    ? framework.options?.tsconfig
-                    : (options?.tsConfig ?? './.storybook/tsconfig.json'),
-                inlineStylesExtension: typeof framework.options?.inlineStylesExtension !== 'undefined'
-                    ? framework.options?.inlineStylesExtension
-                    : 'css',
-            }),
-            angularOptionsPlugin(options, { normalizePath, experimentalZoneless }),
-            storybookEsbuildPlugin(),
-        ],
-        define: {
-            STORYBOOK_ANGULAR_OPTIONS: JSON.stringify({
-                experimentalZoneless: !!experimentalZoneless,
-            }),
-        },
-    });
+var viteFinal = async (config, options) => {
+	config.plugins = (config.plugins ?? []).flat().filter((plugin) => !plugin.name.includes("analogjs"));
+	const { hmr: _removedHmrOption, ...frameworkOptions } = (await options.presets.apply("framework")).options ?? {};
+	const experimentalZoneless = await resolveExperimentalZoneless(frameworkOptions, options?.angularBuilderOptions);
+	const liveReload = typeof frameworkOptions.liveReload !== "undefined" ? frameworkOptions.liveReload : false;
+	return vite.mergeConfig(config, {
+		optimizeDeps: { include: [
+			"@storybook/angular/client",
+			"@analogjs/storybook-angular",
+			"@angular/compiler",
+			"@angular/platform-browser",
+			"@angular/platform-browser/animations",
+			"tslib",
+			...experimentalZoneless ? [] : ["zone.js"]
+		] },
+		resolve: { alias: { "@storybook/globalThis": "@storybook/global" } },
+		plugins: [
+			angular({
+				jit: typeof frameworkOptions.jit !== "undefined" ? frameworkOptions.jit : true,
+				liveReload,
+				tsconfig: typeof frameworkOptions.tsconfig !== "undefined" ? frameworkOptions.tsconfig : options?.tsConfig ?? "./.storybook/tsconfig.json",
+				inlineStylesExtension: typeof frameworkOptions.inlineStylesExtension !== "undefined" ? frameworkOptions.inlineStylesExtension : "css"
+			}),
+			angularOptionsPlugin(options, {
+				normalizePath: vite.normalizePath,
+				experimentalZoneless
+			}),
+			storybookTransformConfigPlugin()
+		],
+		define: { STORYBOOK_ANGULAR_OPTIONS: JSON.stringify({ experimentalZoneless: !!experimentalZoneless }) }
+	});
 };
-function angularOptionsPlugin(options, { normalizePath, experimentalZoneless, }) {
-    let resolvedConfig;
-    return {
-        name: 'analogjs-storybook-options-plugin',
-        config(userConfig) {
-            resolvedConfig = userConfig;
-            const loadPaths = options?.angularBuilderOptions?.stylePreprocessorOptions?.loadPaths;
-            const sassOptions = options?.angularBuilderOptions?.stylePreprocessorOptions?.sass;
-            if (Array.isArray(loadPaths)) {
-                const workspaceRoot = options.angularBuilderContext?.workspaceRoot ??
-                    userConfig?.root ??
-                    process.cwd();
-                return {
-                    css: {
-                        preprocessorOptions: {
-                            scss: {
-                                ...sassOptions,
-                                loadPaths: loadPaths.map((loadPath) => `${resolve(workspaceRoot, loadPath)}`),
-                            },
-                        },
-                    },
-                };
-            }
-            return;
-        },
-        async transform(code, id) {
-            if (normalizePath(id).endsWith(normalizePath(`${options.configDir}/preview.ts`))) {
-                const imports = [];
-                const styles = options?.angularBuilderOptions?.styles;
-                if (Array.isArray(styles)) {
-                    styles.forEach((style) => {
-                        imports.push(style);
-                    });
-                }
-                if (!experimentalZoneless) {
-                    imports.push('zone.js');
-                }
-                // Use vite config root when angularBuilderContext is not available
-                // (e.g., when running via Vitest instead of Angular builders)
-                const projectRoot = resolvedConfig?.root ?? process.cwd();
-                return {
-                    code: `
-            ${imports
-                        .map((extraImport) => {
-                        if (extraImport.startsWith('.') ||
-                            extraImport.startsWith('src')) {
-                            // relative to root
-                            return `import '${resolve(projectRoot, extraImport)}';`;
-                        }
-                        // absolute import
-                        return `import '${extraImport}';`;
-                    })
-                        .join('\n')}
+function angularOptionsPlugin(options, { normalizePath, experimentalZoneless }) {
+	let resolvedConfig;
+	const resolveStyleImport = (extraImport, projectRoot, workspaceRoot) => {
+		const resolvedProjectImport = resolve(projectRoot, extraImport);
+		const resolvedWorkspaceImport = resolve(workspaceRoot, extraImport);
+		if (extraImport.startsWith(".") || extraImport.startsWith("src") || existsSync(resolvedProjectImport)) return {
+			specifier: resolvedProjectImport,
+			source: "project"
+		};
+		if (existsSync(resolvedWorkspaceImport)) return {
+			specifier: resolvedWorkspaceImport,
+			source: "workspace"
+		};
+		return {
+			specifier: extraImport,
+			source: "bare"
+		};
+	};
+	return {
+		name: "analogjs-storybook-options-plugin",
+		config(userConfig) {
+			resolvedConfig = userConfig;
+			const loadPaths = options?.angularBuilderOptions?.stylePreprocessorOptions?.loadPaths;
+			const sassOptions = options?.angularBuilderOptions?.stylePreprocessorOptions?.sass;
+			if (Array.isArray(loadPaths)) {
+				const workspaceRoot = options.angularBuilderContext?.workspaceRoot ?? userConfig?.root ?? process.cwd();
+				const resolvedLoadPaths = loadPaths.map((loadPath) => `${resolve(workspaceRoot, loadPath)}`);
+				debugStyles("resolved SCSS load paths", {
+					configDir: options.configDir,
+					workspaceRoot,
+					projectRoot: userConfig?.root ?? process.cwd(),
+					loadPaths,
+					resolvedLoadPaths
+				});
+				return { css: { preprocessorOptions: { scss: {
+					...sassOptions,
+					loadPaths: resolvedLoadPaths
+				} } } };
+			}
+		},
+		async transform(code, id) {
+			if (normalizePath(id).endsWith(normalizePath(`${options.configDir}/preview.ts`))) {
+				const imports = [];
+				const styles = options?.angularBuilderOptions?.styles;
+				const workspaceRoot = options?.angularBuilderContext?.workspaceRoot ?? process.cwd();
+				if (Array.isArray(styles)) {
+					debugStyles("injecting Storybook global styles", {
+						configDir: options.configDir,
+						workspaceRoot,
+						projectRoot: resolvedConfig?.root ?? process.cwd(),
+						styles
+					});
+					styles.forEach((style) => {
+						imports.push(style);
+					});
+				}
+				if (!experimentalZoneless) imports.push("zone.js");
+				const projectRoot = resolvedConfig?.root ?? process.cwd();
+				return { code: `
+            ${imports.map((extraImport) => {
+					const resolved = resolveStyleImport(extraImport, projectRoot, workspaceRoot);
+					debugStyles("resolved Storybook style import", {
+						input: extraImport,
+						source: resolved.source,
+						specifier: resolved.specifier
+					});
+					return `import '${resolved.specifier}';`;
+				}).join("\n")}
             ${code}
-          `,
-                };
-            }
-            return;
-        },
-    };
+          ` };
+			}
+		}
+	};
 }
-function storybookEsbuildPlugin() {
-    return {
-        name: 'analogjs-storybook-esbuild-config',
-        apply: 'build',
-        config() {
-            return {
-                esbuild: {
-                    // Don't mangle class names during the build
-                    // This fixes display of compodoc argtypes
-                    keepNames: true,
-                },
-            };
-        },
-    };
+function storybookTransformConfigPlugin() {
+	const configKey = vite.rolldownVersion ? "oxc" : "esbuild";
+	return {
+		name: "analogjs-storybook-transform-config",
+		apply: "build",
+		config() {
+			return { [configKey]: { keepNames: true } };
+		}
+	};
 }
-export { addons } from '@storybook/angular/preset';
-//# sourceMappingURL=preset.js.map
+//#endregion
+export { addons, core, previewAnnotations, viteFinal };
+
 //# sourceMappingURL=preset.js.map

package/src/lib/preset.js.map

@@ -1 +1 @@
-{"version":3,"file":"preset.js","sourceRoot":"","sources":["../../../../../packages/storybook-angular/src/lib/preset.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"preset.js","names":[],"sources":["../../../src/lib/preset.ts"],"sourcesContent":["import { existsSync } from 'node:fs';\nimport { resolve } from 'node:path';\nimport { core as PresetCore } from '@storybook/angular/preset';\nimport { fileURLToPath } from 'node:url';\nimport * as vite from 'vite';\nimport type { Plugin, UserConfig } from 'vite';\nimport angular from '@analogjs/vite-plugin-angular';\nimport { debugStyles } from './debug';\n\nexport const previewAnnotations = async (\n  entries: string[] = [],\n  options: any,\n): Promise<string[]> => {\n  const config = fileURLToPath(\n    import.meta.resolve('@storybook/angular/client/config'),\n  );\n  const annotations = [...entries, config];\n\n  if (options.enableProdMode) {\n    const previewProdPath = fileURLToPath(\n      import.meta.resolve('@storybook/angular/client/preview-prod'),\n    );\n    annotations.unshift(previewProdPath);\n  }\n\n  const docsConfig = await options.presets.apply('docs', {}, options);\n  const docsEnabled = Object.keys(docsConfig).length > 0;\n  if (docsEnabled) {\n    const docsConfigPath = fileURLToPath(\n      import.meta.resolve('@storybook/angular/client/docs/config'),\n    );\n    annotations.push(docsConfigPath);\n  }\n  return annotations;\n};\n\nexport const core = async (config: any, options: any): Promise<any> => {\n  const presetCore = await PresetCore(config, options);\n  return {\n    ...presetCore,\n    builder: {\n      name: import.meta.resolve('@storybook/builder-vite'),\n      options: { ...presetCore.options },\n    },\n  };\n};\n\nasync function resolveExperimentalZoneless(\n  frameworkOptions: any,\n  angularBuilderOptions: any,\n) {\n  // 1. Explicit framework option (user's .storybook/main.ts)\n  if (typeof frameworkOptions?.experimentalZoneless === 'boolean') {\n    return frameworkOptions.experimentalZoneless;\n  }\n\n  // 2. Angular builder options (set by start-storybook/build-storybook)\n  if (typeof angularBuilderOptions?.experimentalZoneless === 'boolean') {\n    return angularBuilderOptions.experimentalZoneless;\n  }\n\n  // 3. Auto-detect Angular 21+ (matches @storybook/angular builder behavior)\n  try {\n    const { VERSION } = await import('@angular/core');\n    return !!(VERSION.major && Number(VERSION.major) >= 21);\n  } catch {\n    return false;\n  }\n}\n\nexport const viteFinal = async (config: any, options: any): Promise<any> => {\n  // Remove any loaded analogjs plugins from a vite.config.(m)ts file\n  config.plugins = (config.plugins ?? [])\n    .flat()\n    .filter((plugin: any) => !plugin.name.includes('analogjs'));\n\n  // @ts-expect-error - untyped storybook presets API\n  const framework = await options.presets.apply('framework');\n  const { hmr: _removedHmrOption, ...frameworkOptions } =\n    framework.options ?? {};\n  const experimentalZoneless = await resolveExperimentalZoneless(\n    frameworkOptions,\n    options?.angularBuilderOptions,\n  );\n  const liveReload =\n    typeof frameworkOptions.liveReload !== 'undefined'\n      ? frameworkOptions.liveReload\n      : false;\n  return vite.mergeConfig(config, {\n    // Add dependencies to pre-optimization\n    optimizeDeps: {\n      include: [\n        '@storybook/angular/client',\n        '@analogjs/storybook-angular',\n        '@angular/compiler',\n        '@angular/platform-browser',\n        '@angular/platform-browser/animations',\n        'tslib',\n        ...(experimentalZoneless ? [] : ['zone.js']),\n      ],\n    },\n    resolve: {\n      alias: {\n        '@storybook/globalThis': '@storybook/global',\n      },\n    },\n    plugins: [\n      angular({\n        jit:\n          typeof frameworkOptions.jit !== 'undefined'\n            ? frameworkOptions.jit\n            : true,\n        liveReload,\n        tsconfig:\n          typeof frameworkOptions.tsconfig !== 'undefined'\n            ? frameworkOptions.tsconfig\n            : (options?.tsConfig ?? './.storybook/tsconfig.json'),\n        inlineStylesExtension:\n          typeof frameworkOptions.inlineStylesExtension !== 'undefined'\n            ? frameworkOptions.inlineStylesExtension\n            : 'css',\n      }),\n      angularOptionsPlugin(options, {\n        normalizePath: vite.normalizePath,\n        experimentalZoneless,\n      }),\n      storybookTransformConfigPlugin(),\n    ],\n    define: {\n      STORYBOOK_ANGULAR_OPTIONS: JSON.stringify({\n        experimentalZoneless: !!experimentalZoneless,\n      }),\n    },\n  });\n};\n\nfunction angularOptionsPlugin(\n  options: any,\n  {\n    normalizePath,\n    experimentalZoneless,\n  }: { normalizePath: (path: string) => string; experimentalZoneless: boolean },\n): Plugin {\n  let resolvedConfig: UserConfig | undefined;\n\n  const resolveStyleImport = (\n    extraImport: string,\n    projectRoot: string,\n    workspaceRoot: string,\n  ) => {\n    const resolvedProjectImport = resolve(projectRoot, extraImport);\n    const resolvedWorkspaceImport = resolve(workspaceRoot, extraImport);\n\n    if (\n      extraImport.startsWith('.') ||\n      extraImport.startsWith('src') ||\n      existsSync(resolvedProjectImport)\n    ) {\n      return {\n        specifier: resolvedProjectImport,\n        source: 'project',\n      } as const;\n    }\n\n    if (existsSync(resolvedWorkspaceImport)) {\n      return {\n        specifier: resolvedWorkspaceImport,\n        source: 'workspace',\n      } as const;\n    }\n\n    return {\n      specifier: extraImport,\n      source: 'bare',\n    } as const;\n  };\n\n  return {\n    name: 'analogjs-storybook-options-plugin',\n    config(userConfig: UserConfig) {\n      resolvedConfig = userConfig;\n      const loadPaths =\n        options?.angularBuilderOptions?.stylePreprocessorOptions?.loadPaths;\n      const sassOptions =\n        options?.angularBuilderOptions?.stylePreprocessorOptions?.sass;\n\n      if (Array.isArray(loadPaths)) {\n        const workspaceRoot =\n          options.angularBuilderContext?.workspaceRoot ??\n          userConfig?.root ??\n          process.cwd();\n        const resolvedLoadPaths = loadPaths.map(\n          (loadPath) => `${resolve(workspaceRoot, loadPath)}`,\n        );\n\n        debugStyles('resolved SCSS load paths', {\n          configDir: options.configDir,\n          workspaceRoot,\n          projectRoot: userConfig?.root ?? process.cwd(),\n          loadPaths,\n          resolvedLoadPaths,\n        });\n\n        return {\n          css: {\n            preprocessorOptions: {\n              scss: {\n                ...sassOptions,\n                loadPaths: resolvedLoadPaths,\n              },\n            },\n          },\n        };\n      }\n\n      return;\n    },\n    async transform(code: string, id: string) {\n      if (\n        normalizePath(id).endsWith(\n          normalizePath(`${options.configDir}/preview.ts`),\n        )\n      ) {\n        const imports = [];\n        const styles = options?.angularBuilderOptions?.styles;\n        const workspaceRoot =\n          options?.angularBuilderContext?.workspaceRoot ?? process.cwd();\n\n        if (Array.isArray(styles)) {\n          debugStyles('injecting Storybook global styles', {\n            configDir: options.configDir,\n            workspaceRoot,\n            projectRoot: resolvedConfig?.root ?? process.cwd(),\n            styles,\n          });\n\n          styles.forEach((style) => {\n            imports.push(style);\n          });\n        }\n\n        if (!experimentalZoneless) {\n          imports.push('zone.js');\n        }\n\n        // Use vite config root when angularBuilderContext is not available\n        // (e.g., when running via Vitest instead of Angular builders)\n        const projectRoot = resolvedConfig?.root ?? process.cwd();\n\n        return {\n          code: `\n            ${imports\n              .map((extraImport) => {\n                const resolved = resolveStyleImport(\n                  extraImport,\n                  projectRoot,\n                  workspaceRoot,\n                );\n\n                debugStyles('resolved Storybook style import', {\n                  input: extraImport,\n                  source: resolved.source,\n                  specifier: resolved.specifier,\n                });\n\n                return `import '${resolved.specifier}';`;\n              })\n              .join('\\n')}\n            ${code}\n          `,\n        };\n      }\n\n      return;\n    },\n  };\n}\n\nfunction storybookTransformConfigPlugin(): Plugin {\n  const configKey = vite.rolldownVersion ? 'oxc' : 'esbuild';\n\n  return {\n    name: 'analogjs-storybook-transform-config',\n    apply: 'build',\n    config() {\n      return {\n        [configKey]: {\n          // Don't mangle class names during the build\n          // This fixes display of compodoc argtypes\n          keepNames: true,\n        },\n      };\n    },\n  };\n}\n\nexport { addons } from '@storybook/angular/preset';\n"],"mappings":"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"}

package/src/lib/start-storybook/start-storybook.d.ts

@@ -1,2 +1,2 @@
-import StartStorybookBuilder from '@storybook/angular/builders/start-storybook';
+import StartStorybookBuilder from "@storybook/angular/builders/start-storybook";
 export default StartStorybookBuilder;

package/src/lib/start-storybook/start-storybook.js

@@ -1,3 +1,7 @@
-import StartStorybookBuilder from '@storybook/angular/builders/start-storybook';
-export default StartStorybookBuilder;
+import StartStorybookBuilder from "@storybook/angular/builders/start-storybook";
+//#region packages/storybook-angular/src/lib/start-storybook/start-storybook.ts
+var start_storybook_default = StartStorybookBuilder;
+//#endregion
+export { start_storybook_default as default };
+
 //# sourceMappingURL=start-storybook.js.map

package/src/lib/start-storybook/start-storybook.js.map

@@ -1 +1 @@
-{"version":3,"file":"start-storybook.js","sourceRoot":"","sources":["../../../../../../packages/storybook-angular/src/lib/start-storybook/start-storybook.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,MAAM,6CAA6C,CAAC;AAEhF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"start-storybook.js","names":[],"sources":["../../../../src/lib/start-storybook/start-storybook.ts"],"sourcesContent":["import StartStorybookBuilder from '@storybook/angular/builders/start-storybook';\n\nexport default StartStorybookBuilder;\n"],"mappings":";;AAEA,IAAA,0BAAe"}

package/src/lib/testing.d.ts

@@ -1,7 +1,7 @@
-import '@angular/compiler';
-import type { AngularRenderer } from '@storybook/angular';
-import { NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations, RenderContext } from 'storybook/internal/types';
-import * as configAnnotations from '@storybook/angular/client/config';
+import "@angular/compiler";
+import type { AngularRenderer } from "@storybook/angular";
+import { NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations, RenderContext } from "storybook/internal/types";
+import * as configAnnotations from "@storybook/angular/client/config";
 export declare const render: typeof configAnnotations.render;
 export declare function renderToCanvas(context: RenderContext<AngularRenderer>, element: HTMLElement): Promise<void>;
 export declare function setProjectAnnotations(projectAnnotations: NamedOrDefaultProjectAnnotations<any> | NamedOrDefaultProjectAnnotations<any>[]): NormalizedProjectAnnotations<AngularRenderer>;

package/src/lib/testing.js

@@ -1,21 +1,20 @@
-import '@angular/compiler';
-import { setProjectAnnotations as originalSetProjectAnnotations } from '@storybook/angular/client';
-import * as configAnnotations from '@storybook/angular/client/config';
-export const render = configAnnotations.render;
-export async function renderToCanvas(context, element) {
-    element.id = context.id;
-    await configAnnotations.renderToCanvas(context, element);
+import "@angular/compiler";
+import { setProjectAnnotations as setProjectAnnotations$1 } from "@storybook/angular/client";
+import * as configAnnotations from "@storybook/angular/client/config";
+//#region packages/storybook-angular/src/lib/testing.ts
+var render = configAnnotations.render;
+async function renderToCanvas(context, element) {
+	element.id = context.id;
+	await configAnnotations.renderToCanvas(context, element);
 }
-const renderAnnotations = {
-    render,
-    renderToCanvas,
+var renderAnnotations = {
+	render,
+	renderToCanvas
 };
-export function setProjectAnnotations(projectAnnotations) {
-    return originalSetProjectAnnotations([
-        renderAnnotations,
-        ...(Array.isArray(projectAnnotations)
-            ? projectAnnotations
-            : [projectAnnotations]),
-    ]);
+function setProjectAnnotations(projectAnnotations) {
+	return setProjectAnnotations$1([renderAnnotations, ...Array.isArray(projectAnnotations) ? projectAnnotations : [projectAnnotations]]);
 }
+//#endregion
+export { render, renderToCanvas, setProjectAnnotations };
+
 //# sourceMappingURL=testing.js.map

package/src/lib/testing.js.map

@@ -1 +1 @@
-{"version":3,"file":"testing.js","sourceRoot":"","sources":["../../../../../packages/storybook-angular/src/lib/testing.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAE3B,OAAO,EAAE,qBAAqB,IAAI,6BAA6B,EAAE,MAAM,2BAA2B,CAAC;AAMnG,OAAO,KAAK,iBAAiB,MAAM,kCAAkC,CAAC;AAEtE,MAAM,CAAC,MAAM,MAAM,GAAoC,iBAAiB,CAAC,MAAM,CAAC;AAEhF,MAAM,CAAC,KAAK,UAAU,cAAc,CAClC,OAAuC,EACvC,OAAoB;IAEpB,OAAO,CAAC,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC;IACxB,MAAM,iBAAiB,CAAC,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAC3D,CAAC;AAED,MAAM,iBAAiB,GAAG;IACxB,MAAM;IACN,cAAc;CACf,CAAC;AAEF,MAAM,UAAU,qBAAqB,CACnC,kBAE2C;IAE3C,OAAO,6BAA6B,CAAC;QACnC,iBAAiB;QACjB,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC;YACnC,CAAC,CAAC,kBAAkB;YACpB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC;KAC1B,CAAkD,CAAC;AACtD,CAAC"}
+{"version":3,"file":"testing.js","names":[],"sources":["../../../src/lib/testing.ts"],"sourcesContent":["import '@angular/compiler';\nimport type { AngularRenderer } from '@storybook/angular';\nimport { setProjectAnnotations as originalSetProjectAnnotations } from '@storybook/angular/client';\nimport {\n  NamedOrDefaultProjectAnnotations,\n  NormalizedProjectAnnotations,\n  RenderContext,\n} from 'storybook/internal/types';\nimport * as configAnnotations from '@storybook/angular/client/config';\n\nexport const render: typeof configAnnotations.render = configAnnotations.render;\n\nexport async function renderToCanvas(\n  context: RenderContext<AngularRenderer>,\n  element: HTMLElement,\n): Promise<void> {\n  element.id = context.id;\n  await configAnnotations.renderToCanvas(context, element);\n}\n\nconst renderAnnotations = {\n  render,\n  renderToCanvas,\n};\n\nexport function setProjectAnnotations(\n  projectAnnotations:\n    | NamedOrDefaultProjectAnnotations<any>\n    | NamedOrDefaultProjectAnnotations<any>[],\n): NormalizedProjectAnnotations<AngularRenderer> {\n  return originalSetProjectAnnotations([\n    renderAnnotations,\n    ...(Array.isArray(projectAnnotations)\n      ? projectAnnotations\n      : [projectAnnotations]),\n  ]) as NormalizedProjectAnnotations<AngularRenderer>;\n}\n"],"mappings":";;;;AAUA,IAAa,SAA0C,kBAAkB;AAEzE,eAAsB,eACpB,SACA,SACe;AACf,SAAQ,KAAK,QAAQ;AACrB,OAAM,kBAAkB,eAAe,SAAS,QAAQ;;AAG1D,IAAM,oBAAoB;CACxB;CACA;CACD;AAED,SAAgB,sBACd,oBAG+C;AAC/C,QAAO,wBAA8B,CACnC,mBACA,GAAI,MAAM,QAAQ,mBAAmB,GACjC,qBACA,CAAC,mBAAmB,CACzB,CAAC"}

package/src/lib/utils/standalone-options.d.ts

@@ -1,9 +1,9 @@
-import { BuilderOptions, CLIOptions, LoadOptions } from 'storybook/internal/types';
+import { BuilderOptions, CLIOptions, LoadOptions } from "storybook/internal/types";
 export type StandaloneOptions = CLIOptions & LoadOptions & BuilderOptions & {
-    mode?: 'static' | 'dev';
-    enableProdMode: boolean;
-    angularBuilderOptions?: Record<string, any> & {
-        experimentalZoneless?: boolean;
-    };
-    tsConfig?: string;
+	mode?: "static" | "dev";
+	enableProdMode: boolean;
+	angularBuilderOptions?: Record<string, any> & {
+		experimentalZoneless?: boolean;
+	};
+	tsConfig?: string;
 };

package/src/types.d.ts

@@ -1,27 +1,33 @@
-import { CompatibleString } from 'storybook/internal/types';
-import { StorybookConfig as StorybookConfigBase } from '@storybook/angular';
-import { BuilderOptions, StorybookConfigVite } from '@storybook/builder-vite';
-type FrameworkName = CompatibleString<'@analogjs/storybook-angular'>;
-type BuilderName = CompatibleString<'@storybook/builder-vite'>;
+import { CompatibleString } from "storybook/internal/types";
+import { StorybookConfig as StorybookConfigBase } from "@storybook/angular";
+import { BuilderOptions, StorybookConfigVite } from "@storybook/builder-vite";
+type FrameworkName = CompatibleString<"@analogjs/storybook-angular">;
+type BuilderName = CompatibleString<"@storybook/builder-vite">;
 export type FrameworkOptions = {
-    builder?: BuilderOptions;
-    jit?: boolean;
-    liveReload?: boolean;
-    inlineStylesExtension?: string;
-    tsconfig?: string;
-    experimentalZoneless?: boolean;
+	builder?: BuilderOptions;
+	jit?: boolean;
+	/**
+	* Enables Analog's Angular live-reload/HMR pipeline for Storybook.
+	*
+	* This is separate from Vite's `server.hmr` option, which configures the
+	* HMR client transport.
+	*/
+	liveReload?: boolean;
+	inlineStylesExtension?: string;
+	tsconfig?: string;
+	experimentalZoneless?: boolean;
 };
 type StorybookConfigFramework = {
-    framework: FrameworkName | {
-        name: FrameworkName;
-        options: FrameworkOptions;
-    };
-    core?: StorybookConfigBase['core'] & {
-        builder?: BuilderName | {
-            name: BuilderName;
-            options: BuilderOptions;
-        };
-    };
+	framework: FrameworkName | {
+		name: FrameworkName;
+		options: FrameworkOptions;
+	};
+	core?: StorybookConfigBase["core"] & {
+		builder?: BuilderName | {
+			name: BuilderName;
+			options: BuilderOptions;
+		};
+	};
 };
 /** The interface for Storybook configuration in `main.ts` files. */
 export type StorybookConfig = Omit<StorybookConfigBase, keyof StorybookConfigVite | keyof StorybookConfigFramework> & StorybookConfigVite & StorybookConfigFramework;

package/README.md

@@ -1,270 +0,0 @@
-# @analogjs/storybook-angular
-
-Integration package for Storybook using Angular & Vite.
-
-> This is a community integration not maintained by the Storybook team. If you have issues,
-> file an issue in our [GitHub repo](https://github.com/analogjs/analog/issues).
-
-## Setup
-
-If you don't have Storybook setup already, run the following command to initialize Storybook for your project:
-
-```sh
-npx storybook@latest init
-```
-
-Follow the provided prompts, and commit your changes.
-
-## Installing the Storybook package
-
-Install the Storybook Plugin for Angular and Vite. Depending on your preferred package manager, run one of the following commands:
-
-```shell
-npm install @analogjs/storybook-angular --save-dev
-```
-
-## Configuring Storybook
-
-Update the `.storybook/main.ts` file to use the `StorybookConfig` type. Also update the `framework` to use the `@analogjs/storybook-angular` package.
-
-```ts
-import { StorybookConfig } from '@analogjs/storybook-angular';
-
-const config: StorybookConfig = {
-  // other config, addons, etc.
-  framework: {
-    name: '@analogjs/storybook-angular',
-    options: {},
-  },
-};
-
-export default config;
-```
-
-Remove the existing `webpackFinal` config function if present.
-
-Next, update the Storybook targets in the `angular.json` or `project.json`
-
-```json
-    "storybook": {
-      "builder": "@analogjs/storybook-angular:start-storybook",
-    },
-    "build-storybook": {
-      "builder": "@analogjs/storybook-angular:build-storybook"
-    }
-```
-
-Remove any `webpack` specific options and remove the `browserTarget` option.
-
-Add the `/storybook-static` folder to the `.gitignore` file.
-
-## Setting up CSS
-
-To register global styles, add them to the `@analogjs/storybook-angular` builder options in the `angular.json` or `project.json`.
-
-```json
-    "storybook": {
-      "builder": "@analogjs/storybook-angular:start-storybook",
-      "options": {
-        // ... other options
-        "styles": [
-          "src/styles.css"
-        ],
-        "stylePreprocessorOptions": {
-          "loadPaths": ["libs/my-lib/styles"]
-        }
-      }
-    },
-    "build-storybook": {
-      "builder": "@analogjs/storybook-angular:build-storybook",
-      "options": {
-        // ... other options
-        "styles": [
-          "src/styles.css"
-        ],
-        "stylePreprocessorOptions": {
-          "loadPaths": ["libs/my-lib/styles"]
-        }
-      }
-    }
-```
-
-## Enabling Zoneless Change Detection
-
-To use zoneless change detection for the Storybook, add the `experimentalZoneless` flag to the `@analogjs/storybook-angular` builder options in the `angular.json`.
-
-```json
-    "storybook": {
-      "builder": "@analogjs/storybook-angular:start-storybook",
-      "options": {
-        // ... other options
-        "experimentalZoneless": true
-      }
-    },
-    "build-storybook": {
-      "builder": "@analogjs/storybook-angular:build-storybook",
-      "options": {
-        // ... other options
-        "experimentalZoneless": true
-      }
-    }
-```
-
-For `project.json`
-
-```json
-    "storybook": {
-      "executor": "@analogjs/storybook-angular:start-storybook",
-      "options": {
-        // ... other options
-        "configDir": "path/to/.storybook",
-        "experimentalZoneless": true,
-        "compodoc": false
-      }
-    },
-    "build-storybook": {
-      "executor": "@analogjs/storybook-angular:build-storybook",
-      "options": {
-        // ... other options
-        "configDir": "path/to/.storybook",
-        "experimentalZoneless": true,
-        "compodoc": false
-      }
-    }
-```
-
-> Zoneless change detection is the default for new projects starting Angular v21.
-
-## Setting up Static Assets
-
-Static assets are configured in the `.storybook/main.ts` file using the `staticDirs` array.
-
-The example below shows how to add the `public` directory from `src/public` relative to the `.storybook/main.ts` file.
-
-```ts
-import { StorybookConfig } from '@analogjs/storybook-angular';
-
-const config: StorybookConfig = {
-  // other config, addons, etc.
-  framework: {
-    name: '@analogjs/storybook-angular',
-    options: {},
-  },
-  staticDirs: ['../public'],
-};
-
-export default config;
-```
-
-See the [Storybook docs on images and assets](https://storybook.js.org/docs/configure/integration/images-and-assets) for more information.
-
-## Running Storybook
-
-Run the command for starting the development server.
-
-```sh
-npm run storybook
-```
-
-## Building Storybook
-
-Run the command for building the storybook.
-
-```sh
-npm run build-storybook
-```
-
-## Using TypeScript Config Path Aliases
-
-If you are using `paths` in your `tsconfig.json`, support for those aliases can be added to the `vite.config.ts`.
-
-### With Angular CLI
-
-First, install the `vite-tsconfig-paths` package.
-
-```shell
-npm install vite-tsconfig-paths --save-dev
-```
-
-Next, add the plugin to the `plugins` array in the `.storybook/main.ts`.
-
-```ts
-import viteTsConfigPaths from 'vite-tsconfig-paths';
-import { UserConfig, mergeConfig } from 'vite';
-
-import type { StorybookConfig } from '@analogjs/storybook-angular';
-
-const config: StorybookConfig = {
-  // ... other config, addons, etc.
-  async viteFinal(config: UserConfig) {
-    return mergeConfig(config, {
-      plugins: [viteTsConfigPaths()],
-    });
-  },
-};
-
-export default config;
-```
-
-### With Nx
-
-For Nx workspaces, import and use the `nxViteTsPaths` plugin from the `@nx/vite` package. Add the plugin to the `plugins` array in the `.storybook/main.ts`.
-
-```ts
-import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
-import { UserConfig, mergeConfig } from 'vite';
-
-import type { StorybookConfig } from '@analogjs/storybook-angular';
-
-const config: StorybookConfig = {
-  // ... other config, addons, etc.
-  async viteFinal(config: UserConfig) {
-    return mergeConfig(config, {
-      plugins: [nxViteTsPaths()],
-    });
-  },
-};
-
-export default config;
-```
-
-## Using File Replacements
-
-You can also use the `replaceFiles()` plugin from Nx to replace files during your build.
-
-Import the plugin and set it up:
-
-```ts
-import { replaceFiles } from '@nx/vite/plugins/rollup-replace-files.plugin';
-import { UserConfig, mergeConfig } from 'vite';
-
-import type { StorybookConfig } from '@analogjs/storybook-angular';
-
-const config: StorybookConfig = {
-  // ... other config, addons, etc.
-  async viteFinal(config: UserConfig) {
-    return mergeConfig(config, {
-      plugins: [
-        replaceFiles([
-          {
-            replace: './src/one.ts',
-            with: './src/two.ts',
-          },
-        ]),
-      ],
-    });
-  },
-};
-
-export default config;
-```
-
-Adding the replacement files to `files` array in the `tsconfig.app.json` may also be necessary.
-
-```json
-{
-  "extends": "./tsconfig.json",
-  // other config
-  "files": ["src/main.ts", "src/main.server.ts", "src/two.ts"]
-}
-```

package/src/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/storybook-angular/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAYL,iBAAiB,EACjB,cAAc,EACd,yBAAyB,EACzB,cAAc,EACd,qBAAqB,GACtB,MAAM,oBAAoB,CAAC"}

package/src/lib/utils/standalone-options.js

@@ -1 +0,0 @@
-//# sourceMappingURL=standalone-options.js.map

package/src/lib/utils/standalone-options.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"standalone-options.js","sourceRoot":"","sources":["../../../../../../packages/storybook-angular/src/lib/utils/standalone-options.ts"],"names":[],"mappings":""}

package/src/types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=types.js.map

package/src/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../packages/storybook-angular/src/types.ts"],"names":[],"mappings":""}