@tpitre/story-ui 3.4.1 → 3.4.2

package/dist/mcp-server/index.js

@@ -146,7 +146,89 @@ app.get('/story-ui/frameworks/detect', detectCurrentFramework);
 app.get('/story-ui/frameworks/:type', getFrameworkDetails);
 app.post('/story-ui/frameworks/validate', validateStoryForFramework);
 app.post('/story-ui/frameworks/post-process', postProcessStoryForFramework);
-// Delete story from file system
+// List generated stories from file system
+app.get('/story-ui/stories', async (req, res) => {
+    try {
+        const storiesPath = config.generatedStoriesPath;
+        console.log(`📋 Listing stories from: ${storiesPath}`);
+        if (!fs.existsSync(storiesPath)) {
+            return res.json({ stories: [] });
+        }
+        const files = fs.readdirSync(storiesPath);
+        const stories = files
+            .filter(file => file.endsWith('.stories.tsx'))
+            .map(file => {
+            const filePath = path.join(storiesPath, file);
+            const stats = fs.statSync(filePath);
+            const content = fs.readFileSync(filePath, 'utf-8');
+            // Extract title from story file
+            const titleMatch = content.match(/title:\s*['"]([^'"]+)['"]/);
+            const title = titleMatch ? titleMatch[1].replace('Generated/', '') : file.replace('.stories.tsx', '');
+            return {
+                id: file.replace('.stories.tsx', ''),
+                fileName: file,
+                title,
+                lastUpdated: stats.mtime.getTime(),
+                code: content
+            };
+        })
+            .sort((a, b) => b.lastUpdated - a.lastUpdated);
+        console.log(`✅ Found ${stories.length} stories`);
+        return res.json({ stories });
+    }
+    catch (error) {
+        console.error('Error listing stories:', error);
+        return res.status(500).json({ error: 'Failed to list stories' });
+    }
+});
+// Save story to file system
+app.post('/story-ui/stories', async (req, res) => {
+    try {
+        const { id, title, code } = req.body;
+        if (!id || !code) {
+            return res.status(400).json({ error: 'id and code are required' });
+        }
+        const storiesPath = config.generatedStoriesPath;
+        // Ensure stories directory exists
+        if (!fs.existsSync(storiesPath)) {
+            fs.mkdirSync(storiesPath, { recursive: true });
+        }
+        const fileName = `${id}.stories.tsx`;
+        const filePath = path.join(storiesPath, fileName);
+        fs.writeFileSync(filePath, code, 'utf-8');
+        console.log(`✅ Saved story: ${filePath}`);
+        return res.json({
+            success: true,
+            id,
+            fileName,
+            title
+        });
+    }
+    catch (error) {
+        console.error('Error saving story:', error);
+        return res.status(500).json({ error: 'Failed to save story' });
+    }
+});
+// Delete story by ID (RESTful endpoint)
+app.delete('/story-ui/stories/:id', async (req, res) => {
+    try {
+        const { id } = req.params;
+        const storiesPath = config.generatedStoriesPath;
+        const fileName = id.endsWith('.stories.tsx') ? id : `${id}.stories.tsx`;
+        const filePath = path.join(storiesPath, fileName);
+        if (fs.existsSync(filePath)) {
+            fs.unlinkSync(filePath);
+            console.log(`✅ Deleted story: ${filePath}`);
+            return res.json({ success: true, message: 'Story deleted successfully' });
+        }
+        return res.status(404).json({ success: false, error: 'Story not found' });
+    }
+    catch (error) {
+        console.error('Error deleting story:', error);
+        return res.status(500).json({ error: 'Failed to delete story' });
+    }
+});
+// Delete story from file system (legacy POST endpoint)
 app.post('/story-ui/delete', async (req, res) => {
     try {
         const { chatId, storyId } = req.body;

package/dist/templates/StoryUI/StoryUIPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StoryUIPanel.d.ts","sourceRoot":"","sources":["../../../templates/StoryUI/StoryUIPanel.tsx"],"names":[],"mappings":"AAsSA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,2BAA2B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KACtD;CACF;AA6oCD,iBAAS,YAAY,4CA8sCpB;AAED,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"StoryUIPanel.d.ts","sourceRoot":"","sources":["../../../templates/StoryUI/StoryUIPanel.tsx"],"names":[],"mappings":"AAiTA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,2BAA2B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KACtD;CACF;AA6oCD,iBAAS,YAAY,4CA8sCpB;AAED,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/templates/StoryUI/StoryUIPanel.js

@@ -82,10 +82,11 @@ const StatusIcons = {
 // Priority order:
 // 1. VITE_STORY_UI_EDGE_URL - Edge Worker URL for cloud deployments
 // 2. window.__STORY_UI_EDGE_URL__ - Runtime override for edge URL
-// 3. VITE_STORY_UI_PORT - Custom port for localhost
-// 4. window.__STORY_UI_PORT__ - Legacy port override
-// 5. window.STORY_UI_MCP_PORT - MCP port override
-// 6. Default to localhost:4001
+// 3. Production domains (railway.app, render.com, pages.dev) - use same origin
+// 4. VITE_STORY_UI_PORT - Custom port for localhost
+// 5. window.__STORY_UI_PORT__ - Legacy port override
+// 6. window.STORY_UI_MCP_PORT - MCP port override
+// 7. Default to localhost:4001
 const getApiBaseUrl = () => {
     // Check for Edge Worker URL (cloud deployment)
     const edgeUrl = import.meta.env?.VITE_STORY_UI_EDGE_URL;
@@ -95,6 +96,15 @@ const getApiBaseUrl = () => {
     const windowEdgeUrl = window.__STORY_UI_EDGE_URL__ || window.STORY_UI_EDGE_URL;
     if (windowEdgeUrl)
         return windowEdgeUrl.replace(/\/$/, '');
+    // Check if we're running on Railway production domain
+    // In this case, the MCP server is proxied through the same origin
+    if (typeof window !== 'undefined') {
+        const hostname = window.location.hostname;
+        if (hostname.includes('.railway.app')) {
+            // Use same-origin requests (empty string means relative URLs)
+            return '';
+        }
+    }
     // Check for Vite port environment variable
     const vitePort = import.meta.env?.VITE_STORY_UI_PORT;
     if (vitePort)

package/package.json

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

package/templates/StoryUI/StoryUIPanel.tsx

@@ -249,10 +249,11 @@ interface ChatSession {
 // Priority order:
 // 1. VITE_STORY_UI_EDGE_URL - Edge Worker URL for cloud deployments
 // 2. window.__STORY_UI_EDGE_URL__ - Runtime override for edge URL
-// 3. VITE_STORY_UI_PORT - Custom port for localhost
-// 4. window.__STORY_UI_PORT__ - Legacy port override
-// 5. window.STORY_UI_MCP_PORT - MCP port override
-// 6. Default to localhost:4001
+// 3. Production domains (railway.app, render.com, pages.dev) - use same origin
+// 4. VITE_STORY_UI_PORT - Custom port for localhost
+// 5. window.__STORY_UI_PORT__ - Legacy port override
+// 6. window.STORY_UI_MCP_PORT - MCP port override
+// 7. Default to localhost:4001
 const getApiBaseUrl = () => {
   // Check for Edge Worker URL (cloud deployment)
   const edgeUrl = (import.meta as any).env?.VITE_STORY_UI_EDGE_URL;
@@ -262,6 +263,16 @@ const getApiBaseUrl = () => {
   const windowEdgeUrl = (window as any).__STORY_UI_EDGE_URL__ || (window as any).STORY_UI_EDGE_URL;
   if (windowEdgeUrl) return windowEdgeUrl.replace(/\/$/, '');
 
+  // Check if we're running on Railway production domain
+  // In this case, the MCP server is proxied through the same origin
+  if (typeof window !== 'undefined') {
+    const hostname = window.location.hostname;
+    if (hostname.includes('.railway.app')) {
+      // Use same-origin requests (empty string means relative URLs)
+      return '';
+    }
+  }
+
   // Check for Vite port environment variable
   const vitePort = (import.meta as any).env?.VITE_STORY_UI_PORT;
   if (vitePort) return `http://localhost:${vitePort}`;