@rayburst/cli 0.1.18 → 0.2.1

package/src/main.tsx

@@ -1,225 +0,0 @@
-import React, { Suspense, lazy, useEffect, useState } from 'react';
-import { createRoot } from 'react-dom/client';
-import * as ReactDOM from 'react-dom/client';
-
-// Expose React and ReactDOM globally for module federation
-(window as any).React = React;
-(window as any).ReactDOM = ReactDOM;
-
-// Loading component
-const LoadingFallback = () => (
-  <div style={{
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    justifyContent: 'center',
-    height: '100vh',
-    background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
-    color: 'white',
-  }}>
-    <div style={{
-      width: '50px',
-      height: '50px',
-      border: '4px solid rgba(255, 255, 255, 0.3)',
-      borderTopColor: 'white',
-      borderRadius: '50%',
-      animation: 'spin 1s linear infinite',
-      marginBottom: '20px',
-    }} />
-    <div style={{ fontSize: '18px', fontWeight: 500 }}>Loading Rayburst...</div>
-  </div>
-);
-
-// Error boundary component
-class ErrorBoundary extends React.Component<
-  { children: React.ReactNode },
-  { hasError: boolean; error: Error | null }
-> {
-  constructor(props: { children: React.ReactNode }) {
-    super(props);
-    this.state = { hasError: false, error: null };
-  }
-
-  static getDerivedStateFromError(error: Error) {
-    return { hasError: true, error };
-  }
-
-  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {
-    console.error('Remote app loading error:', error, errorInfo);
-  }
-
-  render() {
-    if (this.state.hasError) {
-      return (
-        <div style={{
-          display: 'flex',
-          flexDirection: 'column',
-          alignItems: 'center',
-          justifyContent: 'center',
-          height: '100vh',
-          background: '#f5f5f5',
-          padding: '20px',
-        }}>
-          <h1 style={{ color: '#d32f2f', marginBottom: '10px' }}>Failed to Load Rayburst</h1>
-          <p style={{ color: '#666', marginBottom: '20px' }}>
-            {this.state.error?.message || 'An unexpected error occurred'}
-          </p>
-          <button
-            onClick={() => window.location.reload()}
-            style={{
-              padding: '10px 20px',
-              background: '#667eea',
-              color: 'white',
-              border: 'none',
-              borderRadius: '5px',
-              cursor: 'pointer',
-              fontSize: '16px',
-            }}
-          >
-            Retry
-          </button>
-        </div>
-      );
-    }
-
-    return this.props.children;
-  }
-}
-
-// Function to load remote CSS
-const loadRemoteCSS = async () => {
-  try {
-    // Determine the remote URL based on environment
-    const isDevelopment = import.meta.env.DEV;
-    const remoteUrl = isDevelopment
-      ? 'http://localhost:3000'
-      : import.meta.env.PROD
-        ? 'https://www.rayburst.app'
-        : 'https://dev.rayburst.app';
-
-    console.log('[CLI] Attempting to load CSS from:', remoteUrl, '(dev mode:', isDevelopment, ')');
-
-    if (isDevelopment) {
-      // In development mode, Vite serves CSS as a JavaScript module
-      // We need to dynamically import it to trigger Vite's CSS injection
-      console.log('[CLI] Development mode: Importing CSS module from Vite dev server');
-
-      const cssModuleUrl = `${remoteUrl}/src/styles.css`;
-
-      try {
-        // Check if we've already loaded this CSS module
-        if (!(window as any).__rayburstCssLoaded) {
-          console.log('[CLI] Dynamically importing CSS module:', cssModuleUrl);
-
-          // Create a script tag to load the CSS module
-          const script = document.createElement('script');
-          script.type = 'module';
-          script.textContent = `import '${cssModuleUrl}';`;
-          document.head.appendChild(script);
-
-          // Mark as loaded
-          (window as any).__rayburstCssLoaded = true;
-          console.log('[CLI] CSS module import initiated');
-
-          // Give it a moment to process
-          await new Promise(resolve => setTimeout(resolve, 100));
-        } else {
-          console.log('[CLI] CSS module already loaded');
-        }
-      } catch (cssErr) {
-        console.warn('[CLI] Could not load CSS module, styles may be missing:', cssErr);
-      }
-    } else {
-      // In production/staging, fetch the index.html to find the CSS file
-      const response = await fetch(remoteUrl);
-      const html = await response.text();
-
-      // Extract CSS filename from the HTML
-      const cssMatch = html.match(/href="\/assets\/(style-[^"]+\.css)"/);
-
-      if (cssMatch && cssMatch[1]) {
-        const cssFile = cssMatch[1];
-        const cssUrl = `${remoteUrl}/assets/${cssFile}`;
-
-        console.log('[CLI] Loading remote CSS:', cssUrl);
-
-        // Check if CSS is already loaded
-        const existingLink = document.querySelector(`link[href="${cssUrl}"]`);
-        if (!existingLink) {
-          const link = document.createElement('link');
-          link.rel = 'stylesheet';
-          link.href = cssUrl;
-          document.head.appendChild(link);
-          console.log('[CLI] Remote CSS loaded successfully');
-
-          // Wait for CSS to load
-          await new Promise((resolve) => {
-            link.onload = resolve;
-            link.onerror = resolve;
-          });
-        }
-      } else {
-        console.warn('[CLI] No CSS file found in remote HTML');
-      }
-    }
-  } catch (err) {
-    console.error('[CLI] Failed to load remote CSS:', err);
-  }
-};
-
-// Dynamically import the remote app
-const RemoteApp = lazy(async () => {
-  console.log('[CLI] Attempting to load remote app from rayburstApp/App');
-  console.log('[CLI] Expected remote URL:', 'http://localhost:3000/remoteEntry.js');
-
-  // Load the remote CSS first (in parallel with module loading)
-  const cssPromise = loadRemoteCSS();
-
-  try {
-    // @ts-ignore - Module federation import
-    const module = await import('rayburstApp/App');
-    console.log('[CLI] Successfully loaded remote app module:', module);
-
-    // Wait for CSS to finish loading
-    await cssPromise;
-
-    return module;
-  } catch (err: any) {
-    console.error('[CLI] Failed to load remote app:', err);
-    console.error('[CLI] Error details:', {
-      name: err.name,
-      message: err.message,
-      stack: err.stack
-    });
-    throw new Error('Could not load Rayburst application. Make sure it is running on port 3000.');
-  }
-});
-
-function App() {
-  const [isReady, setIsReady] = useState(false);
-
-  useEffect(() => {
-    // Small delay to ensure remote is ready
-    const timer = setTimeout(() => setIsReady(true), 100);
-    return () => clearTimeout(timer);
-  }, []);
-
-  if (!isReady) {
-    return <LoadingFallback />;
-  }
-
-  return (
-    <ErrorBoundary>
-      <Suspense fallback={<LoadingFallback />}>
-        <RemoteApp />
-      </Suspense>
-    </ErrorBoundary>
-  );
-}
-
-// Mount the app
-const container = document.getElementById('app');
-if (container) {
-  const root = createRoot(container);
-  root.render(<App />);
-}

package/src/registry.js

@@ -1,262 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import { fileURLToPath } from 'url';
-import os from 'os';
-import crypto from 'crypto';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-// Global rayburst directory in user's home
-const RAYBURST_DIR = path.join(os.homedir(), '.rayburst');
-const PROJECTS_FILE = path.join(RAYBURST_DIR, 'projects.json');
-const ANALYZED_DIR = path.join(RAYBURST_DIR, 'analyzed');
-
-/**
- * Ensure the .rayburst directory and subdirectories exist
- */
-export function ensureRayburstDir() {
-  if (!fs.existsSync(RAYBURST_DIR)) {
-    fs.mkdirSync(RAYBURST_DIR, { recursive: true });
-  }
-  if (!fs.existsSync(ANALYZED_DIR)) {
-    fs.mkdirSync(ANALYZED_DIR, { recursive: true });
-  }
-  if (!fs.existsSync(PROJECTS_FILE)) {
-    fs.writeFileSync(PROJECTS_FILE, JSON.stringify({ projects: [] }, null, 2));
-  }
-}
-
-/**
- * Read the projects registry
- */
-export function readRegistry() {
-  ensureRayburstDir();
-  try {
-    const data = fs.readFileSync(PROJECTS_FILE, 'utf-8');
-    return JSON.parse(data);
-  } catch (error) {
-    console.error('Error reading registry:', error.message);
-    return { projects: [] };
-  }
-}
-
-/**
- * Write to the projects registry
- */
-export function writeRegistry(registry) {
-  ensureRayburstDir();
-  try {
-    fs.writeFileSync(PROJECTS_FILE, JSON.stringify(registry, null, 2));
-    return true;
-  } catch (error) {
-    console.error('Error writing registry:', error.message);
-    return false;
-  }
-}
-
-/**
- * Generate a unique project ID from the project path
- */
-export function generateProjectId(projectPath) {
-  const hash = crypto.createHash('md5').update(projectPath).digest('hex');
-  return hash.substring(0, 12);
-}
-
-/**
- * Check if a directory is a valid project (has package.json)
- */
-export function isValidProject(projectPath) {
-  const packageJsonPath = path.join(projectPath, 'package.json');
-  return fs.existsSync(packageJsonPath);
-}
-
-/**
- * Read package.json from a project
- */
-export function readPackageJson(projectPath) {
-  const packageJsonPath = path.join(projectPath, 'package.json');
-  try {
-    const data = fs.readFileSync(packageJsonPath, 'utf-8');
-    return JSON.parse(data);
-  } catch (error) {
-    console.error(`Error reading package.json:`, error.message);
-    return null;
-  }
-}
-
-/**
- * Register a new project
- */
-export function registerProject(projectPath) {
-  const absolutePath = path.resolve(projectPath);
-
-  // Validate project
-  if (!isValidProject(absolutePath)) {
-    throw new Error(`Not a valid project: ${absolutePath} (missing package.json)`);
-  }
-
-  const registry = readRegistry();
-  const projectId = generateProjectId(absolutePath);
-
-  // Check if already registered
-  const existingIndex = registry.projects.findIndex(p => p.id === projectId);
-  if (existingIndex >= 0) {
-    throw new Error(`Project already registered: ${absolutePath}`);
-  }
-
-  // Read package.json
-  const packageJson = readPackageJson(absolutePath);
-  if (!packageJson) {
-    throw new Error(`Failed to read package.json from ${absolutePath}`);
-  }
-
-  // Create project entry
-  const project = {
-    id: projectId,
-    name: packageJson.name || path.basename(absolutePath),
-    path: absolutePath,
-    registeredAt: new Date().toISOString(),
-    lastAnalyzed: null,
-    packageJson: {
-      name: packageJson.name,
-      version: packageJson.version,
-      description: packageJson.description,
-    },
-  };
-
-  registry.projects.push(project);
-
-  if (writeRegistry(registry)) {
-    return project;
-  } else {
-    throw new Error('Failed to write registry');
-  }
-}
-
-/**
- * Unregister a project
- */
-export function unregisterProject(projectPathOrId) {
-  const registry = readRegistry();
-  const absolutePath = path.resolve(projectPathOrId);
-  const projectId = generateProjectId(absolutePath);
-
-  // Find by ID or path
-  const index = registry.projects.findIndex(
-    p => p.id === projectId || p.id === projectPathOrId || p.path === absolutePath
-  );
-
-  if (index === -1) {
-    throw new Error(`Project not found: ${projectPathOrId}`);
-  }
-
-  const project = registry.projects[index];
-  registry.projects.splice(index, 1);
-
-  // Remove analysis data if it exists
-  const analysisFile = path.join(ANALYZED_DIR, `${project.id}.json`);
-  if (fs.existsSync(analysisFile)) {
-    fs.unlinkSync(analysisFile);
-  }
-
-  if (writeRegistry(registry)) {
-    return project;
-  } else {
-    throw new Error('Failed to write registry');
-  }
-}
-
-/**
- * List all registered projects
- */
-export function listProjects() {
-  const registry = readRegistry();
-  return registry.projects;
-}
-
-/**
- * Get a specific project by ID or path
- */
-export function getProject(projectIdOrPath) {
-  const registry = readRegistry();
-  const absolutePath = path.resolve(projectIdOrPath);
-  const projectId = generateProjectId(absolutePath);
-
-  return registry.projects.find(
-    p => p.id === projectId || p.id === projectIdOrPath || p.path === absolutePath
-  );
-}
-
-/**
- * Update project's lastAnalyzed timestamp
- */
-export function updateProjectAnalysis(projectId) {
-  const registry = readRegistry();
-  const project = registry.projects.find(p => p.id === projectId);
-
-  if (!project) {
-    throw new Error(`Project not found: ${projectId}`);
-  }
-
-  project.lastAnalyzed = new Date().toISOString();
-
-  if (writeRegistry(registry)) {
-    return project;
-  } else {
-    throw new Error('Failed to update registry');
-  }
-}
-
-/**
- * Get path to analysis file for a project
- */
-export function getAnalysisFilePath(projectId) {
-  return path.join(ANALYZED_DIR, `${projectId}.json`);
-}
-
-/**
- * Read analysis data for a project
- */
-export function readAnalysisData(projectId) {
-  const analysisFile = getAnalysisFilePath(projectId);
-
-  if (!fs.existsSync(analysisFile)) {
-    return null;
-  }
-
-  try {
-    const data = fs.readFileSync(analysisFile, 'utf-8');
-    return JSON.parse(data);
-  } catch (error) {
-    console.error(`Error reading analysis data:`, error.message);
-    return null;
-  }
-}
-
-/**
- * Write analysis data for a project
- */
-export function writeAnalysisData(projectId, analysisData) {
-  ensureRayburstDir();
-  const analysisFile = getAnalysisFilePath(projectId);
-
-  try {
-    fs.writeFileSync(analysisFile, JSON.stringify(analysisData, null, 2));
-    return true;
-  } catch (error) {
-    console.error(`Error writing analysis data:`, error.message);
-    return false;
-  }
-}
-
-/**
- * Get registry paths for external access
- */
-export function getRegistryPaths() {
-  return {
-    rayburstDir: RAYBURST_DIR,
-    projectsFile: PROJECTS_FILE,
-    analyzedDir: ANALYZED_DIR,
-  };
-}

package/vite-plugin-api.js

@@ -1,123 +0,0 @@
-import {
-  listProjects,
-  getProject,
-  readAnalysisData,
-  registerProject,
-  unregisterProject,
-} from './src/registry.js';
-import { getAllChangedFiles } from './src/git-utils.js';
-
-/**
- * Vite plugin to handle API routes during development
- */
-export function apiPlugin() {
-  return {
-    name: 'rayburst-api',
-    configureServer(server) {
-      server.middlewares.use('/api', (req, res, next) => {
-        // Parse JSON body for POST requests
-        if (req.method === 'POST' || req.method === 'PUT') {
-          let body = '';
-          req.on('data', chunk => {
-            body += chunk.toString();
-          });
-          req.on('end', () => {
-            try {
-              req.body = JSON.parse(body);
-            } catch (e) {
-              req.body = {};
-            }
-            handleApiRequest(req, res, next);
-          });
-        } else {
-          handleApiRequest(req, res, next);
-        }
-      });
-    },
-  };
-}
-
-function handleApiRequest(req, res, next) {
-  const url = (req.url || '').replace('/api', ''); // Remove /api prefix since middleware already matched it
-  const method = req.method;
-
-  // Set JSON response headers
-  res.setHeader('Content-Type', 'application/json');
-
-  try {
-    // GET /api/projects - List all projects
-    if (method === 'GET' && url === '/projects') {
-      const projects = listProjects();
-      res.end(JSON.stringify({ projects }));
-      return;
-    }
-
-    // GET /projects/:id/changed-files - Get uncommitted changed files (check before generic project route)
-    if (method === 'GET' && url.includes('/changed-files')) {
-      const id = url.split('/')[2];
-      const project = getProject(id);
-      if (!project) {
-        res.statusCode = 404;
-        res.end(JSON.stringify({ error: 'Project not found' }));
-        return;
-      }
-      const changedFiles = getAllChangedFiles(project.path);
-      res.end(JSON.stringify({ changedFiles }));
-      return;
-    }
-
-    // GET /projects/:id/analysis - Get project analysis
-    if (method === 'GET' && url.includes('/analysis')) {
-      const id = url.split('/')[2];
-      const analysisData = readAnalysisData(id);
-      if (!analysisData) {
-        res.statusCode = 404;
-        res.end(JSON.stringify({ error: 'Analysis data not found' }));
-        return;
-      }
-      res.end(JSON.stringify(analysisData));
-      return;
-    }
-
-    // GET /projects/:id - Get specific project
-    if (method === 'GET' && url.startsWith('/projects/') && !url.includes('/analysis') && !url.includes('/changed-files')) {
-      const id = url.split('/')[2];
-      const project = getProject(id);
-      if (!project) {
-        res.statusCode = 404;
-        res.end(JSON.stringify({ error: 'Project not found' }));
-        return;
-      }
-      res.end(JSON.stringify({ project }));
-      return;
-    }
-
-    // POST /projects/register - Register project
-    if (method === 'POST' && url === '/projects/register') {
-      const { path } = req.body || {};
-      if (!path) {
-        res.statusCode = 400;
-        res.end(JSON.stringify({ error: 'Path is required' }));
-        return;
-      }
-      const project = registerProject(path);
-      res.end(JSON.stringify({ project }));
-      return;
-    }
-
-    // DELETE /projects/:id - Unregister project
-    if (method === 'DELETE' && url.startsWith('/projects/')) {
-      const id = url.split('/')[2];
-      const project = unregisterProject(id);
-      res.end(JSON.stringify({ project }));
-      return;
-    }
-
-    // No matching route
-    res.statusCode = 404;
-    res.end(JSON.stringify({ error: 'API endpoint not found' }));
-  } catch (error) {
-    res.statusCode = 500;
-    res.end(JSON.stringify({ error: error.message }));
-  }
-}

package/vite.config.ts

@@ -1,72 +0,0 @@
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-import { federation } from '@module-federation/vite';
-import { apiPlugin } from './vite-plugin-api.js';
-
-// Determine remote URL based on environment
-function getRemoteUrl(env: string): string {
-  switch (env) {
-    case 'production':
-      return 'https://www.rayburst.app';
-    case 'staging':
-      return 'https://dev.rayburst.app';
-    case 'development':
-    default:
-      return 'http://localhost:3000';
-  }
-}
-
-export default defineConfig(() => {
-  const environment = process.env.NODE_ENV || 'development';
-  const remoteUrl = getRemoteUrl(environment);
-
-  console.log(`🔧 Building CLI for environment: ${environment}`);
-  console.log(`📡 Remote URL: ${remoteUrl}`);
-
-  return {
-    plugins: [
-      apiPlugin(),
-      react(),
-      federation({
-        name: 'rayburstCli',
-        remotes: {
-          rayburstApp: {
-            type: 'module',
-            name: 'rayburstApp',
-            entry: `${remoteUrl}/remoteEntry.js?t=${Date.now()}`,
-          },
-        },
-        shared: {
-          react: {
-            singleton: true,
-            requiredVersion: '^19.0.0',
-          },
-          'react-dom': {
-            singleton: true,
-            requiredVersion: '^19.0.0',
-          },
-        },
-      }),
-    ],
-
-    build: {
-      modulePreload: false,
-      target: 'esnext',
-      minify: false,
-      cssCodeSplit: false,
-      outDir: 'dist',
-    },
-
-    server: {
-      port: 3105,
-      strictPort: true,
-      host: true,
-    },
-
-    preview: {
-      port: 3105,
-      strictPort: true,
-      host: true,
-    },
-  };
-});