@tpitre/story-ui 4.6.3 → 4.7.0

package/dist/story-generator/enhancedComponentDiscovery.d.ts

@@ -16,7 +16,12 @@ export declare class EnhancedComponentDiscovery {
     private config;
     private discoveredComponents;
     private validateAvailableComponents;
+    private frameworkAdapter;
     constructor(config: StoryUIConfig);
+    /**
+     * Create the appropriate framework adapter based on config
+     */
+    private createFrameworkAdapter;
     /**
      * Discover components from all available sources
      * Priority: 1. Dynamic Discovery 2. Static Lists 3. Manual Config
@@ -76,7 +81,7 @@ export declare class EnhancedComponentDiscovery {
     /**
      * Extract component name from file
      */
-    private extractComponentName;
+    private extractComponentNames;
     /**
      * Extract props from file content
      */

package/dist/story-generator/enhancedComponentDiscovery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"enhancedComponentDiscovery.d.ts","sourceRoot":"","sources":["../../story-generator/enhancedComponentDiscovery.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAItD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,KAAK,GAAG,OAAO,GAAG,iBAAiB,GAAG,YAAY,CAAC;IACzD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,mBAAmB;IAC5D,MAAM,EAAE,eAAe,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,qBAAa,0BAA0B;IACrC,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,oBAAoB,CAA6C;IACzE,OAAO,CAAC,2BAA2B,CAA0B;gBAEjD,MAAM,EAAE,aAAa;IAIjC;;;OAGG;IACG,WAAW,IAAI,OAAO,CAAC,iBAAiB,EAAE,CAAC;IA2CjD;;;OAGG;IACH,OAAO,CAAC,yBAAyB;IAyCjC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAWvB;;GAED;IACH,OAAO,CAAC,cAAc;IAmBtB;;OAEG;IACH,OAAO,CAAC,eAAe;IA6GvB;;;OAGG;IACH,OAAO,CAAC,uBAAuB;IAI/B;;OAEG;IACH,OAAO,CAAC,wBAAwB;IA6B9B;;KAEC;YACW,sBAAsB;IAgGpC;;;OAGG;IACH,OAAO,CAAC,8BAA8B;IAoRtC;;OAEG;YACW,sBAAsB;IAsCpC;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAe1B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAmB3B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IA6B1B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAgB5B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IA0B5B;;OAEG;IACH,OAAO,CAAC,YAAY;IAiBpB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAkC3B;;OAEG;YACW,0BAA0B;IAmCxC;;OAEG;IACH,OAAO,CAAC,2BAA2B;IAcnC;;OAEG;YACW,sBAAsB;IAMpC;;OAEG;IACH,OAAO,CAAC,yBAAyB;IA4CjC;;OAEG;IACG,sBAAsB,CAAC,cAAc,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;QAC9D,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,OAAO,EAAE,MAAM,EAAE,CAAC;QAClB,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAClC,CAAC;IAwCF;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAwC5B;;OAEG;IACH,0BAA0B,IAAI,MAAM,EAAE;CAMvC"}
+{"version":3,"file":"enhancedComponentDiscovery.d.ts","sourceRoot":"","sources":["../../story-generator/enhancedComponentDiscovery.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAWtD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,KAAK,GAAG,OAAO,GAAG,iBAAiB,GAAG,YAAY,CAAC;IACzD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,mBAAmB;IAC5D,MAAM,EAAE,eAAe,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,qBAAa,0BAA0B;IACrC,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,oBAAoB,CAA6C;IACzE,OAAO,CAAC,2BAA2B,CAA0B;IAC7D,OAAO,CAAC,gBAAgB,CAAuB;gBAEnC,MAAM,EAAE,aAAa;IAKjC;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAkB9B;;;OAGG;IACG,WAAW,IAAI,OAAO,CAAC,iBAAiB,EAAE,CAAC;IA2CjD;;;OAGG;IACH,OAAO,CAAC,yBAAyB;IAyCjC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAWvB;;GAED;IACH,OAAO,CAAC,cAAc;IAmBtB;;OAEG;IACH,OAAO,CAAC,eAAe;IA6GvB;;;OAGG;IACH,OAAO,CAAC,uBAAuB;IAI/B;;OAEG;IACH,OAAO,CAAC,wBAAwB;IA6B9B;;KAEC;YACW,sBAAsB;IAgGpC;;;OAGG;IACH,OAAO,CAAC,8BAA8B;IAoRtC;;OAEG;YACW,sBAAsB;IA+CpC;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAe1B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAmB3B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IA6B1B;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAmC7B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IA0B5B;;OAEG;IACH,OAAO,CAAC,YAAY;IAiBpB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAkC3B;;OAEG;YACW,0BAA0B;IAmCxC;;OAEG;IACH,OAAO,CAAC,2BAA2B;IAcnC;;OAEG;YACW,sBAAsB;IAMpC;;OAEG;IACH,OAAO,CAAC,yBAAyB;IA4CjC;;OAEG;IACG,sBAAsB,CAAC,cAAc,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;QAC9D,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,OAAO,EAAE,MAAM,EAAE,CAAC;QAClB,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAClC,CAAC;IAwCF;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAwC5B;;OAEG;IACH,0BAA0B,IAAI,MAAM,EAAE;CAMvC"}

package/dist/story-generator/enhancedComponentDiscovery.js

@@ -2,11 +2,36 @@ import fs from 'fs';
 import path from 'path';
 import { DynamicPackageDiscovery } from './dynamicPackageDiscovery.js';
 import { logger } from './logger.js';
+import { ReactAdapter } from './framework-adapters/react-adapter.js';
+import { VueAdapter } from './framework-adapters/vue-adapter.js';
+import { AngularAdapter } from './framework-adapters/angular-adapter.js';
+import { SvelteAdapter } from './framework-adapters/svelte-adapter.js';
+import { WebComponentsAdapter } from './framework-adapters/web-components-adapter.js';
 export class EnhancedComponentDiscovery {
     constructor(config) {
         this.discoveredComponents = new Map();
         this.validateAvailableComponents = new Set();
         this.config = config;
+        this.frameworkAdapter = this.createFrameworkAdapter();
+    }
+    /**
+     * Create the appropriate framework adapter based on config
+     */
+    createFrameworkAdapter() {
+        const framework = (this.config.componentFramework || 'react');
+        switch (framework) {
+            case 'vue':
+                return new VueAdapter();
+            case 'angular':
+                return new AngularAdapter();
+            case 'svelte':
+                return new SvelteAdapter();
+            case 'web-components':
+                return new WebComponentsAdapter();
+            case 'react':
+            default:
+                return new ReactAdapter();
+        }
     }
     /**
      * Discover components from all available sources
@@ -609,15 +634,22 @@ export class EnhancedComponentDiscovery {
         if (!fs.existsSync(source.path)) {
             return;
         }
-        const files = this.findComponentFiles(source.path, source.patterns || ['*.tsx', '*.jsx']);
+        // Use adapter's file patterns if source doesn't specify patterns
+        const defaultPatterns = this.frameworkAdapter.getComponentFilePatterns()
+            .map(p => p.replace('**/', '')); // Convert glob to simpler patterns
+        const files = this.findComponentFiles(source.path, source.patterns || defaultPatterns);
         for (const file of files) {
             // Skip story files, test files, and other non-component files
             if (this.isNonComponentFile(file)) {
                 continue;
             }
             const content = fs.readFileSync(file, 'utf-8');
-            const componentName = this.extractComponentName(file, content);
-            if (componentName && !this.discoveredComponents.has(componentName)) {
+            // Use framework adapter for component extraction
+            const componentNames = this.frameworkAdapter.extractComponentNamesFromFile(file, content);
+            for (const componentName of componentNames) {
+                if (this.discoveredComponents.has(componentName)) {
+                    continue;
+                }
                 // Skip Story UI components and other internal components
                 if (this.shouldSkipComponent(componentName, content)) {
                     continue;
@@ -701,18 +733,35 @@ export class EnhancedComponentDiscovery {
     /**
      * Extract component name from file
      */
-    extractComponentName(filePath, content) {
-        // Try to extract from export statements
-        const exportMatch = content.match(/export\s+(default\s+)?(function|const|class)\s+([A-Z][A-Za-z0-9]*)/);
-        if (exportMatch) {
-            return exportMatch[3];
+    extractComponentNames(filePath, content) {
+        const names = new Set();
+        // 1. Check for inline exports: export function/const/class Name
+        const inlineExportRegex = /export\s+(default\s+)?(function|const|class)\s+([A-Z][A-Za-z0-9]*)/g;
+        let match;
+        while ((match = inlineExportRegex.exec(content)) !== null) {
+            names.add(match[3]);
+        }
+        // 2. Check for grouped exports: export { Name1, Name2 }
+        const groupedExportRegex = /export\s*\{\s*([^}]+)\s*\}/g;
+        while ((match = groupedExportRegex.exec(content)) !== null) {
+            const exports = match[1].split(',');
+            for (const exp of exports) {
+                // Handle "Name" or "Name as Alias" - we want the original name
+                const namePart = exp.trim().split(/\s+as\s+/)[0].trim();
+                // Only include PascalCase names (components start with uppercase)
+                if (/^[A-Z][A-Za-z0-9]*$/.test(namePart)) {
+                    names.add(namePart);
+                }
+            }
         }
-        // Try to extract from file name
-        const fileName = path.basename(filePath, path.extname(filePath));
-        if (fileName !== 'index' && /^[A-Z]/.test(fileName)) {
-            return fileName;
+        // 3. Fallback to filename if no exports found
+        if (names.size === 0) {
+            const fileName = path.basename(filePath, path.extname(filePath));
+            if (fileName !== 'index' && /^[A-Z]/.test(fileName)) {
+                names.add(fileName);
+            }
         }
-        return null;
+        return Array.from(names);
     }
     /**
      * Extract props from file content

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

@@ -13,6 +13,15 @@ export declare class AngularAdapter extends BaseFrameworkAdapter {
     readonly name = "Angular";
     readonly supportedStoryFrameworks: StoryFramework[];
     readonly defaultExtension = ".stories.ts";
+    /**
+     * Get glob patterns for Angular component files
+     */
+    getComponentFilePatterns(): string[];
+    /**
+     * Extract component names from an Angular source file.
+     * Handles @Component decorators and NgModule exports.
+     */
+    extractComponentNamesFromFile(filePath: string, content: string): string[];
     generateSystemPrompt(config: StoryUIConfig, options?: StoryGenerationOptions): string;
     generateExamples(config: StoryUIConfig): string;
     generateSampleStory(config: StoryUIConfig, components: DiscoveredComponent[]): string;

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

@@ -1 +1 @@
-{"version":3,"file":"angular-adapter.d.ts","sourceRoot":"","sources":["../../../story-generator/framework-adapters/angular-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,cAAe,SAAQ,oBAAoB;IACtD,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAa;IACzC,QAAQ,CAAC,IAAI,aAAa;IAC1B,QAAQ,CAAC,wBAAwB,EAAE,cAAc,EAAE,CAGjD;IACF,QAAQ,CAAC,gBAAgB,iBAAiB;IAE1C,oBAAoB,CAClB,MAAM,EAAE,aAAa,EACrB,OAAO,CAAC,EAAE,sBAAsB,GAC/B,MAAM;IAuJT,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM;IAsL/C,mBAAmB,CACjB,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,mBAAmB,EAAE,GAChC,MAAM;IAqDT,gBAAgB,CAAC,OAAO,CAAC,EAAE,sBAAsB,GAAG,MAAM;IA4B1D;;OAEG;IACH,OAAO,CAAC,WAAW;IAOnB;;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;CA+CrE;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,cAAc,CAErD"}
+{"version":3,"file":"angular-adapter.d.ts","sourceRoot":"","sources":["../../../story-generator/framework-adapters/angular-adapter.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,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,cAAe,SAAQ,oBAAoB;IACtD,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAa;IACzC,QAAQ,CAAC,IAAI,aAAa;IAC1B,QAAQ,CAAC,wBAAwB,EAAE,cAAc,EAAE,CAGjD;IACF,QAAQ,CAAC,gBAAgB,iBAAiB;IAE1C;;OAEG;IACH,wBAAwB,IAAI,MAAM,EAAE;IAIpC;;;OAGG;IACH,6BAA6B,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE;IAmD1E,oBAAoB,CAClB,MAAM,EAAE,aAAa,EACrB,OAAO,CAAC,EAAE,sBAAsB,GAC/B,MAAM;IAuJT,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM;IAsL/C,mBAAmB,CACjB,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,mBAAmB,EAAE,GAChC,MAAM;IAqDT,gBAAgB,CAAC,OAAO,CAAC,EAAE,sBAAsB,GAAG,MAAM;IA4B1D;;OAEG;IACH,OAAO,CAAC,WAAW;IAOnB;;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;CA+CrE;AAED;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,cAAc,CAErD"}

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

@@ -16,6 +16,60 @@ export class AngularAdapter extends BaseFrameworkAdapter {
         ];
         this.defaultExtension = '.stories.ts';
     }
+    /**
+     * Get glob patterns for Angular component files
+     */
+    getComponentFilePatterns() {
+        return ['**/*.component.ts', '**/*.ts'];
+    }
+    /**
+     * Extract component names from an Angular source file.
+     * Handles @Component decorators and NgModule exports.
+     */
+    extractComponentNamesFromFile(filePath, content) {
+        const names = new Set();
+        // Pattern 1: @Component decorator with class
+        // @Component({ selector: 'app-name' }) export class NameComponent
+        const componentRegex = /@Component\s*\(\s*\{[\s\S]*?\}\s*\)\s*export\s+class\s+(\w+)/g;
+        let match;
+        while ((match = componentRegex.exec(content)) !== null) {
+            names.add(match[1]);
+        }
+        // Pattern 2: NgModule exports array - for barrel files
+        const exportsArrayRegex = /exports\s*:\s*\[([\s\S]*?)\]/g;
+        while ((match = exportsArrayRegex.exec(content)) !== null) {
+            const exportsContent = match[1];
+            const componentNames = exportsContent
+                .split(',')
+                .map(item => item.trim())
+                .filter(item => item && !item.startsWith('//') && /^[A-Z]/.test(item));
+            componentNames.forEach(name => names.add(name));
+        }
+        // Pattern 3: Named exports from barrel files
+        // export { NameComponent } from './name.component'
+        const namedExportRegex = /export\s*\{\s*([^}]+)\s*\}\s*from\s*['"`]([^'"`]+)['"`]/g;
+        while ((match = namedExportRegex.exec(content)) !== null) {
+            const exports = match[1].split(',');
+            for (const exp of exports) {
+                const namePart = exp.trim().split(/\s+as\s+/).pop()?.trim() || '';
+                if (/^[A-Z][A-Za-z0-9]*(?:Component)?$/.test(namePart)) {
+                    names.add(namePart);
+                }
+            }
+        }
+        // Pattern 4: export * from './path' - track for further resolution
+        // (handled at discovery level, not here)
+        // Filter out non-components (services, modules, etc.)
+        const filteredNames = Array.from(names).filter(name => {
+            // Keep if ends with Component or doesn't end with Service/Module/Directive/Pipe
+            return name.endsWith('Component') ||
+                (!name.endsWith('Service') &&
+                    !name.endsWith('Module') &&
+                    !name.endsWith('Directive') &&
+                    !name.endsWith('Pipe'));
+        });
+        return filteredNames;
+    }
     generateSystemPrompt(config, options) {
         if (config.systemPrompt) {
             return config.systemPrompt;

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

@@ -16,6 +16,16 @@ export declare abstract class BaseFrameworkAdapter implements FrameworkAdapter {
     abstract readonly name: string;
     abstract readonly supportedStoryFrameworks: StoryFramework[];
     abstract readonly defaultExtension: string;
+    /**
+     * Get glob patterns for component files in this framework.
+     * Used by component discovery to find relevant files.
+     */
+    abstract getComponentFilePatterns(): string[];
+    /**
+     * Extract component names from a source file.
+     * Framework-specific implementation to detect component exports.
+     */
+    abstract extractComponentNamesFromFile(filePath: string, content: string): string[];
     /**
      * Generate the system prompt for this framework
      */

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

@@ -1 +1 @@
-{"version":3,"file":"base-adapter.d.ts","sourceRoot":"","sources":["../../../story-generator/framework-adapters/base-adapter.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACL,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAG/D;;GAEG;AACH,8BAAsB,oBAAqB,YAAW,gBAAgB;IACpE,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;IACtC,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,QAAQ,CAAC,wBAAwB,EAAE,cAAc,EAAE,CAAC;IAC7D,QAAQ,CAAC,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAC;IAE3C;;OAEG;IACH,QAAQ,CAAC,oBAAoB,CAC3B,MAAM,EAAE,aAAa,EACrB,OAAO,CAAC,EAAE,sBAAsB,GAC/B,MAAM;IAET;;OAEG;IACH,0BAA0B,CACxB,UAAU,EAAE,mBAAmB,EAAE,EACjC,MAAM,EAAE,aAAa,GACpB,MAAM;IAmBT;;OAEG;IACH,SAAS,CAAC,oBAAoB,CAC5B,SAAS,EAAE,mBAAmB,EAC9B,MAAM,EAAE,aAAa,GACpB,MAAM;IAkBT;;OAEG;IACH,SAAS,CAAC,aAAa,CACrB,SAAS,EAAE,mBAAmB,EAC9B,MAAM,EAAE,aAAa,GACpB,MAAM;IAUT;;OAEG;IACH,SAAS,CAAC,wBAAwB,CAChC,UAAU,EAAE,mBAAmB,EAAE,GAChC,MAAM,CAAC,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAcxC;;OAEG;IACH,QAAQ,CAAC,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM;IAExD;;OAEG;IACH,QAAQ,CAAC,mBAAmB,CAC1B,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,mBAAmB,EAAE,GAChC,MAAM;IAET;;OAEG;IACH,eAAe,CACb,UAAU,EAAE,mBAAmB,EAAE,EACjC,MAAM,EAAE,aAAa,GACpB,MAAM;IAoBT;;;OAGG;IACH,WAAW,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM;IAmBzC;;OAEG;IACH,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE;IAkBpE;;OAEG;IACH,QAAQ,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,sBAAsB,GAAG,MAAM;IAEnE;;OAEG;IACH,SAAS,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAIpE;;OAEG;IACH,SAAS,CAAC,cAAc,IAAI,MAAM;CA2DnC"}
+{"version":3,"file":"base-adapter.d.ts","sourceRoot":"","sources":["../../../story-generator/framework-adapters/base-adapter.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACL,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAG/D;;GAEG;AACH,8BAAsB,oBAAqB,YAAW,gBAAgB;IACpE,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;IACtC,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,QAAQ,CAAC,wBAAwB,EAAE,cAAc,EAAE,CAAC;IAC7D,QAAQ,CAAC,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAC;IAE3C;;;OAGG;IACH,QAAQ,CAAC,wBAAwB,IAAI,MAAM,EAAE;IAE7C;;;OAGG;IACH,QAAQ,CAAC,6BAA6B,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE;IAEnF;;OAEG;IACH,QAAQ,CAAC,oBAAoB,CAC3B,MAAM,EAAE,aAAa,EACrB,OAAO,CAAC,EAAE,sBAAsB,GAC/B,MAAM;IAET;;OAEG;IACH,0BAA0B,CACxB,UAAU,EAAE,mBAAmB,EAAE,EACjC,MAAM,EAAE,aAAa,GACpB,MAAM;IAmBT;;OAEG;IACH,SAAS,CAAC,oBAAoB,CAC5B,SAAS,EAAE,mBAAmB,EAC9B,MAAM,EAAE,aAAa,GACpB,MAAM;IAkBT;;OAEG;IACH,SAAS,CAAC,aAAa,CACrB,SAAS,EAAE,mBAAmB,EAC9B,MAAM,EAAE,aAAa,GACpB,MAAM;IAUT;;OAEG;IACH,SAAS,CAAC,wBAAwB,CAChC,UAAU,EAAE,mBAAmB,EAAE,GAChC,MAAM,CAAC,MAAM,EAAE,mBAAmB,EAAE,CAAC;IAcxC;;OAEG;IACH,QAAQ,CAAC,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM;IAExD;;OAEG;IACH,QAAQ,CAAC,mBAAmB,CAC1B,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,mBAAmB,EAAE,GAChC,MAAM;IAET;;OAEG;IACH,eAAe,CACb,UAAU,EAAE,mBAAmB,EAAE,EACjC,MAAM,EAAE,aAAa,GACpB,MAAM;IAoBT;;;OAGG;IACH,WAAW,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM;IAmBzC;;OAEG;IACH,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE;IAkBpE;;OAEG;IACH,QAAQ,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,sBAAsB,GAAG,MAAM;IAEnE;;OAEG;IACH,SAAS,CAAC,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAIpE;;OAEG;IACH,SAAS,CAAC,cAAc,IAAI,MAAM;CA2DnC"}

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

@@ -13,6 +13,15 @@ export declare class ReactAdapter extends BaseFrameworkAdapter {
     readonly name = "React";
     readonly supportedStoryFrameworks: StoryFramework[];
     readonly defaultExtension = ".stories.tsx";
+    /**
+     * Get glob patterns for React component files
+     */
+    getComponentFilePatterns(): string[];
+    /**
+     * Extract component names from a React source file.
+     * Handles both inline exports and grouped exports.
+     */
+    extractComponentNamesFromFile(filePath: string, content: string): string[];
     generateSystemPrompt(config: StoryUIConfig, options?: StoryGenerationOptions): string;
     /**
      * FIX #2: Detect if the project uses Chakra UI v3

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

@@ -1 +1 @@
-{"version":3,"file":"react-adapter.d.ts","sourceRoot":"","sources":["../../../story-generator/framework-adapters/react-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,YAAa,SAAQ,oBAAoB;IACpD,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAW;IACvC,QAAQ,CAAC,IAAI,WAAW;IACxB,QAAQ,CAAC,wBAAwB,EAAE,cAAc,EAAE,CAIjD;IACF,QAAQ,CAAC,gBAAgB,kBAAkB;IAE3C,oBAAoB,CAClB,MAAM,EAAE,aAAa,EACrB,OAAO,CAAC,EAAE,sBAAsB,GAC/B,MAAM;IA+GT;;OAEG;IACH,OAAO,CAAC,iBAAiB;IASzB,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM;IAkE/C,mBAAmB,CACjB,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,mBAAmB,EAAE,GAChC,MAAM;IA4CT,gBAAgB,CAAC,OAAO,CAAC,EAAE,sBAAsB,GAAG,MAAM;IA0B1D;;OAEG;IACH,WAAW,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM;IA4BzC;;OAEG;IACH,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE;CA2BrE;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,YAAY,CAEjD"}
+{"version":3,"file":"react-adapter.d.ts","sourceRoot":"","sources":["../../../story-generator/framework-adapters/react-adapter.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,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,YAAa,SAAQ,oBAAoB;IACpD,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAW;IACvC,QAAQ,CAAC,IAAI,WAAW;IACxB,QAAQ,CAAC,wBAAwB,EAAE,cAAc,EAAE,CAIjD;IACF,QAAQ,CAAC,gBAAgB,kBAAkB;IAE3C;;OAEG;IACH,wBAAwB,IAAI,MAAM,EAAE;IAIpC;;;OAGG;IACH,6BAA6B,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE;IAyC1E,oBAAoB,CAClB,MAAM,EAAE,aAAa,EACrB,OAAO,CAAC,EAAE,sBAAsB,GAC/B,MAAM;IA+GT;;OAEG;IACH,OAAO,CAAC,iBAAiB;IASzB,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM;IAkE/C,mBAAmB,CACjB,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,mBAAmB,EAAE,GAChC,MAAM;IA4CT,gBAAgB,CAAC,OAAO,CAAC,EAAE,sBAAsB,GAAG,MAAM;IA0B1D;;OAEG;IACH,WAAW,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM;IA4BzC;;OAEG;IACH,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE;CA2BrE;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,YAAY,CAEjD"}

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

@@ -4,6 +4,7 @@
  * Generates Storybook stories for React components.
  * Supports CSF 3.0 format with TypeScript.
  */
+import * as path from 'path';
 import { BaseFrameworkAdapter } from './base-adapter.js';
 export class ReactAdapter extends BaseFrameworkAdapter {
     constructor() {
@@ -17,6 +18,51 @@ export class ReactAdapter extends BaseFrameworkAdapter {
         ];
         this.defaultExtension = '.stories.tsx';
     }
+    /**
+     * Get glob patterns for React component files
+     */
+    getComponentFilePatterns() {
+        return ['**/*.tsx', '**/*.jsx', '**/*.ts', '**/*.js'];
+    }
+    /**
+     * Extract component names from a React source file.
+     * Handles both inline exports and grouped exports.
+     */
+    extractComponentNamesFromFile(filePath, content) {
+        const names = new Set();
+        // 1. Check for inline exports: export function/const/class Name
+        const inlineExportRegex = /export\s+(default\s+)?(function|const|class)\s+([A-Z][A-Za-z0-9]*)/g;
+        let match;
+        while ((match = inlineExportRegex.exec(content)) !== null) {
+            names.add(match[3]);
+        }
+        // 2. Check for grouped exports: export { Name1, Name2 }
+        const groupedExportRegex = /export\s*\{\s*([^}]+)\s*\}/g;
+        while ((match = groupedExportRegex.exec(content)) !== null) {
+            const exports = match[1].split(',');
+            for (const exp of exports) {
+                // Handle "Name" or "Name as Alias" - we want the original name
+                const namePart = exp.trim().split(/\s+as\s+/)[0].trim();
+                // Only include PascalCase names (components start with uppercase)
+                if (/^[A-Z][A-Za-z0-9]*$/.test(namePart)) {
+                    names.add(namePart);
+                }
+            }
+        }
+        // 3. Check for React.forwardRef patterns
+        const forwardRefRegex = /export\s+const\s+([A-Z][A-Za-z0-9]*)\s*=\s*(?:React\.)?forwardRef/g;
+        while ((match = forwardRefRegex.exec(content)) !== null) {
+            names.add(match[1]);
+        }
+        // 4. Fallback to filename if no exports found
+        if (names.size === 0) {
+            const fileName = path.basename(filePath, path.extname(filePath));
+            if (fileName !== 'index' && /^[A-Z]/.test(fileName)) {
+                names.add(fileName);
+            }
+        }
+        return Array.from(names);
+    }
     generateSystemPrompt(config, options) {
         if (config.systemPrompt) {
             return config.systemPrompt;

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

@@ -13,6 +13,15 @@ export declare class SvelteAdapter extends BaseFrameworkAdapter {
     readonly name = "Svelte";
     readonly supportedStoryFrameworks: StoryFramework[];
     readonly defaultExtension = ".stories.svelte";
+    /**
+     * Get glob patterns for Svelte component files
+     */
+    getComponentFilePatterns(): string[];
+    /**
+     * Extract component names from a Svelte source file.
+     * Handles .svelte files and barrel exports.
+     */
+    extractComponentNamesFromFile(filePath: string, content: string): string[];
     generateSystemPrompt(config: StoryUIConfig, options?: StoryGenerationOptions): string;
     generateExamples(config: StoryUIConfig): string;
     generateSampleStory(config: StoryUIConfig, components: DiscoveredComponent[]): string;

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

@@ -1 +1 @@
-{"version":3,"file":"svelte-adapter.d.ts","sourceRoot":"","sources":["../../../story-generator/framework-adapters/svelte-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,aAAc,SAAQ,oBAAoB;IACrD,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAY;IACxC,QAAQ,CAAC,IAAI,YAAY;IACzB,QAAQ,CAAC,wBAAwB,EAAE,cAAc,EAAE,CAGjD;IACF,QAAQ,CAAC,gBAAgB,qBAAqB;IAE9C,oBAAoB,CAClB,MAAM,EAAE,aAAa,EACrB,OAAO,CAAC,EAAE,sBAAsB,GAC/B,MAAM;IAgJT,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM;IA2H/C,mBAAmB,CACjB,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,mBAAmB,EAAE,GAChC,MAAM;IAqCT,gBAAgB,CAAC,OAAO,CAAC,EAAE,sBAAsB,GAAG,MAAM;IAmB1D;;OAEG;IACH,WAAW,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM;IA8HzC;;OAEG;IACH,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE;IA2CpE;;OAEG;IACH,eAAe,CACb,UAAU,EAAE,mBAAmB,EAAE,EACjC,MAAM,EAAE,aAAa,GACpB,MAAM;CAWV;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,aAAa,CAEnD"}
+{"version":3,"file":"svelte-adapter.d.ts","sourceRoot":"","sources":["../../../story-generator/framework-adapters/svelte-adapter.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,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,aAAc,SAAQ,oBAAoB;IACrD,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAY;IACxC,QAAQ,CAAC,IAAI,YAAY;IACzB,QAAQ,CAAC,wBAAwB,EAAE,cAAc,EAAE,CAGjD;IACF,QAAQ,CAAC,gBAAgB,qBAAqB;IAE9C;;OAEG;IACH,wBAAwB,IAAI,MAAM,EAAE;IAIpC;;;OAGG;IACH,6BAA6B,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE;IAoD1E,oBAAoB,CAClB,MAAM,EAAE,aAAa,EACrB,OAAO,CAAC,EAAE,sBAAsB,GAC/B,MAAM;IAgJT,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM;IA2H/C,mBAAmB,CACjB,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,mBAAmB,EAAE,GAChC,MAAM;IAqCT,gBAAgB,CAAC,OAAO,CAAC,EAAE,sBAAsB,GAAG,MAAM;IAmB1D;;OAEG;IACH,WAAW,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM;IA8HzC;;OAEG;IACH,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE;IA2CpE;;OAEG;IACH,eAAe,CACb,UAAU,EAAE,mBAAmB,EAAE,EACjC,MAAM,EAAE,aAAa,GACpB,MAAM;CAWV;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,aAAa,CAEnD"}

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

@@ -4,6 +4,7 @@
  * Generates Storybook stories for Svelte components.
  * Supports both Svelte 4 and Svelte 5 (runes).
  */
+import * as path from 'path';
 import { BaseFrameworkAdapter } from './base-adapter.js';
 export class SvelteAdapter extends BaseFrameworkAdapter {
     constructor() {
@@ -16,6 +17,63 @@ export class SvelteAdapter extends BaseFrameworkAdapter {
         ];
         this.defaultExtension = '.stories.svelte';
     }
+    /**
+     * Get glob patterns for Svelte component files
+     */
+    getComponentFilePatterns() {
+        return ['**/*.svelte', '**/*.ts', '**/*.js'];
+    }
+    /**
+     * Extract component names from a Svelte source file.
+     * Handles .svelte files and barrel exports.
+     */
+    extractComponentNamesFromFile(filePath, content) {
+        const names = new Set();
+        // For .svelte files, derive name from filename
+        if (filePath.endsWith('.svelte')) {
+            const fileName = path.basename(filePath, '.svelte');
+            // Skip SvelteKit special files
+            if (fileName.startsWith('+')) {
+                return [];
+            }
+            // If already PascalCase, use as-is; otherwise convert kebab-case/snake_case
+            if (/^[A-Z][a-zA-Z0-9]*$/.test(fileName)) {
+                names.add(fileName);
+            }
+            else {
+                // Convert kebab-case or snake_case to PascalCase
+                const pascalName = fileName
+                    .split(/[-_]/)
+                    .map(part => part.charAt(0).toUpperCase() + part.slice(1))
+                    .join('');
+                if (/^[A-Z]/.test(pascalName)) {
+                    names.add(pascalName);
+                }
+            }
+            return Array.from(names);
+        }
+        // For .ts/.js barrel files
+        // Pattern: export { default as ComponentName } from './Component.svelte'
+        const barrelExportRegex = /export\s*\{\s*default\s+as\s+([A-Z][a-zA-Z0-9]*)\s*\}\s*from\s*['"`]([^'"`]+\.svelte)['"`]/g;
+        let match;
+        while ((match = barrelExportRegex.exec(content)) !== null) {
+            names.add(match[1]);
+        }
+        // Pattern: export { ComponentName } from './path'
+        const namedExportRegex = /export\s*\{\s*([^}]+)\s*\}\s*from\s*['"`]([^'"`]+)['"`]/g;
+        while ((match = namedExportRegex.exec(content)) !== null) {
+            const exports = match[1].split(',');
+            for (const exp of exports) {
+                const namePart = exp.trim().split(/\s+as\s+/).pop()?.trim() || '';
+                if (/^[A-Z][A-Za-z0-9]*$/.test(namePart)) {
+                    names.add(namePart);
+                }
+            }
+        }
+        // Pattern: export * from './Component.svelte'
+        // These need to be resolved at discovery level
+        return Array.from(names);
+    }
     generateSystemPrompt(config, options) {
         if (config.systemPrompt) {
             return config.systemPrompt;

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

@@ -13,6 +13,15 @@ export declare class VueAdapter extends BaseFrameworkAdapter {
     readonly name = "Vue";
     readonly supportedStoryFrameworks: StoryFramework[];
     readonly defaultExtension = ".stories.ts";
+    /**
+     * Get glob patterns for Vue component files
+     */
+    getComponentFilePatterns(): string[];
+    /**
+     * Extract component names from a Vue source file.
+     * Handles .vue SFCs and barrel files.
+     */
+    extractComponentNamesFromFile(filePath: string, content: string): string[];
     generateSystemPrompt(config: StoryUIConfig, options?: StoryGenerationOptions): string;
     generateExamples(config: StoryUIConfig): string;
     generateSampleStory(config: StoryUIConfig, components: DiscoveredComponent[]): string;

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

@@ -1 +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;IA8CzC;;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"}
+{"version":3,"file":"vue-adapter.d.ts","sourceRoot":"","sources":["../../../story-generator/framework-adapters/vue-adapter.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,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;;OAEG;IACH,wBAAwB,IAAI,MAAM,EAAE;IAIpC;;;OAGG;IACH,6BAA6B,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE;IAkE1E,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;IA8CzC;;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"}

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

@@ -4,6 +4,7 @@
  * Generates Storybook stories for Vue 3 components.
  * Supports Composition API and Options API.
  */
+import * as path from 'path';
 import { BaseFrameworkAdapter } from './base-adapter.js';
 export class VueAdapter extends BaseFrameworkAdapter {
     constructor() {
@@ -17,6 +18,79 @@ export class VueAdapter extends BaseFrameworkAdapter {
         ];
         this.defaultExtension = '.stories.ts';
     }
+    /**
+     * Get glob patterns for Vue component files
+     */
+    getComponentFilePatterns() {
+        return ['**/*.vue', '**/*.ts', '**/*.js'];
+    }
+    /**
+     * Extract component names from a Vue source file.
+     * Handles .vue SFCs and barrel files.
+     */
+    extractComponentNamesFromFile(filePath, content) {
+        const names = new Set();
+        // For .vue files, derive name from filename or defineComponent name
+        if (filePath.endsWith('.vue')) {
+            // Try to extract name from defineComponent({ name: 'ComponentName' })
+            const defineComponentNameRegex = /defineComponent\s*\(\s*\{[^]*?name\s*:\s*['"`]([A-Z][a-zA-Z0-9]*)['"`]/;
+            const nameMatch = content.match(defineComponentNameRegex);
+            if (nameMatch) {
+                names.add(nameMatch[1]);
+            }
+            else {
+                // Try Options API name property
+                const optionsNameRegex = /name\s*:\s*['"`]([A-Z][a-zA-Z0-9]*)['"`]/;
+                const optionsMatch = content.match(optionsNameRegex);
+                if (optionsMatch) {
+                    names.add(optionsMatch[1]);
+                }
+                else {
+                    // Fallback to filename
+                    const fileName = path.basename(filePath, '.vue');
+                    // If already PascalCase, use as-is; otherwise convert kebab-case/snake_case
+                    if (/^[A-Z][a-zA-Z0-9]*$/.test(fileName)) {
+                        names.add(fileName);
+                    }
+                    else {
+                        // Convert kebab-case or snake_case to PascalCase
+                        const pascalName = fileName
+                            .split(/[-_]/)
+                            .map(part => part.charAt(0).toUpperCase() + part.slice(1))
+                            .join('');
+                        if (/^[A-Z]/.test(pascalName)) {
+                            names.add(pascalName);
+                        }
+                    }
+                }
+            }
+            return Array.from(names);
+        }
+        // For .ts/.js barrel files, look for re-exports
+        // Pattern: export { default as ComponentName } from './Component.vue'
+        const barrelExportRegex = /export\s*\{\s*default\s+as\s+([A-Z][a-zA-Z0-9]*)\s*\}\s*from\s*['"`]([^'"`]+\.vue)['"`]/g;
+        let match;
+        while ((match = barrelExportRegex.exec(content)) !== null) {
+            names.add(match[1]);
+        }
+        // Pattern: export { ComponentName } from './path'
+        const namedExportRegex = /export\s*\{\s*([^}]+)\s*\}\s*from\s*['"`]([^'"`]+)['"`]/g;
+        while ((match = namedExportRegex.exec(content)) !== null) {
+            const exports = match[1].split(',');
+            for (const exp of exports) {
+                const namePart = exp.trim().split(/\s+as\s+/).pop()?.trim() || '';
+                if (/^[A-Z][A-Za-z0-9]*$/.test(namePart)) {
+                    names.add(namePart);
+                }
+            }
+        }
+        // Pattern: export const ComponentName = ...
+        const constExportRegex = /export\s+const\s+([A-Z][A-Za-z0-9]*)\s*=/g;
+        while ((match = constExportRegex.exec(content)) !== null) {
+            names.add(match[1]);
+        }
+        return Array.from(names);
+    }
     generateSystemPrompt(config, options) {
         if (config.systemPrompt) {
             return config.systemPrompt;

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

@@ -13,6 +13,19 @@ export declare class WebComponentsAdapter extends BaseFrameworkAdapter {
     readonly name = "Web Components";
     readonly supportedStoryFrameworks: StoryFramework[];
     readonly defaultExtension = ".stories.ts";
+    /**
+     * Get glob patterns for Web Component files
+     */
+    getComponentFilePatterns(): string[];
+    /**
+     * Extract component names from a Web Component source file.
+     * Handles vanilla customElements.define, Lit @customElement, and Stencil @Component.
+     */
+    extractComponentNamesFromFile(filePath: string, content: string): string[];
+    /**
+     * Convert a kebab-case tag name to PascalCase
+     */
+    private tagToPascalCase;
     generateSystemPrompt(config: StoryUIConfig, options?: StoryGenerationOptions): string;
     generateExamples(config: StoryUIConfig): string;
     generateSampleStory(config: StoryUIConfig, components: DiscoveredComponent[]): string;

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

@@ -1 +1 @@
-{"version":3,"file":"web-components-adapter.d.ts","sourceRoot":"","sources":["../../../story-generator/framework-adapters/web-components-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,oBAAqB,SAAQ,oBAAoB;IAC5D,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAoB;IAChD,QAAQ,CAAC,IAAI,oBAAoB;IACjC,QAAQ,CAAC,wBAAwB,EAAE,cAAc,EAAE,CAGjD;IACF,QAAQ,CAAC,gBAAgB,iBAAiB;IAE1C,oBAAoB,CAClB,MAAM,EAAE,aAAa,EACrB,OAAO,CAAC,EAAE,sBAAsB,GAC/B,MAAM;IA4FT,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM;IA0G/C,mBAAmB,CACjB,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,mBAAmB,EAAE,GAChC,MAAM;IA8CT,gBAAgB,CAAC,OAAO,CAAC,EAAE,sBAAsB,GAAG,MAAM;IAsB1D;;OAEG;IACH,OAAO,CAAC,WAAW;IAOnB;;OAEG;IACH,WAAW,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM;IAuCzC;;;;;;;;OAQG;IACH,OAAO,CAAC,yBAAyB;IAiCjC;;OAEG;IACH,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE;IAwBpE;;OAEG;IACH,eAAe,CACb,UAAU,EAAE,mBAAmB,EAAE,EACjC,MAAM,EAAE,aAAa,GACpB,MAAM;CAYV;AAED;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,oBAAoB,CAEjE"}
+{"version":3,"file":"web-components-adapter.d.ts","sourceRoot":"","sources":["../../../story-generator/framework-adapters/web-components-adapter.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,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,oBAAqB,SAAQ,oBAAoB;IAC5D,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAoB;IAChD,QAAQ,CAAC,IAAI,oBAAoB;IACjC,QAAQ,CAAC,wBAAwB,EAAE,cAAc,EAAE,CAGjD;IACF,QAAQ,CAAC,gBAAgB,iBAAiB;IAE1C;;OAEG;IACH,wBAAwB,IAAI,MAAM,EAAE;IAIpC;;;OAGG;IACH,6BAA6B,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE;IAoE1E;;OAEG;IACH,OAAO,CAAC,eAAe;IAOvB,oBAAoB,CAClB,MAAM,EAAE,aAAa,EACrB,OAAO,CAAC,EAAE,sBAAsB,GAC/B,MAAM;IA4FT,gBAAgB,CAAC,MAAM,EAAE,aAAa,GAAG,MAAM;IA0G/C,mBAAmB,CACjB,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,mBAAmB,EAAE,GAChC,MAAM;IA8CT,gBAAgB,CAAC,OAAO,CAAC,EAAE,sBAAsB,GAAG,MAAM;IAsB1D;;OAEG;IACH,OAAO,CAAC,WAAW;IAOnB;;OAEG;IACH,WAAW,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM;IAuCzC;;;;;;;;OAQG;IACH,OAAO,CAAC,yBAAyB;IAiCjC;;OAEG;IACH,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE;IAwBpE;;OAEG;IACH,eAAe,CACb,UAAU,EAAE,mBAAmB,EAAE,EACjC,MAAM,EAAE,aAAa,GACpB,MAAM;CAYV;AAED;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,oBAAoB,CAEjE"}

package/dist/story-generator/framework-adapters/web-components-adapter.js

@@ -16,6 +16,86 @@ export class WebComponentsAdapter extends BaseFrameworkAdapter {
         ];
         this.defaultExtension = '.stories.ts';
     }
+    /**
+     * Get glob patterns for Web Component files
+     */
+    getComponentFilePatterns() {
+        return ['**/*.ts', '**/*.js', '**/custom-elements.json'];
+    }
+    /**
+     * Extract component names from a Web Component source file.
+     * Handles vanilla customElements.define, Lit @customElement, and Stencil @Component.
+     */
+    extractComponentNamesFromFile(filePath, content) {
+        const names = new Set();
+        // Check for Custom Elements Manifest (preferred)
+        if (filePath.endsWith('custom-elements.json')) {
+            try {
+                const manifest = JSON.parse(content);
+                if (manifest.modules) {
+                    for (const module of manifest.modules) {
+                        if (module.declarations) {
+                            for (const declaration of module.declarations) {
+                                if (declaration.customElement && declaration.tagName) {
+                                    // Convert tag-name to PascalCase
+                                    const pascalName = this.tagToPascalCase(declaration.tagName);
+                                    names.add(pascalName);
+                                }
+                            }
+                        }
+                    }
+                }
+                return Array.from(names);
+            }
+            catch {
+                // Invalid JSON, continue with regex patterns
+            }
+        }
+        // Pattern 1: Vanilla customElements.define('tag-name', ClassName) with named class
+        const vanillaDefineNamedRegex = /customElements\.define\(\s*['"]([a-z][\w-]*)['"],\s*([A-Z][A-Za-z0-9]*)\s*[),]/g;
+        let match;
+        while ((match = vanillaDefineNamedRegex.exec(content)) !== null) {
+            names.add(match[2]); // Use the class name
+        }
+        // Pattern 1b: Vanilla customElements.define('tag-name', class extends...) - inline class
+        // For inline classes, convert tag name to PascalCase
+        const vanillaDefineInlineRegex = /customElements\.define\(\s*['"]([a-z][\w-]*)['"],\s*class\s+extends/gi;
+        while ((match = vanillaDefineInlineRegex.exec(content)) !== null) {
+            const pascalName = this.tagToPascalCase(match[1]);
+            names.add(pascalName);
+        }
+        // Pattern 2: Lit @customElement('tag-name') decorator (handles multiline)
+        const litDecoratorRegex = /@customElement\(\s*['"]([a-z][\w-]*)['"][^)]*\)[\s\S]*?(?:export\s+)?class\s+([A-Z][A-Za-z0-9]*)/g;
+        while ((match = litDecoratorRegex.exec(content)) !== null) {
+            names.add(match[2]); // Use the class name
+        }
+        // Pattern 3: Stencil @Component({ tag: 'tag-name' }) decorator
+        const stencilRegex = /@Component\(\s*\{[^}]*tag:\s*['"]([a-z][\w-]*)['"][^}]*\}\s*\)\s*(?:export\s+)?class\s+(\w+)/gi;
+        while ((match = stencilRegex.exec(content)) !== null) {
+            names.add(match[2]); // Use the class name
+        }
+        // Pattern 4: Named exports from barrel files
+        const namedExportRegex = /export\s*\{\s*([^}]+)\s*\}\s*from\s*['"`]([^'"`]+)['"`]/g;
+        while ((match = namedExportRegex.exec(content)) !== null) {
+            const exports = match[1].split(',');
+            for (const exp of exports) {
+                const namePart = exp.trim().split(/\s+as\s+/).pop()?.trim() || '';
+                if (/^[A-Z][A-Za-z0-9]*$/.test(namePart)) {
+                    names.add(namePart);
+                }
+            }
+        }
+        return Array.from(names);
+    }
+    /**
+     * Convert a kebab-case tag name to PascalCase
+     */
+    tagToPascalCase(tagName) {
+        return tagName
+            .split('-')
+            .map(part => part.charAt(0).toUpperCase() + part.slice(1).toLowerCase())
+            .join('');
+    }
     generateSystemPrompt(config, options) {
         if (config.systemPrompt) {
             return config.systemPrompt;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tpitre/story-ui",
-  "version": "4.6.3",
+  "version": "4.7.0",
   "description": "AI-powered Storybook story generator with dynamic component discovery",
   "type": "module",
   "main": "dist/index.js",