@aurelia/storybook 2.0.0 → 2.2.1

package/apps/hello-world-webpack/src/services/weather-service.ts

@@ -0,0 +1,15 @@
+import { DI } from 'aurelia';
+
+export interface WeatherSummary {
+  location: string;
+  condition: string;
+  temperature: number;
+  high: number;
+  low: number;
+}
+
+export interface WeatherService {
+  getWeather(location: string): Promise<WeatherSummary>;
+}
+
+export const IWeatherService = DI.createInterface<WeatherService>('IWeatherService');

package/apps/hello-world-webpack/src/stories/feedback-form.stories.ts

@@ -0,0 +1,58 @@
+import { defineAureliaStory } from '@aurelia/storybook';
+import { fn, userEvent, within } from 'storybook/test';
+import { FeedbackForm } from '../components/feedback-form';
+
+type FeedbackFormArgs = {
+  topics: string[];
+  submitting?: boolean;
+  onSubmit?: (payload: unknown) => void;
+};
+
+const meta = {
+  title: 'Dashboard/FeedbackForm',
+  component: FeedbackForm,
+  parameters: {
+    layout: 'centered',
+  },
+  render: (args: FeedbackFormArgs) =>
+    defineAureliaStory({
+      template: `<feedback-form topics.bind="topics"
+                                submitting.bind="submitting"
+                                on-submit.bind="onSubmit"></feedback-form>`,
+      props: args,
+      components: [FeedbackForm],
+    }),
+};
+
+export default meta;
+
+export const DefaultForm = {
+  args: {
+    topics: ['Bug report', 'Feature request', 'General question'],
+    onSubmit: fn(),
+    submitting: false,
+  },
+};
+
+export const SubmittingState = {
+  args: {
+    topics: ['Design review', 'Accessibility', 'Performance'],
+    submitting: true,
+    onSubmit: fn(),
+  },
+};
+
+export const FillAndSubmit = {
+  args: {
+    topics: ['Beta feedback', 'Success story'],
+    onSubmit: fn(),
+  },
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    await userEvent.type(canvas.getByLabelText('Name'), 'Jordan');
+    await userEvent.type(canvas.getByLabelText('Email'), 'jordan@example.com');
+    await userEvent.selectOptions(canvas.getByLabelText('Topic'), 'Success story');
+    await userEvent.type(canvas.getByLabelText('Message'), 'The new timeline view is great');
+    await userEvent.click(canvas.getByRole('button', { name: /send feedback/i }));
+  },
+};

package/apps/hello-world-webpack/src/stories/hello-world.stories.ts

@@ -1,13 +1,20 @@
+import { defineAureliaStory } from '@aurelia/storybook';
 import { HelloWorld } from '../hello-world';
-import { fn } from '@storybook/test';
-import { userEvent, within } from '@storybook/test';
+import { fn, userEvent, within } from 'storybook/test';
+
+type HelloWorldArgs = {
+  message?: string;
+  onIncrement?: () => void;
+};
 
 const meta = {
   title: 'Example/HelloWorld',
   component: HelloWorld,
-  render: () => ({
-    template: `<hello-world message.bind="message" on-increment.bind="onIncrement"></hello-world>`,
-  }),
+  render: (args: HelloWorldArgs) =>
+    defineAureliaStory({
+      template: `<hello-world message.bind="message" on-increment.bind="onIncrement"></hello-world>`,
+      props: args,
+    }),
   argTypes: {
     message: { control: 'text' },
     onIncrement: { action: 'increment' }
@@ -18,14 +25,14 @@ export default meta;
 
 export const DefaultHelloWorld = {
   args: {
-    message: "Hello frof",
+    message: 'Hello from Aurelia Storybook',
     onIncrement: fn()
   }
 };
 
 export const InteractiveHelloWorld = {
   args: {
-    message: "kjkjk",
+    message: 'Try clicking the button!',
     onIncrement: fn()
   },
   play: async ({ canvasElement }: { canvasElement: HTMLElement }) => {
@@ -39,16 +46,19 @@ export const InteractiveHelloWorld = {
 };
 
 export const NoArgs = {
-  render: () => ({
-    template: `<hello-world></hello-world>`
-  })
+  render: () =>
+    defineAureliaStory({
+      template: `<hello-world></hello-world>`,
+    })
 };
 
 export const WithCustomTemplate = {
-  render: () => ({
-    template: `<hello-world message.bind="message">Click me!</hello-world>`
-  }),
+  render: (args: HelloWorldArgs) =>
+    defineAureliaStory({
+      template: `<hello-world message.bind="message">Click me!</hello-world>`,
+      props: args,
+    }),
   args: {
-    message: "This is a custom messageddd"
+    message: 'This is a custom message'
   }
-}; 
+};

package/apps/hello-world-webpack/src/stories/notification-center.stories.ts

@@ -0,0 +1,88 @@
+import { defineAureliaStory } from '@aurelia/storybook';
+import { fn, userEvent, within } from 'storybook/test';
+import { NotificationCenter, NotificationItem } from '../components/notification-center';
+
+type NotificationCenterArgs = {
+  notifications: NotificationItem[];
+  maxVisible?: number;
+  showTimestamp?: boolean;
+  onDismiss?: (item: NotificationItem) => void;
+};
+
+const baseNotifications: NotificationItem[] = [
+  {
+    id: 1,
+    title: 'Build succeeded',
+    message: 'Main pipeline finished in 4m 12s.',
+    level: 'success',
+    timestamp: 'Today - 09:24',
+  },
+  {
+    id: 2,
+    title: 'New comment',
+    message: 'Samira replied to your review on PR #512.',
+    level: 'info',
+    timestamp: 'Today - 08:51',
+  },
+  {
+    id: 3,
+    title: 'Usage warning',
+    message: 'API quota is at 85% of the monthly allocation.',
+    level: 'warning',
+    timestamp: 'Yesterday - 17:05',
+  },
+  {
+    id: 4,
+    title: 'Error spike',
+    message: 'Synthetic tests detected an uptick in 500s.',
+    level: 'error',
+    timestamp: 'Yesterday - 15:33',
+  },
+];
+
+const meta = {
+  title: 'Dashboard/NotificationCenter',
+  component: NotificationCenter,
+  render: (args: NotificationCenterArgs) =>
+    defineAureliaStory({
+      template: `<notification-center notifications.bind="notifications"
+                                       max-visible.bind="maxVisible"
+                                       on-dismiss.bind="onDismiss"
+                                       show-timestamp.bind="showTimestamp"></notification-center>`,
+      props: args,
+      components: [NotificationCenter],
+    }),
+};
+
+export default meta;
+
+export const DefaultNotifications = {
+  args: {
+    notifications: baseNotifications,
+    maxVisible: 3,
+    showTimestamp: true,
+    onDismiss: fn(),
+  },
+};
+
+export const CompactList = {
+  args: {
+    notifications: baseNotifications.slice(0, 2),
+    maxVisible: 2,
+    onDismiss: fn(),
+    showTimestamp: false,
+  },
+};
+
+export const Interactions = {
+  args: {
+    notifications: baseNotifications,
+    maxVisible: 4,
+    onDismiss: fn(),
+  },
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    const dismissButtons = await canvas.findAllByRole('button', { name: /dismiss/i });
+    await userEvent.click(dismissButtons[0]);
+  },
+};

package/apps/hello-world-webpack/src/stories/stat-card.stories.ts

@@ -0,0 +1,75 @@
+import { defineAureliaStory } from '@aurelia/storybook';
+import { fn, userEvent, within } from 'storybook/test';
+import { StatCard } from '../components/stat-card';
+
+type StatCardArgs = {
+  title: string;
+  value: number | string;
+  unit?: string;
+  change?: number;
+  changeCopy?: string;
+  description?: string;
+  onRefresh?: () => void;
+};
+
+const meta = {
+  title: 'Dashboard/StatCard',
+  component: StatCard,
+  parameters: {
+    layout: 'centered',
+  },
+  render: (args: StatCardArgs) =>
+    defineAureliaStory({
+      components: [StatCard],
+      template: `<stat-card title.bind="title"
+                            value.bind="value"
+                            unit.bind="unit"
+                            change.bind="change"
+                            change-copy.bind="changeCopy"
+                            description.bind="description"
+                            on-refresh.bind="onRefresh"></stat-card>`,
+      props: args,
+    }),
+};
+
+export default meta;
+
+export const DefaultCard = {
+  args: {
+    title: 'Active users',
+    value: 1284,
+    unit: '',
+    change: 12.5,
+    changeCopy: 'vs last week',
+    description: 'Rolling 7-day average of unique user sessions.',
+    onRefresh: fn(),
+  },
+};
+
+export const NegativeTrend = {
+  args: {
+    title: 'NPS score',
+    value: 42,
+    change: -6.3,
+    changeCopy: 'vs previous survey',
+    description: 'Direct feedback collected from in-app survey responses.',
+    onRefresh: fn(),
+  },
+};
+
+export const ManualRefreshDemo = {
+  args: {
+    title: 'Deploy success rate',
+    value: '99.2',
+    unit: '%',
+    change: 1.1,
+    changeCopy: 'vs last 24h',
+    description: 'Completed deploys without rollbacks.',
+    onRefresh: fn(),
+  },
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    const refreshButton = await canvas.findByRole('button', { name: /refresh metric/i });
+    await userEvent.click(refreshButton);
+  },
+};

package/apps/hello-world-webpack/src/stories/weather-widget.stories.ts

@@ -0,0 +1,62 @@
+import { defineAureliaStory } from '@aurelia/storybook';
+import { Registration } from 'aurelia';
+import { fn, userEvent, within } from 'storybook/test';
+import { WeatherWidget } from '../components/weather-widget';
+import { IWeatherService, WeatherService, WeatherSummary } from '../services/weather-service';
+
+type WeatherWidgetArgs = {
+  location: string;
+};
+
+const mockService: WeatherService = {
+  async getWeather(location: string): Promise<WeatherSummary> {
+    const safeLocation = location ?? '';
+    return {
+      location: safeLocation,
+      condition: safeLocation.includes('Berlin') ? 'Cloudy' : 'Sunny',
+      temperature: safeLocation.includes('Berlin') ? 16 : 24,
+      high: safeLocation.includes('Berlin') ? 18 : 27,
+      low: safeLocation.includes('Berlin') ? 11 : 19,
+    };
+  },
+};
+
+const meta = {
+  title: 'Dashboard/WeatherWidget',
+  component: WeatherWidget,
+  parameters: {
+    layout: 'centered',
+  },
+  render: (args: WeatherWidgetArgs) =>
+    defineAureliaStory({
+      template: `<weather-widget location.bind="location"></weather-widget>`,
+      props: args,
+      components: [WeatherWidget],
+      items: [Registration.instance(IWeatherService, mockService)],
+    }),
+};
+
+export default meta;
+
+export const DefaultWeather = {
+  args: {
+    location: 'Seattle, WA',
+  },
+};
+
+export const EuropeanCity = {
+  args: {
+    location: 'Berlin, Germany',
+  },
+};
+
+export const RefreshInteraction = {
+  args: {
+    location: 'Lisbon, Portugal',
+  },
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    const refreshButton = await canvas.findByRole('button', { name: /refresh/i });
+    await userEvent.click(refreshButton);
+  },
+};

package/apps/hello-world-webpack/tsconfig.json

@@ -1,7 +1,7 @@
 {
   "compilerOptions": {
     "module": "esnext",
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "skipLibCheck": true,
     "target": "ES2017",
     "esModuleInterop": true,

package/dist/index.d.ts

@@ -0,0 +1,25 @@
+import { renderToCanvas } from './preview/render';
+import { defineAureliaStory } from './preview/helpers';
+export { renderToCanvas };
+export declare const render: typeof renderToCanvas;
+export { defineAureliaStory };
+export type { AureliaRenderer, AureliaStoryResult, AureliaArgsStoryFn, AureliaRenderContext, AureliaStoryContext, AureliaParameters, AureliaStoryParameters } from './preview/types';
+export declare const framework: {
+    name: string;
+    options: {};
+};
+export declare const frameworkOptions: {
+    builder: {
+        name: string;
+        options: {};
+    };
+};
+export declare const aureliaFramework: {
+    name: string;
+    options: {};
+    builder: string;
+};
+export declare const externals: {
+    react: string;
+    'react-dom': string;
+};

package/dist/index.js

@@ -2,6 +2,25 @@ import Aurelia, { CustomElement } from 'aurelia';
 
 // Track Aurelia apps for cleanup
 const appMap = new Map();
+function mergeStoryProps(parameters, storyArgs, storyProps) {
+    return { ...parameters?.args, ...storyArgs, ...storyProps };
+}
+function getAureliaParameters(storyContext) {
+    const parameters = storyContext?.parameters?.aurelia;
+    if (!parameters || typeof parameters !== 'object') {
+        return undefined;
+    }
+    return parameters;
+}
+function normalizeRegistrations(parameters) {
+    if (!parameters) {
+        return [];
+    }
+    const register = Array.isArray(parameters.register) ? parameters.register : [];
+    const components = Array.isArray(parameters.components) ? parameters.components : [];
+    const items = Array.isArray(parameters.items) ? parameters.items : [];
+    return [...register, ...components, ...items].filter(Boolean);
+}
 async function teardown(element) {
     if (appMap.has(element)) {
         const app = appMap.get(element);
@@ -33,8 +52,6 @@ async function renderToCanvas({ storyFn, title, name, showMain, showError, story
     const { parameters, component, args } = storyContext;
     let app = appMap.get(rootElement);
     const story = storyFn();
-    // Temporary debug logging
-    console.log(`[DEBUG] Story: ${name}, forceRemount: ${forceRemount}, hasExistingApp: ${!!app}, canvasId: ${canvasElement.className}`);
     if (!story) {
         showError({
             title: `Expecting an Aurelia component from the story: "${name}" of "${title}".`,
@@ -53,15 +70,15 @@ async function renderToCanvas({ storyFn, title, name, showMain, showError, story
         }
         // Clear container before mounting new app
         hostElement.innerHTML = '';
-        const mergedProps = { ...parameters?.args, ...args, ...story.props };
-        const aureliaApp = appBootstrapFn(story, mergedProps, hostElement, component);
+        const mergedProps = mergeStoryProps(parameters, args, story.props);
+        const aureliaApp = appBootstrapFn(story, mergedProps, hostElement, component, storyContext);
         await aureliaApp.start();
         appMap.set(rootElement, aureliaApp);
         app = aureliaApp;
     }
     else {
         // update existing app props
-        const mergedProps = { ...parameters?.args, ...args, ...story.props };
+        const mergedProps = mergeStoryProps(parameters, args, story.props);
         if (app?.root?.controller?.viewModel) {
             Object.assign(app.root.controller.viewModel, mergedProps);
         }
@@ -71,18 +88,46 @@ async function renderToCanvas({ storyFn, title, name, showMain, showError, story
         await teardown(rootElement);
     };
 }
-function createAureliaApp(story, args, domElement, component) {
+function createAureliaApp(story, args, domElement, component, storyContext) {
     const aurelia = new Aurelia(story.container);
-    if (story.items?.length) {
-        aurelia.register(...story.items);
+    const { container } = aurelia;
+    const aureliaParameters = getAureliaParameters(storyContext);
+    const registerIfNeeded = (resource) => {
+        if (!resource) {
+            return;
+        }
+        if (CustomElement.isType(resource)) {
+            const definition = CustomElement.getDefinition(resource);
+            if (container.has(definition.key, false)) {
+                return;
+            }
+        }
+        aurelia.register(resource);
+    };
+    const registerAll = (resources) => {
+        if (!resources?.length) {
+            return;
+        }
+        for (const resource of resources) {
+            registerIfNeeded(resource);
+        }
+    };
+    if (aureliaParameters?.configureContainer && storyContext) {
+        aureliaParameters.configureContainer(container, storyContext);
     }
-    if (story.components?.length) {
-        aurelia.register(...story.components);
+    registerAll(normalizeRegistrations(aureliaParameters));
+    registerAll(story.items);
+    const storyComponents = (story.components ?? []).filter(Boolean);
+    const dedupedComponents = component
+        ? storyComponents.filter((entry) => entry !== component)
+        : storyComponents;
+    for (const entry of dedupedComponents) {
+        registerIfNeeded(entry);
     }
     let { template } = story;
     if (component) {
         template = template ?? createComponentTemplate(component, story.innerHtml);
-        aurelia.register(component);
+        registerIfNeeded(component);
     }
     const App = CustomElement.define({
         name: 'sb-app',
@@ -91,6 +136,9 @@ function createAureliaApp(story, args, domElement, component) {
     }, class {
     });
     const app = Object.assign(new App(), args);
+    if (aureliaParameters?.configure && storyContext) {
+        aureliaParameters.configure(aurelia, storyContext);
+    }
     return aurelia.app({
         host: domElement,
         component: app,
@@ -98,9 +146,15 @@ function createAureliaApp(story, args, domElement, component) {
 }
 function createComponentTemplate(component, innerHtml) {
     const def = CustomElement.getDefinition(component);
-    return `<${def.name} ${Object.values(def.bindables)
+    const bindings = Object.values(def.bindables)
         .map((bindable) => `${bindable.attribute}.bind="${bindable.name}"`)
-        .join(' ')}>${innerHtml ?? ''}</${def.name}>`;
+        .join(' ');
+    const bindingAttributes = bindings ? ` ${bindings}` : '';
+    return `<${def.name}${bindingAttributes}>${innerHtml ?? ''}</${def.name}>`;
+}
+
+function defineAureliaStory(story) {
+    return story;
 }
 
 const render = renderToCanvas;
@@ -128,5 +182,5 @@ const externals = {
     'react-dom': 'ReactDOM'
 };
 
-export { aureliaFramework, externals, framework, frameworkOptions, render, renderToCanvas };
+export { aureliaFramework, defineAureliaStory, externals, framework, frameworkOptions, render, renderToCanvas };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/preview/render.ts","../src/index.ts"],"sourcesContent":["import { STORY_CHANGED } from 'storybook/internal/core-events';\nimport type { RenderContext, ArgsStoryFn } from 'storybook/internal/types';\nimport type { AureliaRenderer } from './types';\nimport Aurelia, { Constructable, CustomElement } from 'aurelia';\n\ninterface AureliaStoryResult {\n  template: string;\n  components?: unknown[];\n  Component?: unknown;\n  container?: any;\n  items?: unknown[];\n  innerHtml?: string;\n  props?: Record<string, any>;\n}\n\n// Track Aurelia apps for cleanup\nconst appMap = new Map<HTMLElement, any>();\n\nasync function teardown(element: HTMLElement) {\n  if (appMap.has(element)) {\n    const app = appMap.get(element);\n    if (app) {\n      await app.stop();\n      appMap.delete(element);\n    }\n  }\n}\n\nexport const render: ArgsStoryFn<AureliaRenderer> = (args, context) => {\n  const { id, component: Component } = context;\n  \n  if (!Component) {\n    throw new Error(\n      `Unable to render story ${id} as the component annotation is missing from the default export`\n    );\n  }\n  return { Component, props: args, template: '' };\n};\n\nexport async function renderToCanvas(\n  {\n    storyFn,\n    title,\n    name,\n    showMain,\n    showError,\n    storyContext,\n    forceRemount,\n  }: RenderContext<AureliaRenderer>,\n  canvasElement: HTMLElement,\n  bootstrapAppFn?: typeof createAureliaApp\n) {\n  // Store reference to the original storybook root element\n  const rootElement = canvasElement;\n\n  // Ensure we have (or create) a single container inside the root where the Aurelia app actually renders\n  let hostElement: HTMLElement;\n  if (rootElement.id === 'storybook-root') {\n    hostElement = rootElement.querySelector('.aurelia-story-container') as HTMLElement;\n    if (!hostElement) {\n      hostElement = document.createElement('div');\n      hostElement.className = 'aurelia-story-container';\n      hostElement.style.height = '100%';\n      rootElement.appendChild(hostElement);\n    }\n  } else {\n    hostElement = rootElement;\n  }\n\n  // All app instances are now tracked by the *root* element, ensuring we only ever have one per story iframe\n  const appBootstrapFn = bootstrapAppFn ?? createAureliaApp;\n  const { parameters, component, args } = storyContext;\n  \n  let app = appMap.get(rootElement);\n  const story = storyFn() as AureliaStoryResult;\n  \n  // Temporary debug logging\n  console.log(`[DEBUG] Story: ${name}, forceRemount: ${forceRemount}, hasExistingApp: ${!!app}, canvasId: ${canvasElement.className}`);\n\n  if (!story) {\n    showError({\n      title: `Expecting an Aurelia component from the story: \"${name}\" of \"${title}\".`,\n      description: `\n        Did you forget to return the Aurelia component from the story?\n        Use \"() => ({ template: '<custom-component></custom-component>' })\" when defining the story.\n      `,\n    });\n    return () => {};\n  }\n\n  showMain();\n\n  if (!app || forceRemount) {\n    if (forceRemount && app) {\n      await teardown(rootElement);\n      app = undefined;\n    }\n    // Clear container before mounting new app\n    hostElement.innerHTML = '';\n\n    const mergedProps = { ...parameters?.args, ...args, ...story.props };\n\n    const aureliaApp = appBootstrapFn(\n      story,\n      mergedProps,\n      hostElement,\n      component as Constructable\n    );\n    await aureliaApp.start();\n    appMap.set(rootElement, aureliaApp);\n    app = aureliaApp;\n  } else {\n    // update existing app props\n    const mergedProps = { ...parameters?.args, ...args, ...story.props };\n    if (app?.root?.controller?.viewModel) {\n      Object.assign(app.root.controller.viewModel, mergedProps);\n    }\n  }\n\n  // Return cleanup fn\n  return async () => {\n    await teardown(rootElement);\n  };\n}\n\nexport function createAureliaApp(\n  story: AureliaStoryResult,\n  args: Record<string, any>,\n  domElement: HTMLElement,\n  component?: Constructable\n) {\n  const aurelia = new Aurelia(story.container);\n\n  if (story.items?.length) {\n    aurelia.register(...story.items);\n  }\n\n  if (story.components?.length) {\n    aurelia.register(...story.components);\n  }\n\n  let { template } = story;\n\n  if (component) {\n    template = template ?? createComponentTemplate(component, story.innerHtml);\n    aurelia.register(component);\n  }\n\n  const App = CustomElement.define(\n    {\n      name: 'sb-app',\n      template,\n      containerless: true,\n    },\n    class {}\n  );\n\n  const app = Object.assign(new App(), args);\n\n  return aurelia.app({\n    host: domElement,\n    component: app,\n  });\n}\n\nexport function createComponentTemplate(\n  component: Constructable,\n  innerHtml?: string\n): string {\n  const def = CustomElement.getDefinition(component);\n\n  return `<${def.name} ${Object.values(def.bindables)\n    .map((bindable) => `${bindable.attribute}.bind=\"${bindable.name}\"`)\n    .join(' ')}>${innerHtml ?? ''}</${def.name}>`;\n}","import type { StorybookConfig } from 'storybook/internal/types';\nimport { renderToCanvas } from './preview/render';\n\nexport { renderToCanvas };\nexport const render = renderToCanvas;\n\n// Define the framework\nexport const framework = {\n  name: '@aurelia/storybook',\n  options: {}\n};\n\n// Framework configuration for Storybook\nexport const frameworkOptions = {\n  builder: {\n    name: '@storybook/builder-vite',\n    options: {}\n  }\n};\n\n// Export a complete framework configuration\nexport const aureliaFramework = {\n  name: '@aurelia/storybook',\n  options: {},\n  builder: '@storybook/builder-vite'\n};\n\n// Provide external dependencies configuration\nexport const externals = {\n  'react': 'React',\n  'react-dom': 'ReactDOM'\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/preview/render.ts","../src/preview/helpers.ts","../src/index.ts"],"sourcesContent":["import type { RenderContext, ArgsStoryFn } from './storybook-types';\nimport type {\n  AureliaRenderer,\n  AureliaStoryResult,\n  AureliaParameters,\n  AureliaStoryContext,\n} from './types';\nimport Aurelia, { Constructable, CustomElement } from 'aurelia';\n\n// Track Aurelia apps for cleanup\nconst appMap = new Map<HTMLElement, any>();\n\nfunction mergeStoryProps(\n  parameters: { args?: Record<string, any> } | undefined,\n  storyArgs: Record<string, any> | undefined,\n  storyProps: Record<string, any> | undefined\n) {\n  return { ...parameters?.args, ...storyArgs, ...storyProps };\n}\n\nfunction getAureliaParameters(\n  storyContext?: AureliaStoryContext\n): AureliaParameters | undefined {\n  const parameters = storyContext?.parameters?.aurelia;\n  if (!parameters || typeof parameters !== 'object') {\n    return undefined;\n  }\n  return parameters as AureliaParameters;\n}\n\nfunction normalizeRegistrations(\n  parameters: AureliaParameters | undefined\n): unknown[] {\n  if (!parameters) {\n    return [];\n  }\n\n  const register = Array.isArray(parameters.register) ? parameters.register : [];\n  const components = Array.isArray(parameters.components) ? parameters.components : [];\n  const items = Array.isArray(parameters.items) ? parameters.items : [];\n\n  return [...register, ...components, ...items].filter(Boolean);\n}\n\nasync function teardown(element: HTMLElement) {\n  if (appMap.has(element)) {\n    const app = appMap.get(element);\n    if (app) {\n      await app.stop();\n      appMap.delete(element);\n    }\n  }\n}\n\nexport const render: ArgsStoryFn<AureliaRenderer> = (args, context) => {\n  const { id, component: Component } = context;\n  \n  if (!Component) {\n    const label = context.title && context.name ? `${context.title} / ${context.name}` : id;\n    throw new Error(\n      `Unable to render story ${label} as the component annotation is missing from the default export`\n    );\n  }\n  return { Component, props: args };\n};\n\nexport async function renderToCanvas(\n  {\n    storyFn,\n    title,\n    name,\n    showMain,\n    showError,\n    storyContext,\n    forceRemount,\n  }: RenderContext<AureliaRenderer>,\n  canvasElement: HTMLElement,\n  bootstrapAppFn?: typeof createAureliaApp\n) {\n  // Store reference to the original storybook root element\n  const rootElement = canvasElement;\n\n  // Ensure we have (or create) a single container inside the root where the Aurelia app actually renders\n  let hostElement: HTMLElement;\n  if (rootElement.id === 'storybook-root') {\n    hostElement = rootElement.querySelector('.aurelia-story-container') as HTMLElement;\n    if (!hostElement) {\n      hostElement = document.createElement('div');\n      hostElement.className = 'aurelia-story-container';\n      hostElement.style.height = '100%';\n      rootElement.appendChild(hostElement);\n    }\n  } else {\n    hostElement = rootElement;\n  }\n\n  // All app instances are now tracked by the *root* element, ensuring we only ever have one per story iframe\n  const appBootstrapFn = bootstrapAppFn ?? createAureliaApp;\n  const { parameters, component, args } = storyContext;\n  \n  let app = appMap.get(rootElement);\n  const story = storyFn() as AureliaStoryResult;\n  \n  if (!story) {\n    showError({\n      title: `Expecting an Aurelia component from the story: \"${name}\" of \"${title}\".`,\n      description: `\n        Did you forget to return the Aurelia component from the story?\n        Use \"() => ({ template: '<custom-component></custom-component>' })\" when defining the story.\n      `,\n    });\n    return () => {};\n  }\n\n  showMain();\n\n  if (!app || forceRemount) {\n    if (forceRemount && app) {\n      await teardown(rootElement);\n      app = undefined;\n    }\n    // Clear container before mounting new app\n    hostElement.innerHTML = '';\n\n    const mergedProps = mergeStoryProps(parameters, args, story.props);\n\n    const aureliaApp = appBootstrapFn(\n      story,\n      mergedProps,\n      hostElement,\n      component as Constructable,\n      storyContext\n    );\n    await aureliaApp.start();\n    appMap.set(rootElement, aureliaApp);\n    app = aureliaApp;\n  } else {\n    // update existing app props\n    const mergedProps = mergeStoryProps(parameters, args, story.props);\n    if (app?.root?.controller?.viewModel) {\n      Object.assign(app.root.controller.viewModel, mergedProps);\n    }\n  }\n\n  // Return cleanup fn\n  return async () => {\n    await teardown(rootElement);\n  };\n}\n\nexport function createAureliaApp(\n  story: AureliaStoryResult,\n  args: Record<string, any>,\n  domElement: HTMLElement,\n  component?: Constructable,\n  storyContext?: AureliaStoryContext\n) {\n  const aurelia = new Aurelia(story.container);\n  const { container } = aurelia;\n  const aureliaParameters = getAureliaParameters(storyContext);\n\n  const registerIfNeeded = (resource: unknown) => {\n    if (!resource) {\n      return;\n    }\n\n    if (CustomElement.isType(resource)) {\n      const definition = CustomElement.getDefinition(resource);\n      if (container.has(definition.key, false)) {\n        return;\n      }\n    }\n\n    aurelia.register(resource);\n  };\n\n  const registerAll = (resources?: unknown[]) => {\n    if (!resources?.length) {\n      return;\n    }\n\n    for (const resource of resources) {\n      registerIfNeeded(resource);\n    }\n  };\n\n  if (aureliaParameters?.configureContainer && storyContext) {\n    aureliaParameters.configureContainer(container, storyContext);\n  }\n\n  registerAll(normalizeRegistrations(aureliaParameters));\n  registerAll(story.items);\n\n  const storyComponents = (story.components ?? []).filter(Boolean);\n  const dedupedComponents = component\n    ? storyComponents.filter((entry) => entry !== component)\n    : storyComponents;\n\n  for (const entry of dedupedComponents) {\n    registerIfNeeded(entry);\n  }\n\n  let { template } = story;\n\n  if (component) {\n    template = template ?? createComponentTemplate(component, story.innerHtml);\n    registerIfNeeded(component);\n  }\n\n  const App = CustomElement.define(\n    {\n      name: 'sb-app',\n      template,\n      containerless: true,\n    },\n    class {}\n  );\n\n  const app = Object.assign(new App(), args);\n\n  if (aureliaParameters?.configure && storyContext) {\n    aureliaParameters.configure(aurelia, storyContext);\n  }\n\n  return aurelia.app({\n    host: domElement,\n    component: app,\n  });\n}\n\nexport function createComponentTemplate(\n  component: Constructable,\n  innerHtml?: string\n): string {\n  const def = CustomElement.getDefinition(component);\n\n  const bindings = Object.values(def.bindables)\n    .map((bindable) => `${bindable.attribute}.bind=\"${bindable.name}\"`)\n    .join(' ');\n  const bindingAttributes = bindings ? ` ${bindings}` : '';\n\n  return `<${def.name}${bindingAttributes}>${innerHtml ?? ''}</${def.name}>`;\n}\n","import type { AureliaStoryResult } from './types';\n\nexport function defineAureliaStory<TArgs = Record<string, unknown>>(\n  story: AureliaStoryResult<TArgs>\n): AureliaStoryResult<TArgs> {\n  return story;\n}\n","import { renderToCanvas } from './preview/render';\nimport { defineAureliaStory } from './preview/helpers';\n\nexport { renderToCanvas };\nexport const render = renderToCanvas;\nexport { defineAureliaStory };\nexport type {\n  AureliaRenderer,\n  AureliaStoryResult,\n  AureliaArgsStoryFn,\n  AureliaRenderContext,\n  AureliaStoryContext,\n  AureliaParameters,\n  AureliaStoryParameters\n} from './preview/types';\n\n// Define the framework\nexport const framework = {\n  name: '@aurelia/storybook',\n  options: {}\n};\n\n// Framework configuration for Storybook\nexport const frameworkOptions = {\n  builder: {\n    name: '@storybook/builder-vite',\n    options: {}\n  }\n};\n\n// Export a complete framework configuration\nexport const aureliaFramework = {\n  name: '@aurelia/storybook',\n  options: {},\n  builder: '@storybook/builder-vite'\n};\n\n// Provide external dependencies configuration\nexport const externals = {\n  'react': 'React',\n  'react-dom': 'ReactDOM'\n};\n"],"names":[],"mappings":"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"}

package/dist/preset.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Optionally adjust the Vite configuration.
+ */
+export declare function viteFinal(config: any): Promise<any>;
+/**
+ * Optionally adjust the Rsbuild configuration (Rspack-based).
+ */
+export declare function rsbuildFinal(config: any): Promise<any>;
+/**
+ * A function to configure webpack.
+ * @param config
+ * @returns
+ */
+export declare function webpackFinal(config: any): Promise<any>;
+declare const _default: {
+    viteFinal: typeof viteFinal;
+    rsbuildFinal: typeof rsbuildFinal;
+    webpackFinal: typeof webpackFinal;
+};
+export default _default;
+export declare const previewAnnotations: string[];