@juuno-sdk/cli 1.0.6 → 1.0.8

package/dist/cli/src/simulator/index.js

@@ -0,0 +1,136 @@
+/**
+ * Shared simulator logic for launching the app simulator.
+ * Used by both cli.js (production) and cli-dev.js (development).
+ */
+import { spawn } from 'child_process';
+import { fileURLToPath } from 'url';
+import { dirname, join } from 'path';
+import { readFileSync, writeFileSync, mkdirSync, copyFileSync, readdirSync, rmSync, existsSync, statSync, } from 'fs';
+import { tmpdir } from 'os';
+/**
+ * Copy directory recursively.
+ */
+function copyDir(src, dest) {
+    const entries = readdirSync(src, { withFileTypes: true });
+    for (const entry of entries) {
+        const srcPath = join(src, entry.name);
+        const destPath = join(dest, entry.name);
+        if (entry.isDirectory()) {
+            mkdirSync(destPath, { recursive: true });
+            copyDir(srcPath, destPath);
+        }
+        else {
+            copyFileSync(srcPath, destPath);
+        }
+    }
+}
+/**
+ * Launch the app simulator.
+ *
+ * @param appUrl - URL of the external app to load
+ * @param port - Port to run the simulator on
+ * @param distPath - Path to the built dist directory
+ */
+export function launchSimulator(appUrl, port, distPath) {
+    // Validate that dist directory exists before attempting to copy.
+    if (!existsSync(distPath)) {
+        console.error(`Error: Build directory does not exist: ${distPath}`);
+        console.error('Please run "pnpm build" or "pnpm build:simulator" first.');
+        process.exit(1);
+    }
+    // Validate that dist path is actually a directory.
+    try {
+        const stats = statSync(distPath);
+        if (!stats.isDirectory()) {
+            console.error(`Error: Path exists but is not a directory: ${distPath}`);
+            process.exit(1);
+        }
+    }
+    catch (error) {
+        console.error(`Error: Cannot access build directory: ${distPath}`);
+        console.error(`Details: ${error instanceof Error ? error.message : String(error)}`);
+        process.exit(1);
+    }
+    // Create a temporary directory for the modified dist.
+    const tempDir = join(tmpdir(), `juuno-simulator-${Date.now()}`);
+    mkdirSync(tempDir, { recursive: true });
+    // Copy all files from dist to temp directory.
+    copyDir(distPath, tempDir);
+    // Inject the app URL and import map CDN URLs into index.html.
+    const indexPath = join(tempDir, 'index.html');
+    // Verify index.html exists after copy.
+    if (!existsSync(indexPath)) {
+        console.error(`Error: index.html not found in build directory after copy`);
+        console.error(`Expected location: ${indexPath}`);
+        console.error('The build directory may be incomplete or corrupted.');
+        console.error('Please run "pnpm build" to rebuild the simulator.');
+        process.exit(1);
+    }
+    let indexHtml = readFileSync(indexPath, 'utf-8');
+    // Fill in the import map with CDN URLs for vue and @juuno-sdk/app-sdk.
+    indexHtml = indexHtml.replace('"vue": ""', '"vue": "https://cdn.jsdelivr.net/npm/vue@3.5.22/dist/vue.esm-browser.prod.js"');
+    indexHtml = indexHtml.replace('"@juuno-sdk/app-sdk": ""', '"@juuno-sdk/app-sdk": "https://cdn.jsdelivr.net/npm/@juuno-sdk/app-sdk@1.0.2/dist/index.js"');
+    // Fill in CDN URLs for externalized dependencies from the SDK.
+    indexHtml = indexHtml.replace('"@vueuse/core": ""', '"@vueuse/core": "https://cdn.jsdelivr.net/npm/@vueuse/core@11.4.1/index.mjs"');
+    indexHtml = indexHtml.replace('"@tiptap/vue-3": ""', '"@tiptap/vue-3": "https://cdn.jsdelivr.net/npm/@tiptap/vue-3@2.10.5/dist/index.js"');
+    indexHtml = indexHtml.replace('"@tiptap/starter-kit": ""', '"@tiptap/starter-kit": "https://cdn.jsdelivr.net/npm/@tiptap/starter-kit@2.10.5/dist/index.js"');
+    indexHtml = indexHtml.replace('"@tiptap/extension-underline": ""', '"@tiptap/extension-underline": "https://cdn.jsdelivr.net/npm/@tiptap/extension-underline@2.10.5/dist/index.js"');
+    indexHtml = indexHtml.replace('"lodash-es": ""', '"lodash-es": "https://cdn.jsdelivr.net/npm/lodash-es@4.17.21/lodash.js"');
+    indexHtml = indexHtml.replace('"date-fns": ""', '"date-fns": "https://cdn.jsdelivr.net/npm/date-fns@4.1.0/index.mjs"');
+    indexHtml = indexHtml.replace('"url-parse": ""', '"url-parse": "https://cdn.jsdelivr.net/npm/url-parse@1.5.10/dist/url-parse.min.js"');
+    // Fill in the import map with external app entrypoints.
+    indexHtml = indexHtml.replace('"external-app/player": ""', `"external-app/player": "${appUrl}/player/index.js"`);
+    indexHtml = indexHtml.replace('"external-app/config": ""', `"external-app/config": "${appUrl}/config/index.js"`);
+    // Inject the app URL as a global variable before any scripts load.
+    const injection = `
+<script>
+  window.__JUUNO_EXTERNAL_APP_URL__ = '${appUrl}';
+</script>
+`;
+    indexHtml = indexHtml.replace('</head>', `${injection}</head>`);
+    writeFileSync(indexPath, indexHtml);
+    console.log(`
+🚀 Juuno App Simulator Starting...
+
+  External App: ${appUrl}
+  Simulator URL: http://localhost:${port}
+
+  Press Ctrl+C to stop
+`);
+    // Serve the modified temp directory.
+    const server = spawn('npx', ['sirv-cli', tempDir, '--port', port, '--cors', '--single'], {
+        stdio: 'inherit',
+        shell: true,
+    });
+    server.on('error', (err) => {
+        console.error('Failed to start server:', err);
+        process.exit(1);
+    });
+    server.on('exit', (code) => {
+        if (code !== 0) {
+            console.error(`Server exited with code ${code}`);
+        }
+        process.exit(code ?? 0);
+    });
+    // Cleanup function.
+    function cleanup() {
+        try {
+            rmSync(tempDir, { recursive: true, force: true });
+        }
+        catch (err) {
+            // Ignore cleanup errors.
+        }
+    }
+    // Handle termination.
+    process.on('SIGINT', () => {
+        console.log('\n\n👋 Stopping simulator...');
+        server.kill();
+        cleanup();
+        process.exit(0);
+    });
+    process.on('SIGTERM', () => {
+        server.kill();
+        cleanup();
+        process.exit(0);
+    });
+}