@analogjs/storybook-angular 2.5.0-beta.35 → 2.5.0-beta.37

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@analogjs/storybook-angular",
-  "version": "2.5.0-beta.35",
+  "version": "2.5.0-beta.37",
   "description": "Storybook Integration for Angular & Vite",
   "type": "module",
   "keywords": [

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 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';
+export { applicationConfig, argsToTemplate, moduleMetadata, setProjectAnnotations, } from '@storybook/angular';
+export { componentWrapperDecorator } from './lib/component-wrapper-decorator';
 //# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/storybook-angular/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAYL,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,qBAAqB,GACtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC"}

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,78 @@
+import { reflectComponentType, } from '@angular/core';
+import { argsToTemplate, componentWrapperDecorator as originalComponentWrapperDecorator, } from '@storybook/angular';
+const VOID_ELEMENTS = new Set([
+    'area',
+    'base',
+    'br',
+    'col',
+    'command',
+    'embed',
+    'hr',
+    'img',
+    'input',
+    'keygen',
+    'link',
+    'meta',
+    'param',
+    'source',
+    'track',
+    'wbr',
+]);
+export function componentWrapperDecorator(element, props) {
+    const decorator = originalComponentWrapperDecorator(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>';
+    }
+    const bindings = filterTemplateBindings(component, props);
+    const attributes = argsToTemplate(bindings);
+    return buildTemplate(selector, attributes);
+}
+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 !== undefined && supportedBindings.has(key);
+    }));
+}
+function buildTemplate(selector, attributes) {
+    const elementMatch = selector.match(/^[A-Za-z][\w-]*/);
+    const tagName = elementMatch?.[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}>`;
+}
+//# sourceMappingURL=component-wrapper-decorator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component-wrapper-decorator.js","sourceRoot":"","sources":["../../../../../packages/storybook-angular/src/lib/component-wrapper-decorator.ts"],"names":[],"mappings":"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"}