@pulse-editor/cli 0.1.3 → 0.1.5

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,15 @@ app.all(/^\/server-function\/(.*)/, async (req, res) => {
 });
 if (isPreview) {
     /* Preview mode */
+    app.get("/pulse.config.json", async (_req, res) => {
+        try {
+            const data = await import("fs/promises").then((fs) => fs.readFile("dist/pulse.config.json", "utf-8"));
+            res.type("json").send(data);
+        }
+        catch {
+            res.status(404).json({ error: "pulse.config.json not found" });
+        }
+    });
     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

@@ -1,11 +1,9 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import mfNode from "@module-federation/node";
 import fs from "fs";
-import { globSync } from "glob";
 import path from "path";
-import { Node, Project, SyntaxKind } from "ts-morph";
 import wp from "webpack";
-import { discoverAppSkillActions, discoverServerFunctions, loadPulseConfig, } from "./utils.js";
+import { compileAppActionSkills, discoverAppSkillActions, discoverServerFunctions, loadPulseConfig, } from "./utils.js";
 const { NodeFederationPlugin } = mfNode;
 const { webpack } = wp;
 class MFServerPlugin {
@@ -48,21 +46,21 @@ class MFServerPlugin {
                         : false;
                     if (isActionChange) {
                         console.log(`[Server] Detected changes in actions. Recompiling...`);
-                        this.compileAppActionSkills();
+                        compileAppActionSkills(this.pulseConfig);
                     }
                 }
                 else {
                     console.log(`[Server] 🔄 Building app...`);
                     await this.compileServerFunctions(compiler);
-                    this.compileAppActionSkills();
+                    compileAppActionSkills(this.pulseConfig);
                     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")}
 `);
                 }
             });
@@ -85,7 +83,7 @@ ${Object.entries(funcs)
                 else {
                     try {
                         await this.compileServerFunctions(compiler);
-                        this.compileAppActionSkills();
+                        compileAppActionSkills(this.pulseConfig);
                     }
                     catch (err) {
                         console.error(`[Server] ❌ Error during compilation:`, err);
@@ -158,252 +156,6 @@ ${Object.entries(funcs)
             },
         }, {});
     }
-    /**
-     * Register default functions defined in src/skill as exposed modules in Module Federation.
-     * This will:
-     * 	1. Search for all .ts files under src/skill
-     *  2. Use ts-morph to get the default function information, including function name, parameters, and JSDoc comments
-     *  3. Organize the functions' information into a list of Action
-     * @param compiler
-     */
-    compileAppActionSkills() {
-        // 1. Get all TypeScript files under src/skill
-        const files = globSync("./src/skill/*/action.ts");
-        const project = new Project({
-            tsConfigFilePath: path.join(process.cwd(), "node_modules/.pulse/tsconfig.server.json"),
-        });
-        const actions = [];
-        files.forEach((file) => {
-            const sourceFile = project.addSourceFileAtPath(file);
-            const defaultExportSymbol = sourceFile.getDefaultExportSymbol();
-            if (!defaultExportSymbol)
-                return;
-            const defaultExportDeclarations = defaultExportSymbol.getDeclarations();
-            defaultExportDeclarations.forEach((declaration) => {
-                if (declaration.getKind() !== SyntaxKind.FunctionDeclaration)
-                    return;
-                const funcDecl = declaration.asKindOrThrow(SyntaxKind.FunctionDeclaration);
-                // Get action name from path `src/skill/{actionName}/action.ts`
-                // Match `*/src/skill/{actionName}/action.ts` and extract {actionName}
-                const pattern = /src\/skill\/([^\/]+)\/action\.ts$/;
-                const match = file.replaceAll("\\", "/").match(pattern);
-                if (!match) {
-                    console.warn(`File path ${file} does not match pattern ${pattern}. Skipping...`);
-                    return;
-                }
-                const actionName = match[1];
-                if (!actionName) {
-                    console.warn(`Could not extract action name from file path ${file}. Skipping...`);
-                    return;
-                }
-                // Throw an error if the funcName is duplicated with an existing action to prevent accidental overwriting
-                if (actions.some((action) => action.name === actionName)) {
-                    throw new Error(`Duplicate action name "${actionName}" detected in file ${file}. Please ensure all actions have unique names to avoid conflicts.`);
-                }
-                const defaultExportJSDocs = funcDecl.getJsDocs();
-                // Validate that the function has a JSDoc description
-                const descriptionText = defaultExportJSDocs
-                    .map((doc) => doc.getDescription().replace(/^\*+/gm, "").trim())
-                    .join("\n")
-                    .trim();
-                if (defaultExportJSDocs.length === 0 || !descriptionText) {
-                    throw new Error(`[Action Validation] Action "${actionName}" in ${file} is missing a JSDoc description. ` +
-                        `Please add a JSDoc comment block with a description above the function.` +
-                        `Run \`pulse skill fix ${actionName}\` to automatically add a JSDoc template for this action.`);
-                }
-                const description = defaultExportJSDocs
-                    .map((doc) => doc.getFullText())
-                    .join("\n");
-                const allJSDocs = sourceFile.getDescendantsOfKind(SyntaxKind.JSDoc);
-                const typeDefs = this.parseTypeDefs(allJSDocs);
-                /* Extract parameter descriptions from JSDoc */
-                const funcParam = funcDecl.getParameters()[0];
-                const params = {};
-                if (funcParam) {
-                    /**
-                     * Extract default values from the destructured parameter
-                     * (ObjectBindingPattern → BindingElement initializer)
-                     */
-                    const defaults = new Map();
-                    const nameNode = funcParam.getNameNode();
-                    if (Node.isObjectBindingPattern(nameNode)) {
-                        nameNode.getElements().forEach((el) => {
-                            if (!Node.isBindingElement(el))
-                                return;
-                            const name = el.getName();
-                            const initializer = el.getInitializer()?.getText();
-                            if (initializer) {
-                                defaults.set(name, initializer);
-                            }
-                        });
-                    }
-                    const paramProperties = funcParam.getType().getProperties();
-                    const inputTypeDef = typeDefs["input"] ?? {};
-                    if (paramProperties.length > 0 && !typeDefs["input"]) {
-                        throw new Error(`[Action Validation] Action "${actionName}" in ${file} has parameters but is missing an ` +
-                            `"@typedef {Object} input" JSDoc block. Please document all parameters with ` +
-                            `@typedef {Object} input and @property tags.` +
-                            `Run \`pulse skill fix ${actionName}\` to automatically add a JSDoc template for this action.`);
-                    }
-                    paramProperties.forEach((prop) => {
-                        const name = prop.getName();
-                        if (!inputTypeDef[name]) {
-                            throw new Error(`[Action Validation] Action "${actionName}" in ${file}: parameter "${name}" is missing ` +
-                                `a @property entry in the "input" JSDoc typedef. Please add ` +
-                                `"@property {type} ${name} - description" to the JSDoc.` +
-                                `Run \`pulse skill fix ${actionName}\` to automatically add a JSDoc template for this action.`);
-                        }
-                        if (!inputTypeDef[name]?.description?.trim()) {
-                            throw new Error(`[Action Validation] Action "${actionName}" in ${file}: parameter "${name}" has an empty ` +
-                                `description in the JSDoc @property. Please provide a meaningful description.` +
-                                `Run \`pulse skill fix ${actionName}\` to automatically add a JSDoc template for this action.`);
-                        }
-                        const variable = {
-                            description: inputTypeDef[name]?.description ?? "",
-                            type: this.getType(inputTypeDef[name]?.type ?? ""),
-                            optional: prop.isOptional() ? true : undefined,
-                            defaultValue: defaults.get(name),
-                        };
-                        params[name] = variable;
-                    });
-                }
-                /* Extract return type from JSDoc */
-                const rawReturnType = funcDecl.getReturnType();
-                const isPromiseLikeReturn = this.isPromiseLikeType(rawReturnType);
-                const returnType = this.unwrapPromiseLikeType(rawReturnType);
-                // Check if the return type is an object
-                if (!returnType.isObject()) {
-                    console.warn(`[Action Registration] Function ${actionName}'s return type should be an object. Skipping...`);
-                    return;
-                }
-                const returns = {};
-                const returnProperties = returnType.getProperties();
-                const outputTypeDef = typeDefs["output"] ?? {};
-                const hasOutputTypeDef = !!typeDefs["output"];
-                if (returnProperties.length > 0 &&
-                    !hasOutputTypeDef &&
-                    !isPromiseLikeReturn) {
-                    throw new Error(`[Action Validation] Action "${actionName}" in ${file} returns properties but is missing an ` +
-                        `"@typedef {Output}" JSDoc block. Please document all return values with ` +
-                        `@typedef {Output} and @property tags.` +
-                        `Run \`pulse skill fix ${actionName}\` to automatically add a JSDoc template for this action.`);
-                }
-                if (returnProperties.length > 0 && !hasOutputTypeDef && isPromiseLikeReturn) {
-                    console.warn(`[Action Validation] Action "${actionName}" in ${file} is missing an "@typedef {Object} output" JSDoc block. ` +
-                        `Falling back to TypeScript-inferred return metadata because the action returns a Promise.`);
-                }
-                returnProperties.forEach((prop) => {
-                    const name = prop.getName();
-                    if (!hasOutputTypeDef) {
-                        const variable = {
-                            description: "",
-                            type: this.getType(prop.getTypeAtLocation(funcDecl).getText()),
-                            optional: prop.isOptional() ? true : undefined,
-                            defaultValue: undefined,
-                        };
-                        returns[name] = variable;
-                        return;
-                    }
-                    if (!outputTypeDef[name]) {
-                        throw new Error(`[Action Validation] Action "${actionName}" in ${file}: return property "${name}" is missing ` +
-                            `a @property entry in the "output" JSDoc typedef. Please add ` +
-                            `"@property {type} ${name} - description" to the JSDoc.` +
-                            `Run \`pulse skill fix ${actionName}\` to automatically add a JSDoc template for this action.`);
-                    }
-                    if (!outputTypeDef[name]?.description?.trim()) {
-                        throw new Error(`[Action Validation] Action "${actionName}" in ${file}: return property "${name}" has an empty ` +
-                            `description in the JSDoc @property. Please provide a meaningful description.` +
-                            `Run \`pulse skill fix ${actionName}\` to automatically add a JSDoc template for this action.`);
-                    }
-                    const variable = {
-                        description: outputTypeDef[name]?.description ?? "",
-                        type: this.getType(outputTypeDef[name]?.type ?? ""),
-                        optional: prop.isOptional() ? true : undefined,
-                        defaultValue: undefined,
-                    };
-                    returns[name] = variable;
-                });
-                actions.push({
-                    name: actionName,
-                    description,
-                    parameters: params,
-                    returns,
-                });
-            });
-        });
-        // You can now register `actions` in Module Federation or expose them as needed
-        // Register actions in pulse config for runtime access
-        this.pulseConfig.actions = actions;
-    }
-    parseTypeDefs(jsDocs) {
-        const typeDefs = {};
-        // Match @typedef {Type} Name
-        const typedefRegex = /@typedef\s+{([^}]+)}\s+([^\s-]+)/g;
-        // Match @property {Type} [name] Description text...
-        const propertyRegex = /@property\s+{([^}]+)}\s+(\[?[^\]\s]+\]?)\s*-?\s*(.*)/g;
-        jsDocs.forEach((doc) => {
-            const text = doc.getFullText();
-            let typedefMatches;
-            while ((typedefMatches = typedefRegex.exec(text)) !== null) {
-                const typeName = typedefMatches[2];
-                if (!typeName)
-                    continue;
-                const properties = {};
-                let propertyMatches;
-                while ((propertyMatches = propertyRegex.exec(text)) !== null) {
-                    const propName = this.normalizeJSDocPropertyName(propertyMatches[2]);
-                    const propType = propertyMatches[1];
-                    const propDescription = propertyMatches[3] || "";
-                    if (propName && propType) {
-                        properties[propName] = {
-                            type: propType,
-                            description: propDescription.trim(),
-                        };
-                    }
-                }
-                typeDefs[typeName.toLowerCase()] = properties;
-            }
-        });
-        return typeDefs;
-    }
-    normalizeJSDocPropertyName(name) {
-        if (!name)
-            return "";
-        return name
-            .trim()
-            .replace(/^\[/, "")
-            .replace(/\]$/, "")
-            .split("=")[0]
-            ?.trim();
-    }
-    isPromiseLikeType(type) {
-        const symbolName = type.getSymbol()?.getName();
-        return symbolName === "Promise" || symbolName === "PromiseLike";
-    }
-    unwrapPromiseLikeType(type) {
-        const symbolName = type.getSymbol()?.getName();
-        if ((symbolName === "Promise" || symbolName === "PromiseLike") &&
-            type.getTypeArguments().length > 0) {
-            return type.getTypeArguments()[0] ?? type;
-        }
-        return type;
-    }
-    getType(text) {
-        if (text === "string")
-            return "string";
-        if (text === "number")
-            return "number";
-        if (text === "boolean")
-            return "boolean";
-        if (text === "any")
-            return "object";
-        if (text.endsWith("[]"))
-            return [this.getType(text.slice(0, -2))];
-        if (text.length === 0)
-            return "undefined";
-        console.warn(`[Type Warning] Unrecognized type "${text}". Consider adding explicit types in your action's JSDoc comments for better type safety and documentation.`);
-        return text;
-    }
     printChanges(compiler) {
         const modified = compiler.modifiedFiles
             ? Array.from(compiler.modifiedFiles)

package/dist/lib/webpack/configs/preview.d.ts

@@ -1,3 +1,4 @@
 import { Configuration as WebpackConfig } from "webpack";
 import { Configuration as DevServerConfig } from "webpack-dev-server";
+export declare function makeMFPreviewConfig(): Promise<WebpackConfig>;
 export declare function makePreviewClientConfig(mode: "development" | "production"): Promise<WebpackConfig & DevServerConfig>;

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

@@ -1,10 +1,133 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
+import mfNode from "@module-federation/node";
 import CopyWebpackPlugin from "copy-webpack-plugin";
 import fs from "fs";
 import HtmlWebpackPlugin from "html-webpack-plugin";
 import MiniCssExtractPlugin from "mini-css-extract-plugin";
 import path from "path";
-import { getLocalNetworkIP, loadPulseConfig } from "./utils.js";
+import wp from "webpack";
+import { compileAppActionSkills, discoverAppSkillActions, getLocalNetworkIP, loadPulseConfig, } from "./utils.js";
+const { NodeFederationPlugin } = mfNode;
+const { webpack } = wp;
+class MFPreviewPlugin {
+    projectDirName;
+    pulseConfig;
+    constructor(pulseConfig) {
+        this.projectDirName = process.cwd();
+        this.pulseConfig = pulseConfig;
+    }
+    apply(compiler) {
+        let isFirstRun = true;
+        compiler.hooks.environment.tap("WatchSkillPlugin", () => {
+            compiler.hooks.thisCompilation.tap("WatchActions", (compilation) => {
+                compilation.contextDependencies.add(path.resolve(this.projectDirName, "src/skill"));
+            });
+        });
+        compiler.hooks.watchRun.tap("MFPreviewPlugin", async () => {
+            if (!isFirstRun) {
+                const isActionChange = compiler.modifiedFiles
+                    ? Array.from(compiler.modifiedFiles).some((file) => file.includes("src/skill"))
+                    : false;
+                if (isActionChange) {
+                    console.log("[preview-server] Detected changes in actions. Recompiling...");
+                    await this.compileActions(compiler);
+                }
+            }
+            else {
+                console.log("[preview-server] 🔄 Building...");
+                await this.compileActions(compiler);
+                console.log("[preview-server] ✅ Successfully built preview server.");
+            }
+        });
+        compiler.hooks.done.tap("MFPreviewPlugin", () => {
+            if (isFirstRun) {
+                isFirstRun = false;
+            }
+            else {
+                console.log("[preview-server] ✅ Reload finished.");
+            }
+            fs.writeFileSync(path.resolve(this.projectDirName, "dist/pulse.config.json"), JSON.stringify(this.pulseConfig, null, 2));
+        });
+    }
+    makeNodeFederationPlugin() {
+        const actions = discoverAppSkillActions();
+        return new NodeFederationPlugin({
+            name: this.pulseConfig.id + "_server",
+            remoteType: "script",
+            useRuntimePlugin: true,
+            library: { type: "commonjs-module" },
+            filename: "remoteEntry.js",
+            exposes: { ...actions },
+        }, {});
+    }
+    async compileActions(compiler) {
+        compileAppActionSkills(this.pulseConfig);
+        const options = {
+            ...compiler.options,
+            watch: false,
+            plugins: [this.makeNodeFederationPlugin()],
+        };
+        const newCompiler = webpack(options);
+        return new Promise((resolve, reject) => {
+            newCompiler?.run((err, stats) => {
+                if (err) {
+                    console.error("[preview-server] ❌ Error during recompilation:", err);
+                    reject(err);
+                }
+                else if (stats?.hasErrors()) {
+                    console.error("[preview-server] ❌ Compilation errors:", stats.toJson().errors);
+                    reject(new Error("Compilation errors"));
+                }
+                else {
+                    console.log("[preview-server] ✅ Compiled actions successfully.");
+                    resolve();
+                }
+            });
+        });
+    }
+}
+export async function makeMFPreviewConfig() {
+    const projectDirName = process.cwd();
+    const pulseConfig = await loadPulseConfig();
+    return {
+        mode: "development",
+        name: "preview-server",
+        entry: {},
+        target: "async-node",
+        output: {
+            publicPath: "auto",
+            path: path.resolve(projectDirName, "dist/server"),
+        },
+        resolve: {
+            extensions: [".ts", ".js"],
+        },
+        plugins: [new MFPreviewPlugin(pulseConfig)],
+        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",
+        },
+    };
+}
 class PreviewClientPlugin {
     projectDirName;
     pulseConfig;
@@ -28,13 +151,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 || [];
@@ -50,8 +173,6 @@ class PreviewClientPlugin {
             else {
                 console.log("[client-preview] ✅ Reload finished");
             }
-            // Write pulse config to dist
-            fs.writeFileSync(path.resolve(this.projectDirName, "dist/pulse.config.json"), JSON.stringify(this.pulseConfig, null, 2));
         });
     }
 }