@tpitre/story-ui 1.1.1 → 1.2.0

package/README.md

@@ -547,6 +547,40 @@ For automated releases to work, you need to add an NPM_TOKEN secret to your GitH
 2. Add it to GitHub: Settings → Secrets → Actions → New repository secret
 3. Name: `NPM_TOKEN`, Value: your npm token
 
+## Troubleshooting
+
+### "The requested module does not provide an export named 'Meta'"
+
+This error occurs when Story UI is installed in a Vite-based Storybook project. The issue happens because the template uses `@storybook/react` imports, but Vite projects require `@storybook/react-vite`.
+
+**Solution:**
+1. Update your `src/stories/StoryUI/StoryUIPanel.stories.tsx` file
+2. Change the import from:
+   ```typescript
+   import { StoryFn, Meta } from '@storybook/react';
+   ```
+   To:
+   ```typescript
+   import type { StoryFn, Meta } from '@storybook/react-vite';
+   ```
+
+**Note:** This issue has been fixed in Story UI v1.2.0+. The init command now automatically detects your Storybook framework and uses the correct import.
+
+### Configuration validation errors
+
+If you see "Components path does not exist" error when using a design system from npm (like Ant Design):
+
+**Solution:**
+Add `componentsPath: null` to your `story-ui.config.js`:
+```javascript
+module.exports = {
+  importPath: "antd",
+  componentPrefix: "",
+  componentsPath: null,
+  // ... rest of config
+};
+```
+
 ## Support
 
 - 📖 [Documentation](https://github.com/southleft/story-ui#readme)

package/dist/cli/setup.js

@@ -24,6 +24,23 @@ export async function setupCommand() {
         console.warn(chalk.yellow('⚠️  Storybook not detected. Story UI works best with Storybook installed.'));
         console.log('Install Storybook first: npx storybook@latest init\n');
     }
+    // Detect Storybook framework (Vite vs Webpack)
+    let storybookFramework = '@storybook/react'; // default
+    const devDeps = packageJson.devDependencies || {};
+    const deps = packageJson.dependencies || {};
+    // Check for Vite-based Storybook
+    if (devDeps['@storybook/react-vite'] || deps['@storybook/react-vite']) {
+        storybookFramework = '@storybook/react-vite';
+        console.log(chalk.green('✅ Detected Vite-based Storybook'));
+    }
+    else if (devDeps['@storybook/react-webpack5'] || deps['@storybook/react-webpack5']) {
+        storybookFramework = '@storybook/react-webpack5';
+        console.log(chalk.green('✅ Detected Webpack 5-based Storybook'));
+    }
+    else if (devDeps['@storybook/nextjs'] || deps['@storybook/nextjs']) {
+        storybookFramework = '@storybook/nextjs';
+        console.log(chalk.green('✅ Detected Next.js Storybook'));
+    }
     // Auto-detect design system
     const autoDetected = autoDetectDesignSystem();
     if (autoDetected) {
@@ -207,7 +224,12 @@ export async function setupCommand() {
         const sourcePath = path.join(templatesDir, file);
         const targetPath = path.join(storyUITargetDir, file);
         if (fs.existsSync(sourcePath)) {
-            fs.copyFileSync(sourcePath, targetPath);
+            let content = fs.readFileSync(sourcePath, 'utf-8');
+            // Replace Storybook import based on detected framework
+            if (file === 'StoryUIPanel.stories.tsx' && storybookFramework !== '@storybook/react') {
+                content = content.replace("import type { StoryFn, Meta } from '@storybook/react';", `import type { StoryFn, Meta } from '${storybookFramework}';`);
+            }
+            fs.writeFileSync(targetPath, content);
             console.log(chalk.green(`✅ Copied ${file}`));
         }
         else {

package/dist/story-generator/configLoader.js

@@ -79,8 +79,8 @@ export function validateConfig(config) {
         }
     }
     // Check if components can be discovered
-    if (!config.componentsPath && !config.componentsMetadataPath) {
-        errors.push('Either componentsPath or componentsMetadataPath must be specified');
+    if (!config.componentsPath && !config.componentsMetadataPath && (!config.components || config.components.length === 0)) {
+        errors.push('Either componentsPath, componentsMetadataPath, or a components array must be specified');
     }
     if (config.componentsPath && !fs.existsSync(config.componentsPath)) {
         errors.push(`Components path does not exist: ${config.componentsPath}`);

package/dist/test-storybooks/chakra-test/src/components/index.js

@@ -0,0 +1,3 @@
+export { Button } from './Button';
+export { Card } from './Card';
+export { Input } from './Input';

package/dist/test-storybooks/custom-design-test/src/components/index.js

@@ -0,0 +1,3 @@
+export { Button } from './Button';
+export { Card } from './Card';
+export { Input } from './Input';

package/dist/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["../index.ts","../story-ui.config.loader.ts","../story-ui.config.ts","../cli/index.ts","../cli/setup.ts","../mcp-server/index.ts","../mcp-server/routes/claude.ts","../mcp-server/routes/components.ts","../mcp-server/routes/generatestory.ts","../mcp-server/routes/memorystories.ts","../mcp-server/routes/storysync.ts","../story-generator/componentdiscovery.ts","../story-generator/configloader.ts","../story-generator/generatestory.ts","../story-generator/gitignoremanager.ts","../story-generator/inmemorystoryservice.ts","../story-generator/productiongitignoremanager.ts","../story-generator/promptgenerator.ts","../story-generator/storysync.ts"],"version":"5.8.3"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tpitre/story-ui",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "AI-powered Storybook story generator for any React component library",
   "type": "module",
   "main": "dist/index.js",

package/templates/StoryUI/StoryUIPanel.stories.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StoryFn, Meta } from '@storybook/react';
+import type { StoryFn, Meta } from '@storybook/react';
 import StoryUIPanel from './StoryUIPanel';
 
 export default {