@tpitre/story-ui 1.5.1 → 1.6.0

package/.env.sample

@@ -13,9 +13,6 @@ CLAUDE_API_KEY=your-claude-api-key-here
 #   claude-3-5-haiku-20241022  - Fastest, good for simple tasks
 CLAUDE_MODEL=claude-sonnet-4-20250514
 
-# Story UI Server Configuration
-# Port for the MCP server (defaults to 4001)
-PORT=4001
 
 # Optional: Story UI configuration file path
 # STORY_UI_CONFIG_PATH=./story-ui.config.js

package/README.md

@@ -17,6 +17,10 @@ Story UI is a flexible, AI-powered tool that generates Storybook stories for any
 - 🧹 **Cleanup Utilities**: Built-in cleanup for old generated stories
 - 🎨 **Built-in UI**: Includes a Storybook panel for easy interaction
 
+## Roadmap
+
+Check out our [development roadmap](./ROADMAP.md) to see what's coming next and how you can contribute to the future of Story UI. We're planning exciting features like multi-framework support, story sharing, and advanced collaboration tools.
+
 ## Quick Start
 
 ### 1. Installation
@@ -694,4 +698,3 @@ module.exports = {
 
 - 📖 [Documentation](https://github.com/southleft/story-ui#readme)
 - 🐛 [Issues](https://github.com/southleft/story-ui/issues)
-- 💬 [Discussions](https://github.com/southleft/story-ui/discussions)

package/dist/mcp-server/index.js

@@ -55,7 +55,7 @@ app.listen(PORT, () => {
         console.error(`\n❌ Port ${PORT} is already in use!`);
         console.error(`\n💡 To fix this:`);
         console.error(`   1. Kill the process using port ${PORT}: lsof -ti:${PORT} | xargs kill`);
-        console.error(`   2. Or set a different PORT in your .env file`);
+        console.error(`   2. Or use a different port: story-ui start --port=4002`);
         console.error(`   3. Make sure to update your Storybook StoryUI panel to use the same port\n`);
         process.exit(1);
     }

package/dist/story-generator/configLoader.js

@@ -83,12 +83,18 @@ export function validateConfig(config) {
             }
         }
     }
+    // Determine if we're using an external package (like antd, @mui/material, etc.)
+    const isExternalPackage = config.importPath &&
+        !config.importPath.startsWith('.') &&
+        !config.importPath.startsWith('/') &&
+        config.importPath !== 'your-component-library' &&
+        config.importPath.trim() !== '';
     // Check if components can be discovered
-    if (!config.componentsPath && !config.componentsMetadataPath && (!config.components || config.components.length === 0)) {
+    if (!isExternalPackage && !config.componentsPath && !config.componentsMetadataPath && (!config.components || config.components.length === 0)) {
         errors.push('Either componentsPath, componentsMetadataPath, or a components array must be specified');
     }
-    // Only validate componentsPath if it's provided (not null/undefined)
-    if (config.componentsPath && config.componentsPath !== null && !fs.existsSync(config.componentsPath)) {
+    // Only validate componentsPath if it's provided AND we're not using an external package
+    if (!isExternalPackage && config.componentsPath && config.componentsPath !== null && !fs.existsSync(config.componentsPath)) {
         errors.push(`Components path does not exist: ${config.componentsPath}`);
     }
     if (config.componentsMetadataPath && !fs.existsSync(config.componentsMetadataPath)) {
@@ -217,8 +223,14 @@ export function autoDetectDesignSystem() {
         // Analyze existing Storybook files for patterns
         const analysis = analyzeExistingStories(cwd);
         console.log(`📊 Analysis found: ${analysis.storyFiles.length} story files, ${analysis.componentDirs.length} component directories`);
-        // Determine the most likely component directory
-        const componentPath = findMostLikelyComponentDirectory(analysis.componentDirs, cwd);
+        // Determine if we're using an external package
+        const isExternalPackage = knownSystems && knownSystems.importPath &&
+            !knownSystems.importPath.startsWith('.') &&
+            !knownSystems.importPath.startsWith('/');
+        // Only determine component path if we're not using an external package
+        const componentPath = !isExternalPackage ?
+            findMostLikelyComponentDirectory(analysis.componentDirs, cwd) :
+            undefined;
         // Determine the most likely import path
         const importPath = findMostLikelyImportPath(analysis.importPaths, packageJson.name);
         // Determine component prefix
@@ -228,11 +240,14 @@ export function autoDetectDesignSystem() {
         // Build configuration
         const config = {
             generatedStoriesPath: path.join(cwd, 'src/stories/generated/'),
-            componentsPath: componentPath,
             importPath: importPath,
             componentPrefix: componentPrefix,
             layoutRules: layoutRules
         };
+        // Only set componentsPath for local component libraries
+        if (componentPath && !isExternalPackage) {
+            config.componentsPath = componentPath;
+        }
         // Merge with known system config if available
         if (knownSystems) {
             return { ...knownSystems, ...config };

package/dist/story-ui.config.js

@@ -5,7 +5,7 @@ const __dirname = path.dirname(__filename);
 // Default generic configuration
 export const DEFAULT_CONFIG = {
     generatedStoriesPath: path.resolve(process.cwd(), './src/stories/generated/'),
-    componentsPath: path.resolve(process.cwd(), './src/components'),
+    componentsPath: undefined, // No default path - should be set only for local component libraries
     componentsMetadataPath: undefined,
     storyPrefix: 'Generated/',
     defaultAuthor: 'Story UI AI',

package/package.json

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