@tpitre/story-ui 4.5.1 → 4.5.2

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

@@ -1 +1 @@
-{"version":3,"file":"promptGenerator.d.ts","sourceRoot":"","sources":["../../story-generator/promptGenerator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAI9D,OAAO,EAEL,eAAe,EACf,sBAAsB,EACtB,aAAa,EACb,gBAAgB,EACjB,MAAM,+BAA+B,CAAC;AAEvC;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,eAAe,EAAE,oBAAoB,CAAC;IACvF,kBAAkB,EAAE,MAAM,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAC7B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,mBAAmB,EAAE,GAAG,eAAe,CAcxG;AA0gBD;;GAEG;AACH,wBAAsB,iBAAiB,CACrC,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,mBAAmB,EAAE,GAChC,OAAO,CAAC,MAAM,CAAC,CAsKjB;AAED;;;GAGG;AACH,wBAAsB,4BAA4B,CAChD,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,mBAAmB,EAAE,EACjC,OAAO,CAAC,EAAE,sBAAsB,GAC/B,OAAO,CAAC,oBAAoB,CAAC,CAqB/B;AAED;;;GAGG;AACH,wBAAsB,yBAAyB,CAC7C,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,mBAAmB,EAAE,EACjC,OAAO,CAAC,EAAE,sBAAsB,GAC/B,OAAO,CAAC,MAAM,CAAC,CA6GjB;AA4ED;;GAEG;AACH,wBAAsB,sBAAsB,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,CAIzF;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,aAAa,GAAG,gBAAgB,CAG9E;AAED;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,aAAa,EAAE,CAGxD"}
+{"version":3,"file":"promptGenerator.d.ts","sourceRoot":"","sources":["../../story-generator/promptGenerator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAI9D,OAAO,EAEL,eAAe,EACf,sBAAsB,EACtB,aAAa,EACb,gBAAgB,EACjB,MAAM,+BAA+B,CAAC;AAEvC;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,eAAe,EAAE,oBAAoB,CAAC;IACvF,kBAAkB,EAAE,MAAM,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAC7B,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,mBAAmB,EAAE,GAAG,eAAe,CAcxG;AA0gBD;;GAEG;AACH,wBAAsB,iBAAiB,CACrC,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,mBAAmB,EAAE,GAChC,OAAO,CAAC,MAAM,CAAC,CAqMjB;AAED;;;GAGG;AACH,wBAAsB,4BAA4B,CAChD,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,mBAAmB,EAAE,EACjC,OAAO,CAAC,EAAE,sBAAsB,GAC/B,OAAO,CAAC,oBAAoB,CAAC,CAqB/B;AAED;;;GAGG;AACH,wBAAsB,yBAAyB,CAC7C,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,mBAAmB,EAAE,EACjC,OAAO,CAAC,EAAE,sBAAsB,GAC/B,OAAO,CAAC,MAAM,CAAC,CAwJjB;AA4ED;;GAEG;AACH,wBAAsB,sBAAsB,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC,CAIzF;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,aAAa,GAAG,gBAAgB,CAG9E;AAED;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,aAAa,EAAE,CAGxD"}

package/dist/story-generator/promptGenerator.js

@@ -562,8 +562,18 @@ export async function buildClaudePrompt(userPrompt, config, components) {
             });
         });
     }
-    // CRITICAL: Prohibit icon imports - they cause validation failures
-    promptParts.push('', '🔴 CRITICAL: DO NOT IMPORT ICONS 🔴', '- Do NOT import from @tabler/icons-react or any icon library', '- Do NOT use Icon components (IconPlus, IconCheck, IconSearch, etc.)', '- Use Text or Unicode symbols instead of icons (e.g., "+" instead of IconPlus)', '- Use Badge, Button labels, or Text for visual elements instead of icons', '- Icons are NOT in the available components list and WILL cause import errors', '');
+    // Smart icon handling - allow design system icons, prohibit external libraries
+    const iconComponents = components.filter(c => c.name && typeof c.name === 'string' &&
+        (c.name.toLowerCase().includes('icon') || c.name === 'Icon' || c.name === 'v-icon' || c.name === 'mat-icon' || c.name === 'sl-icon'));
+    if (iconComponents.length > 0) {
+        // Design system has icon support - allow those, prohibit external libraries
+        const allowedIconNames = iconComponents.map(c => c.name).join(', ');
+        promptParts.push('', '🔶 ICON USAGE RULES 🔶', `Your design system includes icon components: ${allowedIconNames}`, '✅ You MAY use these icon components from the Available components list', '🚫 Do NOT import from external icon libraries:', '   - @tabler/icons-react, @tabler/icons', '   - react-icons, lucide-react, @heroicons/react', '   - @fortawesome/react-fontawesome, @phosphor-icons/react', '   - Any other external icon package', 'If you need icons beyond what the design system provides, use Unicode symbols (→ ✓ + ×) or text labels instead.', '');
+    }
+    else {
+        // No icon components discovered - prohibit all icon imports
+        promptParts.push('', '🔴 ICON IMPORT RESTRICTION 🔴', 'This design system does not include icon components in the available components list.', '🚫 Do NOT import from ANY icon library:', '   - @tabler/icons-react, @tabler/icons', '   - react-icons, lucide-react, @heroicons/react', '   - @fortawesome/react-fontawesome, @phosphor-icons/react', '   - @mui/icons-material, @chakra-ui/icons', '   - Any other icon package', '✅ Instead, use:', '   - Unicode symbols: → ✓ ✗ + − × ÷ • ★ ♦ ▶ ◀ ▲ ▼', '   - Text labels: "Add", "Remove", "Edit", "Delete"', '   - Badge or Button components with text content', 'Icons are NOT in the available components list and WILL cause import errors.', '');
+    }
     // Reinforce NO children in args rule
     promptParts.push('', '🔴 CRITICAL REMINDER: NEVER use children in args 🔴', 'Always use render functions for any layout or component composition.', '');
     // Determine framework from config for rules section
@@ -688,6 +698,18 @@ export async function buildFrameworkAwarePrompt(userPrompt, config, components,
             });
         });
     }
+    // Smart icon handling - allow design system icons, prohibit external libraries
+    const iconComponents = components.filter(c => c.name && typeof c.name === 'string' &&
+        (c.name.toLowerCase().includes('icon') || c.name === 'Icon' || c.name === 'v-icon' || c.name === 'mat-icon' || c.name === 'sl-icon'));
+    if (iconComponents.length > 0) {
+        // Design system has icon support - allow those, prohibit external libraries
+        const allowedIconNames = iconComponents.map(c => c.name).join(', ');
+        promptParts.push('', '🔶 ICON USAGE RULES 🔶', `Your design system includes icon components: ${allowedIconNames}`, '✅ You MAY use these icon components from the Available components list', '🚫 Do NOT import from external icon libraries:', '   - @tabler/icons-react, @tabler/icons', '   - react-icons, lucide-react, @heroicons/react', '   - @fortawesome/react-fontawesome, @phosphor-icons/react', '   - Any other external icon package', 'If you need icons beyond what the design system provides, use Unicode symbols (→ ✓ + ×) or text labels instead.', '');
+    }
+    else {
+        // No icon components discovered - prohibit all icon imports
+        promptParts.push('', '🔴 ICON IMPORT RESTRICTION 🔴', 'This design system does not include icon components in the available components list.', '🚫 Do NOT import from ANY icon library:', '   - @tabler/icons-react, @tabler/icons', '   - react-icons, lucide-react, @heroicons/react', '   - @fortawesome/react-fontawesome, @phosphor-icons/react', '   - @mui/icons-material, @chakra-ui/icons', '   - Any other icon package', '✅ Instead, use:', '   - Unicode symbols: → ✓ ✗ + − × ÷ • ★ ♦ ▶ ◀ ▲ ▼', '   - Text labels: "Add", "Remove", "Edit", "Delete"', '   - Badge or Button components with text content', 'Icons are NOT in the available components list and WILL cause import errors.', '');
+    }
     // Add framework-specific rules
     const frameworkType = generated.framework.componentFramework;
     const frameworkRules = getFrameworkSpecificRules(frameworkType);

package/package.json

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