@pulse-editor/cli 0.1.3 → 0.1.4

package/dist/components/commands/code.js

@@ -5,7 +5,7 @@ import Spinner from "ink-spinner";
 import TextInput from "ink-text-input";
 import JSZip from "jszip";
 import path from "path";
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { getBackendUrl } from "../../lib/backend-url.js";
 import { checkToken, getToken } from "../../lib/token.js";
 function readContinueData(cwd) {
@@ -77,6 +77,8 @@ export default function Code({ cli }) {
     const [isGenerating, setIsGenerating] = useState(false);
     const [isGenerated, setIsGenerated] = useState(false);
     const [error, setError] = useState(undefined);
+    const [elapsedSeconds, setElapsedSeconds] = useState(0);
+    const generationStartRef = useRef(undefined);
     const [statusLines, setStatusLines] = useState([]);
     // Per-message live streaming buffers
     const [liveBuffers, setLiveBuffers] = useState(new Map());
@@ -120,6 +122,8 @@ export default function Code({ cli }) {
             setIsDownloading(false);
             setDownloadedPath(undefined);
             setDownloadError(undefined);
+            generationStartRef.current = Date.now();
+            setElapsedSeconds(0);
             setIsGenerating(true);
             const controller = new AbortController();
             let didTimeout = false;
@@ -300,6 +304,9 @@ export default function Code({ cli }) {
             }
             finally {
                 clearTimeout(timeoutId);
+                if (generationStartRef.current !== undefined) {
+                    setElapsedSeconds(Math.floor((Date.now() - generationStartRef.current) / 1000));
+                }
                 setIsGenerating(false);
             }
         }
@@ -307,6 +314,23 @@ export default function Code({ cli }) {
             runCodeGeneration(prompt, appName);
         }
     }, [prompt, appName, cli.flags.stage, isAuthenticated, token, continueData]);
+    useEffect(() => {
+        if (!isGenerating)
+            return;
+        const interval = setInterval(() => {
+            if (generationStartRef.current !== undefined) {
+                setElapsedSeconds(Math.floor((Date.now() - generationStartRef.current) / 1000));
+            }
+        }, 1000);
+        return () => clearInterval(interval);
+    }, [isGenerating]);
+    function formatElapsed(seconds) {
+        if (seconds < 60)
+            return `${seconds}s`;
+        const m = Math.floor(seconds / 60);
+        const s = seconds % 60;
+        return `${m}m ${String(s).padStart(2, "0")}s`;
+    }
     function getLiveLines(messageId, toolTitle) {
         const text = liveBuffers.get(messageId);
         if (!text)
@@ -333,10 +357,10 @@ export default function Code({ cli }) {
                         setPrompt(trimmed);
                     } })] })) : (
         // Step 3 — generating
-        _jsxs(_Fragment, { children: [cli.flags.continue && continueData && (_jsxs(Text, { dimColor: true, children: ["Continuing from v", continueData.version, " (", continueData.appId, ")"] })), _jsxs(Text, { children: ["App name: ", _jsx(Text, { color: "yellow", children: appName })] }), _jsxs(Text, { children: ["Prompt: ", _jsx(Text, { color: "cyan", children: prompt })] }), isGenerating && (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Generating app..." })] })), statusLines.map((item, index) => {
+        _jsxs(_Fragment, { children: [cli.flags.continue && continueData && (_jsxs(Text, { dimColor: true, children: ["Continuing from v", continueData.version, " (", continueData.appId, ")"] })), _jsxs(Text, { children: ["App name: ", _jsx(Text, { color: "yellow", children: appName })] }), _jsxs(Text, { children: ["Prompt: ", _jsx(Text, { color: "cyan", children: prompt })] }), isGenerating && (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Generating app... " }), _jsxs(Text, { color: "gray", children: ["[", formatElapsed(elapsedSeconds), "]"] })] })), statusLines.map((item, index) => {
                     const { lines, truncated } = item.messageId !== undefined
                         ? getLiveLines(item.messageId, item.toolTitle)
                         : { lines: [], truncated: false };
                     return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { dimColor: index < statusLines.length - 1, children: ["\u2022 ", item.text] }), lines.length > 0 && (_jsxs(Box, { borderStyle: "round", borderColor: "gray", flexDirection: "column", paddingX: 1, children: [truncated && (_jsx(Text, { color: "gray", dimColor: true, children: "<truncated>" })), lines.map((line, lineIndex) => (_jsx(Text, { color: "gray", children: line }, lineIndex)))] }))] }, `${item.text}-${index}`));
-                }), toolCallErrors.map((err, index) => (_jsxs(Text, { color: "redBright", children: ["\u274C ", err] }, index))), error && _jsxs(Text, { color: "redBright", children: ["\u274C ", error] }), isGenerated && !error && (_jsx(Text, { color: "greenBright", children: "\u2705 Code generation completed." })), artifact?.publishedAppLink && (_jsxs(Text, { color: "greenBright", children: ["Preview: ", artifact.publishedAppLink] })), artifact?.sourceCodeArchiveLink && (_jsxs(Text, { color: "greenBright", children: ["Source (.zip): ", artifact.sourceCodeArchiveLink] })), isDownloading && (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Downloading source archive..." })] })), downloadedPath && (_jsxs(Text, { color: "greenBright", children: ["Source extracted: ", downloadedPath] })), downloadError && (_jsxs(Text, { color: "redBright", children: ["\u274C Download failed: ", downloadError] }))] })) }));
+                }), toolCallErrors.map((err, index) => (_jsxs(Text, { color: "redBright", children: ["\u274C ", err] }, index))), error && _jsxs(Text, { color: "redBright", children: ["\u274C ", error] }), isGenerated && !error && (_jsxs(Text, { color: "greenBright", children: ["\u2705 Code generation completed in ", formatElapsed(elapsedSeconds), "."] })), artifact?.publishedAppLink && (_jsxs(Text, { color: "greenBright", children: ["Preview: ", artifact.publishedAppLink] })), artifact?.sourceCodeArchiveLink && (_jsxs(Text, { color: "greenBright", children: ["Source (.zip): ", artifact.sourceCodeArchiveLink] })), isDownloading && (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Downloading source archive..." })] })), downloadedPath && (_jsxs(Text, { color: "greenBright", children: ["Source extracted: ", downloadedPath] })), downloadError && (_jsxs(Text, { color: "redBright", children: ["\u274C Download failed: ", downloadError] }))] })) }));
 }

package/dist/lib/server/express.js

@@ -97,6 +97,9 @@ app.all(/^\/server-function\/(.*)/, async (req, res) => {
 });
 if (isPreview) {
     /* Preview mode */
+    app.get("/pulse.config.json", (_req, res) => {
+        res.sendFile(path.resolve("dist/pulse.config.json"));
+    });
     app.use(express.static("dist/client"));
     // Expose skill actions as REST API endpoints in dev and preview modes
     const skillActions = pulseConfig?.actions || [];

package/dist/lib/server/preview/frontend/index.js

@@ -1,10 +1,67 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* This folder contains temporary code to be moved to a different package in the future. */
+import React from 'react';
 import ReactDOM from 'react-dom/client';
-// @ts-expect-error ignore ts error for now
-import Main from "../../../../../src/main.tsx";
-function Preview() {
-    return _jsx(Main, {});
+function ErrorPage({ error }) {
+    const message = error instanceof Error ? error.message : String(error);
+    const stack = error instanceof Error ? error.stack : undefined;
+    return (_jsxs("div", { style: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+            height: '100vh',
+            width: '100vw',
+            fontFamily: 'monospace',
+            backgroundColor: '#1a1a1a',
+            color: '#ff6b6b',
+            padding: '2rem',
+            boxSizing: 'border-box',
+        }, children: [_jsx("div", { style: { fontSize: '3rem', marginBottom: '1rem' }, children: "\u26A0" }), _jsx("h1", { style: { margin: '0 0 0.5rem', fontSize: '1.5rem', color: '#ff6b6b' }, children: "Rendering Error" }), _jsx("p", { style: { margin: '0 0 1.5rem', color: '#aaa', fontSize: '0.9rem' }, children: "An error occurred while rendering the preview." }), _jsxs("pre", { style: {
+                    background: '#2a2a2a',
+                    border: '1px solid #444',
+                    borderRadius: '6px',
+                    padding: '1rem',
+                    maxWidth: '100%',
+                    overflowX: 'auto',
+                    color: '#ff9999',
+                    fontSize: '0.85rem',
+                    whiteSpace: 'pre-wrap',
+                    wordBreak: 'break-word',
+                }, children: [message, stack ? `\n\n${stack}` : ''] })] }));
+}
+class ErrorBoundary extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = { error: null };
+    }
+    static getDerivedStateFromError(error) {
+        return { error };
+    }
+    render() {
+        if (this.state.error) {
+            return _jsx(ErrorPage, { error: this.state.error });
+        }
+        return this.props.children;
+    }
 }
 const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(_jsx(Preview, {}));
+function showError(error) {
+    root.render(_jsx(ErrorPage, { error: error }));
+}
+// Fallback: catch errors that slip past the React error boundary
+// (e.g. React 18 re-throws initial-render errors as uncaught)
+window.addEventListener('error', (event) => {
+    showError(event.error ?? new Error(event.message));
+});
+window.addEventListener('unhandledrejection', (event) => {
+    showError(event.reason instanceof Error ? event.reason : new Error(String(event.reason)));
+});
+// Use dynamic import so module-level errors in main.tsx are also caught
+// @ts-ignore
+import("../../../../../src/main.tsx")
+    .then((mod) => {
+    const Main = mod.default;
+    root.render(_jsx(ErrorBoundary, { children: _jsx(Main, {}) }));
+})
+    .catch(showError);

package/dist/lib/webpack/configs/mf-client.js

@@ -33,13 +33,13 @@ class MFClientPlugin {
             compiler.hooks.invalid.tap("LogFileUpdates", (file, changeTime) => {
                 console.log(`[watch] change detected in: ${file} at ${new Date(changeTime || Date.now()).toLocaleTimeString()}`);
             });
-            const devStartupMessage = `
-🎉 Your Pulse extension \x1b[1m${this.pulseConfig.displayName}\x1b[0m is LIVE! 
-
-⚡️ Local: http://localhost:3030/${this.pulseConfig.id}/${this.pulseConfig.version}/
-⚡️ Network: http://${this.origin}:3030/${this.pulseConfig.id}/${this.pulseConfig.version}/
-
-✨ Try it out in the Pulse Editor and let the magic happen! 🚀
+            const devStartupMessage = `
+🎉 Your Pulse extension \x1b[1m${this.pulseConfig.displayName}\x1b[0m is LIVE! 
+
+⚡️ Local: http://localhost:3030/${this.pulseConfig.id}/${this.pulseConfig.version}/
+⚡️ Network: http://${this.origin}:3030/${this.pulseConfig.id}/${this.pulseConfig.version}/
+
+✨ Try it out in the Pulse Editor and let the magic happen! 🚀
 `;
             // After build finishes
             compiler.hooks.done.tap("ReloadMessagePlugin", () => {

package/dist/lib/webpack/configs/mf-server.js

@@ -57,12 +57,12 @@ class MFServerPlugin {
                     this.compileAppActionSkills();
                     console.log(`[Server] ✅ Successfully built server.`);
                     const funcs = discoverServerFunctions();
-                    console.log(`\n🛜 Server functions:
+                    console.log(`\n🛜 Server functions:
 ${Object.entries(funcs)
                         .map(([name, file]) => {
                         return `  - ${name.slice(2)} (from ${file})`;
                     })
-                        .join("\n")}
+                        .join("\n")}
 `);
                 }
             });

package/dist/lib/webpack/configs/preview.js

@@ -28,13 +28,13 @@ class PreviewClientPlugin {
         // After build finishes
         compiler.hooks.done.tap("ReloadMessagePlugin", () => {
             if (isFirstRun) {
-                const previewStartupMessage = `
-🎉 Your Pulse extension preview \x1b[1m${this.pulseConfig.displayName}\x1b[0m is LIVE! 
-
-⚡️ Local: http://localhost:3030
-⚡️ Network: http://${this.origin}:3030
-
-✨ Try it out in your browser and let the magic happen! 🚀
+                const previewStartupMessage = `
+🎉 Your Pulse extension preview \x1b[1m${this.pulseConfig.displayName}\x1b[0m is LIVE! 
+
+⚡️ Local: http://localhost:3030
+⚡️ Network: http://${this.origin}:3030
+
+✨ Try it out in your browser and let the magic happen! 🚀
 `;
                 console.log("[client-preview] ✅ Successfully built preview.");
                 const skillActions = this.pulseConfig?.actions || [];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pulse-editor/cli",
-	"version": "0.1.3",
+	"version": "0.1.4",
 	"license": "MIT",
 	"bin": {
 		"pulse": "dist/cli.js"

package/dist/lib/server/utils.d.ts

@@ -1 +0,0 @@
-export declare function readConfigFile(): Promise<any>;

package/dist/lib/server/utils.js

@@ -1,17 +0,0 @@
-import fs from 'fs/promises';
-export async function readConfigFile() {
-    // Read pulse.config.json from dist/client
-    // Wait until dist/pulse.config.json exists
-    while (true) {
-        try {
-            await fs.access('dist/pulse.config.json');
-            break;
-        }
-        catch (err) {
-            // Wait for 100ms before trying again
-            await new Promise(resolve => setTimeout(resolve, 100));
-        }
-    }
-    const data = await fs.readFile('dist/pulse.config.json', 'utf-8');
-    return JSON.parse(data);
-}

package/dist/lib/webpack/dist/pregistered-actions.d.ts

@@ -1,2 +0,0 @@
-import { Action } from "@pulse-editor/shared-utils";
-export declare const preRegisteredActions: Record<string, Action>;

package/dist/lib/webpack/dist/pulse.config.d.ts

@@ -1,7 +0,0 @@
-import { AppConfig } from "@pulse-editor/shared-utils";
-/**
- * Pulse Editor Extension Config
- *
- */
-declare const config: AppConfig;
-export default config;

package/dist/lib/webpack/dist/src/lib/agents/code-modifier-agent.d.ts

@@ -1,2 +0,0 @@
-import { ChatPromptTemplate } from "@langchain/core/prompts";
-export declare const codeModifierAgentPrompt: ChatPromptTemplate<any, any>;

package/dist/lib/webpack/dist/src/lib/agents/vibe-coding-agent.d.ts

@@ -1,3 +0,0 @@
-import { MultiServerMCPClient } from "@langchain/mcp-adapters";
-import { MessageStreamController } from "../streaming/message-stream-controller";
-export declare function runVibeCoding(mcpClient: MultiServerMCPClient, userPrompt: string, controller: MessageStreamController): Promise<void>;

package/dist/lib/webpack/dist/src/lib/mcp/utils.d.ts

@@ -1,3 +0,0 @@
-import { MultiServerMCPClient } from "@langchain/mcp-adapters";
-export declare function writeFileToFS(mcpClient: MultiServerMCPClient, uri: string, content: string): Promise<string>;
-export declare function callTerminal(mcpClient: MultiServerMCPClient, command: string): Promise<string>;

package/dist/lib/webpack/dist/src/lib/streaming/message-stream-controller.d.ts

@@ -1,10 +0,0 @@
-import { AgentTaskMessageData } from "../types";
-export declare class MessageStreamController {
-    private controller;
-    private msgCounter;
-    private messages;
-    private timeCountMap;
-    constructor(controller: ReadableStreamDefaultController);
-    enqueueNew(data: AgentTaskMessageData, isFinal: boolean): number;
-    enqueueUpdate(data: AgentTaskMessageData, isFinal: boolean): void;
-}

package/dist/lib/webpack/dist/src/lib/types.d.ts

@@ -1,58 +0,0 @@
-export type VibeDevFlowNode = {
-    id: string;
-    children: VibeDevFlowNode[];
-};
-export declare enum AgentTaskMessageType {
-    Creation = "creation",
-    Update = "update"
-}
-export declare enum AgentTaskMessageDataType {
-    Notification = "notification",
-    ToolCall = "toolCall",
-    ArtifactOutput = "artifactOutput"
-}
-/**
- * Data associated with an AgentTaskItem.
- * The fields included depend on the type of the task item.
- *
- * @property type - The type of the task item, defined by the AgentTaskItemType enum.
- * @property title - (Optional) A brief title or summary of the task item.
- * @property description - (Optional) A detailed description of the task item.
- * @property toolName - (Optional) The name of the tool being called (if applicable).
- * @property parameters - (Optional) A record of parameters associated with the tool call (if applicable).
- * @property error - (Optional) An error message if the task item represents an error.
- * @property result - (Optional) The result or output of the task item (if applicable).
- */
-export type AgentTaskMessageData = {
-    type?: AgentTaskMessageDataType;
-    title?: string;
-    description?: string;
-    toolName?: string;
-    parameters?: Record<string, unknown>;
-    error?: string;
-    result?: string;
-};
-/**
- * Represents a single task item generated by the agent.
- * Each task item can be of different types such as tool calls, notifications, or errors.
- *
- * @property type - The type of the task item, defined by the AgentTaskItemType enum.
- * @property messageId - The unique identifier for the task item.
- * This is an incremental number representing the n-th task item.
- * @property data - The data associated with the task item, which varies based on the type.
- * @property isFinal - (Optional) Indicates if the task item is final and no further updates are expected.
- */
-export type AgentTaskMessage = {
-    type: AgentTaskMessageType;
-    messageId: number;
-    data: AgentTaskMessageData;
-    isFinal?: boolean;
-};
-export type AgentTaskMessageUpdate = {
-    type: AgentTaskMessageType;
-    messageId: number;
-    updateType: "append";
-    delta: AgentTaskMessageData;
-    isFinal?: boolean;
-    timeUsedSec?: string;
-};

package/dist/lib/webpack/dist/src/server-function/generate-code/v1/generate.d.ts

@@ -1,5 +0,0 @@
-/**
- *  An example function to echo the body of a POST request.
- *  This route is accessible at /server-function/echo
- */
-export default function generate(req: Request): Promise<Response>;

package/dist/lib/webpack/dist/src/server-function/generate-code/v2/generate.d.ts

@@ -1 +0,0 @@
-export default function handler(req: Request): Promise<Response>;

package/dist/lib/webpack/tsconfig.server.json

@@ -1,19 +0,0 @@
-{
-    "compilerOptions": {
-        "target": "ES2020",
-        "module": "esnext",
-        "moduleResolution": "bundler",
-        "strict": true,
-        "declaration": true,
-        "outDir": "dist",
-    },
-    "include": [
-        "../../../../../../src/server-function/**/*",
-        "../../../../../../pulse.config.ts",
-        "../../../../../../global.d.ts",
-    ],
-    "exclude": [
-        "../../../../../../node_modules",
-        "../../../../../../dist",
-    ]
-}

package/dist/lib/webpack/webpack.config.d.ts

@@ -1,2 +0,0 @@
-import wp from 'webpack';
-export declare function createWebpackConfig(isPreview: boolean, buildTarget: 'client' | 'server' | 'both', mode: 'development' | 'production'): Promise<wp.Configuration[]>;

package/dist/lib/webpack/webpack.config.js

@@ -1,527 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { ModuleFederationPlugin } from '@module-federation/enhanced/webpack';
-import MiniCssExtractPlugin from 'mini-css-extract-plugin';
-import HtmlWebpackPlugin from 'html-webpack-plugin';
-import { networkInterfaces } from 'os';
-import path from 'path';
-import { globSync } from 'glob';
-import fs from 'fs';
-import CopyWebpackPlugin from 'copy-webpack-plugin';
-import ts from 'typescript';
-import { pathToFileURL } from 'url';
-import mfNode from '@module-federation/node';
-const { NodeFederationPlugin } = mfNode;
-import wp from 'webpack';
-const { webpack } = wp;
-export async function createWebpackConfig(isPreview, buildTarget, mode) {
-    const projectDirName = process.cwd();
-    async function loadPulseConfig() {
-        // compile to js file and import
-        const program = ts.createProgram({
-            rootNames: [path.join(projectDirName, 'pulse.config.ts')],
-            options: {
-                module: ts.ModuleKind.ESNext,
-                target: ts.ScriptTarget.ES2020,
-                outDir: path.join(projectDirName, 'node_modules/.pulse/config'),
-                esModuleInterop: true,
-                skipLibCheck: true,
-                forceConsistentCasingInFileNames: true,
-            },
-        });
-        program.emit();
-        // Fix imports in the generated js file for all files in node_modules/.pulse/config
-        globSync('node_modules/.pulse/config/**/*.js', {
-            cwd: projectDirName,
-            absolute: true,
-        }).forEach(jsFile => {
-            let content = fs.readFileSync(jsFile, 'utf-8');
-            content = content.replace(/(from\s+["']\.\/[^\s"']+)(["'])/g, (match, p1, p2) => {
-                // No change if the import already has any extension
-                if (p1.match(/\.(js|cjs|mjs|ts|tsx|json)$/)) {
-                    return match; // No change needed
-                }
-                return `${p1}.js${p2}`;
-            });
-            fs.writeFileSync(jsFile, content);
-        });
-        // Copy package.json if exists
-        const pkgPath = path.join(projectDirName, 'package.json');
-        if (fs.existsSync(pkgPath)) {
-            const destPath = path.join(projectDirName, 'node_modules/.pulse/config/package.json');
-            fs.copyFileSync(pkgPath, destPath);
-        }
-        const compiledConfig = path.join(projectDirName, 'node_modules/.pulse/config/pulse.config.js');
-        const mod = await import(pathToFileURL(compiledConfig).href);
-        // delete the compiled config after importing
-        fs.rmSync(path.join(projectDirName, 'node_modules/.pulse/config'), {
-            recursive: true,
-            force: true,
-        });
-        return mod.default;
-    }
-    const pulseConfig = await loadPulseConfig();
-    function getLocalNetworkIP() {
-        const interfaces = networkInterfaces();
-        for (const iface of Object.values(interfaces)) {
-            if (!iface)
-                continue;
-            for (const config of iface) {
-                if (config.family === 'IPv4' && !config.internal) {
-                    return config.address; // Returns the first non-internal IPv4 address
-                }
-            }
-        }
-        return 'localhost'; // Fallback
-    }
-    const origin = getLocalNetworkIP();
-    const previewStartupMessage = `
-🎉 Your Pulse extension preview \x1b[1m${pulseConfig.displayName}\x1b[0m is LIVE! 
-
-⚡️ Local: http://localhost:3030
-⚡️ Network: http://${origin}:3030
-
-✨ Try it out in your browser and let the magic happen! 🚀
-`;
-    const devStartupMessage = `
-🎉 Your Pulse extension \x1b[1m${pulseConfig.displayName}\x1b[0m is LIVE! 
-
-⚡️ Local: http://localhost:3030/${pulseConfig.id}/${pulseConfig.version}/
-⚡️ Network: http://${origin}:3030/${pulseConfig.id}/${pulseConfig.version}/
-
-✨ Try it out in the Pulse Editor and let the magic happen! 🚀
-`;
-    // #region Node Federation Plugin for Server Functions
-    function makeNodeFederationPlugin() {
-        function discoverServerFunctions() {
-            // Get all .ts files under src/server-function and read use default exports as entry points
-            const files = globSync('./src/server-function/**/*.ts');
-            const entryPoints = files
-                .map(file => file.replaceAll('\\', '/'))
-                .map(file => {
-                return {
-                    ['./' +
-                        file.replace('src/server-function/', '').replace(/\.ts$/, '')]: './' + file,
-                };
-            })
-                .reduce((acc, curr) => {
-                return { ...acc, ...curr };
-            }, {});
-            return entryPoints;
-        }
-        const funcs = discoverServerFunctions();
-        console.log(`Discovered server functions:
-${Object.entries(funcs)
-            .map(([name, file]) => {
-            return `  - ${name.slice(2)} (from ${file})`;
-        })
-            .join('\n')}
-`);
-        return new NodeFederationPlugin({
-            name: pulseConfig.id + '_server',
-            remoteType: 'script',
-            useRuntimePlugin: true,
-            library: { type: 'commonjs-module' },
-            filename: 'remoteEntry.js',
-            exposes: {
-                ...funcs,
-            },
-        }, {});
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    function compileServerFunctions(compiler) {
-        // Remove existing entry points
-        try {
-            fs.rmSync('dist/server', { recursive: true, force: true });
-        }
-        catch (e) {
-            console.error('Error removing dist/server:', e);
-            console.log('Continuing...');
-        }
-        // Generate tsconfig for server functions
-        function generateTempTsConfig() {
-            const tempTsConfigPath = path.join(process.cwd(), 'node_modules/.pulse/tsconfig.server.json');
-            const tsConfig = {
-                compilerOptions: {
-                    target: 'ES2020',
-                    module: 'esnext',
-                    moduleResolution: 'bundler',
-                    strict: true,
-                    declaration: true,
-                    outDir: path.join(process.cwd(), 'dist'),
-                },
-                include: [
-                    path.join(process.cwd(), 'src/server-function/**/*'),
-                    path.join(process.cwd(), 'pulse.config.ts'),
-                    path.join(process.cwd(), 'global.d.ts'),
-                ],
-                exclude: [
-                    path.join(process.cwd(), 'node_modules'),
-                    path.join(process.cwd(), 'dist'),
-                ],
-            };
-            fs.writeFileSync(tempTsConfigPath, JSON.stringify(tsConfig, null, 2));
-        }
-        generateTempTsConfig();
-        // Run a new webpack compilation to pick up new server functions
-        const options = {
-            ...compiler.options,
-            watch: false,
-            plugins: [
-                // Add a new NodeFederationPlugin with updated entry points
-                makeNodeFederationPlugin(),
-            ],
-        };
-        const newCompiler = webpack(options);
-        // Run the new compiler
-        newCompiler?.run((err, stats) => {
-            if (err) {
-                console.error(`[Server] ❌ Error during recompilation:`, err);
-            }
-            else if (stats?.hasErrors()) {
-                console.error(`[Server] ❌ Compilation errors:`, stats.toJson().errors);
-            }
-            else {
-                console.log(`[Server] ✅ Compiled server functions successfully.`);
-            }
-        });
-    }
-    // #endregion
-    // #region Source file parser for Pulse Config plugin
-    class PulseConfigPlugin {
-        requireFS = false;
-        apply(compiler) {
-            compiler.hooks.beforeCompile.tap('PulseConfigPlugin', () => {
-                this.requireFS = false;
-                globSync(['src/**/*.tsx', 'src/**/*.ts']).forEach(file => {
-                    const source = fs.readFileSync(file, 'utf8');
-                    this.scanSource(source);
-                });
-                // Persist result
-                pulseConfig.requireWorkspace = this.requireFS;
-            });
-        }
-        isWorkspaceHook(node) {
-            return (ts.isCallExpression(node) &&
-                ts.isIdentifier(node.expression) &&
-                [
-                    'useFileSystem',
-                    'useFile',
-                    'useReceiveFile',
-                    'useTerminal',
-                    'useWorkspaceInfo',
-                ].includes(node.expression.text));
-        }
-        scanSource(sourceText) {
-            const sourceFile = ts.createSourceFile('temp.tsx', sourceText, ts.ScriptTarget.Latest, true);
-            const visit = (node) => {
-                // Detect: useFileSystem(...)
-                if (this.isWorkspaceHook(node)) {
-                    this.requireFS = true;
-                }
-                ts.forEachChild(node, visit);
-            };
-            visit(sourceFile);
-        }
-    }
-    // #endregion
-    // #region Webpack Configs
-    const previewClientConfig = {
-        mode: mode,
-        entry: {
-            main: './node_modules/.pulse/server/preview/frontend/index.js',
-        },
-        output: {
-            path: path.resolve(projectDirName, 'dist/client'),
-        },
-        resolve: {
-            extensions: ['.ts', '.tsx', '.js'],
-        },
-        plugins: [
-            new PulseConfigPlugin(),
-            new HtmlWebpackPlugin({
-                template: './node_modules/.pulse/server/preview/frontend/index.html',
-            }),
-            new MiniCssExtractPlugin({
-                filename: 'globals.css',
-            }),
-            new CopyWebpackPlugin({
-                patterns: [{ from: 'src/assets', to: 'assets' }],
-            }),
-            {
-                apply: compiler => {
-                    let isFirstRun = true;
-                    // Before build starts
-                    compiler.hooks.watchRun.tap('ReloadMessagePlugin', () => {
-                        if (!isFirstRun) {
-                            console.log('[client-preview] 🔄 Reloading app...');
-                        }
-                        else {
-                            console.log('[client-preview] 🔄 Building app...');
-                        }
-                    });
-                    // After build finishes
-                    compiler.hooks.done.tap('ReloadMessagePlugin', () => {
-                        if (isFirstRun) {
-                            console.log('[client-preview] ✅ Successfully built preview.');
-                            console.log(previewStartupMessage);
-                            isFirstRun = false;
-                        }
-                        else {
-                            console.log('[client-preview] ✅ Reload finished');
-                        }
-                        // Write pulse config to dist
-                        fs.writeFileSync(path.resolve(projectDirName, 'dist/client/pulse.config.json'), JSON.stringify(pulseConfig, null, 2));
-                        fs.writeFileSync(path.resolve(projectDirName, 'dist/server/pulse.config.json'), JSON.stringify(pulseConfig, null, 2));
-                    });
-                },
-            },
-        ],
-        watchOptions: {
-            ignored: /src\/server-function/,
-        },
-        module: {
-            rules: [
-                {
-                    test: /\.tsx?$/,
-                    use: 'ts-loader',
-                    exclude: [/node_modules/, /dist/],
-                },
-                {
-                    test: /\.css$/i,
-                    use: [
-                        MiniCssExtractPlugin.loader,
-                        'css-loader',
-                        {
-                            loader: 'postcss-loader',
-                        },
-                    ],
-                },
-            ],
-        },
-        stats: {
-            all: false,
-            errors: true,
-            warnings: true,
-            logging: 'warn',
-            colors: true,
-        },
-        infrastructureLogging: {
-            level: 'warn',
-        },
-    };
-    const mfClientConfig = {
-        mode: mode,
-        name: 'client',
-        entry: './src/main.tsx',
-        output: {
-            publicPath: 'auto',
-            path: path.resolve(projectDirName, 'dist/client'),
-        },
-        resolve: {
-            extensions: ['.ts', '.tsx', '.js'],
-        },
-        plugins: [
-            new PulseConfigPlugin(),
-            new MiniCssExtractPlugin({
-                filename: 'globals.css',
-            }),
-            // Copy assets to dist
-            new CopyWebpackPlugin({
-                patterns: [{ from: 'src/assets', to: 'assets' }],
-            }),
-            new ModuleFederationPlugin({
-                // Do not use hyphen character '-' in the name
-                name: pulseConfig.id,
-                filename: 'remoteEntry.js',
-                exposes: {
-                    './main': './src/main.tsx',
-                },
-                shared: {
-                    react: {
-                        requiredVersion: '19.2.0',
-                        import: 'react', // the "react" package will be used a provided and fallback module
-                        shareKey: 'react', // under this name the shared module will be placed in the share scope
-                        shareScope: 'default', // share scope with this name will be used
-                        singleton: true, // only a single version of the shared module is allowed
-                    },
-                    'react-dom': {
-                        requiredVersion: '19.2.0',
-                        singleton: true, // only a single version of the shared module is allowed
-                    },
-                },
-            }),
-            {
-                apply: compiler => {
-                    if (compiler.options.mode === 'development') {
-                        let isFirstRun = true;
-                        // Before build starts
-                        compiler.hooks.watchRun.tap('ReloadMessagePlugin', () => {
-                            if (!isFirstRun) {
-                                console.log('[client] 🔄 reloading app...');
-                            }
-                            else {
-                                console.log('[client] 🔄 building app...');
-                            }
-                        });
-                        // Log file updates
-                        compiler.hooks.invalid.tap('LogFileUpdates', (file, changeTime) => {
-                            console.log(`[watch] change detected in: ${file} at ${new Date(changeTime || Date.now()).toLocaleTimeString()}`);
-                        });
-                        // After build finishes
-                        compiler.hooks.done.tap('ReloadMessagePlugin', () => {
-                            if (isFirstRun) {
-                                console.log('[client] ✅ Successfully built client.');
-                                console.log(devStartupMessage);
-                                isFirstRun = false;
-                            }
-                            else {
-                                console.log('[client] ✅ Reload finished.');
-                            }
-                            // Write pulse config to dist
-                            fs.writeFileSync(path.resolve(projectDirName, 'dist/client/pulse.config.json'), JSON.stringify(pulseConfig, null, 2));
-                        });
-                    }
-                    else {
-                        // Print build success/failed message
-                        compiler.hooks.done.tap('BuildMessagePlugin', stats => {
-                            if (stats.hasErrors()) {
-                                console.log(`[client] ❌ Failed to build client.`);
-                            }
-                            else {
-                                console.log(`[client] ✅ Successfully built client.`);
-                                // Write pulse config to dist
-                                fs.writeFileSync(path.resolve(projectDirName, 'dist/client/pulse.config.json'), JSON.stringify(pulseConfig, null, 2));
-                            }
-                        });
-                    }
-                },
-            },
-        ],
-        module: {
-            rules: [
-                {
-                    test: /\.tsx?$/,
-                    use: 'ts-loader',
-                    exclude: [/node_modules/, /dist/],
-                },
-                {
-                    test: /\.css$/i,
-                    use: [
-                        MiniCssExtractPlugin.loader,
-                        'css-loader',
-                        {
-                            loader: 'postcss-loader',
-                        },
-                    ],
-                    exclude: [/dist/],
-                },
-            ],
-        },
-        stats: {
-            all: false,
-            errors: true,
-            warnings: true,
-            logging: 'warn',
-            colors: true,
-            assets: false,
-        },
-        infrastructureLogging: {
-            level: 'warn',
-        },
-    };
-    const mfServerConfig = {
-        mode: mode,
-        name: 'server',
-        entry: {},
-        target: 'async-node',
-        output: {
-            publicPath: 'auto',
-            path: path.resolve(projectDirName, 'dist/server'),
-        },
-        resolve: {
-            extensions: ['.ts', '.js'],
-        },
-        plugins: [
-            {
-                apply: compiler => {
-                    if (compiler.options.mode === 'development') {
-                        let isFirstRun = true;
-                        // Before build starts
-                        compiler.hooks.watchRun.tap('ReloadMessagePlugin', () => {
-                            if (!isFirstRun) {
-                                console.log(`[Server] 🔄 Reloading app...`);
-                            }
-                            else {
-                                console.log(`[Server] 🔄 Building app...`);
-                            }
-                            compileServerFunctions(compiler);
-                        });
-                        // After build finishes
-                        compiler.hooks.done.tap('ReloadMessagePlugin', () => {
-                            if (isFirstRun) {
-                                console.log(`[Server] ✅ Successfully built server.`);
-                                isFirstRun = false;
-                            }
-                            else {
-                                console.log(`[Server] ✅ Reload finished.`);
-                            }
-                        });
-                        // Watch for changes in the server-function directory to trigger rebuilds
-                        compiler.hooks.thisCompilation.tap('WatchServerFunctions', compilation => {
-                            compilation.contextDependencies.add(path.resolve(projectDirName, 'src/server-function'));
-                        });
-                    }
-                    else {
-                        // Print build success/failed message
-                        compiler.hooks.done.tap('BuildMessagePlugin', stats => {
-                            if (stats.hasErrors()) {
-                                console.log(`[Server] ❌ Failed to build server.`);
-                            }
-                            else {
-                                compileServerFunctions(compiler);
-                                console.log(`[Server] ✅ Successfully built server.`);
-                            }
-                        });
-                    }
-                },
-            },
-        ],
-        module: {
-            rules: [
-                {
-                    test: /\.tsx?$/,
-                    use: {
-                        loader: 'ts-loader',
-                        options: {
-                            configFile: 'node_modules/.pulse/tsconfig.server.json',
-                        },
-                    },
-                    exclude: [/node_modules/, /dist/],
-                },
-            ],
-        },
-        stats: {
-            all: false,
-            errors: true,
-            warnings: true,
-            logging: 'warn',
-            colors: true,
-        },
-        infrastructureLogging: {
-            level: 'warn',
-        },
-    };
-    // #endregion
-    if (isPreview) {
-        return [previewClientConfig, mfServerConfig];
-    }
-    else if (buildTarget === 'server') {
-        return [mfServerConfig];
-    }
-    else if (buildTarget === 'client') {
-        return [mfClientConfig];
-    }
-    else {
-        return [mfClientConfig, mfServerConfig];
-    }
-}