@aurelia/storybook 2.1.0 → 2.2.1

package/dist/webpack.js

@@ -16,6 +16,24 @@ function getRules() {
         },
     ];
 }
+/**
+ * Rsbuild/Rspack rules (avoid ts-loader; Rsbuild handles TS transpilation).
+ */
+function getRsbuildRules() {
+    return [
+        {
+            test: /\.ts$/i,
+            enforce: 'pre',
+            use: ['@aurelia/webpack-loader'],
+            exclude: /node_modules/,
+        },
+        {
+            test: /\.html$/i,
+            use: '@aurelia/webpack-loader',
+            exclude: /node_modules/,
+        },
+    ];
+}
 
-export { getRules };
+export { getRsbuildRules, getRules };
 //# sourceMappingURL=webpack.js.map

package/dist/webpack.js.map

@@ -1 +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;;;;"}
+{"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\n/**\n * Rsbuild/Rspack rules (avoid ts-loader; Rsbuild handles TS transpilation).\n */\nexport function getRsbuildRules(): RuleSetRule[] {\n  return [\n    {\n      test: /\\.ts$/i,\n      enforce: 'pre',\n      use: ['@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;AAEA;;AAEG;SACa,eAAe,GAAA;IAC7B,OAAO;AACL,QAAA;AACE,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,OAAO,EAAE,KAAK;YACd,GAAG,EAAE,CAAC,yBAAyB,CAAC;AAChC,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/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@aurelia/storybook",
-  "version": "2.1.0",
-  "description": "A Storybook plugin to render Aurelia 2 components using Vite or Webpack",
+  "version": "2.2.1",
+  "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,
   "publishConfig": {
     "access": "public"
   },
@@ -14,35 +15,79 @@
   "scripts": {
     "build": "rollup -c",
     "build:types": "tsc --project tsconfig.build.json --emitDeclarationOnly",
+    "changelog": "conventional-changelog -p conventionalcommits -i CHANGELOG.md -s -r 0",
+    "sync:versions": "node scripts/sync-versions.cjs",
+    "sync:versions:check": "node scripts/sync-versions.cjs --check",
     "watch": "rollup -c -w",
     "test": "NODE_OPTIONS=--no-deprecation jest"
   },
   "peerDependencies": {
     "@aurelia/runtime-html": "^2.0.0-rc.0",
     "@aurelia/vite-plugin": "^2.0.0-rc.0",
-    "@storybook/builder-vite": "^10.0.0",
-    "@storybook/builder-webpack5": "^10.0.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.0.0"
+    "storybook": "^10.2.0",
+    "storybook-builder-rsbuild": "^3.2.2"
+  },
+  "peerDependenciesMeta": {
+    "@rsbuild/core": {
+      "optional": true
+    },
+    "@storybook/builder-vite": {
+      "optional": true
+    },
+    "@storybook/builder-webpack5": {
+      "optional": true
+    },
+    "storybook-builder-rsbuild": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@aurelia/webpack-loader": "^2.0.0-rc.0",
     "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-typescript": "^12.1.3",
-    "@storybook/builder-vite": "^10.0.5",
+    "@rsbuild/core": "^1.7.2",
+    "@storybook/builder-vite": "^10.2.0",
     "@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.0.0",
+    "storybook": "^10.2.0",
     "ts-jest": "^29.4.0",
     "ts-loader": "^9.5.2",
     "typescript": "^5.8.3"
   },
   "exports": {
-    ".": "./dist/index.js",
-    "./preset": "./dist/preset.js"
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./preset": {
+      "types": "./dist/preset.d.ts",
+      "default": "./dist/preset.js"
+    },
+    "./preview": {
+      "types": "./dist/preview.d.ts",
+      "default": "./dist/preview.js"
+    },
+    "./preview/types": {
+      "types": "./dist/preview/types.d.ts",
+      "default": "./dist/preview/types-runtime.js"
+    },
+    "./preview/storybook-types": {
+      "types": "./dist/preview/storybook-types.d.ts",
+      "default": "./dist/preview/storybook-types-runtime.js"
+    },
+    "./preview/helpers": {
+      "types": "./dist/preview/helpers.d.ts",
+      "default": "./dist/preview/helpers.js"
+    }
   }
 }

package/rollup.config.mjs

@@ -7,16 +7,18 @@ const external = [
   '@aurelia/runtime-html',
   '@aurelia/vite-plugin',
   '@storybook/builder-vite',
+  '@rsbuild/core',
   'aurelia',
   'react',
   'react-dom',
-  'storybook/internal/core-events',
   'storybook/internal/types',
   'storybook/theming'
 ];
 
 // Get all TypeScript files from src directory
-const srcFiles = glob.sync('src/**/*.ts').reduce((acc, file) => {
+const srcFiles = glob
+  .sync('src/**/*.ts', { ignore: ['src/preview/types.ts', 'src/preview/storybook-types.ts'] })
+  .reduce((acc, file) => {
   const key = file.replace(/^src\//, '').replace(/\.ts$/, '');
   acc[key] = file;
   return acc;
@@ -47,4 +49,4 @@ const configs = Object.entries(srcFiles).map(([name, input]) =>
   createConfig(input, `dist/${name}.js`)
 );
 
-export default configs;
+export default configs;

package/scripts/sync-versions.cjs

@@ -0,0 +1,55 @@
+const fs = require('fs');
+const path = require('path');
+
+const checkOnly = process.argv.includes('--check');
+
+const rootPath = path.resolve(__dirname, '..');
+const rootPkgPath = path.join(rootPath, 'package.json');
+const rootPkg = JSON.parse(fs.readFileSync(rootPkgPath, 'utf8'));
+const version = rootPkg.version;
+
+const exampleDirs = [
+  'apps/hello-world',
+  'apps/hello-world-webpack',
+  'apps/hello-world-rsbuild',
+];
+
+let failed = false;
+
+for (const dir of exampleDirs) {
+  const pkgPath = path.join(rootPath, dir, 'package.json');
+  const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8'));
+  let changed = false;
+
+  if (pkg.version !== version) {
+    if (checkOnly) {
+      failed = true;
+    } else {
+      pkg.version = version;
+      changed = true;
+    }
+  }
+
+  for (const depKey of ['dependencies', 'devDependencies', 'peerDependencies']) {
+    if (pkg[depKey] && pkg[depKey]['@aurelia/storybook']) {
+      const desired = `^${version}`;
+      if (pkg[depKey]['@aurelia/storybook'] !== desired) {
+        if (checkOnly) {
+          failed = true;
+        } else {
+          pkg[depKey]['@aurelia/storybook'] = desired;
+          changed = true;
+        }
+      }
+    }
+  }
+
+  if (!checkOnly && changed) {
+    fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + '\n');
+  }
+}
+
+if (checkOnly && failed) {
+  console.error('Example app versions are out of sync with root package.json.');
+  process.exit(1);
+}

package/src/index.ts

@@ -1,8 +1,18 @@
-import type { StorybookConfig } from 'storybook/internal/types';
 import { renderToCanvas } from './preview/render';
+import { defineAureliaStory } from './preview/helpers';
 
 export { renderToCanvas };
 export const render = renderToCanvas;
+export { defineAureliaStory };
+export type {
+  AureliaRenderer,
+  AureliaStoryResult,
+  AureliaArgsStoryFn,
+  AureliaRenderContext,
+  AureliaStoryContext,
+  AureliaParameters,
+  AureliaStoryParameters
+} from './preview/types';
 
 // Define the framework
 export const framework = {

package/src/preset.ts

@@ -1,7 +1,7 @@
 // src/preset.ts
 // Minimal preset for Storybook-Aurelia2
 
-import { getRules } from './webpack';
+import { getRules, getRsbuildRules } from './webpack';
 
 /**
  * Optionally adjust the Vite configuration.
@@ -29,6 +29,36 @@ export async function viteFinal(config: any): Promise<any> {
     return config;
 }
 
+async function loadMergeRsbuildConfig() {
+    try {
+        const { mergeRsbuildConfig } = await import('@rsbuild/core');
+        return mergeRsbuildConfig;
+    } catch (error: any) {
+        const message = error instanceof Error ? error.message : String(error);
+        throw new Error(
+            `@aurelia/storybook: rsbuild support requires @rsbuild/core to be installed. Original error: ${message}`
+        );
+    }
+}
+
+/**
+ * Optionally adjust the Rsbuild configuration (Rspack-based).
+ */
+export async function rsbuildFinal(config: any): Promise<any> {
+    const mergeRsbuildConfig = await loadMergeRsbuildConfig();
+
+    return mergeRsbuildConfig(config, {
+        tools: {
+            rspack: (rspackConfig: any) => {
+                const moduleConfig = rspackConfig.module ?? (rspackConfig.module = {});
+                const rules = moduleConfig.rules ?? (moduleConfig.rules = []);
+                rules.push(...getRsbuildRules());
+                return rspackConfig;
+            }
+        }
+    });
+}
+
 /**
  * A function to configure webpack.
  * @param config
@@ -44,6 +74,6 @@ export async function webpackFinal(config: any): Promise<any> {
 }
 
 // Export a default for compatibility.
-export default { viteFinal, webpackFinal };
+export default { viteFinal, rsbuildFinal, webpackFinal };
 
 export const previewAnnotations = ['./preview.js'];

package/src/preview/helpers.ts

@@ -0,0 +1,7 @@
+import type { AureliaStoryResult } from './types';
+
+export function defineAureliaStory<TArgs = Record<string, unknown>>(
+  story: AureliaStoryResult<TArgs>
+): AureliaStoryResult<TArgs> {
+  return story;
+}

package/src/preview/render.ts

@@ -1,21 +1,47 @@
-import { STORY_CHANGED } from 'storybook/internal/core-events';
-import type { RenderContext, ArgsStoryFn } from 'storybook/internal/types';
-import type { AureliaRenderer } from './types';
+import type { RenderContext, ArgsStoryFn } from './storybook-types';
+import type {
+  AureliaRenderer,
+  AureliaStoryResult,
+  AureliaParameters,
+  AureliaStoryContext,
+} from './types';
 import Aurelia, { Constructable, CustomElement } from 'aurelia';
 
-interface AureliaStoryResult {
-  template: string;
-  components?: unknown[];
-  Component?: unknown;
-  container?: any;
-  items?: unknown[];
-  innerHtml?: string;
-  props?: Record<string, any>;
-}
-
 // Track Aurelia apps for cleanup
 const appMap = new Map<HTMLElement, any>();
 
+function mergeStoryProps(
+  parameters: { args?: Record<string, any> } | undefined,
+  storyArgs: Record<string, any> | undefined,
+  storyProps: Record<string, any> | undefined
+) {
+  return { ...parameters?.args, ...storyArgs, ...storyProps };
+}
+
+function getAureliaParameters(
+  storyContext?: AureliaStoryContext
+): AureliaParameters | undefined {
+  const parameters = storyContext?.parameters?.aurelia;
+  if (!parameters || typeof parameters !== 'object') {
+    return undefined;
+  }
+  return parameters as AureliaParameters;
+}
+
+function normalizeRegistrations(
+  parameters: AureliaParameters | undefined
+): unknown[] {
+  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: HTMLElement) {
   if (appMap.has(element)) {
     const app = appMap.get(element);
@@ -30,11 +56,12 @@ export const render: ArgsStoryFn<AureliaRenderer> = (args, context) => {
   const { id, component: Component } = context;
   
   if (!Component) {
+    const label = context.title && context.name ? `${context.title} / ${context.name}` : id;
     throw new Error(
-      `Unable to render story ${id} as the component annotation is missing from the default export`
+      `Unable to render story ${label} as the component annotation is missing from the default export`
     );
   }
-  return { Component, props: args, template: '' };
+  return { Component, props: args };
 };
 
 export async function renderToCanvas(
@@ -74,9 +101,6 @@ export async function renderToCanvas(
   let app = appMap.get(rootElement);
   const story = storyFn() as AureliaStoryResult;
   
-  // 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}".`,
@@ -98,20 +122,21 @@ export async function renderToCanvas(
     // Clear container before mounting new app
     hostElement.innerHTML = '';
 
-    const mergedProps = { ...parameters?.args, ...args, ...story.props };
+    const mergedProps = mergeStoryProps(parameters, args, story.props);
 
     const aureliaApp = appBootstrapFn(
       story,
       mergedProps,
       hostElement,
-      component as Constructable
+      component as Constructable,
+      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);
     }
@@ -127,23 +152,59 @@ export function createAureliaApp(
   story: AureliaStoryResult,
   args: Record<string, any>,
   domElement: HTMLElement,
-  component?: Constructable
+  component?: Constructable,
+  storyContext?: AureliaStoryContext
 ) {
   const aurelia = new Aurelia(story.container);
+  const { container } = aurelia;
+  const aureliaParameters = getAureliaParameters(storyContext);
+
+  const registerIfNeeded = (resource: unknown) => {
+    if (!resource) {
+      return;
+    }
 
-  if (story.items?.length) {
-    aurelia.register(...story.items);
+    if (CustomElement.isType(resource)) {
+      const definition = CustomElement.getDefinition(resource);
+      if (container.has(definition.key, false)) {
+        return;
+      }
+    }
+
+    aurelia.register(resource);
+  };
+
+  const registerAll = (resources?: unknown[]) => {
+    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(
@@ -157,6 +218,10 @@ export function createAureliaApp(
 
   const app = Object.assign(new App(), args);
 
+  if (aureliaParameters?.configure && storyContext) {
+    aureliaParameters.configure(aurelia, storyContext);
+  }
+
   return aurelia.app({
     host: domElement,
     component: app,
@@ -169,7 +234,10 @@ export function createComponentTemplate(
 ): string {
   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}>`;
+}

package/src/preview/storybook-types-runtime.ts

@@ -0,0 +1,2 @@
+// Runtime stub so the export map has a JS target for type-only entries.
+export const __AURELIA_STORYBOOK_STORYBOOK_TYPES__ = true;

package/src/preview/storybook-types.ts

@@ -0,0 +1,34 @@
+export interface Renderer {
+  component?: unknown;
+  storyResult?: unknown;
+  canvasElement?: HTMLElement;
+}
+
+export interface StoryContext<
+  TRenderer = Renderer,
+  TArgs = Record<string, unknown>
+> {
+  id?: string;
+  component?: unknown;
+  args: TArgs;
+  parameters?: { args?: Record<string, unknown> } & Record<string, unknown>;
+  [key: string]: unknown;
+}
+
+export type ArgsStoryFn<
+  TRenderer = Renderer,
+  TArgs = Record<string, unknown>
+> = (args: TArgs, context: StoryContext<TRenderer, TArgs>) => unknown;
+
+export interface RenderContext<
+  TRenderer = Renderer,
+  TArgs = Record<string, unknown>
+> {
+  storyFn: () => unknown;
+  title: string;
+  name: string;
+  showMain: () => void;
+  showError: (error: { title: string; description?: string }) => void;
+  storyContext: StoryContext<TRenderer, TArgs>;
+  forceRemount?: boolean;
+}

package/src/preview/types-runtime.ts

@@ -0,0 +1,2 @@
+// Runtime stub so the export map has a JS target for type-only entries.
+export const __AURELIA_STORYBOOK_TYPES__ = true;

package/src/preview/types.ts

@@ -1,7 +1,62 @@
-import type { Renderer } from 'storybook/internal/types';
+import type { IContainer } from 'aurelia';
+import type Aurelia from 'aurelia';
+import type { Renderer, StoryContext, RenderContext, ArgsStoryFn } from './storybook-types';
 
 export interface AureliaRenderer extends Renderer {
     /** The DOM element in which the story is rendered */
     canvasElement: HTMLElement;
   }
-  
+
+export interface AureliaStoryResult<TArgs = Record<string, unknown>> {
+  template?: string;
+  components?: unknown[];
+  Component?: unknown;
+  container?: IContainer;
+  items?: unknown[];
+  innerHtml?: string;
+  props?: Partial<TArgs>;
+}
+
+export type AureliaStoryContext<TArgs = Record<string, unknown>> = StoryContext<
+  AureliaRenderer,
+  TArgs
+>;
+export type AureliaRenderContext<TArgs = Record<string, unknown>> = RenderContext<
+  AureliaRenderer,
+  TArgs
+>;
+export type AureliaArgsStoryFn<TArgs = Record<string, unknown>> = ArgsStoryFn<
+  AureliaRenderer,
+  TArgs
+>;
+
+export interface AureliaParameters<TArgs = Record<string, unknown>> {
+  /**
+   * Global resources/plugins to register with Aurelia (merged across preview + story parameters).
+   */
+  register?: unknown[];
+  /**
+   * Alias for register: match the story result `components` contract.
+   */
+  components?: unknown[];
+  /**
+   * Alias for register: match the story result `items` contract.
+   */
+  items?: unknown[];
+  /**
+   * Configure the container before the Aurelia app starts.
+   */
+  configureContainer?: (
+    container: IContainer,
+    context: AureliaStoryContext<TArgs>
+  ) => void;
+  /**
+   * Configure the Aurelia instance before the app starts.
+   */
+  configure?: (aurelia: Aurelia, context: AureliaStoryContext<TArgs>) => void;
+}
+
+export interface AureliaStoryParameters<TArgs = Record<string, unknown>> {
+  aurelia?: AureliaParameters<TArgs>;
+}
+  

package/src/preview.ts

@@ -1 +1,11 @@
-export { renderToCanvas, render } from './preview/render'; 
+export { renderToCanvas, render } from './preview/render';
+export { defineAureliaStory } from './preview/helpers';
+export type {
+  AureliaArgsStoryFn,
+  AureliaParameters,
+  AureliaRenderContext,
+  AureliaRenderer,
+  AureliaStoryParameters,
+  AureliaStoryContext,
+  AureliaStoryResult
+} from './preview/types';

package/src/webpack.ts

@@ -19,3 +19,22 @@ export function getRules(): RuleSetRule[] {
     },
   ];
 }
+
+/**
+ * Rsbuild/Rspack rules (avoid ts-loader; Rsbuild handles TS transpilation).
+ */
+export function getRsbuildRules(): RuleSetRule[] {
+  return [
+    {
+      test: /\.ts$/i,
+      enforce: 'pre',
+      use: ['@aurelia/webpack-loader'],
+      exclude: /node_modules/,
+    },
+    {
+      test: /\.html$/i,
+      use: '@aurelia/webpack-loader',
+      exclude: /node_modules/,
+    },
+  ];
+}

package/CONTINUITY.md

@@ -1,22 +0,0 @@
-Goal (incl. success criteria):
-- Address question about empty chunk generation during build; explain whether outputs are unnecessary and options.
-Constraints/Assumptions:
-- Use repo instructions in AGENTS.md; maintain this ledger.
-- Build uses Rollup per-file entries from globbed src/**/*.ts.
-Key decisions:
-- None yet for empty chunk handling.
-State:
-- Identified empty chunk comes from type-only file src/preview/types.ts.
-Done:
-- Inspected rollup config and types file to confirm empty output cause.
-Now:
-- Provide explanation and possible ways to avoid generating empty JS file.
-Next:
-- If requested, change rollup config or file layout to suppress empty chunk.
-Open questions (UNCONFIRMED if needed):
-- Should we change build config to avoid empty chunk? UNCONFIRMED.
-- Remove the untracked .DS_Store file? UNCONFIRMED.
-Working set (files/ids/commands):
-- CONTINUITY.md
-- /Users/dwayne/Code/aurelia2-storybook/rollup.config.mjs
-- /Users/dwayne/Code/aurelia2-storybook/src/preview/types.ts

package/dist/preview/types.js

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

package/dist/preview/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}