extension

import { create, develop } from 'extension'; import path from 'path'; import { fileURLToPath } from 'url'; import { rmSync, existsSync } from 'fs'; const __filename = fileURLToPath(import.meta.url); const __dirname = path.dirname(__filename); const projectPath = path.join(__dirname, 'temp-extension-project'); async function runExtensionDevFlow() { if (existsSync(projectPath)) { console.log(`Removing existing project directory: ${projectPath}`); rmSync(projectPath, { recursive: true, force: true }); } console.log('Creating new React TypeScript extension project...'); await create({ name: 'temp-extension-project', template: 'react-typescript', output: __dirname, }); console.log(`Project created at ${projectPath}`); console.log('Starting development server for the new extension...'); const devServer = await develop({ source: projectPath, port: 8080, browser: 'chromium', // Automatically opens Chrome with the extension loaded watch: true // Enable hot-reloading }); console.log(`Development server running on port ${devServer.port} for ${devServer.browser}.`); console.log('The browser should have opened automatically with the extension loaded.'); console.log('Press Ctrl+C in this terminal to stop the development server.'); // In a real application, you might want to keep a reference to devServer // and implement a graceful shutdown mechanism. } runExtensionDevFlow().catch(console.error);