@aurelia/storybook 0.1.1 → 1.0.0

package/dist/preview.mjs

@@ -0,0 +1,73 @@
+import '@storybook/core-events';
+import Aurelia, { CustomElement } from 'aurelia';
+
+function bootstrapAureliaApp(story, args, domElement, component) {
+    const aurelia = new Aurelia(story.container);
+    if (story.items?.length) {
+        aurelia.register(...story.items);
+    }
+    if (story.components?.length) {
+        aurelia.register(...story.components);
+    }
+    let { template } = story;
+    if (component) {
+        template = template ?? createComponentTemplate(component, story.innerHtml);
+        aurelia.register(component);
+    }
+    const App = CustomElement.define({
+        name: 'au-storybook',
+        template,
+        containerless: true,
+    }, class {
+    });
+    const app = Object.assign(new App(), args);
+    return aurelia.app({
+        host: domElement,
+        component: app,
+    });
+}
+function createComponentTemplate(component, innerHtml) {
+    const def = CustomElement.getDefinition(component);
+    return `<${def.name} ${Object.values(def.bindables)
+        .map((bindable) => `${bindable.attribute}.bind="${bindable.name}"`)
+        .join(' ')}>${innerHtml ?? ''}</${def.name}>`;
+}
+
+// Track the current story's cleanup function
+let currentCleanup = null;
+const render = (args, context) => {
+    // Clean up previous story if exists
+    if (currentCleanup) {
+        currentCleanup();
+        currentCleanup = null;
+    }
+    // Create a container element
+    const container = document.createElement('div');
+    // Get the story function result
+    const story = context.storyFn();
+    // Bootstrap Aurelia app immediately
+    if (story && (story.Component || story.template)) {
+        const app = bootstrapAureliaApp(story, args, container, story.Component || context.component);
+        // Start the app asynchronously
+        const startPromise = app.start();
+        if (startPromise && typeof startPromise.catch === 'function') {
+            startPromise.catch((error) => {
+                console.error('Failed to start Aurelia app:', error);
+            });
+        }
+        // Set cleanup function
+        currentCleanup = () => {
+            const stopPromise = app.stop();
+            if (stopPromise && typeof stopPromise.catch === 'function') {
+                stopPromise.catch((error) => {
+                    console.error('Failed to stop Aurelia app:', error);
+                });
+            }
+        };
+    }
+    // Return the container element immediately
+    return container;
+};
+
+export { render };
+//# sourceMappingURL=preview.mjs.map

package/dist/preview.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview.mjs","sources":["../src/preview/render.ts","../src/preview.ts"],"sourcesContent":["import { STORY_CHANGED } from '@storybook/core-events';\nimport type { RenderContext, ArgsStoryFn } from '@storybook/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/**\n * Merges multiple sources into a single object.\n * Sources can be story parameters, args, or story.props.\n */\nfunction mergeStoryProps(\n  ...sources: Array<Record<string, any> | undefined>\n): Record<string, any> {\n  return Object.assign({}, ...sources);\n}\n\n// Track Aurelia apps for cleanup\nconst appMap = new Map<HTMLElement, Aurelia>();\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, { id, component: Component }) => {\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 bootstrapAureliaApp\n) {\n  const appBootstrapFn = bootstrapAppFn || bootstrapAureliaApp;\n\n  const { parameters, component, args } = storyContext;\n  let app = appMap.get(canvasElement);\n\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  let mergedProps;\n  // Use full merge (including story.props) when bootstrapping a new app or force remounting.\n  if (!app || forceRemount) {\n    mergedProps = mergeStoryProps(parameters?.args, args, story.props);\n    if (app) {\n      await teardown(canvasElement);\n    }\n    app = appBootstrapFn(\n      story,\n      mergedProps,\n      canvasElement,\n      component as Constructable\n    ) as Aurelia;\n    await app.start();\n    appMap.set(canvasElement, app);\n  } else {\n    // Update the existing app viewModel only with parameters and args (exclude story.props).\n    mergedProps = mergeStoryProps(parameters?.args, args);\n    if (app.root?.controller?.viewModel) {\n      Object.assign(app.root.controller.viewModel, mergedProps);\n    }\n  }\n\n  // Set up story change listener for cleanup\n  const channel = storyContext.viewMode === 'story' ? storyContext.channel : null;\n  let onStoryChange: () => void;\n  if (channel) {\n    onStoryChange = () => {\n      // When the story changes, clean up the Aurelia app\n      teardown(canvasElement);\n    };\n    channel.on(STORY_CHANGED, onStoryChange);\n  }\n\n  // Return teardown function that also unsubscribes from STORY_CHANGED\n  return async () => {\n    if (channel && onStoryChange) {\n      channel.off(STORY_CHANGED, onStoryChange);\n    }\n    await teardown(canvasElement);\n  };\n}\n\nexport function bootstrapAureliaApp(\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: 'au-storybook',\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 { renderToCanvas, bootstrapAureliaApp } from './preview/render';\nimport Aurelia from 'aurelia';\n\n// Track the current story's cleanup function\nlet currentCleanup: (() => void) | null = null;\n\nexport const render = (args: any, context: any) => {\n  // Clean up previous story if exists\n  if (currentCleanup) {\n    currentCleanup();\n    currentCleanup = null;\n  }\n\n  // Create a container element\n  const container = document.createElement('div');\n  \n  // Get the story function result\n  const story = context.storyFn();\n  \n  // Bootstrap Aurelia app immediately\n  if (story && (story.Component || story.template)) {\n    const app = bootstrapAureliaApp(\n      story,\n      args,\n      container,\n      story.Component || context.component\n    ) as Aurelia;\n    \n    // Start the app asynchronously\n    const startPromise = app.start();\n    if (startPromise && typeof startPromise.catch === 'function') {\n      startPromise.catch((error: any) => {\n        console.error('Failed to start Aurelia app:', error);\n      });\n    }\n    \n    // Set cleanup function\n    currentCleanup = () => {\n      const stopPromise = app.stop();\n      if (stopPromise && typeof stopPromise.catch === 'function') {\n        stopPromise.catch((error: any) => {\n          console.error('Failed to stop Aurelia app:', error);\n        });\n      }\n    };\n  }\n  \n  // Return the container element immediately\n  return container;\n}; "],"names":[],"mappings":"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"}

package/dist/webpack.js

@@ -0,0 +1,23 @@
+'use strict';
+
+/**
+ * A set of rules to be added to the webpack configuration.
+ * @returns
+ */
+function getRules() {
+    return [
+        {
+            test: /\.ts$/i,
+            use: ['ts-loader', '@aurelia/webpack-loader'],
+            exclude: /node_modules/,
+        },
+        {
+            test: /\.html$/i,
+            use: '@aurelia/webpack-loader',
+            exclude: /node_modules/,
+        },
+    ];
+}
+
+exports.getRules = getRules;
+//# sourceMappingURL=webpack.js.map

package/dist/webpack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webpack.js","sources":["../src/webpack.ts"],"sourcesContent":["// src/webpack.ts\nimport type { RuleSetRule } from 'webpack';\n\n/**\n * A set of rules to be added to the webpack configuration.\n * @returns\n */\nexport function getRules(): RuleSetRule[] {\n  return [\n    {\n      test: /\\.ts$/i,\n      use: ['ts-loader', '@aurelia/webpack-loader'],\n      exclude: /node_modules/,\n    },\n    {\n      test: /\\.html$/i,\n      use: '@aurelia/webpack-loader',\n      exclude: /node_modules/,\n    },\n  ];\n}\n"],"names":[],"mappings":";;AAGA;;;AAGG;SACa,QAAQ,GAAA;IACtB,OAAO;AACL,QAAA;AACE,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,GAAG,EAAE,CAAC,WAAW,EAAE,yBAAyB,CAAC;AAC7C,YAAA,OAAO,EAAE,cAAc;AACxB,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,UAAU;AAChB,YAAA,GAAG,EAAE,yBAAyB;AAC9B,YAAA,OAAO,EAAE,cAAc;AACxB,SAAA;KACF;AACH;;;;"}

package/dist/webpack.mjs

@@ -0,0 +1,21 @@
+/**
+ * A set of rules to be added to the webpack configuration.
+ * @returns
+ */
+function getRules() {
+    return [
+        {
+            test: /\.ts$/i,
+            use: ['ts-loader', '@aurelia/webpack-loader'],
+            exclude: /node_modules/,
+        },
+        {
+            test: /\.html$/i,
+            use: '@aurelia/webpack-loader',
+            exclude: /node_modules/,
+        },
+    ];
+}
+
+export { getRules };
+//# sourceMappingURL=webpack.mjs.map

package/dist/webpack.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"webpack.mjs","sources":["../src/webpack.ts"],"sourcesContent":["// src/webpack.ts\nimport type { RuleSetRule } from 'webpack';\n\n/**\n * A set of rules to be added to the webpack configuration.\n * @returns\n */\nexport function getRules(): RuleSetRule[] {\n  return [\n    {\n      test: /\\.ts$/i,\n      use: ['ts-loader', '@aurelia/webpack-loader'],\n      exclude: /node_modules/,\n    },\n    {\n      test: /\\.html$/i,\n      use: '@aurelia/webpack-loader',\n      exclude: /node_modules/,\n    },\n  ];\n}\n"],"names":[],"mappings":"AAGA;;;AAGG;SACa,QAAQ,GAAA;IACtB,OAAO;AACL,QAAA;AACE,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,GAAG,EAAE,CAAC,WAAW,EAAE,yBAAyB,CAAC;AAC7C,YAAA,OAAO,EAAE,cAAc;AACxB,SAAA;AACD,QAAA;AACE,YAAA,IAAI,EAAE,UAAU;AAChB,YAAA,GAAG,EAAE,yBAAyB;AAC9B,YAAA,OAAO,EAAE,cAAc;AACxB,SAAA;KACF;AACH;;;;"}

package/jest.config.js

@@ -5,5 +5,5 @@ module.exports = {
   transform: {
     "^.+\\.tsx?$": ["ts-jest"],
   },
-  testMatch: ["**/?(*.)+(spec|test).ts?(x)"]
+  testMatch: ["**/__tests__/**/*.test.ts?(x)"]
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@aurelia/storybook",
-  "version": "0.1.1",
-  "description": "A Storybook plugin to render Aurelia 2 components using Vite",
+  "version": "1.0.0",
+  "description": "A Storybook plugin to render Aurelia 2 components using Vite or Webpack",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/index.mjs",
@@ -12,32 +12,35 @@
     "build": "rollup -c",
     "build:types": "tsc --project tsconfig.build.json --emitDeclarationOnly",
     "watch": "rollup -c -w",
-    "test": "jest"
+    "test": "NODE_OPTIONS=--no-deprecation jest"
   },
   "peerDependencies": {
-    "@aurelia/runtime-html": "^2.0.0-beta.23",
-    "@aurelia/vite-plugin": "^2.0.0-beta.23",
+    "@aurelia/runtime-html": "^2.0.0-beta.24",
+    "@aurelia/vite-plugin": "^2.0.0-beta.24",
     "@storybook/addons": "^7.6.17",
-    "@storybook/builder-vite": "^8.5.3",
-    "@storybook/core-common": "^8.5.3",
-    "@storybook/core-events": "^8.5.3",
-    "aurelia": "^2.0.0-beta.23"
+    "@storybook/builder-vite": "^9.0.12",
+    "@storybook/builder-webpack5": "^9.0.12",
+    "@storybook/core-common": "^8.6.14",
+    "@storybook/core-events": "^8.6.14",
+    "aurelia": "^2.0.0-beta.24"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^28.0.2",
-    "@rollup/plugin-node-resolve": "^16.0.0",
-    "@rollup/plugin-typescript": "^12.1.2",
-    "@storybook/builder-vite": "^8.5.3",
-    "@storybook/core-common": "^8.5.3",
-    "@storybook/preview-api": "^8.5.3",
-    "@storybook/types": "^8.5.3",
-    "@types/jest": "^29.5.14",
-    "glob": "^11.0.1",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "rollup": "^4.34.2",
-    "ts-jest": "^29.2.5",
-    "typescript": "^5.7.3"
+    "@aurelia/webpack-loader": "^2.0.0-beta.24",
+    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-typescript": "^12.1.3",
+    "@storybook/builder-vite": "^9.0.12",
+    "@storybook/core-common": "^8.6.14",
+    "@storybook/preview-api": "^8.6.14",
+    "@storybook/types": "^8.6.14",
+    "@types/jest": "^30.0.0",
+    "glob": "^11.0.3",
+    "jest": "^30.0.2",
+    "jest-environment-jsdom": "^30.0.2",
+    "rollup": "^4.44.0",
+    "ts-jest": "^29.4.0",
+    "ts-loader": "^9.5.2",
+    "typescript": "^5.8.3"
   },
   "exports": {
     ".": {

package/src/preset.ts

@@ -1,14 +1,31 @@
 // src/preset.ts
 // Minimal preset for Storybook-Aurelia2
 
+import { getRules } from './webpack';
+
 /**
  * Optionally adjust the Vite configuration.
  */
 export async function viteFinal(config: any): Promise<any> {
     // For now, return the config unchanged.
     return config;
-  }
-  
-  // Export a default for compatibility.
-  export default { viteFinal };
-  
+}
+
+/**
+ * A function to configure webpack.
+ * @param config
+ * @returns
+ */
+export async function webpackFinal(config: any): Promise<any> {
+    const rules = config.module?.rules;
+    if (rules) {
+        rules.push(...getRules());
+    }
+
+    return config;
+}
+
+// Export a default for compatibility.
+export default { viteFinal, webpackFinal };
+
+export const previewAnnotations = [require.resolve('./preview')];

package/src/preview.ts

@@ -0,0 +1,50 @@
+import { renderToCanvas, bootstrapAureliaApp } from './preview/render';
+import Aurelia from 'aurelia';
+
+// Track the current story's cleanup function
+let currentCleanup: (() => void) | null = null;
+
+export const render = (args: any, context: any) => {
+  // Clean up previous story if exists
+  if (currentCleanup) {
+    currentCleanup();
+    currentCleanup = null;
+  }
+
+  // Create a container element
+  const container = document.createElement('div');
+  
+  // Get the story function result
+  const story = context.storyFn();
+  
+  // Bootstrap Aurelia app immediately
+  if (story && (story.Component || story.template)) {
+    const app = bootstrapAureliaApp(
+      story,
+      args,
+      container,
+      story.Component || context.component
+    ) as Aurelia;
+    
+    // Start the app asynchronously
+    const startPromise = app.start();
+    if (startPromise && typeof startPromise.catch === 'function') {
+      startPromise.catch((error: any) => {
+        console.error('Failed to start Aurelia app:', error);
+      });
+    }
+    
+    // Set cleanup function
+    currentCleanup = () => {
+      const stopPromise = app.stop();
+      if (stopPromise && typeof stopPromise.catch === 'function') {
+        stopPromise.catch((error: any) => {
+          console.error('Failed to stop Aurelia app:', error);
+        });
+      }
+    };
+  }
+  
+  // Return the container element immediately
+  return container;
+}; 

package/src/webpack.ts

@@ -0,0 +1,21 @@
+// src/webpack.ts
+import type { RuleSetRule } from 'webpack';
+
+/**
+ * A set of rules to be added to the webpack configuration.
+ * @returns
+ */
+export function getRules(): RuleSetRule[] {
+  return [
+    {
+      test: /\.ts$/i,
+      use: ['ts-loader', '@aurelia/webpack-loader'],
+      exclude: /node_modules/,
+    },
+    {
+      test: /\.html$/i,
+      use: '@aurelia/webpack-loader',
+      exclude: /node_modules/,
+    },
+  ];
+}

package/__tests__/render.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/index.d.ts

@@ -1,3 +0,0 @@
-import { renderToCanvas } from './preview/render';
-export { renderToCanvas };
-export declare const render: typeof renderToCanvas;

package/dist/preset.d.ts

@@ -1,8 +0,0 @@
-/**
- * Optionally adjust the Vite configuration.
- */
-export declare function viteFinal(config: any): Promise<any>;
-declare const _default: {
-    viteFinal: typeof viteFinal;
-};
-export default _default;

package/dist/preview/render.d.ts

@@ -1,17 +0,0 @@
-import type { RenderContext, ArgsStoryFn } from '@storybook/types';
-import type { AureliaRenderer } from './types';
-import Aurelia, { Constructable } from 'aurelia';
-interface AureliaStoryResult {
-    template: string;
-    components?: unknown[];
-    Component?: unknown;
-    container?: any;
-    items?: unknown[];
-    innerHtml?: string;
-    props?: Record<string, any>;
-}
-export declare const render: ArgsStoryFn<AureliaRenderer>;
-export declare function renderToCanvas({ storyFn, title, name, showMain, showError, storyContext, forceRemount, }: RenderContext<AureliaRenderer>, canvasElement: HTMLElement, bootstrapAppFn?: typeof bootstrapAureliaApp): Promise<() => void>;
-export declare function bootstrapAureliaApp(story: AureliaStoryResult, args: Record<string, any>, domElement: HTMLElement, component?: Constructable): Omit<Aurelia, "enhance" | "register" | "app">;
-export declare function createComponentTemplate(component: Constructable, innerHtml?: string): string;
-export {};

package/dist/preview/types.d.ts

@@ -1,5 +0,0 @@
-import type { Renderer } from '@storybook/types';
-export interface AureliaRenderer extends Renderer {
-    /** The DOM element in which the story is rendered */
-    canvasElement: HTMLElement;
-}