rivet-design 0.1.0

package/README.md

@@ -0,0 +1,112 @@
+# Rivet Visual Editor
+
+An interactive visual editor for web applications that allows you to preview any GitHub repository and eventually edit code visually.
+
+## Features
+
+- 🔗 **Repository Preview**: Clone and preview any public GitHub repository
+- 📱 **Responsive Interface**: Clean, modern UI with sidebar navigation  
+- 🚀 **Live Development**: Automatic dev server startup for previewed projects
+- 🗂️ **Project Management**: Track multiple projects with status indicators
+- 🔄 **Hot Reload Ready**: Built-in support for framework hot reloading
+
+## Architecture
+
+```
+rivet/
+├── client/           # Next.js frontend (port 3000)
+├── backend/          # Express.js API (port 4000) 
+├── projects/         # Cloned repositories
+└── setup.sh         # Quick setup script
+```
+
+## Quick Start
+
+```bash
+# Setup (one time)
+./setup.sh
+
+# Start development
+yarn dev
+
+# Visit http://localhost:3000
+```
+
+## Manual Setup
+
+```bash
+# Install dependencies
+yarn install:all
+
+# Start services
+yarn dev:frontend    # http://localhost:3000
+yarn dev:backend     # http://localhost:4000
+
+# Or both together
+yarn dev
+```
+
+## Usage
+
+1. **Open the Editor**: Visit [http://localhost:3000](http://localhost:3000)
+
+2. **Add a Repository**: Enter a GitHub URL in the sidebar:
+   ```
+   https://github.com/vercel/next.js/tree/canary/examples/hello-world
+   https://github.com/facebook/create-react-app
+   https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react
+   ```
+
+3. **Create Preview**: Click "Create Preview" - this will:
+   - Clone the repository
+   - Install dependencies (npm/yarn/pnpm auto-detected)
+   - Start the development server
+   - Display the live preview in an iframe
+
+4. **Manage Projects**: View all your projects in the sidebar with status indicators
+
+## API Endpoints
+
+- `POST /api/create-preview` - Create a new project preview
+- `GET /api/projects` - List all projects  
+- `GET /api/projects/:id` - Get specific project
+- `DELETE /api/projects/:id` - Delete project and cleanup
+
+## Supported Frameworks
+
+Currently supports any project with standard npm scripts:
+- Next.js
+- React (Create React App, Vite)
+- Vue.js
+- Svelte
+- Express.js
+- And many more!
+
+## Development
+
+```bash
+# Frontend only
+cd client && yarn dev
+
+# Backend only  
+cd backend && yarn dev
+
+# Type checking
+cd backend && yarn typecheck
+cd client && yarn build  # Next.js type checks on build
+```
+
+## Roadmap
+
+- [x] Repository cloning and preview
+- [x] Project management interface
+- [x] Multiple framework support
+- [ ] Element selection system
+- [ ] Visual code editing
+- [ ] LLM-powered code generation
+- [ ] Real-time collaboration
+- [ ] Deployment integration
+
+## License
+
+MIT

package/bin/rivet.js

@@ -0,0 +1,27 @@
+#!/usr/bin/env node
+
+// Import the compiled main function
+const { main } = require('../dist/index.js');
+
+// Handle uncaught exceptions gracefully
+process.on('uncaughtException', (error) => {
+  console.error('Uncaught exception:', error);
+  process.exit(1);
+});
+
+process.on('unhandledRejection', (reason, promise) => {
+  console.error('Unhandled rejection at:', promise, 'reason:', reason);
+  process.exit(1);
+});
+
+// Handle Ctrl+C gracefully
+process.on('SIGINT', () => {
+  console.log('\n👋 Goodbye!');
+  process.exit(0);
+});
+
+// Start the CLI
+main().catch((error) => {
+  console.error('CLI error:', error);
+  process.exit(1);
+});

package/dist/index-core.d.ts

@@ -0,0 +1,15 @@
+export { ComponentSearchService } from './services/ComponentSearchService';
+export { FileModificationService } from './services/FileModificationService';
+export { LLMService } from './services/LLMService';
+export { LocalGitService } from './services/LocalGitService';
+export { ProjectDetectionService } from './services/ProjectDetectionService';
+export { ScriptInjectionService } from './services/ScriptInjectionService';
+export { SessionService } from './services/SessionService';
+export * from './types/types';
+export { createLogger } from './utils/logger';
+export type { Project, FrameworkConfig } from './services/ProjectDetectionService';
+export type { RepoInfo } from './services/LocalGitService';
+export type { LLMRequest, CodeModificationResult } from './services/LLMService';
+export type { SessionStatus } from './services/SessionService';
+export type { ChangeRequest, ChangeRecord, ElementContext, CSSChangeData, LLMChangeData, CodeModificationRequest, CodeModificationResponse } from './types/change-types';
+//# sourceMappingURL=index-core.d.ts.map

package/dist/index-core.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-core.d.ts","sourceRoot":"","sources":["../src/index-core.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,cAAc,eAAe,CAAC;AAG9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,YAAY,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACnF,YAAY,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,UAAU,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAChF,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC/D,YAAY,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,aAAa,EACb,aAAa,EACb,uBAAuB,EACvB,wBAAwB,EACzB,MAAM,sBAAsB,CAAC"}

package/dist/index-core.js

@@ -0,0 +1,38 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createLogger = exports.SessionService = exports.ScriptInjectionService = exports.ProjectDetectionService = exports.LocalGitService = exports.LLMService = exports.FileModificationService = exports.ComponentSearchService = void 0;
+// Services
+var ComponentSearchService_1 = require("./services/ComponentSearchService");
+Object.defineProperty(exports, "ComponentSearchService", { enumerable: true, get: function () { return ComponentSearchService_1.ComponentSearchService; } });
+var FileModificationService_1 = require("./services/FileModificationService");
+Object.defineProperty(exports, "FileModificationService", { enumerable: true, get: function () { return FileModificationService_1.FileModificationService; } });
+var LLMService_1 = require("./services/LLMService");
+Object.defineProperty(exports, "LLMService", { enumerable: true, get: function () { return LLMService_1.LLMService; } });
+var LocalGitService_1 = require("./services/LocalGitService");
+Object.defineProperty(exports, "LocalGitService", { enumerable: true, get: function () { return LocalGitService_1.LocalGitService; } });
+var ProjectDetectionService_1 = require("./services/ProjectDetectionService");
+Object.defineProperty(exports, "ProjectDetectionService", { enumerable: true, get: function () { return ProjectDetectionService_1.ProjectDetectionService; } });
+var ScriptInjectionService_1 = require("./services/ScriptInjectionService");
+Object.defineProperty(exports, "ScriptInjectionService", { enumerable: true, get: function () { return ScriptInjectionService_1.ScriptInjectionService; } });
+var SessionService_1 = require("./services/SessionService");
+Object.defineProperty(exports, "SessionService", { enumerable: true, get: function () { return SessionService_1.SessionService; } });
+// Types
+__exportStar(require("./types/types"), exports);
+// Utilities
+var logger_1 = require("./utils/logger");
+Object.defineProperty(exports, "createLogger", { enumerable: true, get: function () { return logger_1.createLogger; } });
+//# sourceMappingURL=index-core.js.map

package/dist/index-core.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-core.js","sourceRoot":"","sources":["../src/index-core.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,WAAW;AACX,4EAA2E;AAAlE,gIAAA,sBAAsB,OAAA;AAC/B,8EAA6E;AAApE,kIAAA,uBAAuB,OAAA;AAChC,oDAAmD;AAA1C,wGAAA,UAAU,OAAA;AACnB,8DAA6D;AAApD,kHAAA,eAAe,OAAA;AACxB,8EAA6E;AAApE,kIAAA,uBAAuB,OAAA;AAChC,4EAA2E;AAAlE,gIAAA,sBAAsB,OAAA;AAC/B,4DAA2D;AAAlD,gHAAA,cAAc,OAAA;AAEvB,QAAQ;AACR,gDAA8B;AAE9B,YAAY;AACZ,yCAA8C;AAArC,sGAAA,YAAY,OAAA"}

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+export type CLIOptions = {
+    port?: number;
+    userPort?: number;
+    help?: boolean;
+    version?: boolean;
+    noBrowser?: boolean;
+    debug?: boolean;
+    injectPath?: string;
+    trackWithGit?: boolean;
+};
+export declare const main: (args?: string[]) => Promise<void>;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,IAAI,GAAU,OAAM,MAAM,EAA0B,KAAG,OAAO,CAAC,IAAI,CAiG/E,CAAC"}

package/dist/index.js

@@ -0,0 +1,217 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.main = void 0;
+const server_1 = require("./server");
+const index_core_1 = require("./index-core");
+const open_1 = __importDefault(require("open"));
+const path_1 = __importDefault(require("path"));
+const dotenv = __importStar(require("dotenv"));
+const fs_1 = __importDefault(require("fs"));
+const log = (0, index_core_1.createLogger)('RivetCLI');
+const main = async (args = process.argv.slice(2)) => {
+    try {
+        // Parse basic CLI arguments first
+        const options = parseArgs(args);
+        // Load Rivet's own environment variables from its .env.local file
+        const rivetEnvPath = path_1.default.resolve(__dirname, '../.env.local');
+        if (fs_1.default.existsSync(rivetEnvPath)) {
+            dotenv.config({ path: rivetEnvPath });
+            log.debug('📝 Loaded Rivet environment variables');
+            // Log which LLM configuration is active
+            if (process.env.RIVET_PROXY_URL) {
+                log.debug('🔗 Proxy mode enabled - using remote LLM proxy');
+            }
+            else if (process.env.ANTHROPIC_API_KEY || process.env.OPENAI_API_KEY) {
+                log.debug('🤖 Direct mode enabled - using local API keys');
+                if (process.env.ANTHROPIC_API_KEY) {
+                    log.debug('   Anthropic (Claude) API key found');
+                }
+                if (process.env.OPENAI_API_KEY) {
+                    log.debug('   OpenAI API key found');
+                }
+            }
+            else {
+                log.warn('⚠️  No LLM configuration found - AI features will not work');
+                log.debug('   Either set RIVET_PROXY_URL for proxy mode,');
+                log.debug('   or ANTHROPIC_API_KEY / OPENAI_API_KEY for direct mode');
+            }
+        }
+        else {
+            log.warn('⚠️  No Rivet .env.local file found - AI features may not work without API keys');
+            log.debug(`   Expected at: ${rivetEnvPath}`);
+        }
+        // Set debug logging level if requested
+        if (options.debug) {
+            process.env.LOG_LEVEL = 'DEBUG';
+            log.debug('🐛 Debug mode enabled - LOG_LEVEL=DEBUG');
+        }
+        log.info('🎨 Starting Rivet...');
+        if (options.help) {
+            showHelp();
+            return;
+        }
+        if (options.version) {
+            showVersion();
+            return;
+        }
+        const projectDetection = new index_core_1.ProjectDetectionService();
+        const project = await projectDetection.detectProject(process.cwd());
+        const userDevServerPort = options.userPort || project.devServerPort;
+        const rivetPort = options.port || 4000;
+        log.debug(`📡 Connecting to project dev server on port ${userDevServerPort}${options.userPort ? ' (user-specified)' : ' (detected)'}`);
+        // Inject selection script into user's project
+        const scriptInjection = new index_core_1.ScriptInjectionService();
+        await scriptInjection.injectScript(process.cwd(), project.framework, options.injectPath, rivetPort);
+        await (0, server_1.startServer)({
+            port: rivetPort,
+            userPort: userDevServerPort,
+            trackWithGit: options.trackWithGit ?? true,
+            framework: project.framework,
+            injectPath: options.injectPath
+        });
+        // Open browser automatically unless disabled
+        if (!options.noBrowser) {
+            await (0, open_1.default)(`http://localhost:${rivetPort}`);
+            log.info('🌐 Opened Rivet in your browser');
+        }
+        log.info(`✅ Rivet connected to your ${project.framework} project`);
+        log.info('Press Ctrl+C to stop');
+        // Run forever until interrupted    
+        await new Promise(() => { });
+    }
+    catch (error) {
+        if (error instanceof Error) {
+            log.error('❌', error.message);
+            if (error.message.includes('No running dev server found')) {
+                log.info('\n💡 Make sure to start your dev server first:');
+                log.info('   npm run dev    (or)');
+                log.info('   yarn dev       (or)');
+                log.info('   pnpm dev');
+                log.info('\nThen run rivet again.');
+            }
+        }
+        else {
+            log.error('❌ An unexpected error occurred:', error);
+        }
+    }
+};
+exports.main = main;
+const parseArgs = (args) => {
+    const options = {};
+    for (let i = 0; i < args.length; i++) {
+        const arg = args[i];
+        switch (arg) {
+            case '-h':
+            case '--help':
+                options.help = true;
+                break;
+            case '-v':
+            case '--version':
+                options.version = true;
+                break;
+            case '-p':
+            case '--port':
+                const portValue = args[++i];
+                if (portValue && !isNaN(Number(portValue))) {
+                    options.port = Number(portValue);
+                }
+                break;
+            case '--user-port':
+                const userPortValue = args[++i];
+                if (userPortValue && !isNaN(Number(userPortValue))) {
+                    options.userPort = Number(userPortValue);
+                }
+                break;
+            case '--no-browser':
+                options.noBrowser = true;
+                break;
+            case '-d':
+            case '--debug':
+                options.debug = true;
+                break;
+            case '--inject-path':
+                const injectPathValue = args[++i];
+                if (injectPathValue) {
+                    options.injectPath = injectPathValue;
+                }
+                break;
+            case '--track-with-git':
+                options.trackWithGit = true;
+                break;
+        }
+    }
+    return options;
+};
+const showHelp = () => {
+    console.log(`
+rivet - Local visual web development tool
+
+USAGE:
+  rivet [options]
+
+OPTIONS:
+  -h, --help            Show this help message
+  -v, --version         Show version number
+  -p, --port PORT       Port for Rivet server (default: 4000)
+  --user-port PORT      Port where your dev server is running (default: 3000)
+  -d, --debug           Enable debug logging
+  --no-browser          Don't automatically open browser
+  --inject-path         Custom path for script injection (e.g., apps/web/app/layout.tsx)
+  --track-with-git      Enable git tracking (creates branches and commits changes)
+
+EXAMPLES:
+  rivet                       # Start Rivet on port 4000, connect to dev server on port 3000
+  rivet -p 8080              # Start Rivet on port 8080  
+  rivet --user-port 5173     # Connect to Vite dev server on port 5173
+  rivet --no-browser         # Start without opening browser
+
+Make sure your dev server is running first (npm run dev, yarn dev, etc.)
+`);
+};
+const showVersion = () => {
+    try {
+        const packageJsonPath = path_1.default.join(__dirname, '../package.json');
+        const packageJson = JSON.parse(fs_1.default.readFileSync(packageJsonPath, 'utf8'));
+        console.log(`rivet v${packageJson.version}`);
+    }
+    catch (error) {
+        log.error('Could not read version from package.json');
+    }
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/routes/components.d.ts

@@ -0,0 +1,2 @@
+export declare const createComponentRouter: () => import("express-serve-static-core").Router;
+//# sourceMappingURL=components.d.ts.map

package/dist/routes/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/routes/components.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,qBAAqB,kDAuDjC,CAAC"}

package/dist/routes/components.js

@@ -0,0 +1,58 @@
+"use strict";
+// ABOUTME: Component search API routes
+// ABOUTME: Handles searching for React components that match selected DOM elements
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createComponentRouter = void 0;
+const express_1 = require("express");
+const index_core_1 = require("../index-core");
+const log = (0, index_core_1.createLogger)('ComponentRoutes');
+const createComponentRouter = () => {
+    const router = (0, express_1.Router)();
+    // Component search endpoint (supports single element or array of elements)
+    router.post('/search-components', async (req, res) => {
+        try {
+            const body = req.body;
+            // Handle both single element and array of elements
+            const elements = Array.isArray(body) ? body : [body];
+            log.info(`Searching for components matching ${elements.length} element(s)`);
+            log.debug('Elements summary:', elements.map((el, i) => ({
+                index: i,
+                tagName: el.tagName,
+                className: el.className,
+                id: el.id,
+                textContent: el.textContent?.substring(0, 30)
+            })));
+            const projectPath = process.cwd();
+            const searchService = new index_core_1.ComponentSearchService();
+            // Process all elements in parallel
+            const results = await Promise.all(elements.map(async (element, index) => {
+                try {
+                    const matches = await searchService.findMatchingComponents(projectPath, element);
+                    log.debug(`Element ${index} (${element.tagName}): Found ${matches.length} matches`);
+                    return { matches, error: null };
+                }
+                catch (error) {
+                    log.error(`Component search failed for element ${index}:`, error);
+                    return {
+                        matches: [],
+                        error: error instanceof Error ? error.message : 'Unknown error'
+                    };
+                }
+            }));
+            const totalMatches = results.reduce((sum, result) => sum + result.matches.length, 0);
+            log.info(`Search completed: ${totalMatches} total matches across ${elements.length} element(s)`);
+            // Always return results array format
+            res.json({ results });
+        }
+        catch (error) {
+            log.error('Component search failed:', error);
+            res.status(500).json({
+                error: 'Component search failed',
+                details: error instanceof Error ? error.message : 'Unknown error'
+            });
+        }
+    });
+    return router;
+};
+exports.createComponentRouter = createComponentRouter;
+//# sourceMappingURL=components.js.map

package/dist/routes/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/routes/components.ts"],"names":[],"mappings":"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"}

package/dist/routes/git.d.ts

@@ -0,0 +1,3 @@
+import { SessionService } from '../index-core';
+export declare const createGitRouter: (sessionService: SessionService | null) => import("express-serve-static-core").Router;
+//# sourceMappingURL=git.d.ts.map

package/dist/routes/git.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"git.d.ts","sourceRoot":"","sources":["../../src/routes/git.ts"],"names":[],"mappings":"AAIA,OAAO,EAAgB,cAAc,EAAE,MAAM,eAAe,CAAC;AAI7D,eAAO,MAAM,eAAe,GAAI,gBAAgB,cAAc,GAAG,IAAI,+CA4CpE,CAAC"}

package/dist/routes/git.js

@@ -0,0 +1,52 @@
+"use strict";
+// ABOUTME: Git integration API routes
+// ABOUTME: Handles git session status and publishing changes to remote repositories
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createGitRouter = void 0;
+const express_1 = require("express");
+const index_core_1 = require("../index-core");
+const log = (0, index_core_1.createLogger)('GitRoutes');
+const createGitRouter = (sessionService) => {
+    const router = (0, express_1.Router)();
+    // Git session status endpoint
+    router.get('/git/status', async (req, res) => {
+        try {
+            if (!sessionService) {
+                return res.json({ isGitEnabled: false });
+            }
+            const status = await sessionService.getSessionStatus();
+            res.json(status);
+        }
+        catch (error) {
+            log.error('Failed to get git status:', error);
+            res.status(500).json({
+                error: 'Failed to get git status',
+                details: error instanceof Error ? error.message : 'Unknown error'
+            });
+        }
+    });
+    // Publish changes endpoint (push branch and return PR URL)
+    router.post('/git/publish', async (req, res) => {
+        try {
+            if (!sessionService) {
+                return res.status(400).json({
+                    error: 'Git tracking not enabled',
+                    details: 'Start Rivet with --track-with-git to enable git functionality'
+                });
+            }
+            const result = await sessionService.publishChanges();
+            log.info('Changes published successfully');
+            res.json(result);
+        }
+        catch (error) {
+            log.error('Failed to publish changes:', error);
+            res.status(500).json({
+                error: 'Failed to publish changes',
+                details: error instanceof Error ? error.message : 'Unknown error'
+            });
+        }
+    });
+    return router;
+};
+exports.createGitRouter = createGitRouter;
+//# sourceMappingURL=git.js.map

package/dist/routes/git.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"git.js","sourceRoot":"","sources":["../../src/routes/git.ts"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,oFAAoF;;;AAEpF,qCAAiC;AACjC,8CAA6D;AAE7D,MAAM,GAAG,GAAG,IAAA,yBAAY,EAAC,WAAW,CAAC,CAAC;AAE/B,MAAM,eAAe,GAAG,CAAC,cAAqC,EAAE,EAAE;IACvE,MAAM,MAAM,GAAG,IAAA,gBAAM,GAAE,CAAC;IAExB,8BAA8B;IAC9B,MAAM,CAAC,GAAG,CAAC,aAAa,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE;QAC3C,IAAI,CAAC;YACH,IAAI,CAAC,cAAc,EAAE,CAAC;gBACpB,OAAO,GAAG,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;YAC3C,CAAC;YAED,MAAM,MAAM,GAAG,MAAM,cAAc,CAAC,gBAAgB,EAAE,CAAC;YACvD,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACnB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,GAAG,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,CAAC,CAAC;YAC9C,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;gBACnB,KAAK,EAAE,0BAA0B;gBACjC,OAAO,EAAE,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe;aAClE,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,2DAA2D;IAC3D,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE;QAC7C,IAAI,CAAC;YACH,IAAI,CAAC,cAAc,EAAE,CAAC;gBACpB,OAAO,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;oBAC1B,KAAK,EAAE,0BAA0B;oBACjC,OAAO,EAAE,+DAA+D;iBACzE,CAAC,CAAC;YACL,CAAC;YAED,MAAM,MAAM,GAAG,MAAM,cAAc,CAAC,cAAc,EAAE,CAAC;YACrD,GAAG,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC;YAC3C,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACnB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,GAAG,CAAC,KAAK,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAC;YAC/C,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;gBACnB,KAAK,EAAE,2BAA2B;gBAClC,OAAO,EAAE,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe;aAClE,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AA5CW,QAAA,eAAe,mBA4C1B"}

package/dist/routes/modifications.d.ts

@@ -0,0 +1,3 @@
+import { SessionService } from '../index-core';
+export declare const createModificationRouter: (sessionService: SessionService | null) => import("express-serve-static-core").Router;
+//# sourceMappingURL=modifications.d.ts.map

package/dist/routes/modifications.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modifications.d.ts","sourceRoot":"","sources":["../../src/routes/modifications.ts"],"names":[],"mappings":"AAQA,OAAO,EAIL,cAAc,EAIf,MAAM,eAAe,CAAC;AA4MvB,eAAO,MAAM,wBAAwB,GAAI,gBAAgB,cAAc,GAAG,IAAI,+CAqF7E,CAAC"}