@tpitre/story-ui 2.6.1 → 2.7.0

package/dist/cli/deploy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deploy.d.ts","sourceRoot":"","sources":["../../cli/deploy.ts"],"names":[],"mappings":"AASA,UAAU,aAAa;IAErB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,KAAK,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAqpBD,wBAAsB,aAAa,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CAwHzE"}
+{"version":3,"file":"deploy.d.ts","sourceRoot":"","sources":["../../cli/deploy.ts"],"names":[],"mappings":"AASA,UAAU,aAAa;IAErB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,KAAK,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAotBD,wBAAsB,aAAa,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CAwHzE"}

package/dist/cli/deploy.js

@@ -373,29 +373,89 @@ async function deployProductionApp(backendUrl, projectName, dryRun) {
         // Generate the component registry in the user's project context
         process.chdir(userCwd);
         await generateComponentRegistry(registryOutputPath);
-        // 2.5. Generate AI considerations from story-ui-considerations.md (if exists)
-        console.log('📝 Loading AI considerations...');
+        // 2.5. Load ALL design system documentation (story-ui-docs/ AND story-ui-considerations.md)
+        console.log('📚 Loading design system documentation...');
+        // First, try the full documentation directory (story-ui-docs/)
+        const { DocumentationLoader } = await import('../story-generator/documentationLoader.js');
+        const docLoader = new DocumentationLoader(userCwd);
+        let fullDocumentation = '';
+        let documentationTokens = {};
+        let documentationPatterns = {};
+        let hasFullDocs = false;
+        if (docLoader.hasDocumentation()) {
+            console.log('📂 Found story-ui-docs/ directory, loading all documentation...');
+            const docs = await docLoader.loadDocumentation();
+            fullDocumentation = docLoader.formatForPrompt(docs);
+            documentationTokens = docs.tokens;
+            documentationPatterns = docs.patterns;
+            hasFullDocs = true;
+            console.log(`   ✅ Loaded ${docs.guidelines.length} guidelines, ${Object.keys(docs.tokens).length} token categories, ${Object.keys(docs.patterns).length} patterns`);
+        }
+        // Also load legacy considerations file (story-ui-considerations.md)
         const { loadConsiderations, considerationsToPrompt } = await import('../story-generator/considerationsLoader.js');
         const considerations = loadConsiderations(); // Auto-finds in common locations
         const considerationsPrompt = considerations ? considerationsToPrompt(considerations) : '';
+        // Combine both sources - full docs take priority, considerations supplement
+        let combinedDocumentation = '';
+        if (fullDocumentation) {
+            combinedDocumentation = fullDocumentation;
+            if (considerationsPrompt) {
+                // Add considerations as supplementary rules
+                combinedDocumentation += '\n\n📋 ADDITIONAL DESIGN SYSTEM RULES:\n' + considerationsPrompt;
+            }
+        }
+        else if (considerationsPrompt) {
+            combinedDocumentation = considerationsPrompt;
+        }
         const considerationsOutputPath = path.join(buildDir, 'src/considerations.ts');
-        // Write considerations to a TypeScript file
+        // Write comprehensive documentation to a TypeScript file
         const considerationsContent = `/**
- * AI Considerations - Auto-generated from story-ui-considerations.md
+ * AI Design System Documentation - Auto-generated
  *
- * This file contains design-system-specific instructions for the AI
- * when generating components. Edit story-ui-considerations.md in your
- * project root to customize these rules.
+ * This file contains ALL design system documentation for the AI:
+ * - Guidelines from story-ui-docs/ directory
+ * - Design tokens (colors, spacing, typography, etc.)
+ * - Component-specific documentation
+ * - Layout patterns
+ * - Accessibility rules
+ * - Legacy considerations from story-ui-considerations.md
+ *
+ * To customize:
+ * 1. Create a story-ui-docs/ directory with markdown/JSON files
+ * 2. And/or edit story-ui-considerations.md in your project root
  */
 
-export const aiConsiderations = ${JSON.stringify(considerationsPrompt, null, 2)};
+export const aiConsiderations = ${JSON.stringify(combinedDocumentation, null, 2)};
+
+export const hasConsiderations = ${(hasFullDocs || considerations) ? 'true' : 'false'};
+
+// Design tokens for programmatic access (if needed)
+export const designTokens = ${JSON.stringify(documentationTokens, null, 2)};
 
-export const hasConsiderations = ${considerations ? 'true' : 'false'};
+// Design patterns for programmatic access (if needed)
+export const designPatterns = ${JSON.stringify(documentationPatterns, null, 2)};
+
+// Source information
+export const documentationSource = {
+  hasFullDocs: ${hasFullDocs},
+  hasLegacyConsiderations: ${considerations ? 'true' : 'false'},
+  libraryName: ${JSON.stringify(considerations?.libraryName || null)}
+};
 `;
         fs.writeFileSync(considerationsOutputPath, considerationsContent);
-        console.log(considerations
-            ? `✅ Loaded AI considerations for: ${considerations.libraryName || 'your component library'}`
-            : '⚠️  No story-ui-considerations.md found - using default prompts');
+        if (hasFullDocs && considerations) {
+            console.log(`✅ Loaded full documentation + considerations for: ${considerations.libraryName || 'your component library'}`);
+        }
+        else if (hasFullDocs) {
+            console.log('✅ Loaded full documentation from story-ui-docs/');
+        }
+        else if (considerations) {
+            console.log(`✅ Loaded considerations for: ${considerations.libraryName || 'your component library'}`);
+        }
+        else {
+            console.log('⚠️  No documentation found - using default prompts');
+            console.log('   Create story-ui-docs/ directory or story-ui-considerations.md for better results');
+        }
         process.chdir(buildDir);
         // 3. Install dependencies
         console.log('📦 Installing dependencies...');
@@ -427,7 +487,7 @@ export const hasConsiderations = ${considerations ? 'true' : 'false'};
         execSync('npm install', { cwd: buildDir, stdio: 'inherit' });
         // 4. Create .env file with backend URL
         console.log('⚙️  Configuring backend URL...');
-        fs.writeFileSync(path.join(buildDir, '.env'), `VITE_BACKEND_URL=${backendUrl}\nVITE_APP_TITLE=Story UI\n`);
+        fs.writeFileSync(path.join(buildDir, '.env'), `VITE_STORY_UI_SERVER=${backendUrl}\nVITE_APP_TITLE=Story UI\n`);
         // 5. Build the app
         console.log('🔨 Building production app...');
         execSync('npm run build', { cwd: buildDir, stdio: 'inherit' });

package/dist/cli/index.js

@@ -19,7 +19,8 @@ program
 program
     .command('init')
     .description('Initialize Story UI configuration with interactive setup')
-    .option('-d, --design-system <system>', 'Design system to configure (shadcn, mantine, chakra, antd, mui)')
+    .option('-d, --design-system <system>', 'Design system to configure (mantine, vuetify, angular-material, skeleton-ui, shoelace)')
+    .option('-l, --llm-provider <provider>', 'LLM provider to use (claude, openai, gemini)')
     .option('-y, --yes', 'Skip interactive prompts and use defaults')
     .option('--skip-install', 'Skip package installation')
     .action(async (options) => {

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;IAsEpC;;;OAGG;IACH,OAAO,CAAC,8BAA8B;IAmJtC;;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;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;IAsEpC;;;OAGG;IACH,OAAO,CAAC,8BAA8B;IAiJtC;;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"}

package/dist/story-generator/enhancedComponentDiscovery.js

@@ -365,7 +365,7 @@ export class EnhancedComponentDiscovery {
             const mantineComponents = [
                 // Layout
                 'Container', 'SimpleGrid', 'Grid', 'Group', 'Stack', 'Flex', 'Center', 'Space', 'Divider',
-                'AspectRatio', 'Box', 'AppShell', 'MediaQuery', 'Paper',
+                'AspectRatio', 'Box', 'AppShell', 'Paper',
                 // Typography
                 'Text', 'Title', 'Anchor', 'Blockquote', 'Code', 'Highlight', 'Mark', 'List',
                 // Buttons & Actions
@@ -374,7 +374,7 @@ export class EnhancedComponentDiscovery {
                 'TextInput', 'NumberInput', 'PasswordInput', 'Textarea', 'Select', 'MultiSelect',
                 'Autocomplete', 'Checkbox', 'Switch', 'Radio', 'Slider', 'RangeSlider', 'Rating',
                 'SegmentedControl', 'ColorInput', 'ColorPicker', 'FileInput', 'JsonInput', 'PinInput',
-                'Chip', 'TransferList', 'NativeSelect',
+                'Chip', 'NativeSelect',
                 // Navigation
                 'Anchor', 'Breadcrumbs', 'Burger', 'NavLink', 'Pagination', 'Stepper', 'Tabs',
                 // Data Display
@@ -382,13 +382,11 @@ export class EnhancedComponentDiscovery {
                 'Kbd', 'Spoiler', 'Table', 'ThemeIcon', 'Timeline', 'ColorSwatch',
                 // Overlays
                 'Dialog', 'Drawer', 'Modal', 'LoadingOverlay', 'Popover', 'Tooltip', 'Menu',
-                'HoverCard', 'Affix', 'Overlay',
+                'HoverCard', 'Overlay',
                 // Feedback
                 'Alert', 'Loader', 'Notification', 'Progress', 'RingProgress', 'Skeleton',
                 // Misc
-                'Portal', 'Transition', 'ScrollArea', 'FocusTrap', 'Input', 'InputWrapper',
-                // Dates (from @mantine/dates)
-                'Calendar', 'DateInput', 'DatePicker', 'DateTimePicker', 'MonthPicker', 'YearPicker'
+                'Portal', 'Transition', 'ScrollArea', 'FocusTrap', 'Input', 'InputWrapper'
             ];
             return mantineComponents.map(name => ({
                 name,

package/package.json

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