@pulse-editor/cli 0.1.2 → 0.1.4

package/dist/app.js

@@ -14,6 +14,7 @@ import Start from './components/commands/start.js';
 import Clean from './components/commands/clean.js';
 import Upgrade from './components/commands/upgrade.js';
 import Skill from './components/commands/skill.js';
+import Code from './components/commands/code.js';
 export default function App({ cli }) {
     const [command, setCommand] = useState(undefined);
     if (cli.flags.stage) {
@@ -26,5 +27,5 @@ export default function App({ cli }) {
         const cmd = cli.input[0] ?? 'help';
         setCommand(cmd);
     }, [cli.input]);
-    return (_jsxs(_Fragment, { children: [cli.flags.stage && (_jsx(Text, { color: 'yellow', children: "\u26A0\uFE0F  You are in development mode." })), command === 'help' ? (_jsx(Help, { cli: cli })) : command === 'chat' ? (_jsx(Chat, { cli: cli })) : command === 'login' ? (_jsx(Login, { cli: cli })) : command === 'logout' ? (_jsx(Logout, { cli: cli })) : command === 'publish' ? (_jsx(Publish, { cli: cli })) : command === 'create' ? (_jsx(Create, { cli: cli })) : command === 'dev' ? (_jsx(Dev, { cli: cli })) : command === 'build' ? (_jsx(Build, { cli: cli })) : command === 'preview' ? (_jsx(Preview, { cli: cli })) : command === 'start' ? (_jsx(Start, { cli: cli })) : command === 'clean' ? (_jsx(Clean, { cli: cli })) : command === 'upgrade' ? (_jsx(Upgrade, { cli: cli })) : command === 'skill' ? (_jsx(Skill, { cli: cli })) : (command !== undefined && (_jsxs(_Fragment, { children: [_jsxs(Text, { color: 'redBright', children: ["Invalid command: ", command] }), _jsxs(Text, { children: ["Run ", _jsx(Text, { color: 'blueBright', children: "pulse help" }), " to see the list of available commands."] })] })))] }));
+    return (_jsxs(_Fragment, { children: [cli.flags.stage && (_jsx(Text, { color: 'yellow', children: "\u26A0\uFE0F  You are in development mode." })), command === 'help' ? (_jsx(Help, { cli: cli })) : command === 'chat' ? (_jsx(Chat, { cli: cli })) : command === 'login' ? (_jsx(Login, { cli: cli })) : command === 'logout' ? (_jsx(Logout, { cli: cli })) : command === 'publish' ? (_jsx(Publish, { cli: cli })) : command === 'create' ? (_jsx(Create, { cli: cli })) : command === 'dev' ? (_jsx(Dev, { cli: cli })) : command === 'build' ? (_jsx(Build, { cli: cli })) : command === 'preview' ? (_jsx(Preview, { cli: cli })) : command === 'start' ? (_jsx(Start, { cli: cli })) : command === 'clean' ? (_jsx(Clean, { cli: cli })) : command === 'upgrade' ? (_jsx(Upgrade, { cli: cli })) : command === 'skill' ? (_jsx(Skill, { cli: cli })) : command === 'code' ? (_jsx(Code, { cli: cli })) : (command !== undefined && (_jsxs(_Fragment, { children: [_jsxs(Text, { color: 'redBright', children: ["Invalid command: ", command] }), _jsxs(Text, { children: ["Run ", _jsx(Text, { color: 'blueBright', children: "pulse help" }), " to see the list of available commands."] })] })))] }));
 }

package/dist/components/commands/code.d.ts

@@ -0,0 +1,5 @@
+import { Result } from "meow";
+import { Flags } from "../../lib/cli-flags.js";
+export default function Code({ cli }: {
+    cli: Result<Flags>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/commands/code.js

@@ -0,0 +1,366 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import fs from "fs";
+import { Box, Text } from "ink";
+import Spinner from "ink-spinner";
+import TextInput from "ink-text-input";
+import JSZip from "jszip";
+import path from "path";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { getBackendUrl } from "../../lib/backend-url.js";
+import { checkToken, getToken } from "../../lib/token.js";
+function readContinueData(cwd) {
+    const pkgPath = path.resolve(cwd, "package.json");
+    if (!fs.existsSync(pkgPath)) {
+        return null;
+    }
+    try {
+        const pkg = JSON.parse(fs.readFileSync(pkgPath, "utf8"));
+        const name = typeof pkg["name"] === "string" ? pkg["name"] : undefined;
+        const version = typeof pkg["version"] === "string" ? pkg["version"] : undefined;
+        const appId = typeof pkg["appId"] === "string" ? pkg["appId"] : name;
+        if (!appId || !version) {
+            return null;
+        }
+        return { appId, version, name: name ?? appId };
+    }
+    catch {
+        return null;
+    }
+}
+function makeAppName(prompt) {
+    const normalized = prompt
+        .toLowerCase()
+        .replaceAll(/[^a-z0-9\s-]/g, "")
+        .trim()
+        .split(/\s+/)
+        .filter(Boolean)
+        .slice(0, 5)
+        .join("_");
+    const suffix = Math.random().toString(36).slice(2, 8);
+    return `${normalized || "pulse_app"}_${suffix}`;
+}
+function parseArtifact(result) {
+    if (!result) {
+        return undefined;
+    }
+    try {
+        return JSON.parse(result);
+    }
+    catch {
+        return undefined;
+    }
+}
+export default function Code({ cli }) {
+    // ── Continue mode ────────────────────────────────────────────────────────
+    const continueData = useMemo(() => {
+        if (!cli.flags.continue)
+            return undefined;
+        return readContinueData(process.cwd());
+    }, [cli.flags.continue]);
+    // ── Resolved inputs ──────────────────────────────────────────────────────
+    const [appName, setAppName] = useState(() => {
+        if (cli.flags.name)
+            return cli.flags.name;
+        if (cli.flags.continue) {
+            const data = readContinueData(process.cwd());
+            return data?.name ?? undefined;
+        }
+        return undefined;
+    });
+    const [appNameInput, setAppNameInput] = useState("");
+    const [prompt, setPrompt] = useState(undefined);
+    const [promptInput, setPromptInput] = useState("");
+    // ── Auth ─────────────────────────────────────────────────────────────────
+    const [isCheckingAuth, setIsCheckingAuth] = useState(true);
+    const [isAuthenticated, setIsAuthenticated] = useState(false);
+    // ── Generation state ─────────────────────────────────────────────────────
+    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());
+    const [toolCallErrors, setToolCallErrors] = useState([]);
+    const [artifact, setArtifact] = useState(undefined);
+    const [isDownloading, setIsDownloading] = useState(false);
+    const [downloadedPath, setDownloadedPath] = useState(undefined);
+    const [downloadError, setDownloadError] = useState(undefined);
+    const token = useMemo(() => getToken(cli.flags.stage), [cli.flags.stage]);
+    // Pre-fill prompt from inline CLI args, e.g. `pulse code "my prompt"`
+    useEffect(() => {
+        const initialPrompt = cli.input.slice(1).join(" ").trim();
+        if (initialPrompt) {
+            setPrompt(initialPrompt);
+        }
+    }, [cli.input]);
+    useEffect(() => {
+        async function runAuthCheck() {
+            if (!token) {
+                setIsAuthenticated(false);
+                setIsCheckingAuth(false);
+                return;
+            }
+            const isValid = await checkToken(token, cli.flags.stage);
+            setIsAuthenticated(isValid);
+            setIsCheckingAuth(false);
+        }
+        runAuthCheck();
+    }, [token, cli.flags.stage]);
+    useEffect(() => {
+        async function runCodeGeneration(userPrompt, resolvedAppName) {
+            if (!token) {
+                setError("Missing access token. Please run pulse login first.");
+                return;
+            }
+            setError(undefined);
+            setStatusLines([]);
+            setLiveBuffers(new Map());
+            setToolCallErrors([]);
+            setArtifact(undefined);
+            setIsDownloading(false);
+            setDownloadedPath(undefined);
+            setDownloadError(undefined);
+            generationStartRef.current = Date.now();
+            setElapsedSeconds(0);
+            setIsGenerating(true);
+            const controller = new AbortController();
+            let didTimeout = false;
+            const timeoutId = setTimeout(() => {
+                didTimeout = true;
+                controller.abort("Generation timeout after 5 minutes");
+            }, 5 * 60 * 1000);
+            const collectedMessages = new Map();
+            // Per-message live streaming buffers
+            const localBuffers = new Map();
+            let _artifact = undefined;
+            try {
+                const response = await fetch(`${getBackendUrl(cli.flags.stage)}/api/server-function/vibe_dev_flow/latest/generate-code/v2/generate`, {
+                    method: "POST",
+                    headers: {
+                        Authorization: `Bearer ${token}`,
+                        "Content-Type": "application/json",
+                    },
+                    body: JSON.stringify({
+                        prompt: userPrompt,
+                        ...(continueData
+                            ? {
+                                appId: continueData.appId,
+                                version: continueData.version,
+                            }
+                            : {
+                                appName: resolvedAppName,
+                            }),
+                    }),
+                    signal: controller.signal,
+                });
+                if (!response.ok) {
+                    throw new Error(`Code generation failed: ${response.status} ${response.statusText} - ${await response.text()}`);
+                }
+                if (!response.body) {
+                    throw new Error("No stream returned from server.");
+                }
+                const reader = response.body.getReader();
+                const decoder = new TextDecoder();
+                let buffer = "";
+                while (true) {
+                    const { value, done } = await reader.read();
+                    if (done) {
+                        break;
+                    }
+                    buffer += decoder.decode(value, { stream: true });
+                    const parts = buffer.split("\n\n");
+                    buffer = parts.pop() ?? "";
+                    for (const part of parts) {
+                        if (!part.startsWith("data:")) {
+                            continue;
+                        }
+                        const json = part.replace(/^data:\s*/, "");
+                        let message;
+                        try {
+                            message = JSON.parse(json);
+                        }
+                        catch {
+                            continue;
+                        }
+                        if (message.type === "creation") {
+                            collectedMessages.set(message.messageId, message);
+                            if (message.data.type === "notification") {
+                                const text = [message.data.title, message.data.description]
+                                    .filter(Boolean)
+                                    .join(": ");
+                                if (text.length > 0) {
+                                    setStatusLines((previous) => [...previous, { text }]);
+                                }
+                            }
+                            if (message.data.type === "toolCall") {
+                                const label = message.data.title
+                                    ? `Tool call: ${message.data.title}`
+                                    : "Tool call executed";
+                                setStatusLines((previous) => [
+                                    ...previous,
+                                    {
+                                        text: label,
+                                        messageId: message.messageId,
+                                        toolTitle: message.data.title,
+                                    },
+                                ]);
+                                // Start tracking this tool call's buffer
+                                localBuffers.set(message.messageId, message.data.description
+                                    ? `${message.data.description}\n`
+                                    : "");
+                                setLiveBuffers(new Map(localBuffers));
+                            }
+                            if (message.data.type === "artifactOutput") {
+                                _artifact = parseArtifact(message.data.result);
+                                setArtifact(_artifact);
+                            }
+                        }
+                        else {
+                            // update message
+                            const existing = collectedMessages.get(message.messageId);
+                            if (!existing) {
+                                continue;
+                            }
+                            const deltaResult = message.delta.result ?? "";
+                            const deltaError = message.delta.error ?? "";
+                            existing.data.result = (existing.data.result ?? "") + deltaResult;
+                            existing.data.error = (existing.data.error ?? "") + deltaError;
+                            existing.isFinal = message.isFinal;
+                            // Accumulate delta into this message's own buffer
+                            if (localBuffers.has(message.messageId) &&
+                                deltaResult.length > 0) {
+                                const current = localBuffers.get(message.messageId) ?? "";
+                                localBuffers.set(message.messageId, current + deltaResult);
+                                setLiveBuffers(new Map(localBuffers));
+                            }
+                            // Surface tool-level errors when the message is finalized
+                            if (message.isFinal && existing.data.error) {
+                                const errText = existing.data.error.trim();
+                                if (errText.length > 0) {
+                                    setToolCallErrors((previous) => [...previous, errText]);
+                                }
+                            }
+                        }
+                    }
+                }
+                setIsGenerated(true);
+                // Download the source zip
+                if (_artifact && _artifact.appId) {
+                    setIsDownloading(true);
+                    try {
+                        // Step 1: exchange the archive endpoint for a SAS URL
+                        const sasEndpoint = `${getBackendUrl(cli.flags.stage)}/api/app/source?app=${encodeURIComponent(_artifact.appId)}`;
+                        const sasResponse = await fetch(sasEndpoint, {
+                            headers: {
+                                Accept: "application/zip",
+                                Authorization: `Bearer ${token}`,
+                            },
+                        });
+                        if (!sasResponse.ok) {
+                            throw new Error(`Failed to get download link for ${_artifact.appId}: ${sasResponse.status} ${sasResponse.statusText}`);
+                        }
+                        const { url: sasUrl } = (await sasResponse.json());
+                        console.log(`SAS URL for ${_artifact.appId}: ${sasUrl}`);
+                        // Step 2: download the actual zip from the SAS URL
+                        const downloadResponse = await fetch(sasUrl);
+                        if (!downloadResponse.ok) {
+                            throw new Error(`Failed to download archive: ${downloadResponse.status} ${downloadResponse.statusText}`);
+                        }
+                        const arrayBuffer = await downloadResponse.arrayBuffer();
+                        // Extract zip in-memory and write files one by one
+                        const zip = await JSZip.loadAsync(arrayBuffer);
+                        const destDir = process.cwd();
+                        for (const [relativePath, zipEntry] of Object.entries(zip.files)) {
+                            if (zipEntry.dir)
+                                continue;
+                            const filePath = path.join(destDir, relativePath);
+                            fs.mkdirSync(path.dirname(filePath), { recursive: true });
+                            const content = await zipEntry.async("nodebuffer");
+                            fs.writeFileSync(filePath, content);
+                        }
+                        setDownloadedPath(destDir);
+                    }
+                    catch (downloadErr) {
+                        setDownloadError(downloadErr instanceof Error
+                            ? downloadErr.message
+                            : "Failed to download source archive.");
+                    }
+                    finally {
+                        setIsDownloading(false);
+                    }
+                }
+            }
+            catch (generationError) {
+                if (controller.signal.aborted && didTimeout) {
+                    setError("Code generation timed out after 5 minutes.");
+                }
+                else {
+                    setError(generationError instanceof Error
+                        ? generationError.message
+                        : "Failed to generate code.");
+                }
+            }
+            finally {
+                clearTimeout(timeoutId);
+                if (generationStartRef.current !== undefined) {
+                    setElapsedSeconds(Math.floor((Date.now() - generationStartRef.current) / 1000));
+                }
+                setIsGenerating(false);
+            }
+        }
+        if (isAuthenticated && prompt && appName && continueData !== null) {
+            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)
+            return { lines: [], truncated: false };
+        const all = text.split("\n").filter((l) => l.length > 0);
+        if (toolTitle === "Agent Message") {
+            return { lines: all, truncated: false };
+        }
+        const truncated = all.length > 8;
+        return { lines: all.slice(-8), truncated };
+    }
+    return (_jsx(_Fragment, { children: isCheckingAuth ? (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Checking authentication..." })] })) : !isAuthenticated ? (_jsx(Text, { color: "redBright", children: "\u26D4 You are not authenticated. Run pulse login and try again." })) : cli.flags.continue && continueData === null ? (_jsx(Text, { color: "redBright", children: "\u26D4 Could not read app name and version from package.json in the current directory. Make sure a valid package.json with \"name\", \"version\" (and optionally \"appId\") exists." })) : appName === undefined ? (
+        // Step 1 — app name
+        _jsxs(Box, { children: [_jsx(Text, { children: "App name: " }), _jsx(TextInput, { value: appNameInput, onChange: setAppNameInput, onSubmit: (value) => {
+                        const trimmed = value.trim();
+                        setAppName(trimmed.length > 0 ? trimmed : makeAppName(""));
+                    } })] })) : prompt === undefined ? (
+        // Step 2 — prompt
+        _jsxs(Box, { children: [_jsx(Text, { children: "Describe the Pulse app you want to generate: " }), _jsx(TextInput, { value: promptInput, onChange: setPromptInput, onSubmit: (value) => {
+                        const trimmed = value.trim();
+                        if (trimmed.length === 0) {
+                            return;
+                        }
+                        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... " }), _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 && (_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/cli-flags.d.ts

@@ -43,5 +43,9 @@ export declare const flags: {
         type: "string";
         shortFlag: string;
     };
+    continue: {
+        type: "boolean";
+        default: false;
+    };
 };
 export type Flags = typeof flags;

package/dist/lib/cli-flags.js

@@ -47,4 +47,8 @@ export const flags = defineFlags({
         type: 'string',
         shortFlag: 'd',
     },
+    continue: {
+        type: 'boolean',
+        default: false,
+    },
 });

package/dist/lib/manual.js

@@ -9,6 +9,17 @@ const chat = `\
                     --interactive, -i
                       Start an interactive chat session
 
+`;
+const code = `\
+  code            Generate a new Pulse App from a prompt using AI.
+
+                  Flags:
+                    --name, -n [app-name]
+                      Optional app name used for generation.
+                    --continue, -c
+                      Continue building on an existing app. Reads the app ID
+                      and version from the package.json in the current directory.
+
 `;
 const login = `\
   login           Login to the Pulse Editor Platform.
@@ -101,6 +112,7 @@ const skill = `\
 export const commandsManual = {
     help,
     chat,
+    code,
     login,
     logout,
     publish,

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.2",
+	"version": "0.1.4",
 	"license": "MIT",
 	"bin": {
 		"pulse": "dist/cli.js"
@@ -37,6 +37,7 @@
 		"ink-select-input": "^6.2.0",
 		"ink-spinner": "^5.0.0",
 		"ink-text-input": "^6.0.0",
+		"jszip": "^3.10.1",
 		"livereload": "^0.10.3",
 		"meow": "^14.1.0",
 		"mini-css-extract-plugin": "^2.10.0",
@@ -52,6 +53,7 @@
 		"@types/connect-livereload": "^0.6.3",
 		"@types/cors": "^2.8.19",
 		"@types/express": "^5.0.6",
+		"@types/jszip": "^3.4.0",
 		"@types/livereload": "^0.9.5",
 		"@types/react": "^19.2.14",
 		"@types/react-dom": "^19.2.3",

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];
-    }
-}