@pulse-editor/cli 0.1.1-beta.3 → 0.1.1-beta.31

package/dist/lib/cli-flags.js

@@ -29,4 +29,18 @@ export const flags = defineFlags({
         type: 'string',
         shortFlag: 't',
     },
+    beta: {
+        type: 'boolean',
+    },
+    build: {
+        type: 'boolean',
+        default: true,
+    },
+    path: {
+        type: 'string',
+        shortFlag: 'p',
+    },
+    displayName: {
+        type: 'string',
+    },
 });

package/dist/lib/execa-utils/clean.js

@@ -5,5 +5,5 @@ export async function cleanDist() {
     await execa(`${getDepsBinPath('rimraf')} dist`, {
         shell: true,
     });
-    console.log('✅  Cleaned dist directory.');
+    console.log('✅ Cleaned dist directory.');
 }

package/dist/lib/execa-utils/deps.js

@@ -1,5 +1,14 @@
+import fs from 'fs';
 // Get deps bin at node_modules/@pulse-editor/cli/node_modules
 export function getDepsBinPath(name) {
     const workingDir = process.cwd();
-    return `${workingDir}/node_modules/@pulse-editor/cli/node_modules/.bin/${process.platform === 'win32' ? `${name}.cmd` : name}`;
+    // Check if the package is installed in the node_modules, if yes, just return "npx <name>"
+    if (fs.existsSync(`${workingDir}/node_modules/${name}`)) {
+        return `npx ${name}`;
+    }
+    // Check if the package exists in node_modules/@pulse-editor/cli/node_modules
+    else if (fs.existsSync(`${workingDir}/node_modules/@pulse-editor/cli/node_modules/${name}`)) {
+        return `${workingDir}/node_modules/@pulse-editor/cli/node_modules/.bin/${process.platform === 'win32' ? `${name}.cmd` : name}`;
+    }
+    throw new Error(`Dependency ${name} not found.`);
 }

package/dist/lib/manual.js

@@ -1,5 +1,6 @@
 const help = `\
   help [command]  Show help for a command.
+  
 `;
 const chat = `\
   chat [message]  (WIP) Chat with the Pulse Editor AI assistant.
@@ -22,9 +23,14 @@ const login = `\
 `;
 const logout = `\
   logout          Logout from the Pulse Editor Platform.
+
 `;
 const publish = `\
   publish         Publish Pulse Editor Extension in current directory to the Pulse Editor Platform.
+                  Flags:
+                    --noBuild
+                      Skip the build step before publishing.
+
 `;
 const create = `\
   create          Create a new Pulse App using the starter template.
@@ -38,6 +44,46 @@ const create = `\
                     --visibility, -v [visibility]
                       The visibility of the new project. Options are private,
                       public, and unlisted.
+                    --path, -p [path]
+                      The path where to create the new project. Defaults to
+                      the name of the project in the current working directory.
+
+`;
+const preview = `\
+  preview         Build the Pulse App in development mode and
+                  start a preview server accessible via browser
+                  with live reloading.
+
+`;
+const dev = `\
+  dev             Build the Pulse App in development mode and
+                  start a local development server for Pulse Editor
+                  to load the app from, with live reloading.
+
+`;
+const build = `\
+  build           Build the Pulse App for production deployment.
+                  Flags:
+                    --target, -t [target]
+                      The build target. Options are 'client', 'server', or
+                      unspecified (both client and server).
+
+`;
+const start = `\
+  start           Build the Pulse App in production mode and
+                  start a local server for Pulse Editor to load the app from.
+
+`;
+const clean = `\
+  clean           Clean the dist/ directory.
+
+`;
+const upgrade = `\
+  upgrade         Upgrade Pulse Editor CLI and related packages to the latest version.
+                  Flags:
+                    --beta
+                      Upgrade to the latest beta version.
+
 `;
 export const commandsManual = {
     help,
@@ -46,4 +92,10 @@ export const commandsManual = {
     logout,
     publish,
     create,
+    preview,
+    dev,
+    build,
+    start,
+    clean,
+    upgrade,
 };

package/dist/lib/server/express.js

@@ -16,7 +16,7 @@ dotenv.config({
     quiet: true,
 });
 const isPreview = process.env?.['PREVIEW'];
-const isDev = process.env?.['NODE_ENV'];
+const isDev = process.env?.['NODE_ENV'] === 'development';
 const workspaceId = process.env?.['WORKSPACE_ID'];
 const pulseConfig = await readConfigFile();
 if (isDev || isPreview) {
@@ -65,19 +65,34 @@ app.all(/^\/server-function\/(.*)/, async (req, res) => {
     });
     const dir = path.resolve('node_modules/@pulse-editor/cli/dist/lib/server/preview/backend/load-remote.cjs');
     const fileUrl = pathToFileURL(dir).href;
-    const { loadAndCall } = await import(fileUrl);
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const response = await loadAndCall(func, request, pulseConfig.id, 'http://localhost:3030', pulseConfig.version);
-    const streamPipeline = promisify(pipeline);
-    // If loadAndCall returns a Response (Fetch API Response)
-    if (response.body) {
-        // Convert WHATWG stream to Node.js stream
-        const nodeStream = Readable.fromWeb(response.body);
-        // Pipe it directly to Express
-        await streamPipeline(nodeStream, res);
+    const { loadFunc, loadPrice } = await import(fileUrl);
+    const price = await loadPrice(func, pulseConfig.id, 'http://localhost:3030', pulseConfig.version);
+    if (price) {
+        // Make func name and price bold in console
+        console.log(`🏃 Running function \x1b[1m${func}\x1b[0m, credits consumed: \x1b[1m${price}\x1b[0m`);
     }
     else {
-        res.end();
+        console.log(`🏃 Running function \x1b[1m${func}\x1b[0m.`);
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const loadedFunc = await loadFunc(func, pulseConfig.id, 'http://localhost:3030', pulseConfig.version);
+    const response = await loadedFunc(request);
+    const streamPipeline = promisify(pipeline);
+    if (response) {
+        // 1️⃣ Set status code
+        res.status(response.status);
+        // 2️⃣ Copy headers
+        response.headers.forEach((value, key) => {
+            res.setHeader(key, value);
+        });
+        // 3️⃣ Pipe body if present
+        if (response.body) {
+            const nodeStream = Readable.fromWeb(response.body);
+            await streamPipeline(nodeStream, res);
+        }
+        else {
+            res.end();
+        }
     }
 });
 if (isPreview) {
@@ -94,12 +109,12 @@ else {
     /* Production mode */
     app.use(`/${pulseConfig.id}/${pulseConfig.version}`, express.static('dist'));
     app.listen(3030, '0.0.0.0', () => {
-        console.log(`\
-🎉 Your Pulse extension \x1b[1m${pulseConfig.displayName}\x1b[0m is LIVE! 
-
-⚡️ Local: http://localhost:3030/${pulseConfig.id}/${pulseConfig.version}/
-⚡️ Network: http://${getLocalNetworkIP()}:3030/${pulseConfig.id}/${pulseConfig.version}/
-
+        console.log(`\
+🎉 Your Pulse extension \x1b[1m${pulseConfig.displayName}\x1b[0m is LIVE! 
+
+⚡️ Local: http://localhost:3030/${pulseConfig.id}/${pulseConfig.version}/
+⚡️ Network: http://${getLocalNetworkIP()}:3030/${pulseConfig.id}/${pulseConfig.version}/
+
 ✨ Try it out in the Pulse Editor and let the magic happen! 🚀`);
     });
 }

package/dist/lib/server/preview/backend/load-remote.cjs

@@ -1,23 +1,33 @@
-const { createInstance } = require("@module-federation/runtime");
-
-async function loadAndCall(func, req, appId, origin, version) {
-  // here we assign the return value of the init() function, which can be used to do some more complex
-  // things with the module federation runtime
-  const instance = createInstance({
-    name: "server_function_runner",
-    remotes: [
-      {
-        name: appId + "_server",
-        entry: `${origin}/${appId}/${version}/server/remoteEntry.js`,
-      },
-    ],
-  });
-
-  const loadedFunc = (await instance.loadRemote(`${appId}_server/${func}`))
-    .default;
-
-  const res = await loadedFunc(req);
-  return res;
-}
-
-module.exports = { loadAndCall };
+const {createInstance} = require('@module-federation/runtime');
+
+async function importRemoteModule(func, appId, origin, version) {
+	const instance = createInstance({
+		name: 'server_function_runner',
+		remotes: [
+			{
+				name: appId + '_server',
+				entry: `${origin}/${appId}/${version}/server/remoteEntry.js`,
+			},
+		],
+	});
+
+	const loadedModule = await instance.loadRemote(`${appId}_server/${func}`);
+	return loadedModule;
+}
+
+async function loadFunc(func, appId, origin, version) {
+	// here we assign the return value of the init() function, which can be used to do some more complex
+	// things with the module federation runtime
+	const module = await importRemoteModule(func, appId, origin, version);
+	const loadedFunc = module.default;
+
+	return loadedFunc;
+}
+
+async function loadPrice(func, appId, origin, version) {
+	const module = await importRemoteModule(func, appId, origin, version);
+	const price = module._CREDIT_PER_CALL;
+	return price;
+}
+
+module.exports = {loadFunc, loadPrice};

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

@@ -1,11 +1,11 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Pulse App</title>
-  </head>
-  <body style="height: 100vh; width: 100vw">
-    <div id="root" style="height: 100%; width: 100%"></div>
-  </body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Pulse App</title>
+  </head>
+  <body style="height: 100vh; width: 100vw">
+    <div id="root" style="height: 100%; width: 100%"></div>
+  </body>
+</html>

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

@@ -0,0 +1,2 @@
+import webpack from 'webpack';
+export declare function webpackCompile(mode: 'development' | 'production' | 'preview', buildTarget?: 'client' | 'server', isWatchMode?: boolean): Promise<void | webpack.MultiCompiler>;

package/dist/lib/webpack/compile.js

@@ -0,0 +1,28 @@
+import webpack from 'webpack';
+import { createWebpackConfig } from '../../lib/webpack/webpack.config.js';
+export async function webpackCompile(mode, buildTarget, isWatchMode = false) {
+    const configs = await createWebpackConfig(mode === 'preview', buildTarget ?? 'both', mode === 'development'
+        ? 'development'
+        : mode === 'preview'
+            ? 'development'
+            : 'production');
+    const compiler = webpack(configs);
+    if (isWatchMode) {
+        compiler.watch({}, (err, stats) => {
+            if (err) {
+                console.error('❌ Webpack build failed', err);
+                return;
+            }
+        });
+        return compiler;
+    }
+    return new Promise((resolve, reject) => {
+        compiler.run(err => {
+            if (err) {
+                reject(err);
+                return;
+            }
+            resolve();
+        });
+    });
+}

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

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

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,58 @@
+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

@@ -0,0 +1,5 @@
+/**
+ *  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

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

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

@@ -0,0 +1,19 @@
+{
+    "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

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