@aurelia/storybook 2.2.1 → 2.3.0

package/dist/preview.js

@@ -1,6 +1,5 @@
 import Aurelia, { CustomElement } from 'aurelia';
 
-// Track Aurelia apps for cleanup
 const appMap = new Map();
 function mergeStoryProps(parameters, storyArgs, storyProps) {
     return { ...parameters?.args, ...storyArgs, ...storyProps };
@@ -21,13 +20,17 @@ function normalizeRegistrations(parameters) {
     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);
-        if (app) {
-            await app.stop();
-            appMap.delete(element);
-        }
+async function teardown(element, expectedApp) {
+    const mounted = appMap.get(element);
+    if (!mounted) {
+        return;
+    }
+    if (expectedApp && mounted.app !== expectedApp) {
+        return;
+    }
+    appMap.delete(element);
+    if (typeof mounted.app?.stop === 'function') {
+        await mounted.app.stop();
     }
 }
 const render = (args, context) => {
@@ -58,7 +61,9 @@ async function renderToCanvas({ storyFn, title, name, showMain, showError, story
     // All app instances are now tracked by the *root* element, ensuring we only ever have one per story iframe
     const appBootstrapFn = bootstrapAppFn ?? createAureliaApp;
     const { parameters, component, args } = storyContext;
-    let app = appMap.get(rootElement);
+    const storyId = storyContext.id ?? `${title}--${name}`;
+    const mounted = appMap.get(rootElement);
+    let app = mounted?.app;
     const story = storyFn();
     if (!story) {
         showError({
@@ -70,10 +75,24 @@ async function renderToCanvas({ storyFn, title, name, showMain, showError, story
         });
         return () => { };
     }
+    if (!component && !story.template) {
+        showError({
+            title: `Expecting a template or component from the story: "${name}" of "${title}".`,
+            description: `
+        Provide a component on the default export or return "{ template: '<custom-component></custom-component>' }" from the story.
+      `,
+        });
+        return () => { };
+    }
     showMain();
-    if (!app || forceRemount) {
+    const shouldRemount = !app || forceRemount || mounted?.id !== storyId;
+    if (shouldRemount) {
         if (forceRemount && app) {
-            await teardown(rootElement);
+            await teardown(rootElement, app);
+            app = undefined;
+        }
+        if (mounted?.id !== storyId && app) {
+            await teardown(rootElement, app);
             app = undefined;
         }
         // Clear container before mounting new app
@@ -81,7 +100,7 @@ async function renderToCanvas({ storyFn, title, name, showMain, showError, story
         const mergedProps = mergeStoryProps(parameters, args, story.props);
         const aureliaApp = appBootstrapFn(story, mergedProps, hostElement, component, storyContext);
         await aureliaApp.start();
-        appMap.set(rootElement, aureliaApp);
+        appMap.set(rootElement, { id: storyId, app: aureliaApp });
         app = aureliaApp;
     }
     else {
@@ -92,8 +111,9 @@ async function renderToCanvas({ storyFn, title, name, showMain, showError, story
         }
     }
     // Return cleanup fn
+    const appForCleanup = app;
     return async () => {
-        await teardown(rootElement);
+        await teardown(rootElement, appForCleanup);
     };
 }
 function createAureliaApp(story, args, domElement, component, storyContext) {
@@ -154,7 +174,7 @@ function createAureliaApp(story, args, domElement, component, storyContext) {
 }
 function createComponentTemplate(component, innerHtml) {
     const def = CustomElement.getDefinition(component);
-    const bindings = Object.values(def.bindables)
+    const bindings = Object.values(def.bindables ?? {})
         .map((bindable) => `${bindable.attribute}.bind="${bindable.name}"`)
         .join(' ');
     const bindingAttributes = bindings ? ` ${bindings}` : '';

package/dist/preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"preview.js","sources":["../src/preview/render.ts","../src/preview/helpers.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"],"names":[],"mappings":"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"}
+{"version":3,"file":"preview.js","sources":["../src/preview/render.ts","../src/preview/helpers.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\ninterface MountedAureliaApp {\n  id?: string;\n  app: any;\n}\n\nconst appMap = new Map<HTMLElement, MountedAureliaApp>();\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, expectedApp?: any) {\n  const mounted = appMap.get(element);\n  if (!mounted) {\n    return;\n  }\n\n  if (expectedApp && mounted.app !== expectedApp) {\n    return;\n  }\n\n  appMap.delete(element);\n\n  if (typeof mounted.app?.stop === 'function') {\n    await mounted.app.stop();\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  const storyId = storyContext.id ?? `${title}--${name}`;\n  \n  const mounted = appMap.get(rootElement);\n  let app = mounted?.app;\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  if (!component && !story.template) {\n    showError({\n      title: `Expecting a template or component from the story: \"${name}\" of \"${title}\".`,\n      description: `\n        Provide a component on the default export or return \"{ template: '<custom-component></custom-component>' }\" from the story.\n      `,\n    });\n    return () => {};\n  }\n\n  showMain();\n\n  const shouldRemount = !app || forceRemount || mounted?.id !== storyId;\n\n  if (shouldRemount) {\n    if (forceRemount && app) {\n      await teardown(rootElement, app);\n      app = undefined;\n    }\n    if (mounted?.id !== storyId && app) {\n      await teardown(rootElement, app);\n      app = undefined;\n    }\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, { id: storyId, app: 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  const appForCleanup = app;\n  return async () => {\n    await teardown(rootElement, appForCleanup);\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"],"names":[],"mappings":"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"}

package/package.json

@@ -1,11 +1,18 @@
 {
   "name": "@aurelia/storybook",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "description": "A Storybook plugin to render Aurelia 2 components using Vite, Webpack, or Rsbuild/Rspack",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,
+  "files": [
+    "dist",
+    "preset.js",
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE"
+  ],
   "publishConfig": {
     "access": "public"
   },
@@ -22,14 +29,14 @@
     "test": "NODE_OPTIONS=--no-deprecation jest"
   },
   "peerDependencies": {
-    "@aurelia/runtime-html": "^2.0.0-rc.0",
-    "@aurelia/vite-plugin": "^2.0.0-rc.0",
-    "@rsbuild/core": "^1.7.2",
-    "@storybook/builder-vite": "^10.2.0",
-    "@storybook/builder-webpack5": "^10.2.0",
-    "aurelia": "^2.0.0-rc.0",
-    "storybook": "^10.2.0",
-    "storybook-builder-rsbuild": "^3.2.2"
+    "@aurelia/runtime-html": "^2.0.0-rc.1",
+    "@aurelia/vite-plugin": "^2.0.0-rc.1",
+    "@rsbuild/core": "^1.7.2 || ^2.0.0",
+    "@storybook/builder-vite": "^10.4.1",
+    "@storybook/builder-webpack5": "^10.4.1",
+    "aurelia": "^2.0.0-rc.1",
+    "storybook": "^10.4.1",
+    "storybook-builder-rsbuild": "^3.3.4"
   },
   "peerDependenciesMeta": {
     "@rsbuild/core": {
@@ -46,23 +53,31 @@
     }
   },
   "devDependencies": {
-    "@aurelia/webpack-loader": "^2.0.0-rc.0",
+    "@aurelia/webpack-loader": "^2.0.0-rc.1",
     "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-typescript": "^12.1.3",
-    "@rsbuild/core": "^1.7.2",
-    "@storybook/builder-vite": "^10.2.0",
+    "@rsbuild/core": "^2.0.9",
+    "@storybook/builder-vite": "^10.4.1",
     "@types/jest": "^30.0.0",
     "conventional-changelog-cli": "^5.0.0",
     "conventional-changelog-conventionalcommits": "^8.0.0",
     "glob": "^11.0.3",
     "jest": "^30.0.2",
     "jest-environment-jsdom": "^30.0.2",
-    "rollup": "^4.44.0",
-    "storybook": "^10.2.0",
+    "postcss": "^8.5.15",
+    "rollup": "^4.61.0",
+    "storybook": "^10.4.1",
     "ts-jest": "^29.4.0",
     "ts-loader": "^9.5.2",
-    "typescript": "^5.8.3"
+    "typescript": "^5.8.3",
+    "vite": "^7.3.5"
+  },
+  "overrides": {
+    "picomatch": "^4.0.4",
+    "postcss": "^8.5.15",
+    "rollup": "^4.61.0",
+    "vite": "^7.3.5"
   },
   "exports": {
     ".": {

package/preset.js

@@ -1 +1,2 @@
-module.exports = require('./dist/preset');
+export * from './dist/preset.js';
+export { default } from './dist/preset.js';

package/.github/workflows/ci.yml

@@ -1,61 +0,0 @@
-name: CI
-
-on:
-  push:
-  pull_request:
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Setup Node
-        uses: actions/setup-node@v4
-        with:
-          node-version: 20.19.0
-          cache: npm
-
-      - name: Install root deps
-        run: npm install
-
-      - name: Verify example versions are aligned
-        run: npm run sync:versions:check
-
-      - name: Build package
-        run: npm run build
-
-      - name: Build types
-        run: npm run build:types
-
-      - name: Test package
-        run: npm test
-
-      - name: Build hello-world (Vite)
-        working-directory: apps/hello-world
-        run: |
-          npm pkg set "devDependencies.@aurelia/storybook=file:../.."
-          npm install
-          npx tsc --noEmit -p tsconfig.json
-          npm run build
-          npm run build-storybook
-
-      - name: Build hello-world-webpack
-        working-directory: apps/hello-world-webpack
-        run: |
-          npm pkg set "devDependencies.@aurelia/storybook=file:../.."
-          npm install
-          npx tsc --noEmit -p tsconfig.json
-          npm run build
-          npm run build-storybook
-
-      - name: Build hello-world-rsbuild
-        working-directory: apps/hello-world-rsbuild
-        run: |
-          npm pkg set "devDependencies.@aurelia/storybook=file:../.."
-          npm install
-          npx tsc --noEmit -p tsconfig.json
-          npm run build
-          npm run build-storybook

package/.github/workflows/publish.yml

@@ -1,82 +0,0 @@
-name: Publish
-
-on:
-  push:
-    tags:
-      - 'v*'
-  workflow_dispatch:
-    inputs:
-      tag:
-        description: 'Tag to publish (e.g., v2.2.1)'
-        required: true
-        type: string
-
-jobs:
-  publish:
-    runs-on: ubuntu-latest
-    permissions:
-      contents: read
-      id-token: write
-
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-        with:
-          ref: ${{ inputs.tag || github.ref }}
-
-      - name: Setup Node
-        uses: actions/setup-node@v4
-        with:
-          node-version: 20.19.0
-          registry-url: https://registry.npmjs.org
-          cache: npm
-
-      - name: Install deps
-        run: npm install
-
-      - name: Verify versions aligned
-        run: npm run sync:versions:check
-
-      - name: Verify tag matches package version
-        run: |
-          TAG_INPUT="${{ inputs.tag }}"
-          if [ -n "$TAG_INPUT" ]; then
-            TAG="${TAG_INPUT#v}"
-          else
-            TAG="${GITHUB_REF_NAME#v}"
-          fi
-          VERSION="$(node -p "require('./package.json').version")"
-          if [ "$TAG" != "$VERSION" ]; then
-            echo "Tag ($TAG) does not match package.json version ($VERSION)"
-            exit 1
-          fi
-
-      - name: Build package
-        run: npm run build
-
-      - name: Build types
-        run: npm run build:types
-
-      - name: Test package
-        run: npm test
-
-      - name: Verify changelog exists
-        run: |
-          if [ ! -s CHANGELOG.md ]; then
-            echo "CHANGELOG.md is empty. Run npm run changelog before tagging."
-            exit 1
-          fi
-
-      - name: Verify changelog version matches package
-        run: |
-          VERSION="$(node -p "require('./package.json').version")"
-          CHANGELOG_VERSION="$(node -e "const fs=require('fs');const m=fs.readFileSync('CHANGELOG.md','utf8').match(/## \\[(\\d+\\.\\d+\\.\\d+(?:-[^\\]]+)?)\\]/);console.log(m?m[1]:'')")"
-          if [ "$VERSION" != "$CHANGELOG_VERSION" ]; then
-            echo "CHANGELOG.md latest version ($CHANGELOG_VERSION) does not match package.json ($VERSION)"
-            exit 1
-          fi
-
-      - name: Publish to npm
-        run: npm publish --access public
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/.github/workflows/storybook-preview.yml

@@ -1,62 +0,0 @@
-name: Storybook Preview
-
-on:
-  push:
-    branches:
-      - main
-  workflow_dispatch:
-
-permissions:
-  contents: read
-  pages: write
-  id-token: write
-
-concurrency:
-  group: pages
-  cancel-in-progress: true
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Setup Node
-        uses: actions/setup-node@v4
-        with:
-          node-version: 20.19.0
-          cache: npm
-
-      - name: Install root deps
-        run: npm install
-
-      - name: Build package
-        run: npm run build
-
-      - name: Build Storybook (hello-world)
-        working-directory: apps/hello-world
-        run: |
-          npm pkg set "devDependencies.@aurelia/storybook=file:../.."
-          npm install
-          npm run build-storybook
-
-      - name: Configure Pages
-        uses: actions/configure-pages@v5
-
-      - name: Upload Pages artifact
-        uses: actions/upload-pages-artifact@v3
-        with:
-          path: apps/hello-world/storybook-static
-
-  deploy:
-    runs-on: ubuntu-latest
-    needs: build
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-    steps:
-      - name: Deploy to GitHub Pages
-        id: deployment
-        uses: actions/deploy-pages@v4

package/__tests__/create-aurelia-app.test.ts

@@ -1,94 +0,0 @@
-import { createAureliaApp } from '../src/preview/render';
-
-jest.mock('aurelia', () => {
-  let lastInstance: any;
-
-  class Aurelia {
-    public container: { has: jest.Mock };
-    public register = jest.fn();
-    public app = jest.fn(() => ({}));
-
-    constructor(container?: unknown) {
-      this.container = (container as any) ?? { has: jest.fn(() => false) };
-      lastInstance = this;
-    }
-  }
-
-  const CustomElement = {
-    define: jest.fn((definition: unknown, Type: new () => unknown) => Type),
-    getDefinition: jest.fn(() => ({ name: 'dummy', bindables: {}, key: 'au:ce:dummy' })),
-    isType: jest.fn(() => true),
-  };
-
-  return {
-    __esModule: true,
-    default: Aurelia,
-    CustomElement,
-    __getLastInstance: () => lastInstance,
-  };
-});
-
-describe('createAureliaApp', () => {
-  it('does not double-register the component when included in components', () => {
-    const Component = class {};
-    const host = document.createElement('div');
-
-    createAureliaApp(
-      { template: '<dummy></dummy>', components: [Component] } as any,
-      {},
-      host,
-      Component as any
-    );
-
-    const aurelia = (jest.requireMock('aurelia') as any).__getLastInstance();
-    const registerArgs = aurelia.register.mock.calls.flat();
-    const registrations = registerArgs.filter((entry: unknown) => entry === Component);
-    expect(registrations).toHaveLength(1);
-  });
-
-  it('skips registration when the container already has the component key', () => {
-    const Component = class {};
-    const host = document.createElement('div');
-    const container = { has: jest.fn(() => true) };
-
-    createAureliaApp(
-      { template: '<dummy></dummy>', components: [] as any, container } as any,
-      {},
-      host,
-      Component as any
-    );
-
-    const aurelia = (jest.requireMock('aurelia') as any).__getLastInstance();
-    expect(container.has).toHaveBeenCalled();
-    expect(aurelia.register).not.toHaveBeenCalled();
-  });
-
-  it('applies parameters.aurelia registrations and hooks', () => {
-    const GlobalComponent = class {};
-    const host = document.createElement('div');
-    const configureContainer = jest.fn();
-    const configure = jest.fn();
-    const storyContext = {
-      parameters: {
-        aurelia: {
-          register: [GlobalComponent],
-          configureContainer,
-          configure,
-        },
-      },
-    } as any;
-
-    createAureliaApp(
-      { template: '<dummy></dummy>' } as any,
-      {},
-      host,
-      undefined,
-      storyContext
-    );
-
-    const aurelia = (jest.requireMock('aurelia') as any).__getLastInstance();
-    expect(configureContainer).toHaveBeenCalledWith(aurelia.container, storyContext);
-    expect(aurelia.register).toHaveBeenCalledWith(GlobalComponent);
-    expect(configure).toHaveBeenCalledWith(aurelia, storyContext);
-  });
-});

package/__tests__/preset.test.ts

@@ -1,78 +0,0 @@
-import { rsbuildFinal, webpackFinal, viteFinal } from '../src/preset';
-import { getRsbuildRules, getRules } from '../src/webpack';
-
-jest.mock('../src/webpack', () => ({
-  getRules: jest.fn(() => [
-    { test: /\.ts$/, use: 'ts-loader' },
-    { test: /\.html$/, use: 'html-loader' },
-  ]),
-  getRsbuildRules: jest.fn(() => [
-    { test: /\.ts$/, use: '@aurelia/webpack-loader' },
-    { test: /\.html$/, use: '@aurelia/webpack-loader' },
-  ]),
-}));
-
-const mergeRsbuildConfig = jest.fn((base, extra) => ({
-  ...base,
-  ...extra,
-  tools: {
-    ...base?.tools,
-    ...extra?.tools,
-  },
-}));
-
-jest.mock('@rsbuild/core', () => ({
-  mergeRsbuildConfig,
-}));
-
-describe('preset', () => {
-  describe('webpackFinal', () => {
-    it('should add rules to the webpack config', async () => {
-      const config = {
-        module: {
-          rules: [],
-        },
-      };
-      const result = await webpackFinal(config);
-      expect(result.module.rules).toEqual(getRules());
-      expect(getRules).toHaveBeenCalled();
-    });
-
-    it('should handle a config with no module.rules', async () => {
-      const config = {};
-      const result = await webpackFinal(config);
-      expect(result).toEqual(config);
-    });
-
-    it('should handle a config with existing rules', async () => {
-      const existingRule = { test: /\.js$/, use: 'babel-loader' };
-      const config = {
-        module: {
-          rules: [existingRule],
-        },
-      };
-      const result = await webpackFinal(config);
-      expect(result.module.rules).toEqual([existingRule, ...getRules()]);
-    });
-  });
-
-  describe('viteFinal', () => {
-    it('should return the config unchanged', async () => {
-      const config = { some: 'property' };
-      const result = await viteFinal(config);
-      expect(result).toBe(config);
-    });
-  });
-
-  describe('rsbuildFinal', () => {
-    it('should merge rsbuild config and add Aurelia rules', async () => {
-      const config = { tools: {} };
-      const result = await rsbuildFinal(config);
-      expect(mergeRsbuildConfig).toHaveBeenCalledWith(config, expect.any(Object));
-
-      const rspackConfig = { module: { rules: [] as any[] } };
-      result.tools.rspack(rspackConfig);
-      expect(rspackConfig.module.rules).toEqual(getRsbuildRules());
-    });
-  });
-});

package/__tests__/preview.test.ts

@@ -1,17 +0,0 @@
-import { defineAureliaStory, render, renderToCanvas } from '../src/preview';
-import * as renderUtils from '../src/preview/render';
-
-describe('preview', () => {
-  it('re-exports render', () => {
-    expect(render).toBe(renderUtils.render);
-  });
-
-  it('re-exports renderToCanvas', () => {
-    expect(renderToCanvas).toBe(renderUtils.renderToCanvas);
-  });
-
-  it('returns the provided story result from defineAureliaStory', () => {
-    const story = { template: '<div></div>' };
-    expect(defineAureliaStory(story)).toBe(story);
-  });
-});