@tpitre/story-ui 2.1.5 → 2.3.0

package/dist/mcp-server/index.js

@@ -12,23 +12,78 @@ import cors from 'cors';
 import { getComponents, getProps } from './routes/components.js';
 import { claudeProxy } from './routes/claude.js';
 import { generateStoryFromPrompt } from './routes/generateStory.js';
-import { getStoriesMetadata, getStoryById, getStoryContent, deleteStory, clearAllStories, getMemoryStats } from './routes/memoryStories.js';
+import { generateStoryFromPromptStream } from './routes/generateStoryStream.js';
+import { clearAllStories, getMemoryStats } from './routes/memoryStories.js';
+import { getAllStories, getStoryById, getStoryContent, deleteStory } from './routes/hybridStories.js';
 import { getSyncedStories, deleteSyncedStory, clearAllSyncedStories, syncChatHistory, validateChatSession, getSyncedStoryById } from './routes/storySync.js';
 import { setupProductionGitignore } from '../story-generator/productionGitignoreManager.js';
 import { getInMemoryStoryService } from '../story-generator/inMemoryStoryService.js';
 import { loadUserConfig } from '../story-generator/configLoader.js';
+import { loadConsiderations, considerationsToPrompt } from '../story-generator/considerationsLoader.js';
+import { DocumentationLoader } from '../story-generator/documentationLoader.js';
 import fs from 'fs';
+import { UrlRedirectService } from '../story-generator/urlRedirectService.js';
+import { getProviders, getModels, configureProviderRoute, validateApiKey, setDefaultProvider, setModel, getUISettings, applyUISettings, getSettingsConfig } from './routes/providers.js';
+import { listFrameworks, detectCurrentFramework, getFrameworkDetails, validateStoryForFramework, postProcessStoryForFramework, } from './routes/frameworks.js';
+import mcpRemoteRouter from './routes/mcpRemote.js';
 const app = express();
-app.use(cors());
-app.use(express.json());
+// CORS configuration
+// - Allow all origins for /story-ui/* routes (public API for production Storybooks)
+// - Restrict to localhost + configured origins for other routes
+const corsOptions = {
+    origin: (origin, callback) => {
+        // Allow requests with no origin (like mobile apps or curl)
+        if (!origin)
+            return callback(null, true);
+        // Allow localhost on any port (development)
+        const localhostPattern = /^https?:\/\/(localhost|127\.0\.0\.1)(:\d+)?$/;
+        if (localhostPattern.test(origin)) {
+            return callback(null, true);
+        }
+        // Allow Cloudflare Pages domains (*.pages.dev)
+        const cloudflarePattern = /^https:\/\/[a-z0-9-]+\.pages\.dev$/;
+        if (cloudflarePattern.test(origin)) {
+            return callback(null, true);
+        }
+        // Allow custom origins from environment
+        const allowedOrigins = process.env.STORY_UI_ALLOWED_ORIGINS?.split(',') || [];
+        if (allowedOrigins.includes(origin)) {
+            return callback(null, true);
+        }
+        // For production, allow any origin to access /story-ui/* endpoints
+        // These are public read-only endpoints for accessing generated stories
+        callback(null, true);
+    },
+    credentials: true,
+};
+app.use(cors(corsOptions));
+app.use(express.json({ limit: '10mb' })); // Increased limit for file uploads
 // Component discovery routes
 app.get('/mcp/components', getComponents);
 app.get('/mcp/props', getProps);
 // AI generation routes
 app.post('/mcp/claude', claudeProxy);
 app.post('/mcp/generate-story', generateStoryFromPrompt);
-// In-memory story management routes (production)
-app.get('/mcp/stories', getStoriesMetadata);
+app.post('/mcp/generate-story-stream', generateStoryFromPromptStream);
+// LLM Provider management routes
+app.get('/mcp/providers', getProviders);
+app.get('/mcp/providers/models', getModels);
+app.post('/mcp/providers/configure', configureProviderRoute);
+app.post('/mcp/providers/validate', validateApiKey);
+app.post('/mcp/providers/default', setDefaultProvider);
+app.post('/mcp/providers/model', setModel);
+// UI Settings routes (hybrid model selection for non-technical users)
+app.get('/mcp/providers/settings', getUISettings);
+app.post('/mcp/providers/settings', applyUISettings);
+app.get('/mcp/providers/config', getSettingsConfig);
+// Framework detection and adapter routes
+app.get('/mcp/frameworks', listFrameworks);
+app.get('/mcp/frameworks/detect', detectCurrentFramework);
+app.get('/mcp/frameworks/:type', getFrameworkDetails);
+app.post('/mcp/frameworks/validate', validateStoryForFramework);
+app.post('/mcp/frameworks/post-process', postProcessStoryForFramework);
+// Hybrid story management routes (works in both dev and production)
+app.get('/mcp/stories', getAllStories);
 app.get('/mcp/stories/:id', getStoryById);
 app.get('/mcp/stories/:id/content', getStoryContent);
 app.delete('/mcp/stories/:id', deleteStory);
@@ -42,16 +97,77 @@ app.delete('/mcp/sync/stories', clearAllSyncedStories);
 app.get('/mcp/sync/chat-history', syncChatHistory);
 app.get('/mcp/sync/validate/:id', validateChatSession);
 // Proxy routes for frontend compatibility (maps /story-ui/ to /mcp/)
-app.get('/story-ui/stories', getStoriesMetadata);
+app.get('/story-ui/stories', getAllStories);
 app.get('/story-ui/stories/:id', getStoryById);
 app.get('/story-ui/stories/:id/content', getStoryContent);
 app.delete('/story-ui/stories/:id', deleteStory);
 app.delete('/story-ui/stories', clearAllStories);
 app.post('/story-ui/generate', generateStoryFromPrompt);
+app.post('/story-ui/generate-stream', generateStoryFromPromptStream);
 app.post('/story-ui/claude', claudeProxy);
 app.get('/story-ui/components', getComponents);
 app.get('/story-ui/props', getProps);
 app.get('/story-ui/memory-stats', getMemoryStats);
+// Design system considerations endpoint - serves considerations for environment parity
+app.get('/story-ui/considerations', async (req, res) => {
+    try {
+        const projectRoot = process.cwd();
+        // First try directory-based documentation (story-ui-docs/)
+        const docLoader = new DocumentationLoader(projectRoot);
+        if (docLoader.hasDocumentation()) {
+            const docs = await docLoader.loadDocumentation();
+            // Use the formatForPrompt method to properly format all documentation
+            const considerationsText = docLoader.formatForPrompt(docs);
+            return res.json({
+                hasConsiderations: considerationsText.length > 0,
+                source: 'story-ui-docs',
+                considerations: considerationsText
+            });
+        }
+        // Fall back to legacy single-file considerations
+        const considerations = loadConsiderations(config.considerationsPath);
+        if (considerations) {
+            const considerationsText = considerationsToPrompt(considerations);
+            return res.json({
+                hasConsiderations: true,
+                source: 'story-ui-considerations',
+                considerations: considerationsText
+            });
+        }
+        // No considerations found
+        return res.json({
+            hasConsiderations: false,
+            source: null,
+            considerations: ''
+        });
+    }
+    catch (error) {
+        console.error('Error loading considerations:', error);
+        return res.json({
+            hasConsiderations: false,
+            source: null,
+            considerations: '',
+            error: error instanceof Error ? error.message : 'Unknown error'
+        });
+    }
+});
+// Provider management proxy routes
+app.get('/story-ui/providers', getProviders);
+app.get('/story-ui/providers/models', getModels);
+app.post('/story-ui/providers/configure', configureProviderRoute);
+app.post('/story-ui/providers/validate', validateApiKey);
+app.post('/story-ui/providers/default', setDefaultProvider);
+app.post('/story-ui/providers/model', setModel);
+// UI Settings proxy routes (for non-technical users)
+app.get('/story-ui/providers/settings', getUISettings);
+app.post('/story-ui/providers/settings', applyUISettings);
+app.get('/story-ui/providers/config', getSettingsConfig);
+// Framework management proxy routes
+app.get('/story-ui/frameworks', listFrameworks);
+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);
 // Legacy delete route for backwards compatibility
 app.post('/story-ui/delete', async (req, res) => {
     try {
@@ -107,10 +223,26 @@ app.delete('/story-ui/sync/stories/:id', deleteSyncedStory);
 app.delete('/story-ui/sync/stories', clearAllSyncedStories);
 app.get('/story-ui/sync/chat-history', syncChatHistory);
 app.get('/story-ui/sync/validate/:id', validateChatSession);
+// MCP Remote HTTP transport routes (for Claude Desktop remote connections)
+// Provides Streamable HTTP and legacy SSE endpoints for remote MCP access
+app.use('/mcp-remote', mcpRemoteRouter);
+app.use('/story-ui/mcp-remote', mcpRemoteRouter); // Also available at story-ui prefix
+// Redirect service endpoint
+app.get('/mcp/redirects.js', (req, res) => {
+    res.set('Content-Type', 'application/javascript');
+    res.send(redirectService.getRedirectScript());
+});
+// Also serve at story-ui path for compatibility
+app.get('/story-ui/redirects.js', (req, res) => {
+    res.set('Content-Type', 'application/javascript');
+    res.send(redirectService.getRedirectScript());
+});
 // Set up production-ready gitignore and directory structure on startup
 const config = loadUserConfig();
 const gitignoreManager = setupProductionGitignore(config);
 const storyService = getInMemoryStoryService(config);
+// Initialize URL redirect service
+const redirectService = new UrlRedirectService(process.cwd());
 const PORT = parseInt(process.env.PORT || '4001', 10);
 // Start server
 app.listen(PORT, () => {

package/dist/mcp-server/mcp-stdio-server.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=mcp-stdio-server.d.ts.map

package/dist/mcp-server/mcp-stdio-server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mcp-stdio-server.d.ts","sourceRoot":"","sources":["../../mcp-server/mcp-stdio-server.ts"],"names":[],"mappings":""}