ember-storybook 0.0.0

package/README.md

@@ -0,0 +1,31 @@
+# Storybook for Ember
+
+Storybook for Ember is a UI development environment for your Ember components.
+With it, you can visualize different states of your UI components and develop them interactively.
+
+![Storybook Screenshot](https://github.com/storybookjs/storybook/blob/main/media/storybook-intro.gif)
+
+Storybook runs outside of your app.
+So you can develop UI components in isolation without worrying about app specific dependencies and requirements.
+
+## Getting Started
+
+```sh
+cd my-ember-app
+npx storybook@latest init
+```
+
+For more information visit: [storybook.js.org](https://storybook.js.org?ref=readme)
+
+---
+
+Storybook also comes with a lot of [addons](https://storybook.js.org/addons?ref=readme) and a great API to customize as you wish.
+You can also build a [static version](https://storybook.js.org/docs/sharing/publish-storybook?renderer=ember&ref=readme) of your Storybook and deploy it anywhere you want.
+
+## Docs
+
+- [Basics](https://storybook.js.org/docs/get-started/install?renderer=ember&ref=readme)
+- [Configurations](https://storybook.js.org/docs/configure?renderer=ember&ref=readme)
+- [Addons](https://storybook.js.org/docs/configure/user-interface/storybook-addons?renderer=ember&ref=readme)
+
+Learn more about Storybook at [storybook.js.org](https://storybook.js.org/?ref=readme).

package/declarations/client/config.d.ts

@@ -0,0 +1,5 @@
+import type { ArgTypesEnhancer, Parameters } from 'storybook/internal/types';
+export { render, renderToCanvas } from './render';
+export declare const parameters: Parameters;
+export declare const argTypesEnhancers: ArgTypesEnhancer[];
+//# sourceMappingURL=config.d.ts.map

package/declarations/client/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/client/config.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE7E,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAElD,eAAO,MAAM,UAAU,EAAE,UAKxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,gBAAgB,EAAsB,CAAC"}

package/declarations/client/docs/config.d.ts

@@ -0,0 +1,5 @@
+import type { EmberRenderer } from '../types';
+import type { DecoratorFunction, Parameters } from 'storybook/internal/types';
+export declare const parameters: Parameters;
+export declare const decorators: DecoratorFunction<EmberRenderer>[];
+//# sourceMappingURL=config.d.ts.map

package/declarations/client/docs/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/client/docs/config.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE9E,eAAO,MAAM,UAAU,EAAE,UAOxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,aAAa,CAAC,EAAsB,CAAC"}

package/declarations/client/docs/sourceDecorator.d.ts

@@ -0,0 +1,7 @@
+import type { EmberRenderer } from '../types';
+import type { Args, ArgTypes, DecoratorFunction } from 'storybook/internal/types';
+export declare function generateGlimmerSource(component: object & {
+    name?: string;
+}, args: Args, argTypes: ArgTypes): string | undefined;
+export declare const sourceDecorator: DecoratorFunction<EmberRenderer>;
+//# sourceMappingURL=sourceDecorator.d.ts.map

package/declarations/client/docs/sourceDecorator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sourceDecorator.d.ts","sourceRoot":"","sources":["../../../src/client/docs/sourceDecorator.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AA2ClF,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,MAAM,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,EACrC,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,GACjB,MAAM,GAAG,SAAS,CAoBpB;AAED,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,aAAa,CAoB5D,CAAC"}

package/declarations/client/globals.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=globals.d.ts.map

package/declarations/client/globals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"globals.d.ts","sourceRoot":"","sources":["../../src/client/globals.ts"],"names":[],"mappings":""}

package/declarations/client/index.d.ts

@@ -0,0 +1,6 @@
+import './globals';
+export * from './portable-stories';
+export * from './public-types';
+export { renderToCanvas } from './render';
+export { RenderStory } from './render-story';
+//# sourceMappingURL=index.d.ts.map

package/declarations/client/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/client/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,CAAC;AAEnB,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC"}

package/declarations/client/portable-stories.d.ts

@@ -0,0 +1,23 @@
+import type { EmberRenderer } from './types';
+import type { NamedOrDefaultProjectAnnotations, NormalizedProjectAnnotations } from 'storybook/internal/types';
+/**
+ * Function that sets the globalConfig of your storybook. The global config is the preview module of
+ * your .storybook folder.
+ *
+ * It should be run a single time, so that your global config (e.g. decorators) is applied to your
+ * stories when using `composeStories` or `composeStory`.
+ *
+ * Example:
+ *
+ * ```jsx
+ * // setup-file.js
+ * import { setProjectAnnotations } from '@storybook/preact';
+ * import projectAnnotations from './.storybook/preview';
+ *
+ * setProjectAnnotations(projectAnnotations);
+ * ```
+ *
+ * @param projectAnnotations - E.g. (import projectAnnotations from '../.storybook/preview')
+ */
+export declare function setProjectAnnotations(projectAnnotations: NamedOrDefaultProjectAnnotations<EmberRenderer> | NamedOrDefaultProjectAnnotations<EmberRenderer>[]): NormalizedProjectAnnotations<EmberRenderer>;
+//# sourceMappingURL=portable-stories.d.ts.map

package/declarations/client/portable-stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portable-stories.d.ts","sourceRoot":"","sources":["../../src/client/portable-stories.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EACV,gCAAgC,EAChC,4BAA4B,EAC7B,MAAM,0BAA0B,CAAC;AAElC;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,qBAAqB,CACnC,kBAAkB,EACd,gCAAgC,CAAC,aAAa,CAAC,GAC/C,gCAAgC,CAAC,aAAa,CAAC,EAAE,GACpD,4BAA4B,CAAC,aAAa,CAAC,CAI7C"}

package/declarations/client/public-types.d.ts

@@ -0,0 +1,27 @@
+import type { EmberRenderer } from './types';
+import type { AnnotatedStoryFn, Args, ComponentAnnotations, DecoratorFunction, LoaderFunction, ProjectAnnotations, StoryAnnotations, StoryContext as GenericStoryContext, StrictArgs } from 'storybook/internal/types';
+export type { Args, ArgTypes, Parameters, StrictArgs } from 'storybook/internal/types';
+/**
+ * Metadata to configure the stories for a component.
+ *
+ * @see [Default export](https://storybook.js.org/docs/api/csf#default-export)
+ */
+export type Meta<TArgs = Args> = ComponentAnnotations<EmberRenderer, TArgs>;
+/**
+ * Story function that represents a CSFv2 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/api/csf#named-story-exports)
+ */
+export type StoryFn<TArgs = Args> = AnnotatedStoryFn<EmberRenderer, TArgs>;
+/**
+ * Story object that represents a CSFv3 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/api/csf#named-story-exports)
+ */
+export type StoryObj<TArgs = Args> = StoryAnnotations<EmberRenderer, TArgs>;
+export type Decorator<TArgs = StrictArgs> = DecoratorFunction<EmberRenderer, TArgs>;
+export type Loader<TArgs = StrictArgs> = LoaderFunction<EmberRenderer, TArgs>;
+export type StoryContext<TArgs = StrictArgs> = GenericStoryContext<EmberRenderer, TArgs>;
+export type Preview = ProjectAnnotations<EmberRenderer>;
+export { type EmberRenderer } from './types';
+//# sourceMappingURL=public-types.d.ts.map

package/declarations/client/public-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-types.d.ts","sourceRoot":"","sources":["../../src/client/public-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EACV,gBAAgB,EAChB,IAAI,EACJ,oBAAoB,EACpB,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,gBAAgB,EAChB,YAAY,IAAI,mBAAmB,EACnC,UAAU,EACX,MAAM,0BAA0B,CAAC;AAElC,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEvF;;;;GAIG;AACH,MAAM,MAAM,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,oBAAoB,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;AAE5E;;;;GAIG;AACH,MAAM,MAAM,OAAO,CAAC,KAAK,GAAG,IAAI,IAAI,gBAAgB,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;AAE3E;;;;GAIG;AACH,MAAM,MAAM,QAAQ,CAAC,KAAK,GAAG,IAAI,IAAI,gBAAgB,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;AAE5E,MAAM,MAAM,SAAS,CAAC,KAAK,GAAG,UAAU,IAAI,iBAAiB,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;AACpF,MAAM,MAAM,MAAM,CAAC,KAAK,GAAG,UAAU,IAAI,cAAc,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;AAC9E,MAAM,MAAM,YAAY,CAAC,KAAK,GAAG,UAAU,IAAI,mBAAmB,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;AACzF,MAAM,MAAM,OAAO,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC;AAExD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/declarations/client/render-story.d.ts

@@ -0,0 +1,19 @@
+import Component from '@glimmer/component';
+interface RenderStorySignature {
+    Args: {
+        story: () => object;
+        args: Record<string, unknown>;
+    };
+    Element: HTMLDivElement;
+}
+export declare class RenderStory extends Component<RenderStorySignature> {
+    render: import("ember-modifier").FunctionBasedModifier<{
+        Args: {
+            Positional: unknown[];
+            Named: import("ember-modifier/-private/signature").EmptyObject;
+        };
+        Element: HTMLDivElement;
+    }>;
+}
+export {};
+//# sourceMappingURL=render-story.d.ts.map

package/declarations/client/render-story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-story.d.ts","sourceRoot":"","sources":["../../src/client/render-story.gts"],"names":[],"mappings":"AAiCA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAM3C,UAAU,oBAAoB;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,MAAM,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAC/B,CAAC;IACF,OAAO,EAAE,cAAc,CAAC;CACzB;AAED,qBAAa,WAAY,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAC9D,MAAM;;;;;;OAYH;CASJ"}

package/declarations/client/render.d.ts

@@ -0,0 +1,7 @@
+import type { EmberRenderer, StoryContext } from './types';
+import type { ArgsStoryFn, RenderContext } from 'storybook/internal/types';
+export declare const render: ArgsStoryFn<EmberRenderer>;
+export declare function renderToCanvas({ storyFn, showMain, storyContext, forceRemount }: RenderContext<EmberRenderer> & {
+    storyContext: StoryContext;
+}, canvasElement: EmberRenderer['canvasElement']): Promise<() => void>;
+//# sourceMappingURL=render.d.ts.map

package/declarations/client/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/client/render.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAgB,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEzE,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAI3E,eAAO,MAAM,MAAM,EAAE,WAAW,CAAC,aAAa,CAc7C,CAAC;AAgDF,wBAAsB,cAAc,CAClC,EACE,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,YAAY,EACb,EAAE,aAAa,CAAC,aAAa,CAAC,GAAG;IAAE,YAAY,EAAE,YAAY,CAAA;CAAE,EAChE,aAAa,EAAE,aAAa,CAAC,eAAe,CAAC,uBA8E9C"}

package/declarations/client/types.d.ts

@@ -0,0 +1,25 @@
+import type Application from '@ember/application';
+import type ApplicationInstance from '@ember/application/instance';
+import type { StoryContext as DefaultStoryContext, WebRenderer } from 'storybook/internal/types';
+export type { RenderContext } from 'storybook/internal/types';
+export interface ShowErrorArgs {
+    title: string;
+    description: string;
+}
+export type AppParamater = typeof Application | ApplicationInstance | ((options?: Record<string, unknown>) => typeof Application | ApplicationInstance);
+export interface EmberParameters {
+    ember?: {
+        app?: AppParamater;
+        owner?: Record<`${string}:${string}`, object>;
+    };
+}
+export interface EmberRenderer extends WebRenderer {
+    component: object;
+    storyResult: object;
+    csf4: true;
+    parameters: EmberParameters;
+}
+export type StoryContext = DefaultStoryContext<EmberRenderer> & {
+    parameters: DefaultStoryContext<EmberRenderer>['parameters'] & EmberParameters;
+};
+//# sourceMappingURL=types.d.ts.map

package/declarations/client/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/client/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,WAAW,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,EAAE,YAAY,IAAI,mBAAmB,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEjG,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,YAAY,GACpB,OAAO,WAAW,GAClB,mBAAmB,GACnB,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,WAAW,GAAG,mBAAmB,CAAC,CAAC;AAEtF,MAAM,WAAW,eAAe;IAE9B,KAAK,CAAC,EAAE;QACN,GAAG,CAAC,EAAE,YAAY,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,IAAI,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC;KAC/C,CAAC;CACH;AAED,MAAM,WAAW,aAAc,SAAQ,WAAW;IAGhD,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,UAAU,EAAE,eAAe,CAAC;CAC7B;AAED,MAAM,MAAM,YAAY,GAAG,mBAAmB,CAAC,aAAa,CAAC,GAAG;IAC9D,UAAU,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC,YAAY,CAAC,GAAG,eAAe,CAAC;CAChF,CAAC"}

package/declarations/index.d.ts

@@ -0,0 +1,3 @@
+export * from './client/index';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/declarations/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

package/declarations/node/index.d.ts

@@ -0,0 +1,4 @@
+import type { StorybookConfig } from '../types';
+export declare function defineMain(config: StorybookConfig): StorybookConfig;
+export { type StorybookConfig } from '../types';
+//# sourceMappingURL=index.d.ts.map

package/declarations/node/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/node/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,wBAAgB,UAAU,CAAC,MAAM,EAAE,eAAe,mBAEjD;AAED,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC"}

package/declarations/node/indexer.d.ts

@@ -0,0 +1,5 @@
+import { type CsfOptions } from 'storybook/internal/csf-tools';
+import type { Indexer } from 'storybook/internal/types';
+export declare const readCsf: (fileName: string, options: CsfOptions) => Promise<import("storybook/internal/csf-tools").CsfFile>;
+export declare const emberIndexer: Indexer;
+//# sourceMappingURL=indexer.d.ts.map

package/declarations/node/indexer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"indexer.d.ts","sourceRoot":"","sources":["../../src/node/indexer.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,UAAU,EAAW,MAAM,8BAA8B,CAAC;AAExE,OAAO,KAAK,EAAE,OAAO,EAA8B,MAAM,0BAA0B,CAAC;AAQpF,eAAO,MAAM,OAAO,GAAU,UAAU,MAAM,EAAE,SAAS,UAAU,4DAKlE,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,OAO1B,CAAC"}

package/declarations/preset.d.ts

@@ -0,0 +1,8 @@
+import { type StorybookConfigVite } from '@storybook/builder-vite';
+import type { StorybookConfig } from './types';
+import type { PresetProperty } from 'storybook/internal/types';
+export declare const previewAnnotations: PresetProperty<'previewAnnotations'>;
+export declare const viteFinal: StorybookConfigVite['viteFinal'];
+export declare const experimental_indexers: StorybookConfig['experimental_indexers'];
+export declare const core: PresetProperty<'core'>;
+//# sourceMappingURL=preset.d.ts.map

package/declarations/preset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,mBAAmB,EAAsB,MAAM,yBAAyB,CAAC;AAIvF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAG/D,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAC,oBAAoB,CAkBnE,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,mBAAmB,CAAC,WAAW,CAkBtD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,eAAe,CAAC,uBAAuB,CAE1E,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,cAAc,CAAC,MAAM,CAcvC,CAAC"}

package/declarations/types.d.ts

@@ -0,0 +1,23 @@
+import type { BuilderOptions, StorybookConfigVite } from '@storybook/builder-vite';
+import type { CompatibleString, StorybookConfig as StorybookConfigBase } from 'storybook/internal/types';
+type FrameworkName = CompatibleString<'ember-storybook'>;
+type BuilderName = CompatibleString<'@storybook/builder-vite'>;
+export type FrameworkOptions = {
+    builder?: BuilderOptions;
+};
+type StorybookConfigFramework = {
+    framework: FrameworkName | {
+        name: FrameworkName;
+        options: FrameworkOptions;
+    };
+    core?: StorybookConfigBase['core'] & {
+        builder?: BuilderName | {
+            name: BuilderName;
+            options: BuilderOptions;
+        };
+    };
+};
+/** The interface for Storybook configuration in `main.ts` files. */
+export type StorybookConfig = Omit<StorybookConfigBase, keyof StorybookConfigVite | keyof StorybookConfigFramework> & StorybookConfigVite & StorybookConfigFramework;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/declarations/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnF,OAAO,KAAK,EACV,gBAAgB,EAChB,eAAe,IAAI,mBAAmB,EACvC,MAAM,0BAA0B,CAAC;AAElC,KAAK,aAAa,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;AACzD,KAAK,WAAW,GAAG,gBAAgB,CAAC,yBAAyB,CAAC,CAAC;AAE/D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,SAAS,EACL,aAAa,GACb;QACE,IAAI,EAAE,aAAa,CAAC;QACpB,OAAO,EAAE,gBAAgB,CAAC;KAC3B,CAAC;IACN,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,GAAG;QACnC,OAAO,CAAC,EACJ,WAAW,GACX;YACE,IAAI,EAAE,WAAW,CAAC;YAClB,OAAO,EAAE,cAAc,CAAC;SACzB,CAAC;KACP,CAAC;CACH,CAAC;AAEF,oEAAoE;AACpE,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,mBAAmB,EACnB,MAAM,mBAAmB,GAAG,MAAM,wBAAwB,CAC3D,GACC,mBAAmB,GACnB,wBAAwB,CAAC"}

package/dist/client/config.mjs

@@ -0,0 +1,12 @@
+import { n as renderToCanvas, t as render } from "../render-BUq_AxtY.mjs";
+import { enhanceArgTypes } from "storybook/internal/docs-tools";
+//#region src/client/config.ts
+const parameters = {
+	renderer: "ember",
+	docs: { story: { inline: true } }
+};
+const argTypesEnhancers = [enhanceArgTypes];
+//#endregion
+export { argTypesEnhancers, parameters, render, renderToCanvas };
+
+//# sourceMappingURL=config.mjs.map

package/dist/client/config.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.mjs","names":["enhanceArgTypes","render","renderToCanvas","parameters","renderer","docs","story","inline","argTypesEnhancers"],"sources":["../../src/client/config.ts"],"sourcesContent":["import { enhanceArgTypes } from 'storybook/internal/docs-tools';\n\nimport type { ArgTypesEnhancer, Parameters } from 'storybook/internal/types';\n\nexport { render, renderToCanvas } from './render';\n\nexport const parameters: Parameters = {\n  renderer: 'ember',\n  docs: {\n    story: { inline: true }\n  }\n};\n\nexport const argTypesEnhancers: ArgTypesEnhancer[] = [enhanceArgTypes];\n"],"mappings":";;;AAMA,MAAaG,aAAyB;CACpCC,UAAU;CACVC,MAAM,EACJC,OAAO,EAAEC,QAAQ,KAAK,EACxB;AACF;AAEA,MAAaC,oBAAwC,CAACR,eAAe"}

package/dist/client/docs/config.mjs

@@ -0,0 +1,46 @@
+import { emitTransformCode, useEffect, useRef } from "storybook/preview-api";
+import { SourceType } from "storybook/internal/docs-tools";
+//#region src/client/docs/sourceDecorator.ts
+function skipSourceRender(context) {
+	const sourceParams = context.parameters.docs?.source;
+	if (sourceParams?.type === SourceType.DYNAMIC) return false;
+	return (!context.parameters.__isArgsStory || sourceParams?.code) ?? sourceParams?.type === SourceType.CODE;
+}
+function toArgument(key, value, argTypes) {
+	if (value === void 0 || value === null) return;
+	if (argTypes[key].action) return;
+	if (typeof value === "string") return `@${key}=${JSON.stringify(value)}`;
+	if (typeof value === "number" || typeof value === "boolean") return `@${key}={{${JSON.stringify(value)}}}`;
+}
+function generateGlimmerSource(component, args, argTypes) {
+	const name = component.name;
+	if (!name) return;
+	const propsArray = Object.entries(args).map(([k, v]) => toArgument(k, v, argTypes)).filter(Boolean);
+	if (propsArray.length === 0) return `<${name} />`;
+	if (propsArray.length > 3) return `<${name}\n  ${propsArray.join("\n  ")}\n/>`;
+	return `<${name} ${propsArray.join(" ")} />`;
+}
+const sourceDecorator = (storyFn, context) => {
+	const source = useRef(void 0);
+	const story = storyFn();
+	useEffect(() => {
+		const renderedForSource = context.parameters.docs?.source?.excludeDecorators ? context.originalStoryFn(context.args, context) : story;
+		if (!skipSourceRender(context)) {
+			const code = generateGlimmerSource(renderedForSource, context.args, context.argTypes) ?? void 0;
+			emitTransformCode(code, context);
+			source.current = code;
+		}
+	});
+	return story;
+};
+//#endregion
+//#region src/client/docs/config.ts
+const parameters = { docs: { source: {
+	type: SourceType.DYNAMIC,
+	language: "html"
+} } };
+const decorators = [sourceDecorator];
+//#endregion
+export { decorators, parameters };
+
+//# sourceMappingURL=config.mjs.map

package/dist/client/docs/config.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.mjs","names":["SourceType","emitTransformCode","useEffect","useRef","skipSourceRender","context","sourceParams","parameters","docs","source","type","DYNAMIC","isArgsStory","__isArgsStory","code","CODE","toArgument","key","value","argTypes","undefined","argType","action","JSON","stringify","generateGlimmerSource","component","args","name","propsArray","Object","entries","map","k","v","filter","Boolean","length","join","sourceDecorator","storyFn","story","renderedForSource","excludeDecorators","originalStoryFn","current","SourceType","sourceDecorator","parameters","docs","source","type","DYNAMIC","language","decorators"],"sources":["../../../src/client/docs/sourceDecorator.ts","../../../src/client/docs/config.ts"],"sourcesContent":["import { SourceType } from 'storybook/internal/docs-tools';\nimport { emitTransformCode, useEffect, useRef } from 'storybook/preview-api';\n\nimport type { StoryFn } from '../public-types';\nimport type { EmberRenderer } from '../types';\nimport type { Args, ArgTypes, DecoratorFunction } from 'storybook/internal/types';\n\nfunction skipSourceRender(context: Parameters<DecoratorFunction<EmberRenderer>>[1]) {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access\n  const sourceParams = context.parameters.docs?.source;\n\n  // always render if the user forces it\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n  if (sourceParams?.type === SourceType.DYNAMIC) {\n    return false;\n  }\n\n  const isArgsStory = context.parameters.__isArgsStory as boolean;\n\n  // never render if the user is forcing the block to render code, or\n  // if the user provides code, or if it's not an args story.\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-member-access\n  return (!isArgsStory || sourceParams?.code) ?? sourceParams?.type === SourceType.CODE;\n}\n\nfunction toArgument(key: string, value: unknown, argTypes: ArgTypes): string | undefined {\n  if (value === undefined || value === null) {\n    return undefined;\n  }\n\n  const argType = argTypes[key];\n\n  // event should be skipped\n  if (argType.action) {\n    return undefined;\n  }\n\n  if (typeof value === 'string') {\n    return `@${key}=${JSON.stringify(value)}`;\n  }\n\n  if (typeof value === 'number' || typeof value === 'boolean') {\n    return `@${key}={{${JSON.stringify(value)}}}`;\n  }\n\n  return undefined;\n}\n\nexport function generateGlimmerSource(\n  component: object & { name?: string },\n  args: Args,\n  argTypes: ArgTypes\n): string | undefined {\n  const name = component.name;\n\n  if (!name) {\n    return undefined;\n  }\n\n  const propsArray = Object.entries(args)\n    .map(([k, v]) => toArgument(k, v, argTypes))\n    .filter(Boolean);\n\n  if (propsArray.length === 0) {\n    return `<${name} />`;\n  }\n\n  if (propsArray.length > 3) {\n    return `<${name}\\n  ${propsArray.join('\\n  ')}\\n/>`;\n  }\n\n  return `<${name} ${propsArray.join(' ')} />`;\n}\n\nexport const sourceDecorator: DecoratorFunction<EmberRenderer> = (storyFn, context) => {\n  const source = useRef<string | undefined>(undefined);\n  const story = storyFn();\n\n  useEffect(() => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    const renderedForSource = context.parameters.docs?.source?.excludeDecorators\n      ? (context.originalStoryFn as StoryFn)(context.args, context)\n      : story;\n\n    if (!skipSourceRender(context)) {\n      const code =\n        generateGlimmerSource(renderedForSource, context.args, context.argTypes) ?? undefined;\n\n      void emitTransformCode(code, context);\n      source.current = code;\n    }\n  });\n\n  return story;\n};\n","import { SourceType } from 'storybook/internal/docs-tools';\n\nimport { sourceDecorator } from './sourceDecorator';\n\nimport type { EmberRenderer } from '../types';\nimport type { DecoratorFunction, Parameters } from 'storybook/internal/types';\n\nexport const parameters: Parameters = {\n  docs: {\n    source: {\n      type: SourceType.DYNAMIC,\n      language: 'html'\n    }\n  }\n};\n\nexport const decorators: DecoratorFunction<EmberRenderer>[] = [sourceDecorator];\n"],"mappings":";;;AAOA,SAASI,iBAAiBC,SAA0D;CAElF,MAAMC,eAAeD,QAAQE,WAAWC,MAAMC;CAI9C,IAAIH,cAAcI,SAASV,WAAWW,SACpC,OAAO;CAQT,QAAQ,CALYN,QAAQE,WAAWM,iBAKfP,cAAcQ,SAASR,cAAcI,SAASV,WAAWe;AACnF;AAEA,SAASC,WAAWC,KAAaC,OAAgBC,UAAwC;CACvF,IAAID,UAAUE,KAAAA,KAAaF,UAAU,MACnC;CAMF,IAHgBC,SAASF,IAGd,CAACK,QACV;CAGF,IAAI,OAAOJ,UAAU,UACnB,OAAO,IAAID,IAAG,GAAIM,KAAKC,UAAUN,KAAK;CAGxC,IAAI,OAAOA,UAAU,YAAY,OAAOA,UAAU,WAChD,OAAO,IAAID,IAAG,KAAMM,KAAKC,UAAUN,KAAK,EAAC;AAI7C;AAEA,SAAgBO,sBACdC,WACAC,MACAR,UACoB;CACpB,MAAMS,OAAOF,UAAUE;CAEvB,IAAI,CAACA,MACH;CAGF,MAAMC,aAAaC,OAAOC,QAAQJ,IAAI,CAAC,CACpCK,KAAK,CAACC,GAAGC,OAAOlB,WAAWiB,GAAGC,GAAGf,QAAQ,CAAC,CAAC,CAC3CgB,OAAOC,OAAO;CAEjB,IAAIP,WAAWQ,WAAW,GACxB,OAAO,IAAIT,KAAI;CAGjB,IAAIC,WAAWQ,SAAS,GACtB,OAAO,IAAIT,KAAI,MAAOC,WAAWS,KAAK,MAAM,EAAC;CAG/C,OAAO,IAAIV,KAAI,GAAIC,WAAWS,KAAK,GAAG,EAAC;AACzC;AAEA,MAAaC,mBAAqDC,SAASnC,YAAY;CACrF,MAAMI,SAASN,OAA2BiB,KAAAA,CAAS;CACnD,MAAMqB,QAAQD,QAAQ;CAEtBtC,gBAAgB;EAEd,MAAMwC,oBAAoBrC,QAAQE,WAAWC,MAAMC,QAAQkC,oBACtDtC,QAAQuC,gBAA4BvC,QAAQsB,MAAMtB,OAAO,IAC1DoC;EAEJ,IAAI,CAACrC,iBAAiBC,OAAO,GAAG;GAC9B,MAAMS,OACJW,sBAAsBiB,mBAAmBrC,QAAQsB,MAAMtB,QAAQc,QAAQ,KAAKC,KAAAA;GAE9E,kBAAuBN,MAAMT,OAAO;GACpCI,OAAOoC,UAAU/B;EACnB;CACF,CAAC;CAED,OAAO2B;AACT;;;ACvFA,MAAaO,aAAyB,EACpCC,MAAM,EACJC,QAAQ;CACNC,MAAML,WAAWM;CACjBC,UAAU;AACZ,EACF,EACF;AAEA,MAAaC,aAAiD,CAACP,eAAe"}

package/dist/client/index.mjs

@@ -0,0 +1,3 @@
+import { n as renderToCanvas } from "../render-BUq_AxtY.mjs";
+import { n as setProjectAnnotations, t as RenderStory } from "../client-CKraj5BI.mjs";
+export { RenderStory, renderToCanvas, setProjectAnnotations };

package/dist/client-CKraj5BI.mjs

@@ -0,0 +1,62 @@
+import { r as render_exports } from "./render-BUq_AxtY.mjs";
+import { setDefaultProjectAnnotations, setProjectAnnotations } from "storybook/preview-api";
+import { template } from "@ember/template-compiler";
+import Component from "@glimmer/component";
+import { getOwner } from "@ember/owner";
+import { renderComponent } from "@ember/renderer";
+import { modifier } from "ember-modifier";
+//#region src/client/globals.ts
+globalThis.STORYBOOK_ENV = "ember";
+//#endregion
+//#region src/client/portable-stories.ts
+/**
+* Function that sets the globalConfig of your storybook. The global config is the preview module of
+* your .storybook folder.
+*
+* It should be run a single time, so that your global config (e.g. decorators) is applied to your
+* stories when using `composeStories` or `composeStory`.
+*
+* Example:
+*
+* ```jsx
+* // setup-file.js
+* import { setProjectAnnotations } from '@storybook/preact';
+* import projectAnnotations from './.storybook/preview';
+*
+* setProjectAnnotations(projectAnnotations);
+* ```
+*
+* @param projectAnnotations - E.g. (import projectAnnotations from '../.storybook/preview')
+*/
+function setProjectAnnotations$1(projectAnnotations) {
+	setDefaultProjectAnnotations(render_exports);
+	return setProjectAnnotations(projectAnnotations);
+}
+//#endregion
+//#region src/client/render-story.gts
+var RenderStory = class extends Component {
+	render = modifier((element) => {
+		const component = this.args.story();
+		const owner = getOwner(this);
+		const result = renderComponent(component, {
+			args: this.args.args,
+			into: element,
+			owner
+		});
+		return () => {
+			result.destroy();
+		};
+	});
+	static {
+		template(`<div {{this.render}}></div>`, {
+			component: this,
+			eval() {
+				return eval(arguments[0]);
+			}
+		});
+	}
+};
+//#endregion
+export { setProjectAnnotations$1 as n, RenderStory as t };
+
+//# sourceMappingURL=client-CKraj5BI.mjs.map

package/dist/client-CKraj5BI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"client-CKraj5BI.mjs","names":["globalThis","STORYBOOK_ENV","setDefaultProjectAnnotations","setProjectAnnotations","originalSetProjectAnnotations","INTERNAL_DEFAULT_PROJECT_ANNOTATIONS","projectAnnotations"],"sources":["../src/client/globals.ts","../src/client/portable-stories.ts","../src/client/render-story.gts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\n// eslint-disable-next-line unicorn/no-global-object-property-assignment\nglobalThis.STORYBOOK_ENV = 'ember';\n","import {\n  setDefaultProjectAnnotations,\n  setProjectAnnotations as originalSetProjectAnnotations\n} from 'storybook/preview-api';\n\nimport * as INTERNAL_DEFAULT_PROJECT_ANNOTATIONS from './render';\n\nimport type { EmberRenderer } from './types';\nimport type {\n  NamedOrDefaultProjectAnnotations,\n  NormalizedProjectAnnotations\n} from 'storybook/internal/types';\n\n/**\n * Function that sets the globalConfig of your storybook. The global config is the preview module of\n * your .storybook folder.\n *\n * It should be run a single time, so that your global config (e.g. decorators) is applied to your\n * stories when using `composeStories` or `composeStory`.\n *\n * Example:\n *\n * ```jsx\n * // setup-file.js\n * import { setProjectAnnotations } from '@storybook/preact';\n * import projectAnnotations from './.storybook/preview';\n *\n * setProjectAnnotations(projectAnnotations);\n * ```\n *\n * @param projectAnnotations - E.g. (import projectAnnotations from '../.storybook/preview')\n */\nexport function setProjectAnnotations(\n  projectAnnotations:\n    | NamedOrDefaultProjectAnnotations<EmberRenderer>\n    | NamedOrDefaultProjectAnnotations<EmberRenderer>[]\n): NormalizedProjectAnnotations<EmberRenderer> {\n  setDefaultProjectAnnotations(INTERNAL_DEFAULT_PROJECT_ANNOTATIONS);\n\n  return originalSetProjectAnnotations(projectAnnotations);\n}\n","import Component from '@glimmer/component';\nimport { getOwner } from '@ember/owner';\nimport { renderComponent } from '@ember/renderer';\n\nimport { modifier } from 'ember-modifier';\n\ninterface RenderStorySignature {\n  Args: {\n    story: () => object;\n    args: Record<string, unknown>;\n  };\n  Element: HTMLDivElement;\n}\n\nexport class RenderStory extends Component<RenderStorySignature> {\n  render = modifier((element: HTMLDivElement) => {\n    const component = this.args.story();\n    const owner = getOwner(this);\n    const result = renderComponent(component, {\n      args: this.args.args,\n      into: element,\n      owner\n    });\n\n    return () => {\n      result.destroy();\n    };\n  });\n\n  <template>\n    <div {{this.render}}></div>\n  </template>\n}\n"],"mappings":";;;;;;;;AAGAA,WAAWC,gBAAgB;;;;;;;;;;;;;;;;;;;;;;AC6B3B,SAAgBE,wBACdG,oBAG6C;CAC7CJ,6BAA6BG,cAAoC;CAEjE,OAAOD,sBAA8BE,kBAAkB;AACzD;;;AC1BA,IAAa,cAAb,cAAiC,UAAU;CACzC,SAAS,UAAU,YAAS;EAC1B,MAAM,YAAY,KAAK,KAAK,MAAK;EACjC,MAAM,QAAQ,SAAS,IAAI;EAC3B,MAAM,SAAS,gBAAgB,WAAW;GACxC,MAAM,KAAK,KAAK;GAChB,MAAM;GACN;EACF,CAAA;EAEA,aAAO;GACL,OAAO,QAAO;EAChB;CACF,CAAA;CAEA;EAAA,SAAU,+BAEV;GAAA,WAAA;GAAA,OAAA;IAAA,OAAA,KAAA,UAAA,EAAW;GAAD;EAAA,CAAA;CAAA;AACZ"}

package/dist/index.mjs

@@ -0,0 +1,3 @@
+import { n as renderToCanvas } from "./render-BUq_AxtY.mjs";
+import { n as setProjectAnnotations, t as RenderStory } from "./client-CKraj5BI.mjs";
+export { RenderStory, renderToCanvas, setProjectAnnotations };

package/dist/node/index.mjs

@@ -0,0 +1,8 @@
+//#region src/node/index.ts
+function defineMain(config) {
+	return config;
+}
+//#endregion
+export { defineMain };
+
+//# sourceMappingURL=index.mjs.map

package/dist/node/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["defineMain","config"],"sources":["../../src/node/index.ts"],"sourcesContent":["import type { StorybookConfig } from '../types';\n\nexport function defineMain(config: StorybookConfig) {\n  return config;\n}\n\nexport { type StorybookConfig } from '../types';\n"],"mappings":";AAEA,SAAgBA,WAAWC,QAAyB;CAClD,OAAOA;AACT"}

package/dist/preset.mjs

@@ -0,0 +1,58 @@
+import { fileURLToPath } from "node:url";
+import { withoutVitePlugins } from "@storybook/builder-vite";
+import { readFile } from "node:fs/promises";
+import { Preprocessor } from "content-tag";
+import { loadCsf } from "storybook/internal/csf-tools";
+//#region src/node/indexer.ts
+function parse(fileName, code) {
+	return new Preprocessor().process(code, { filename: fileName });
+}
+const readCsf = async (fileName, options) => {
+	return loadCsf(parse(fileName, await readFile(fileName, "utf8")).code, {
+		...options,
+		fileName
+	});
+};
+const emberIndexer = {
+	test: /\.stories\.g[tj]s$/,
+	createIndex: async (fileName, options) => {
+		return (await readCsf(fileName, options)).parse().indexInputs;
+	}
+};
+//#endregion
+//#region src/preset.ts
+const previewAnnotations = async (entries = [], options) => {
+	const config = fileURLToPath(import.meta.resolve("ember-storybook/client/config"));
+	const annotations = [...entries, config];
+	const docsConfig = await options.presets.apply("docs", {}, options);
+	if (Object.keys(docsConfig).length > 0) {
+		const docsConfigPath = fileURLToPath(import.meta.resolve("ember-storybook/client/docs/config"));
+		annotations.push(docsConfigPath);
+	}
+	return annotations;
+};
+const viteFinal = async (config) => {
+	const { mergeConfig } = await import("vite");
+	config.plugins = await withoutVitePlugins(config.plugins, ["embroider-content-for"]);
+	return mergeConfig(config, {
+		optimizeDeps: { exclude: ["object-inspect"] },
+		resolve: { dedupe: ["ember-source"] }
+	});
+};
+const experimental_indexers = (indexers) => {
+	return [emberIndexer, ...indexers ?? []];
+};
+const core = async (config, options) => {
+	const framework = await options.presets.apply("framework");
+	return {
+		...config,
+		builder: {
+			name: import.meta.resolve("@storybook/builder-vite"),
+			options: typeof framework === "string" ? {} : framework.options?.builder ?? {}
+		}
+	};
+};
+//#endregion
+export { core, experimental_indexers, previewAnnotations, viteFinal };
+
+//# sourceMappingURL=preset.mjs.map

package/dist/preset.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.mjs","names":["readFile","Preprocessor","loadCsf","parse","fileName","code","preprocessor","process","filename","readCsf","options","result","emberIndexer","test","createIndex","csf","indexInputs","fileURLToPath","withoutVitePlugins","emberIndexer","previewAnnotations","entries","options","config","import","meta","resolve","annotations","docsConfig","presets","apply","docsEnabled","Object","keys","length","docsConfigPath","push","viteFinal","mergeConfig","plugins","optimizeDeps","exclude","dedupe","experimental_indexers","indexers","core","framework","builder","name"],"sources":["../src/node/indexer.ts","../src/preset.ts"],"sourcesContent":["import { readFile } from 'node:fs/promises';\n\nimport { Preprocessor } from 'content-tag';\nimport { type CsfOptions, loadCsf } from 'storybook/internal/csf-tools';\n\nimport type { Indexer, IndexerOptions, IndexInput } from 'storybook/internal/types';\n\nfunction parse(fileName: string, code: string) {\n  const preprocessor = new Preprocessor();\n\n  return preprocessor.process(code, { filename: fileName });\n}\n\nexport const readCsf = async (fileName: string, options: CsfOptions) => {\n  const code = await readFile(fileName, 'utf8');\n  const result = parse(fileName, code);\n\n  return loadCsf(result.code, { ...options, fileName });\n};\n\nexport const emberIndexer: Indexer = {\n  test: /\\.stories\\.g[tj]s$/,\n  createIndex: async (fileName: string, options: IndexerOptions): Promise<IndexInput[]> => {\n    const csf = await readCsf(fileName, options);\n\n    return csf.parse().indexInputs;\n  }\n};\n","import { fileURLToPath } from 'node:url';\n\nimport { type StorybookConfigVite, withoutVitePlugins } from '@storybook/builder-vite';\n\nimport { emberIndexer } from './node/indexer';\n\nimport type { StorybookConfig } from './types';\nimport type { PresetProperty } from 'storybook/internal/types';\nimport type { UserConfig } from 'vite';\n\nexport const previewAnnotations: PresetProperty<'previewAnnotations'> = async (\n  // eslint-disable-next-line @typescript-eslint/default-param-last\n  entries = [],\n  options\n) => {\n  const config = fileURLToPath(import.meta.resolve('ember-storybook/client/config'));\n  const annotations = [...entries, config];\n\n  const docsConfig = await options.presets.apply('docs', {}, options);\n  const docsEnabled = Object.keys(docsConfig).length > 0;\n\n  if (docsEnabled) {\n    const docsConfigPath = fileURLToPath(import.meta.resolve('ember-storybook/client/docs/config'));\n\n    annotations.push(docsConfigPath);\n  }\n\n  return annotations;\n};\n\nexport const viteFinal: StorybookConfigVite['viteFinal'] = async (config: UserConfig) => {\n  const { mergeConfig } = await import('vite');\n\n  config.plugins = await withoutVitePlugins(config.plugins, ['embroider-content-for']);\n\n  return mergeConfig(config, {\n    optimizeDeps: {\n      // esbuild doesn't handle disabling modules when using plugins.\n      // `object-inspect` gets pulled in by `qs` which is automatically\n      // optimized by Storybook, and qs is a default dependency by ember-cli.\n      // `object-inspect` isn't going to work in Ember with Vite, so it's\n      // safe to exclude it.\n      exclude: ['object-inspect']\n    },\n    resolve: {\n      dedupe: ['ember-source']\n    }\n  });\n};\n\nexport const experimental_indexers: StorybookConfig['experimental_indexers'] = (indexers) => {\n  return [emberIndexer, ...(indexers ?? [])];\n};\n\nexport const core: PresetProperty<'core'> = async (config, options) => {\n  const framework = await options.presets.apply('framework');\n\n  return {\n    ...config,\n    builder: {\n      name: import.meta.resolve('@storybook/builder-vite'),\n      options:\n        typeof framework === 'string'\n          ? {}\n          : // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n            ((framework.options?.builder ?? {}) as object)\n    }\n  };\n};\n"],"mappings":";;;;;;AAOA,SAASG,MAAMC,UAAkBC,MAAc;CAG7C,OAAOC,IAFkBL,aAElBK,CAAY,CAACC,QAAQF,MAAM,EAAEG,UAAUJ,SAAS,CAAC;AAC1D;AAEA,MAAaK,UAAU,OAAOL,UAAkBM,YAAwB;CAItE,OAAOR,QAFQC,MAAMC,UAAUC,MADZL,SAASI,UAAU,MAAM,CAG7BO,CAAM,CAACN,MAAM;EAAE,GAAGK;EAASN;CAAS,CAAC;AACtD;AAEA,MAAaQ,eAAwB;CACnCC,MAAM;CACNC,aAAa,OAAOV,UAAkBM,YAAmD;EAGvF,QAAOK,MAFWN,QAAQL,UAAUM,OAAO,EAAA,CAEhCP,MAAM,CAAC,CAACa;CACrB;AACF;;;ACjBA,MAAaI,qBAA2D,OAEtEC,UAAU,CAAA,GACVC,YACG;CACH,MAAMC,SAASN,cAAcO,OAAOC,KAAKC,QAAQ,+BAA+B,CAAC;CACjF,MAAMC,cAAc,CAAC,GAAGN,SAASE,MAAM;CAEvC,MAAMK,aAAa,MAAMN,QAAQO,QAAQC,MAAM,QAAQ,CAAC,GAAGR,OAAO;CAGlE,IAFoBU,OAAOC,KAAKL,UAAU,CAAC,CAACM,SAAS,GAEpC;EACf,MAAMC,iBAAiBlB,cAAcO,OAAOC,KAAKC,QAAQ,oCAAoC,CAAC;EAE9FC,YAAYS,KAAKD,cAAc;CACjC;CAEA,OAAOR;AACT;AAEA,MAAaU,YAA8C,OAAOd,WAAuB;CACvF,MAAM,EAAEe,gBAAgB,MAAM,OAAO;CAErCf,OAAOgB,UAAU,MAAMrB,mBAAmBK,OAAOgB,SAAS,CAAC,uBAAuB,CAAC;CAEnF,OAAOD,YAAYf,QAAQ;EACzBiB,cAAc,EAMZC,SAAS,CAAC,gBAAgB,EAC5B;EACAf,SAAS,EACPgB,QAAQ,CAAC,cAAc,EACzB;CACF,CAAC;AACH;AAEA,MAAaC,yBAAmEC,aAAa;CAC3F,OAAO,CAACzB,cAAc,GAAIyB,YAAY,CAAA,CAAG;AAC3C;AAEA,MAAaC,OAA+B,OAAOtB,QAAQD,YAAY;CACrE,MAAMwB,YAAY,MAAMxB,QAAQO,QAAQC,MAAM,WAAW;CAEzD,OAAO;EACL,GAAGP;EACHwB,SAAS;GACPC,MAAMxB,OAAOC,KAAKC,QAAQ,yBAAyB;GACnDJ,SACE,OAAOwB,cAAc,WACjB,CAAC,IAECA,UAAUxB,SAASyB,WAAW,CAAC;EACzC;CACF;AACF"}

package/dist/render-BUq_AxtY.mjs

@@ -0,0 +1,87 @@
+import Application from "@ember/application";
+import ApplicationInstance from "@ember/application/instance";
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+//#endregion
+//#region src/client/render.ts
+var render_exports = /* @__PURE__ */ __exportAll({
+	render: () => render,
+	renderToCanvas: () => renderToCanvas
+});
+const render = (args, context) => {
+	const { id, component } = context;
+	if (typeof component === "function") return component;
+	if (typeof component === "object") return component;
+	throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);
+};
+const contexts = /* @__PURE__ */ new Map();
+function getAppOptions(opts) {
+	return {
+		...opts,
+		autoboot: false
+	};
+}
+function buildAppInstance(application, opts) {
+	return application.create(getAppOptions(opts)).buildInstance();
+}
+function isApplication(maybeApp) {
+	return maybeApp.create !== void 0 && maybeApp.superclass && maybeApp.supeclass.name === "EmberApp";
+}
+function initApp(appOption, opts) {
+	if (appOption instanceof ApplicationInstance) return appOption;
+	if (isApplication(appOption)) return buildAppInstance(appOption, opts);
+	return initApp(appOption(getAppOptions(opts)), opts);
+}
+async function renderToCanvas({ storyFn, showMain, storyContext, forceRemount }, canvasElement) {
+	const { trackedObject } = await import("@ember/reactive/collections");
+	const { renderComponent } = await import("@ember/renderer");
+	const { destroy } = await import("@ember/destroyable");
+	const args = storyContext.args;
+	const Component = storyFn();
+	function unmount(element) {
+		const context = contexts.get(element);
+		if (!context) return;
+		contexts.delete(element);
+		context.renderer.destroy();
+		if (context.application) destroy(context.application);
+	}
+	if (forceRemount) unmount(canvasElement);
+	let application;
+	if (storyContext.parameters.ember?.app) {
+		const appOption = storyContext.parameters.ember.app;
+		application = initApp(appOption, { rootElement: canvasElement });
+	}
+	if (storyContext.parameters.ember?.owner) {
+		application ??= buildAppInstance(Application, { rootElement: canvasElement });
+		for (const [key, obj] of Object.entries(storyContext.parameters.ember.owner)) {
+			application.unregister(key);
+			application.register(key, obj);
+		}
+	}
+	const trackedArgs = trackedObject({ ...args });
+	const result = renderComponent(Component, {
+		args: trackedArgs,
+		into: canvasElement,
+		owner: application
+	});
+	contexts.set(canvasElement, {
+		application,
+		renderer: result,
+		args: trackedArgs
+	});
+	showMain();
+	return () => {};
+}
+//#endregion
+export { renderToCanvas as n, render_exports as r, render as t };
+
+//# sourceMappingURL=render-BUq_AxtY.mjs.map

package/dist/render-BUq_AxtY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-BUq_AxtY.mjs","names":["Application","ApplicationInstance","render","args","context","id","component","Error","contexts","Map","getAppOptions","opts","autoboot","buildAppInstance","application","create","buildInstance","isApplication","maybeApp","undefined","superclass","supeclass","name","initApp","appOption","renderToCanvas","storyFn","showMain","storyContext","forceRemount","canvasElement","trackedObject","renderComponent","destroy","Component","unmount","element","get","delete","renderer","parameters","ember","app","rootElement","owner","key","obj","Object","entries","unregister","register","trackedArgs","result","into","set"],"sources":["../src/client/render.ts"],"sourcesContent":["import Application from '@ember/application';\nimport ApplicationInstance from '@ember/application/instance';\n\nimport type { AppParamater, EmberRenderer, StoryContext } from './types';\nimport type { RenderResult } from '@ember/-internals/glimmer/lib/renderer';\nimport type { ArgsStoryFn, RenderContext } from 'storybook/internal/types';\n\ntype Args = Record<string, unknown>;\n\nexport const render: ArgsStoryFn<EmberRenderer> = (args, context) => {\n  const { id, component } = context;\n\n  if (typeof component === 'function') {\n    return component;\n  }\n\n  if (typeof component === 'object') {\n    return component;\n  }\n\n  throw new Error(\n    `Unable to render story ${id} as the component annotation is missing from the default export`\n  );\n};\n\nconst contexts = new Map<\n  EmberRenderer['canvasElement'],\n  {\n    application: ApplicationInstance | undefined;\n    renderer: RenderResult;\n    args: Args;\n  }\n>();\n\nfunction getAppOptions(opts: { rootElement: HTMLElement }) {\n  return {\n    ...opts,\n    autoboot: false\n  };\n}\n\nfunction buildAppInstance(application: typeof Application, opts: { rootElement: HTMLElement }) {\n  return application.create(getAppOptions(opts)).buildInstance();\n}\n\nfunction isApplication(maybeApp: object): maybeApp is typeof Application {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n  return (\n    // @ts-expect-error well, ember types\n    maybeApp.create !== undefined &&\n    // @ts-expect-error well, ember types\n    maybeApp.superclass &&\n    // @ts-expect-error well, ember types\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    maybeApp.supeclass.name === 'EmberApp'\n  );\n}\n\nfunction initApp(appOption: AppParamater, opts: { rootElement: HTMLElement }): ApplicationInstance {\n  if (appOption instanceof ApplicationInstance) {\n    return appOption;\n  }\n\n  if (isApplication(appOption)) {\n    return buildAppInstance(appOption, opts);\n  }\n\n  // eslint-disable-next-line unicorn/no-useless-recursion\n  return initApp(appOption(getAppOptions(opts)), opts);\n}\n\nexport async function renderToCanvas(\n  {\n    storyFn,\n    showMain,\n    storyContext,\n    forceRemount\n  }: RenderContext<EmberRenderer> & { storyContext: StoryContext },\n  canvasElement: EmberRenderer['canvasElement']\n) {\n  const { trackedObject } = await import('@ember/reactive/collections');\n  const { renderComponent } = await import('@ember/renderer');\n  const { destroy } = await import('@ember/destroyable');\n\n  const args = storyContext.args;\n  const Component = storyFn();\n\n  function unmount(element: EmberRenderer['canvasElement']) {\n    const context = contexts.get(element);\n\n    if (!context) {\n      return;\n    }\n\n    contexts.delete(element);\n    context.renderer.destroy();\n\n    if (context.application) {\n      destroy(context.application);\n    }\n  }\n\n  if (forceRemount) {\n    unmount(canvasElement);\n  }\n\n  // this check does not work:\n  // when globals are updated, that are interesting for a decorato\n  // this check would prevent that update\n\n  // const context = contexts.get(canvasElement);\n  // if (context && !forceRemount && args) {\n  //   updateArgs(context.args, args);\n  //   return () => {\n  //     unmount(canvasElement);\n  //   };\n  // }\n\n  // find the ember app for the story\n  let application: ApplicationInstance | undefined;\n\n  if (storyContext.parameters.ember?.app) {\n    const appOption = storyContext.parameters.ember.app;\n\n    application = initApp(appOption, { rootElement: canvasElement });\n  }\n\n  // modify the owner for the story\n  if (storyContext.parameters.ember?.owner) {\n    application ??= buildAppInstance(Application, { rootElement: canvasElement });\n\n    for (const [key, obj] of Object.entries(storyContext.parameters.ember.owner) as [\n      `${string}:${string}`,\n      object\n    ][]) {\n      application.unregister(key);\n      application.register(key, obj);\n    }\n  }\n\n  const trackedArgs = trackedObject({ ...args });\n  const result = renderComponent(Component, {\n    args: trackedArgs,\n    into: canvasElement,\n    owner: application\n  });\n\n  contexts.set(canvasElement, { application, renderer: result, args: trackedArgs });\n\n  showMain();\n\n  // eslint-disable-next-line unicorn/consistent-function-scoping\n  return () => {\n    // needs fix:\n    // unmount(canvasElement);\n  };\n}\n\n// function updateArgs(currentArgs: Args, nextArgs: Args) {\n//   for (const key of Object.keys(currentArgs)) {\n//     if (!(key in nextArgs)) {\n//       delete currentArgs[key];\n//     }\n//   }\n\n//   Object.assign(currentArgs, nextArgs);\n// }\n"],"mappings":";;;;;;;;;;;;;;;;;;;AASA,MAAaE,UAAsCC,MAAMC,YAAY;CACnE,MAAM,EAAEC,IAAIC,cAAcF;CAE1B,IAAI,OAAOE,cAAc,YACvB,OAAOA;CAGT,IAAI,OAAOA,cAAc,UACvB,OAAOA;CAGT,MAAM,IAAIC,MACR,0BAA0BF,GAAE,gEAC9B;AACF;AAEA,MAAMG,2BAAW,IAAIC,IAOnB;AAEF,SAASC,cAAcC,MAAoC;CACzD,OAAO;EACL,GAAGA;EACHC,UAAU;CACZ;AACF;AAEA,SAASC,iBAAiBC,aAAiCH,MAAoC;CAC7F,OAAOG,YAAYC,OAAOL,cAAcC,IAAI,CAAC,CAAC,CAACK,cAAc;AAC/D;AAEA,SAASC,cAAcC,UAAkD;CAEvE,OAEEA,SAASH,WAAWI,KAAAA,KAEpBD,SAASE,cAGTF,SAASG,UAAUC,SAAS;AAEhC;AAEA,SAASC,QAAQC,WAAyBb,MAAyD;CACjG,IAAIa,qBAAqBvB,qBACvB,OAAOuB;CAGT,IAAIP,cAAcO,SAAS,GACzB,OAAOX,iBAAiBW,WAAWb,IAAI;CAIzC,OAAOY,QAAQC,UAAUd,cAAcC,IAAI,CAAC,GAAGA,IAAI;AACrD;AAEA,eAAsBc,eACpB,EACEC,SACAC,UACAC,cACAC,gBAEFC,eACA;CACA,MAAM,EAAEC,kBAAkB,MAAM,OAAO;CACvC,MAAM,EAAEC,oBAAoB,MAAM,OAAO;CACzC,MAAM,EAAEC,YAAY,MAAM,OAAO;CAEjC,MAAM9B,OAAOyB,aAAazB;CAC1B,MAAM+B,YAAYR,QAAQ;CAE1B,SAASS,QAAQC,SAAyC;EACxD,MAAMhC,UAAUI,SAAS6B,IAAID,OAAO;EAEpC,IAAI,CAAChC,SACH;EAGFI,SAAS8B,OAAOF,OAAO;EACvBhC,QAAQmC,SAASN,QAAQ;EAEzB,IAAI7B,QAAQU,aACVmB,QAAQ7B,QAAQU,WAAW;CAE/B;CAEA,IAAIe,cACFM,QAAQL,aAAa;CAgBvB,IAAIhB;CAEJ,IAAIc,aAAaY,WAAWC,OAAOC,KAAK;EACtC,MAAMlB,YAAYI,aAAaY,WAAWC,MAAMC;EAEhD5B,cAAcS,QAAQC,WAAW,EAAEmB,aAAab,cAAc,CAAC;CACjE;CAGA,IAAIF,aAAaY,WAAWC,OAAOG,OAAO;EACxC9B,gBAAgBD,iBAAiBb,aAAa,EAAE2C,aAAab,cAAc,CAAC;EAE5E,KAAK,MAAM,CAACe,KAAKC,QAAQC,OAAOC,QAAQpB,aAAaY,WAAWC,MAAMG,KAAK,GAGtE;GACH9B,YAAYmC,WAAWJ,GAAG;GAC1B/B,YAAYoC,SAASL,KAAKC,GAAG;EAC/B;CACF;CAEA,MAAMK,cAAcpB,cAAc,EAAE,GAAG5B,KAAK,CAAC;CAC7C,MAAMiD,SAASpB,gBAAgBE,WAAW;EACxC/B,MAAMgD;EACNE,MAAMvB;EACNc,OAAO9B;CACT,CAAC;CAEDN,SAAS8C,IAAIxB,eAAe;EAAEhB;EAAayB,UAAUa;EAAQjD,MAAMgD;CAAY,CAAC;CAEhFxB,SAAS;CAGT,aAAa,CAEX;AAEJ"}

package/package.json

@@ -0,0 +1,101 @@
+{
+  "name": "ember-storybook",
+  "version": "0.0.0",
+  "license": "MIT",
+  "description": "Storybook for Ember: Develop, document, and test UI components in isolation",
+  "keywords": [
+    "storybook",
+    "storybook-framework",
+    "ember",
+    "component",
+    "components"
+  ],
+  "bugs": {
+    "url": "https://github.com/ember-integrations/ember-storybook/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ember-integrations/ember-storybook"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./declarations/index.d.ts",
+      "default": "./dist/index.mjs"
+    },
+    "./client": {
+      "types": "./declarations/client/index.d.ts",
+      "default": "./dist/client/index.mjs"
+    },
+    "./client/config": {
+      "types": "./declarations/client/config.d.ts",
+      "default": "./dist/client/config.mjs"
+    },
+    "./client/docs/config": {
+      "types": "./declarations/client/docs/config.d.ts",
+      "default": "./dist/client/docs/config.mjs"
+    },
+    "./node": {
+      "types": "./declarations/node/index.d.ts",
+      "default": "./dist/node/index.mjs"
+    },
+    "./package.json": "./package.json",
+    "./preset": {
+      "types": "./declarations/preset.d.ts",
+      "default": "./dist/preset.mjs"
+    }
+  },
+  "files": [
+    "dist",
+    "declarations",
+    "README.md"
+  ],
+  "dependencies": {
+    "@storybook/builder-vite": "^10.5.0",
+    "@storybook/global": "^5.0.0",
+    "content-tag": "^4.0.0",
+    "ember-modifier": "4.3.0",
+    "ts-dedent": "^2.0.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.29.0",
+    "@babel/plugin-transform-typescript": "^7.28.6",
+    "@embroider/addon-dev": "^8.3.1",
+    "@embroider/vite": "^1.7.8",
+    "@glimmer/component": "^2.1.1",
+    "@glint/ember-tsc": "1.8.11",
+    "@glint/template": "1.7.8",
+    "@gossi/config-eslint": "^1.3.4",
+    "@gossi/config-prettier": "^1.2.2",
+    "@rollup/plugin-babel": "^7.1.0",
+    "@types/node": "^26.1.0",
+    "ember-source": "^6.8.0",
+    "eslint": "^10.6.0",
+    "prettier": "^3.9.5",
+    "storybook": "^10.5.0",
+    "tsdown": "^0.22.4",
+    "typescript": "^6.0.3",
+    "vite": "^8.1.3"
+  },
+  "peerDependencies": {
+    "@glimmer/component": "^2.1.1",
+    "ember-source": ">=6.8.0",
+    "storybook": "^10.5.0",
+    "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
+  },
+  "engines": {
+    "node": ">=24.0.0"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "start": "tsdown --watch",
+    "lint": "pnpm run '/^lint:(?!.*(fix)).*$/'",
+    "lint:fix": "pnpm run '/^lint:[^:]*:fix/'",
+    "lint:js": "eslint . --cache",
+    "lint:js:fix": "eslint . --fix",
+    "lint:types": "ember-tsc --noEmit"
+  }
+}