@tpitre/story-ui 2.2.0 → 2.3.1

package/dist/story-generator/framework-adapters/svelte-adapter.js

@@ -0,0 +1,372 @@
+/**
+ * Svelte Framework Adapter
+ *
+ * Generates Storybook stories for Svelte components.
+ * Supports both Svelte 4 and Svelte 5 (runes).
+ */
+import { BaseFrameworkAdapter } from './base-adapter.js';
+export class SvelteAdapter extends BaseFrameworkAdapter {
+    constructor() {
+        super(...arguments);
+        this.type = 'svelte';
+        this.name = 'Svelte';
+        this.supportedStoryFrameworks = [
+            'storybook-svelte',
+            'chromatic',
+        ];
+        this.defaultExtension = '.stories.ts';
+    }
+    generateSystemPrompt(config, options) {
+        if (config.systemPrompt) {
+            return config.systemPrompt;
+        }
+        const componentSystemName = config.componentPrefix
+            ? `${config.componentPrefix.replace(/^[A-Z]+/, '')} design system`
+            : 'component library';
+        return `You are an expert Svelte developer creating Storybook stories using CSF 3.0 format.
+Use ONLY the Svelte components from the ${componentSystemName} listed below.
+
+MANDATORY IMPORTS - First lines of every story file:
+1. import type { Meta, StoryObj } from '@storybook/svelte';
+2. import ComponentName from '${config.importPath || 'your-library'}/ComponentName.svelte';
+
+SVELTE STORY FORMAT:
+- Import .svelte files directly
+- Props are passed via args object
+- Use render function for complex templates
+
+STORY STRUCTURE (CSF 3.0):
+- Meta object with component, title, and parameters
+- Stories use args for simple prop passing
+- Use render for component composition
+
+CRITICAL RULES:
+- Import Svelte components (default export from .svelte files)
+- For slots, use render with a wrapper component
+- Events use on: directive in Svelte templates
+
+Example structure:
+\`\`\`typescript
+import type { Meta, StoryObj } from '@storybook/svelte';
+import Button from 'your-library/Button.svelte';
+
+const meta: Meta<Button> = {
+  title: 'Components/Button',
+  component: Button,
+  tags: ['autodocs'],
+  argTypes: {
+    variant: {
+      control: 'select',
+      options: ['primary', 'secondary', 'ghost'],
+    },
+    onclick: { action: 'clicked' },
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Primary: Story = {
+  args: {
+    variant: 'primary',
+    children: 'Click me',
+  },
+};
+\`\`\`
+
+For stories with slots (using wrapper component):
+\`\`\`svelte
+<!-- ButtonWithIcon.stories.svelte -->
+<script context="module" lang="ts">
+  import type { Meta } from '@storybook/svelte';
+  import Button from 'your-library/Button.svelte';
+  import Icon from 'your-library/Icon.svelte';
+
+  export const meta: Meta<Button> = {
+    title: 'Components/Button/WithIcon',
+    component: Button,
+  };
+</script>
+
+<script lang="ts">
+  import { Story } from '@storybook/svelte';
+</script>
+
+<Story name="With Icon">
+  <Button variant="primary">
+    <Icon slot="icon" name="star" />
+    Starred
+  </Button>
+</Story>
+\`\`\`
+
+SVELTE TEMPLATE SYNTAX:
+- Props: property={value}
+- Events: on:event={handler}
+- Two-way binding: bind:value
+- Conditionals: {#if condition}...{/if}
+- Loops: {#each items as item}...{/each}
+
+SLOTS:
+- Default slot: Content between tags
+- Named slots: <span slot="name">content</span>
+- Slot props: let:prop
+
+${this.getCommonRules()}`;
+    }
+    generateExamples(config) {
+        const lib = config.importPath || 'your-library';
+        return `
+## Example Stories for Svelte
+
+### TypeScript Stories File
+\`\`\`typescript
+import type { Meta, StoryObj } from '@storybook/svelte';
+import Button from 'your-library/Button.svelte';
+
+const meta: Meta<Button> = {
+  title: 'Components/Button',
+  component: Button,
+  tags: ['autodocs'],
+  argTypes: {
+    variant: {
+      control: 'select',
+      options: ['primary', 'secondary', 'ghost'],
+    },
+    size: {
+      control: 'select',
+      options: ['small', 'medium', 'large'],
+    },
+    onclick: { action: 'clicked' },
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {
+    variant: 'primary',
+    size: 'medium',
+    children: 'Button',
+  },
+};
+
+export const Disabled: Story = {
+  args: {
+    variant: 'primary',
+    disabled: true,
+    children: 'Disabled',
+  },
+};
+\`\`\`
+
+### Svelte Stories File (for complex templates)
+\`\`\`svelte
+<!-- Card.stories.svelte -->
+<script context="module" lang="ts">
+  import type { Meta } from '@storybook/svelte';
+  import Card from '${lib}/Card.svelte';
+  import Button from 'your-library/Button.svelte';
+  import Text from '${lib}/Text.svelte';
+
+  export const meta: Meta<Card> = {
+    title: 'Components/Card',
+    component: Card,
+  };
+</script>
+
+<script lang="ts">
+  import { Story, Template } from '@storybook/svelte';
+</script>
+
+<Story name="Product Card">
+  <Card style="width: 300px">
+    <img
+      slot="media"
+      src="https://picsum.photos/300/200"
+      alt="Product"
+    />
+    <Text slot="title" variant="heading">Product Name</Text>
+    <Text>$99.00</Text>
+    <Button slot="actions" variant="primary">Add to Cart</Button>
+  </Card>
+</Story>
+
+<Story name="Simple Card">
+  <Card>
+    <Text>Simple card content</Text>
+  </Card>
+</Story>
+\`\`\`
+
+### With Reactive State
+\`\`\`svelte
+<!-- Input.stories.svelte -->
+<script context="module" lang="ts">
+  import type { Meta } from '@storybook/svelte';
+  import Input from '${lib}/Input.svelte';
+
+  export const meta: Meta<Input> = {
+    title: 'Components/Input',
+    component: Input,
+  };
+</script>
+
+<script lang="ts">
+  import { Story } from '@storybook/svelte';
+  let value = '';
+</script>
+
+<Story name="Controlled">
+  <div>
+    <Input bind:value placeholder="Type here..." />
+    <p>Value: {value}</p>
+  </div>
+</Story>
+\`\`\`
+
+### With Event Handling
+\`\`\`typescript
+import type { Meta, StoryObj } from '@storybook/svelte';
+import { action } from '@storybook/addon-actions';
+import Button from 'your-library/Button.svelte';
+
+const meta: Meta<Button> = {
+  title: 'Components/Button',
+  component: Button,
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const WithClickHandler: Story = {
+  args: {
+    variant: 'primary',
+    children: 'Click me',
+    onclick: action('button-clicked'),
+  },
+};
+\`\`\`
+`;
+    }
+    generateSampleStory(config, components) {
+        const lib = config.importPath || 'your-library';
+        const firstComponent = components[0];
+        if (!firstComponent) {
+            return `
+import type { Meta, StoryObj } from '@storybook/svelte';
+
+const meta: Meta = {
+  title: 'Examples/Sample',
+  parameters: { layout: 'centered' },
+};
+
+export default meta;
+type Story = StoryObj;
+
+export const Default: Story = {
+  render: () => ({
+    template: '<div>Sample story content</div>',
+  }),
+};
+`;
+        }
+        return `
+import type { Meta, StoryObj } from '@storybook/svelte';
+import ${firstComponent.name} from '${lib}/${firstComponent.name}.svelte';
+
+const meta: Meta<${firstComponent.name}> = {
+  title: 'Components/${firstComponent.name}',
+  component: ${firstComponent.name},
+  tags: ['autodocs'],
+  parameters: { layout: 'centered' },
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {},
+};
+`;
+    }
+    getStoryTemplate(options) {
+        return `
+// {{componentName}}.stories.ts
+import type { Meta, StoryObj } from '@storybook/svelte';
+import {{componentName}} from '{{importPath}}/{{componentName}}.svelte';
+
+const meta: Meta<{{componentName}}> = {
+  title: '{{category}}/{{componentName}}',
+  component: {{componentName}},
+  tags: ['autodocs'],
+  parameters: { layout: 'centered' },
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {},
+};
+`;
+    }
+    /**
+     * Post-process Svelte stories
+     */
+    postProcess(storyContent) {
+        let processed = super.postProcess(storyContent);
+        // Remove React imports if present
+        processed = processed.replace(/import React from ['"]react['"];?\n?/g, '');
+        // Fix JSX to Svelte syntax
+        processed = processed
+            // Fix className to class
+            .replace(/className=/g, 'class=')
+            // Fix onClick to on:click
+            .replace(/onClick=/g, 'on:click=')
+            .replace(/onChange=/g, 'on:change=')
+            .replace(/onInput=/g, 'on:input=');
+        return processed;
+    }
+    /**
+     * Validate Svelte story
+     */
+    validate(storyContent) {
+        const baseValidation = super.validate(storyContent);
+        const errors = [...baseValidation.errors];
+        // Svelte-specific validations
+        if (!storyContent.includes('@storybook/svelte')) {
+            errors.push("Missing '@storybook/svelte' import");
+        }
+        if (storyContent.includes("import React from 'react'")) {
+            errors.push('React import found in Svelte story');
+        }
+        // Check for JSX-style event handlers in .ts files
+        if (storyContent.includes('.ts') && /onClick=\{/.test(storyContent)) {
+            errors.push('Using JSX-style event handlers instead of Svelte on: syntax');
+        }
+        return {
+            valid: errors.length === 0,
+            errors,
+        };
+    }
+    /**
+     * Generate imports for Svelte components
+     */
+    generateImports(components, config) {
+        const lib = config.importPath || 'your-library';
+        const imports = [];
+        // Svelte components are default imports from .svelte files
+        for (const component of components) {
+            imports.push(`import ${component.name} from '${lib}/${component.name}.svelte';`);
+        }
+        return imports.join('\n');
+    }
+}
+/**
+ * Factory function
+ */
+export function createSvelteAdapter() {
+    return new SvelteAdapter();
+}

package/dist/story-generator/framework-adapters/types.d.ts

@@ -0,0 +1,182 @@
+/**
+ * Framework Adapters - Type Definitions
+ *
+ * Defines the interface for framework-specific story generation.
+ * Each framework adapter implements this interface to provide
+ * framework-specific prompt generation and story templates.
+ */
+import { StoryUIConfig } from '../../story-ui.config.js';
+import { DiscoveredComponent } from '../componentDiscovery.js';
+/**
+ * Supported component frameworks
+ */
+export type FrameworkType = 'react' | 'web-components' | 'vue' | 'angular' | 'svelte' | 'solid' | 'qwik';
+/**
+ * Supported story testing frameworks
+ */
+export type StoryFramework = 'storybook-react' | 'storybook-vue3' | 'storybook-angular' | 'storybook-svelte' | 'storybook-web-components' | 'histoire' | 'ladle' | 'chromatic' | 'custom';
+/**
+ * Detected framework information
+ */
+export interface DetectedFramework {
+    /** The component framework used (React, Vue, etc.) */
+    componentFramework: FrameworkType;
+    /** The story framework to use (Storybook, Histoire, etc.) */
+    storyFramework: StoryFramework;
+    /** Version of the component framework if detectable */
+    version?: string;
+    /** Framework-specific configuration */
+    config?: FrameworkConfig;
+    /** Confidence level of detection (0-1) */
+    confidence: number;
+}
+/**
+ * Framework-specific configuration options
+ */
+export interface FrameworkConfig {
+    /** Import style (named, default, namespace) */
+    importStyle?: 'named' | 'default' | 'namespace';
+    /** File extension for generated stories */
+    storyExtension: string;
+    /** TypeScript support */
+    typescript: boolean;
+    /** JSX/TSX support */
+    jsx: boolean;
+    /** Component file extension */
+    componentExtension: string;
+    /** Additional framework-specific options */
+    options?: Record<string, unknown>;
+}
+/**
+ * Generated prompt structure (framework-agnostic)
+ */
+export interface FrameworkPrompt {
+    /** System prompt with framework-specific instructions */
+    systemPrompt: string;
+    /** Component reference documentation */
+    componentReference: string;
+    /** Layout instructions */
+    layoutInstructions: string;
+    /** Example stories */
+    examples: string;
+    /** Sample story template */
+    sampleStory: string;
+    /** Framework metadata */
+    framework: DetectedFramework;
+}
+/**
+ * Story generation options
+ */
+export interface StoryGenerationOptions {
+    /** Target framework (auto-detect if not specified) */
+    framework?: FrameworkType;
+    /** Target story framework */
+    storyFramework?: StoryFramework;
+    /** Use TypeScript */
+    typescript?: boolean;
+    /** Include story documentation */
+    includeDocumentation?: boolean;
+    /** Include accessibility tests */
+    includeA11yTests?: boolean;
+    /** Include interaction tests */
+    includeInteractionTests?: boolean;
+}
+/**
+ * Framework Adapter Interface
+ *
+ * Each framework adapter must implement this interface to provide
+ * framework-specific story generation capabilities.
+ */
+export interface FrameworkAdapter {
+    /** Framework identifier */
+    readonly type: FrameworkType;
+    /** Display name */
+    readonly name: string;
+    /** Supported story frameworks */
+    readonly supportedStoryFrameworks: StoryFramework[];
+    /** Default file extension */
+    readonly defaultExtension: string;
+    /**
+     * Generate the system prompt for this framework
+     */
+    generateSystemPrompt(config: StoryUIConfig, options?: StoryGenerationOptions): string;
+    /**
+     * Generate component reference documentation
+     */
+    generateComponentReference(components: DiscoveredComponent[], config: StoryUIConfig): string;
+    /**
+     * Generate example stories
+     */
+    generateExamples(config: StoryUIConfig): string;
+    /**
+     * Generate a sample story template
+     */
+    generateSampleStory(config: StoryUIConfig, components: DiscoveredComponent[]): string;
+    /**
+     * Generate import statements for components
+     */
+    generateImports(components: DiscoveredComponent[], config: StoryUIConfig): string;
+    /**
+     * Post-process generated story content
+     */
+    postProcess(storyContent: string): string;
+    /**
+     * Validate generated story syntax
+     */
+    validate(storyContent: string): {
+        valid: boolean;
+        errors: string[];
+    };
+    /**
+     * Get the story file template
+     */
+    getStoryTemplate(options?: StoryGenerationOptions): string;
+}
+/**
+ * Framework Detection Result
+ */
+export interface FrameworkDetectionResult {
+    /** Detected frameworks sorted by confidence */
+    frameworks: DetectedFramework[];
+    /** Best match */
+    primary: DetectedFramework;
+    /** Package.json dependencies found */
+    dependencies: Record<string, string>;
+    /** Configuration files found */
+    configFiles: string[];
+}
+/**
+ * Component metadata for story generation
+ */
+export interface ComponentMetadata {
+    /** Component name */
+    name: string;
+    /** Import path */
+    importPath: string;
+    /** Props definition */
+    props: PropDefinition[];
+    /** Component description */
+    description?: string;
+    /** Example usage */
+    examples?: string[];
+    /** Tags/categories */
+    tags?: string[];
+}
+/**
+ * Property definition
+ */
+export interface PropDefinition {
+    /** Property name */
+    name: string;
+    /** Property type */
+    type: string;
+    /** Required flag */
+    required: boolean;
+    /** Default value */
+    defaultValue?: unknown;
+    /** Description */
+    description?: string;
+    /** Enum values if applicable */
+    enumValues?: string[];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/story-generator/framework-adapters/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../story-generator/framework-adapters/types.ts"],"names":[],"mappings":"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"}

package/dist/story-generator/framework-adapters/types.js

@@ -0,0 +1,8 @@
+/**
+ * Framework Adapters - Type Definitions
+ *
+ * Defines the interface for framework-specific story generation.
+ * Each framework adapter implements this interface to provide
+ * framework-specific prompt generation and story templates.
+ */
+export {};

package/dist/story-generator/framework-adapters/vue-adapter.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Vue Framework Adapter
+ *
+ * Generates Storybook stories for Vue 3 components.
+ * Supports Composition API and Options API.
+ */
+import { FrameworkType, StoryFramework, StoryGenerationOptions } from './types.js';
+import { BaseFrameworkAdapter } from './base-adapter.js';
+import { StoryUIConfig } from '../../story-ui.config.js';
+import { DiscoveredComponent } from '../componentDiscovery.js';
+export declare class VueAdapter extends BaseFrameworkAdapter {
+    readonly type: FrameworkType;
+    readonly name = "Vue";
+    readonly supportedStoryFrameworks: StoryFramework[];
+    readonly defaultExtension = ".stories.ts";
+    generateSystemPrompt(config: StoryUIConfig, options?: StoryGenerationOptions): string;
+    generateExamples(config: StoryUIConfig): string;
+    generateSampleStory(config: StoryUIConfig, components: DiscoveredComponent[]): string;
+    getStoryTemplate(options?: StoryGenerationOptions): string;
+    /**
+     * Post-process Vue stories
+     */
+    postProcess(storyContent: string): string;
+    /**
+     * Validate Vue story
+     */
+    validate(storyContent: string): {
+        valid: boolean;
+        errors: string[];
+    };
+}
+/**
+ * Factory function
+ */
+export declare function createVueAdapter(): VueAdapter;
+//# sourceMappingURL=vue-adapter.d.ts.map

package/dist/story-generator/framework-adapters/vue-adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue-adapter.d.ts","sourceRoot":"","sources":["../../../story-generator/framework-adapters/vue-adapter.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,aAAa,EACb,cAAc,EACd,sBAAsB,EACvB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAE/D,qBAAa,UAAW,SAAQ,oBAAoB;IAClD,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAS;IACrC,QAAQ,CAAC,IAAI,SAAS;IACtB,QAAQ,CAAC,wBAAwB,EAAE,cAAc,EAAE,CAIjD;IACF,QAAQ,CAAC,gBAAgB,iBAAiB;IAE1C,oBAAoB,CAClB,MAAM,EAAE,aAAa,EACrB,OAAO,CAAC,EAAE,sBAAsB,GAC/B,MAAM;IA+FT,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM;IAuH/C,mBAAmB,CACjB,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,mBAAmB,EAAE,GAChC,MAAM;IA4CT,gBAAgB,CAAC,OAAO,CAAC,EAAE,sBAAsB,GAAG,MAAM;IAsB1D;;OAEG;IACH,WAAW,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM;IAkBzC;;OAEG;IACH,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE;CAuBrE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,UAAU,CAE7C"}