@tpitre/story-ui 3.1.0 → 3.2.0

package/README.md

@@ -66,9 +66,7 @@ Story UI will guide you through:
 | **Gemini** (Google) | Gemini 3 Pro, Gemini 2.0 Flash, Gemini 1.5 Pro | Fast generation, cost efficiency |
 
 ### Production Deployment
-- **Cloudflare Workers**: Edge-deployed API proxy
-- **Cloudflare Pages**: Static frontend hosting
-- **Railway**: Full Node.js backend (alternative)
+- **Railway**: Node.js backend with PostgreSQL for story persistence
 - **MCP Integration**: Connect AI clients directly to production
 
 ---
@@ -314,100 +312,55 @@ Story UI v3 can be deployed as a standalone web application accessible from anyw
 
 ```
 ┌─────────────────────────────────────────────────────────────┐
-│                    Cloudflare Pages                          │
-│                   (Your Frontend App)                        │
+│                    Railway Deployment                        │
 │  ┌─────────────────────────────────────────────────────────┐│
-│  │  - Chat Interface                                        ││
-│  │  - Live Component Preview                                ││
-│  │  - Syntax Highlighted Code View                          ││
-│  │  - Provider/Model Selection                              ││
+│  │              Express MCP Server (Node.js)                ││
+│  │  - Serves React frontend                                 ││
+│  │  - API routes for story generation                       ││
+│  │  - Multi-provider LLM support                            ││
 │  └─────────────────────────────────────────────────────────┘│
-└──────────────────────────┬──────────────────────────────────┘
-                           │
-                           ▼
-┌─────────────────────────────────────────────────────────────┐
-│               Cloudflare Workers Edge                        │
+│                            │                                 │
+│                            ▼                                 │
 │  ┌─────────────────────────────────────────────────────────┐│
-│  │  - /story-ui/providers → Available providers/models      ││
-│  │  - /story-ui/claude → Claude API proxy                   ││
-│  │  - /story-ui/openai → OpenAI API proxy                   ││
-│  │  - /story-ui/gemini → Gemini API proxy                   ││
-│  │  - /mcp → MCP JSON-RPC endpoint                          ││
+│  │              PostgreSQL Database                         ││
+│  │  - Story persistence across deployments                  ││
 │  └─────────────────────────────────────────────────────────┘│
-└─────────────────────────────────────────────────────────────┘
+└──────────────────────────────────────────────────────────────┘
 ```
 
-### Deploy to Cloudflare
-
-**1. Deploy the Edge Worker (Backend)**
-
-```bash
-cd cloudflare-edge
-wrangler deploy
+### Deploy to Railway
 
-# Set your API keys as secrets
-wrangler secret put ANTHROPIC_API_KEY
-wrangler secret put OPENAI_API_KEY    # optional
-wrangler secret put GEMINI_API_KEY    # optional
-```
+Railway provides a complete deployment experience with PostgreSQL for story persistence.
 
-**2. Deploy the Frontend**
+**Quick Start:**
 
 ```bash
-cd templates/production-app
-npm install
-npm run build
-wrangler pages deploy dist --project-name=your-app-name
-```
-
-**3. Configure Environment**
-
-Update the frontend to point to your worker URL in the configuration.
-
-### Railway Deployment (Recommended)
+# Install Railway CLI
+npm install -g @railway/cli
+railway login
 
-Railway provides the most complete deployment experience with:
-- Full Storybook dev server with HMR
-- Integrated Story UI MCP server
-- Live story generation directly in the sidebar
-- Easy environment variable management
+# Initialize project with PostgreSQL
+railway init
+railway add --plugin postgresql
 
-**1. Deploy to Railway**
-
-```bash
-# From your Storybook project with Story UI configured
-npx story-ui deploy --live --platform=railway --dry-run
-
-# Review the generated configuration, then deploy:
+# Deploy
 railway up
 ```
 
-**2. Set Environment Variables in Railway Dashboard:**
+**Environment Variables (set in Railway Dashboard):**
 - `ANTHROPIC_API_KEY` - Required for Claude models
 - `OPENAI_API_KEY` - Optional for OpenAI models
 - `GEMINI_API_KEY` - Optional for Gemini models
-- `STORY_UI_DEV_MODE=true` - Enable file-based story storage
-
-**3. Connect External MCP Clients**
-
-Once deployed, your Railway instance provides an MCP endpoint that AI clients can connect to:
+- `DATABASE_URL` - Auto-set by Railway PostgreSQL plugin
 
-```
-https://your-app.up.railway.app/story-ui
-```
+**Connect MCP Clients:**
 
-**For Claude Desktop/Claude Code:**
 ```bash
 # Add your Railway deployment as an MCP server
 claude mcp add --transport http story-ui https://your-app.up.railway.app/story-ui
 ```
 
-**For other MCP clients**, use the full URL:
-```
-https://your-app.up.railway.app/mcp
-```
-
-This allows you to generate stories from Claude Desktop, ChatGPT (with MCP support), or any other MCP-compatible AI client, and see them appear in your deployed Storybook instance.
+See [DEPLOYMENT.md](DEPLOYMENT.md) for detailed deployment instructions, PostgreSQL setup, and troubleshooting.
 
 ---
 

package/dist/cli/deploy.d.ts

@@ -4,14 +4,7 @@ interface DeployOptions {
     projectName?: string;
     dryRun?: boolean;
     backend?: boolean;
-    frontend?: boolean;
-    app?: boolean;
     backendUrl?: string;
-    storybookDir?: string;
-    init?: boolean;
-    edge?: boolean;
-    pages?: boolean;
-    all?: boolean;
 }
 export declare function deployCommand(options: DeployOptions): Promise<void>;
 export {};

package/dist/cli/deploy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deploy.d.ts","sourceRoot":"","sources":["../../cli/deploy.ts"],"names":[],"mappings":"AASA,UAAU,aAAa;IAErB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AA6hCD,wBAAsB,aAAa,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CA0JzE"}
+{"version":3,"file":"deploy.d.ts","sourceRoot":"","sources":["../../cli/deploy.ts"],"names":[],"mappings":"AASA,UAAU,aAAa;IAErB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AA4nBD,wBAAsB,aAAa,CAAC,OAAO,EAAE,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,CA2GzE"}

package/dist/cli/deploy.js

@@ -563,346 +563,10 @@ primary_region = "sjc"
         return null;
     }
 }
-/**
- * Deploy Storybook frontend to Cloudflare Pages
- */
-async function deployStorybook(backendUrl, storybookDir, projectName, dryRun) {
-    console.log('\n📖 Deploying Storybook to Cloudflare Pages...\n');
-    // Check wrangler auth
-    try {
-        execSync('npx wrangler whoami', { stdio: 'pipe' });
-    }
-    catch {
-        console.log('🔐 Not authenticated with Cloudflare.');
-        execSync('npx wrangler login', { stdio: 'inherit' });
-    }
-    // Validate storybook directory
-    if (!fs.existsSync(storybookDir)) {
-        console.error(`❌ Storybook directory not found: ${storybookDir}`);
-        console.log('   Make sure you have a Storybook project set up.');
-        return null;
-    }
-    const packageJsonPath = path.join(storybookDir, 'package.json');
-    if (!fs.existsSync(packageJsonPath)) {
-        console.error('❌ No package.json found in storybook directory');
-        return null;
-    }
-    if (dryRun) {
-        console.log(`[DRY RUN] Would build Storybook with VITE_STORY_UI_EDGE_URL=${backendUrl}`);
-        console.log(`[DRY RUN] Would deploy from: ${storybookDir}`);
-        return 'https://dry-run.pages.dev';
-    }
-    try {
-        // Install dependencies if needed
-        if (!fs.existsSync(path.join(storybookDir, 'node_modules'))) {
-            console.log('📦 Installing dependencies...');
-            execSync('npm install', { cwd: storybookDir, stdio: 'inherit' });
-        }
-        // Build storybook with the backend URL
-        console.log(`🔨 Building Storybook with backend URL: ${backendUrl}`);
-        execSync(`VITE_STORY_UI_EDGE_URL=${backendUrl} npm run build-storybook`, {
-            cwd: storybookDir,
-            stdio: 'inherit'
-        });
-        // Deploy to Cloudflare Pages
-        const staticDir = path.join(storybookDir, 'storybook-static');
-        if (!fs.existsSync(staticDir)) {
-            console.error('❌ storybook-static directory not found after build');
-            return null;
-        }
-        console.log('🚀 Deploying to Cloudflare Pages...');
-        const result = execSync(`npx wrangler pages deploy ${staticDir} --project-name=${projectName}-storybook 2>&1`, {
-            encoding: 'utf-8'
-        });
-        console.log(result);
-        // Extract URL from output
-        const urlMatch = result.match(/https:\/\/[^\s]+\.pages\.dev/);
-        if (urlMatch) {
-            console.log(`\n✅ Storybook deployed to: ${urlMatch[0]}`);
-            return urlMatch[0];
-        }
-        return null;
-    }
-    catch (error) {
-        console.error('❌ Storybook deployment failed:', error.message);
-        if (error.stdout)
-            console.log(error.stdout);
-        if (error.stderr)
-            console.error(error.stderr);
-        return null;
-    }
-}
-/**
- * Build and deploy standalone production app
- * This builds a React app with the user's component library bundled in
- */
-async function deployProductionApp(backendUrl, projectName, dryRun) {
-    console.log('\n🚀 Building Standalone Production App...\n');
-    console.log('   This creates a standalone web app with your component library\n');
-    const pkgRoot = getPackageRoot();
-    const userCwd = process.cwd();
-    const templateDir = path.join(pkgRoot, 'templates/production-app');
-    const buildDir = path.join(userCwd, '.story-ui-build');
-    // Check for story-ui.config.js in user's project
-    const configPath = path.join(userCwd, 'story-ui.config.js');
-    if (!fs.existsSync(configPath)) {
-        console.error('❌ No story-ui.config.js found in current directory');
-        console.log('   Run "npx story-ui init" first to configure your component library');
-        return null;
-    }
-    if (dryRun) {
-        console.log(`[DRY RUN] Would build production app from: ${templateDir}`);
-        console.log(`[DRY RUN] Would bundle with components from: ${configPath}`);
-        console.log(`[DRY RUN] Backend URL would be: ${backendUrl}`);
-        return 'https://dry-run.pages.dev';
-    }
-    try {
-        // 1. Copy template to build directory
-        console.log('📁 Setting up build directory...');
-        if (fs.existsSync(buildDir)) {
-            fs.rmSync(buildDir, { recursive: true });
-        }
-        fs.mkdirSync(buildDir, { recursive: true });
-        // Copy template files
-        copyDirectory(templateDir, buildDir);
-        // 2. Load user config and discover components
-        console.log('🔍 Discovering components from your library...');
-        const { generateComponentRegistry } = await import('../story-generator/componentRegistryGenerator.js');
-        const registryOutputPath = path.join(buildDir, 'src/componentRegistry.ts');
-        // Generate the component registry in the user's project context
-        process.chdir(userCwd);
-        await generateComponentRegistry(registryOutputPath);
-        // 2.5. Load ALL design system documentation (story-ui-docs/ AND story-ui-considerations.md)
-        console.log('📚 Loading design system documentation...');
-        // First, try the full documentation directory (story-ui-docs/)
-        const { DocumentationLoader } = await import('../story-generator/documentationLoader.js');
-        const docLoader = new DocumentationLoader(userCwd);
-        let fullDocumentation = '';
-        let documentationTokens = {};
-        let documentationPatterns = {};
-        let hasFullDocs = false;
-        if (docLoader.hasDocumentation()) {
-            console.log('📂 Found story-ui-docs/ directory, loading all documentation...');
-            const docs = await docLoader.loadDocumentation();
-            fullDocumentation = docLoader.formatForPrompt(docs);
-            documentationTokens = docs.tokens;
-            documentationPatterns = docs.patterns;
-            hasFullDocs = true;
-            console.log(`   ✅ Loaded ${docs.guidelines.length} guidelines, ${Object.keys(docs.tokens).length} token categories, ${Object.keys(docs.patterns).length} patterns`);
-        }
-        // Also load legacy considerations file (story-ui-considerations.md)
-        const { loadConsiderations, considerationsToPrompt } = await import('../story-generator/considerationsLoader.js');
-        const considerations = loadConsiderations(); // Auto-finds in common locations
-        const considerationsPrompt = considerations ? considerationsToPrompt(considerations) : '';
-        // Combine both sources - full docs take priority, considerations supplement
-        let combinedDocumentation = '';
-        if (fullDocumentation) {
-            combinedDocumentation = fullDocumentation;
-            if (considerationsPrompt) {
-                // Add considerations as supplementary rules
-                combinedDocumentation += '\n\n📋 ADDITIONAL DESIGN SYSTEM RULES:\n' + considerationsPrompt;
-            }
-        }
-        else if (considerationsPrompt) {
-            combinedDocumentation = considerationsPrompt;
-        }
-        const considerationsOutputPath = path.join(buildDir, 'src/considerations.ts');
-        // Write comprehensive documentation to a TypeScript file
-        const considerationsContent = `/**
- * AI Design System Documentation - Auto-generated
- *
- * This file contains ALL design system documentation for the AI:
- * - Guidelines from story-ui-docs/ directory
- * - Design tokens (colors, spacing, typography, etc.)
- * - Component-specific documentation
- * - Layout patterns
- * - Accessibility rules
- * - Legacy considerations from story-ui-considerations.md
- *
- * To customize:
- * 1. Create a story-ui-docs/ directory with markdown/JSON files
- * 2. And/or edit story-ui-considerations.md in your project root
- */
-
-export const aiConsiderations = ${JSON.stringify(combinedDocumentation, null, 2)};
-
-export const hasConsiderations = ${(hasFullDocs || considerations) ? 'true' : 'false'};
-
-// Design tokens for programmatic access (if needed)
-export const designTokens = ${JSON.stringify(documentationTokens, null, 2)};
-
-// Design patterns for programmatic access (if needed)
-export const designPatterns = ${JSON.stringify(documentationPatterns, null, 2)};
-
-// Source information
-export const documentationSource = {
-  hasFullDocs: ${hasFullDocs},
-  hasLegacyConsiderations: ${considerations ? 'true' : 'false'},
-  libraryName: ${JSON.stringify(considerations?.libraryName || null)}
-};
-`;
-        fs.writeFileSync(considerationsOutputPath, considerationsContent);
-        if (hasFullDocs && considerations) {
-            console.log(`✅ Loaded full documentation + considerations for: ${considerations.libraryName || 'your component library'}`);
-        }
-        else if (hasFullDocs) {
-            console.log('✅ Loaded full documentation from story-ui-docs/');
-        }
-        else if (considerations) {
-            console.log(`✅ Loaded considerations for: ${considerations.libraryName || 'your component library'}`);
-        }
-        else {
-            console.log('⚠️  No documentation found - using default prompts');
-            console.log('   Create story-ui-docs/ directory or story-ui-considerations.md for better results');
-        }
-        process.chdir(buildDir);
-        // 3. Install dependencies
-        console.log('📦 Installing dependencies...');
-        // Read the user's config
-        const userConfig = await import(configPath);
-        const config = userConfig.default;
-        const componentLibraryPackage = config.importPath;
-        // Update package.json to include the component library as a dependency
-        const packageJsonPath = path.join(buildDir, 'package.json');
-        const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'));
-        // Add dependencies from user config (design system agnostic)
-        const packagesToAdd = config.dependencies || [componentLibraryPackage];
-        for (const pkg of packagesToAdd) {
-            packageJson.dependencies[pkg] = '*';
-        }
-        // Add any additional imports as dependencies
-        if (config.additionalImports) {
-            for (const imp of config.additionalImports) {
-                packageJson.dependencies[imp.path] = '*';
-            }
-        }
-        fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));
-        // 3.5. Generate main.tsx with user-defined provider (design system agnostic)
-        console.log('⚙️  Configuring app providers from story-ui.config.js...');
-        const mainTsxPath = path.join(buildDir, 'src/main.tsx');
-        const mainTsxContent = generateMainTsxFromConfig(config);
-        fs.writeFileSync(mainTsxPath, mainTsxContent);
-        // Install deps using npm with link to use local versions
-        execSync('npm install', { cwd: buildDir, stdio: 'inherit' });
-        // 4. Create .env file with backend URL
-        console.log('⚙️  Configuring backend URL...');
-        fs.writeFileSync(path.join(buildDir, '.env'), `VITE_STORY_UI_SERVER=${backendUrl}\nVITE_APP_TITLE=Story UI\n`);
-        // 5. Build the app
-        console.log('🔨 Building production app...');
-        execSync('npm run build', { cwd: buildDir, stdio: 'inherit' });
-        // 6. Deploy to Cloudflare Pages
-        console.log('☁️  Deploying to Cloudflare Pages...');
-        // Check wrangler auth
-        try {
-            execSync('npx wrangler whoami', { stdio: 'pipe' });
-        }
-        catch {
-            console.log('🔐 Not authenticated with Cloudflare.');
-            execSync('npx wrangler login', { stdio: 'inherit' });
-        }
-        const distDir = path.join(buildDir, 'dist');
-        const result = execSync(`npx wrangler pages deploy ${distDir} --project-name=${projectName}-app 2>&1`, {
-            encoding: 'utf-8'
-        });
-        console.log(result);
-        // Extract URL from output
-        const urlMatch = result.match(/https:\/\/[^\s]+\.pages\.dev/);
-        if (urlMatch) {
-            console.log(`\n✅ Production app deployed to: ${urlMatch[0]}`);
-            return urlMatch[0];
-        }
-        console.log('\n⚠️  Deployment completed but URL not detected in output.');
-        return null;
-    }
-    catch (error) {
-        console.error('❌ Production app deployment failed:', error.message);
-        if (error.stdout)
-            console.log(error.stdout);
-        if (error.stderr)
-            console.error(error.stderr);
-        return null;
-    }
-    finally {
-        // Return to original directory
-        process.chdir(userCwd);
-    }
-}
-/**
- * Generate main.tsx from user config (design system agnostic)
- *
- * User's story-ui.config.js can define provider configuration:
- * {
- *   provider: {
- *     cssImports: ["your-library/styles.css"],  // CSS files to import
- *     imports: ["import { YourProvider } from 'your-library';"],  // Provider imports
- *     wrapper: "<YourProvider>{children}</YourProvider>"  // JSX wrapper with {children} placeholder
- *   }
- * }
- */
-function generateMainTsxFromConfig(config) {
-    const provider = config.provider || {};
-    // CSS imports (if any)
-    const cssImports = (provider.cssImports || [])
-        .map((css) => `import '${css}';`)
-        .join('\n');
-    // Provider component imports (if any)
-    const providerImports = (provider.imports || []).join('\n');
-    // Provider wrapper - replace {children} with <App />
-    let appElement = '<App />';
-    if (provider.wrapper) {
-        appElement = provider.wrapper.replace('{children}', '<App />');
-    }
-    return `/**
- * Production App Entry Point
- *
- * This is the main entry point for the Story UI production app.
- * Provider configuration is read from story-ui.config.js
- */
-
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-${cssImports}
-${providerImports}
-import App from './App';
-import './index.css';
-
-// Mount the app
-const rootElement = document.getElementById('root');
-
-if (!rootElement) {
-  throw new Error('Root element not found. Make sure there is a <div id="root"></div> in your HTML.');
-}
-
-ReactDOM.createRoot(rootElement).render(
-  <React.StrictMode>
-    ${appElement}
-  </React.StrictMode>
-);
-`;
-}
-/**
- * Helper function to copy directory recursively
- */
-function copyDirectory(src, dest) {
-    if (!fs.existsSync(dest)) {
-        fs.mkdirSync(dest, { recursive: true });
-    }
-    const entries = fs.readdirSync(src, { withFileTypes: true });
-    for (const entry of entries) {
-        const srcPath = path.join(src, entry.name);
-        const destPath = path.join(dest, entry.name);
-        if (entry.isDirectory()) {
-            copyDirectory(srcPath, destPath);
-        }
-        else {
-            fs.copyFileSync(srcPath, destPath);
-        }
-    }
-}
 /**
  * Print deployment summary
  */
-function printSummary(backendUrl, frontendUrl, appUrl) {
+function printSummary(backendUrl) {
     console.log('\n' + '═'.repeat(60));
     console.log('📋 DEPLOYMENT SUMMARY');
     console.log('═'.repeat(60));
@@ -912,54 +576,14 @@ function printSummary(backendUrl, frontendUrl, appUrl) {
         console.log(`   - ${backendUrl}/story-ui/providers`);
         console.log(`   - ${backendUrl}/story-ui/generate-stream`);
         console.log(`   - ${backendUrl}/story-ui/stories`);
-    }
-    if (appUrl) {
-        console.log(`\n🚀 Production App: ${appUrl}`);
-        console.log('   This is your standalone web app with your component library');
-        console.log('   Users can prompt and see live-rendered components!');
-    }
-    if (frontendUrl) {
-        console.log(`\n🌐 Storybook UI: ${frontendUrl}`);
-        console.log('   (Legacy Storybook-based interface)');
-    }
-    if (backendUrl && (appUrl || frontendUrl)) {
-        console.log('\n✅ Full deployment complete!');
-        console.log('   Non-developers can now access Story UI at:');
-        if (appUrl) {
-            console.log(`   ${appUrl} (Recommended)`);
-        }
-        if (frontendUrl) {
-            console.log(`   ${frontendUrl} (Storybook)`);
-        }
+        console.log('\n✅ Deployment complete!');
     }
     console.log('\n' + '═'.repeat(60));
 }
-/**
- * Legacy Cloudflare Edge deployment (deprecated)
- */
-async function legacyEdgeDeployment(options) {
-    console.log('\n⚠️  WARNING: The Edge Worker deployment is deprecated.');
-    console.log('   It\'s recommended to use the new approach instead:');
-    console.log('   npx story-ui deploy --backend --platform=railway');
-    console.log('   npx story-ui deploy --frontend --backend-url=<your-backend-url>\n');
-    const answer = await prompt('Continue with legacy deployment? (y/N): ');
-    if (answer.toLowerCase() !== 'y') {
-        console.log('Aborted. Use --backend and --frontend for the new approach.');
-        return;
-    }
-    // Original legacy code here...
-    console.log('Legacy deployment not implemented in new CLI.');
-    console.log('Please use the new --backend and --frontend flags.');
-}
 export async function deployCommand(options) {
     console.log('\n☁️  Story UI Production Deployment');
     console.log('═'.repeat(40) + '\n');
-    // Handle legacy flags
-    if (options.edge || options.pages || options.all || options.init) {
-        await legacyEdgeDeployment(options);
-        return;
-    }
-    // NEW RECOMMENDED: Live Storybook deployment
+    // Live Storybook deployment (recommended)
     // Runs Storybook in dev mode with MCP server - works with ANY components
     if (options.live) {
         const result = await deployLiveStorybook(options);
@@ -984,11 +608,8 @@ export async function deployCommand(options) {
         }
         return;
     }
-    // Legacy deployment flows
+    // Backend-only deployment
     let backendUrl = options.backendUrl || null;
-    let frontendUrl = null;
-    let appUrl = null;
-    // Deploy backend
     if (options.backend) {
         const platform = options.platform || 'railway';
         switch (platform) {
@@ -1007,38 +628,11 @@ export async function deployCommand(options) {
             console.log('\n⚠️  Backend deployment did not return a URL.');
             console.log('   You may need to check the platform dashboard for the URL.');
         }
-    }
-    // Deploy standalone production app (Lovable/Bolt-style)
-    if (options.app) {
-        if (!backendUrl) {
-            backendUrl = await prompt('Enter your backend URL: ');
-            if (!backendUrl) {
-                console.error('❌ Backend URL is required for app deployment.');
-                return;
-            }
-        }
-        const projectName = options.projectName || 'story-ui';
-        appUrl = await deployProductionApp(backendUrl, projectName, options.dryRun || false);
-    }
-    // Deploy frontend (legacy Storybook-based)
-    if (options.frontend) {
-        if (!backendUrl) {
-            backendUrl = await prompt('Enter your backend URL: ');
-            if (!backendUrl) {
-                console.error('❌ Backend URL is required for frontend deployment.');
-                return;
-            }
-        }
-        const storybookDir = options.storybookDir || process.cwd();
-        const projectName = options.projectName || 'story-ui';
-        frontendUrl = await deployStorybook(backendUrl, storybookDir, projectName, options.dryRun || false);
-    }
-    // Print summary
-    if (options.backend || options.frontend || options.app) {
-        printSummary(backendUrl, frontendUrl, appUrl);
+        printSummary(backendUrl);
+        return;
     }
     // Show help if no flags provided
-    if (!options.backend && !options.frontend && !options.app && !options.live && !options.edge && !options.pages && !options.all && !options.init) {
+    if (!options.backend && !options.live) {
         console.log('Story UI Deployment - Deploy your Storybook with AI story generation\n');
         console.log('═'.repeat(60));
         console.log('  RECOMMENDED: Live Storybook Deployment');
@@ -1067,16 +661,11 @@ export async function deployCommand(options) {
         console.log('  ANTHROPIC_API_KEY  - Claude API key (recommended)');
         console.log('  OPENAI_API_KEY     - OpenAI API key (optional)');
         console.log('  GEMINI_API_KEY     - Google Gemini API key (optional)');
-        console.log('  (Set at least one of these)\n');
-        console.log('ALTERNATIVE APPROACHES (for specific use cases):');
+        console.log('  DATABASE_URL       - PostgreSQL URL for story persistence');
+        console.log('  (Set at least one API key)\n');
+        console.log('BACKEND-ONLY DEPLOYMENT:');
         console.log('─'.repeat(60));
         console.log('  --backend              Deploy only the MCP server backend');
-        console.log('  --app                  Deploy standalone production app (static)');
-        console.log('  --frontend             Deploy Storybook static build');
         console.log('  --backend-url <url>    Use existing backend URL\n');
-        console.log('DEPRECATED:');
-        console.log('─'.repeat(60));
-        console.log('  --init, --edge, --pages, --all');
-        console.log('  These Cloudflare Edge options are deprecated. Use --live instead.\n');
     }
 }

package/dist/mcp-server/index.js

@@ -17,7 +17,7 @@ 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 { getStoryService, getStorageType } from '../story-generator/storyServiceFactory.js';
 import { loadUserConfig } from '../story-generator/configLoader.js';
 import { loadConsiderations, considerationsToPrompt } from '../story-generator/considerationsLoader.js';
 import { DocumentationLoader } from '../story-generator/documentationLoader.js';
@@ -177,14 +177,14 @@ app.post('/story-ui/delete', async (req, res) => {
             return res.status(400).json({ error: 'chatId or storyId is required' });
         }
         console.log(`🗑️ Attempting to delete story: ${id}`);
-        // First try in-memory deletion (production mode)
-        const storyService = getInMemoryStoryService(config);
-        const inMemoryDeleted = storyService.deleteStory(id);
-        if (inMemoryDeleted) {
-            console.log(`✅ Deleted story from memory: ${id}`);
+        // First try storage service deletion (production mode)
+        const storyService = await getStoryService(config);
+        const serviceDeleted = await storyService.deleteStory(id);
+        if (serviceDeleted) {
+            console.log(`✅ Deleted story from ${getStorageType()}: ${id}`);
             return res.json({
                 success: true,
-                message: 'Story deleted successfully from memory'
+                message: `Story deleted successfully from ${getStorageType()}`
             });
         }
         // If not found in memory, try file-system deletion (development mode)
@@ -240,7 +240,6 @@ app.get('/story-ui/redirects.js', (req, res) => {
 // 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);