@pulse-editor/cli 0.1.1-beta.2 → 0.1.1-beta.20

package/dist/app.js

@@ -12,6 +12,7 @@ import Build from './components/commands/build.js';
 import Preview from './components/commands/preview.js';
 import Start from './components/commands/start.js';
 import Clean from './components/commands/clean.js';
+import Upgrade from './components/commands/upgrade.js';
 export default function App({ cli }) {
     const [command, setCommand] = useState(undefined);
     if (cli.flags.stage) {
@@ -24,5 +25,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 !== 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 !== 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/cli.js

@@ -15,6 +15,7 @@ ${Object.entries(commandsManual)
     .join('')}
 Examples
   pulse help publish
+  
 `, {
     importMeta: import.meta,
     flags: flags,

package/dist/components/commands/build.js

@@ -3,6 +3,7 @@ import { useEffect } from 'react';
 import { execa } from 'execa';
 import fs from 'fs';
 import { cleanDist } from '../../lib/execa-utils/clean.js';
+import { webpackCompile } from '../../lib/webpack/compile.js';
 export default function Build({ cli }) {
     useEffect(() => {
         async function buildProd() {
@@ -23,6 +24,19 @@ export default function Build({ cli }) {
                         });
                     }
                 }
+                // Create node_modules/.pulse/server directory
+                if (!fs.existsSync('node_modules/.pulse/server')) {
+                    if (process.platform === 'win32') {
+                        await execa('mkdir node_modules\\.pulse\\server', {
+                            shell: true,
+                        });
+                    }
+                    else {
+                        await execa('mkdir -p node_modules/.pulse/server', {
+                            shell: true,
+                        });
+                    }
+                }
                 if (process.platform === 'win32') {
                     await execa('xcopy /E /I node_modules\\@pulse-editor\\cli\\dist\\lib\\server node_modules\\.pulse\\server', {
                         shell: true,
@@ -35,40 +49,11 @@ export default function Build({ cli }) {
                 }
             }
             await cleanDist();
-            if (buildTarget === undefined) {
-                // Start building
-                await execa('npx webpack --mode production', {
-                    stdio: 'inherit',
-                    shell: true,
-                    env: {
-                        NODE_OPTIONS: '--import=tsx',
-                    },
-                });
-            }
-            else if (buildTarget === 'client') {
-                // Start building client only
-                await execa('npx webpack --mode production', {
-                    stdio: 'inherit',
-                    shell: true,
-                    env: {
-                        NODE_OPTIONS: '--import=tsx',
-                        BUILD_TARGET: 'client',
-                    },
-                });
-            }
-            else if (buildTarget === 'server') {
-                // Start building server only
-                await execa('npx webpack --mode production', {
-                    stdio: 'inherit',
-                    shell: true,
-                    env: {
-                        NODE_OPTIONS: '--import=tsx',
-                        BUILD_TARGET: 'server',
-                    },
-                });
+            try {
+                await webpackCompile('production', buildTarget);
             }
-            else {
-                console.error(`❌ Unknown build target: ${buildTarget}`);
+            catch (err) {
+                console.error('❌ Webpack build failed', err);
             }
         }
         buildProd();

package/dist/components/commands/dev.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { Text } from 'ink';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from 'react';
 import { execa } from 'execa';
 import fs from 'fs';
 import { getDepsBinPath } from '../../lib/execa-utils/deps.js';
 import { cleanDist } from '../../lib/execa-utils/clean.js';
+import { webpackCompile } from '../../lib/webpack/compile.js';
 export default function Dev({ cli }) {
     useEffect(() => {
         async function startDevServer() {
@@ -22,6 +22,19 @@ export default function Dev({ cli }) {
                     });
                 }
             }
+            // Create node_modules/.pulse/server directory
+            if (!fs.existsSync('node_modules/.pulse/server')) {
+                if (process.platform === 'win32') {
+                    await execa('mkdir node_modules\\.pulse\\server', {
+                        shell: true,
+                    });
+                }
+                else {
+                    await execa('mkdir -p node_modules/.pulse/server', {
+                        shell: true,
+                    });
+                }
+            }
             if (process.platform === 'win32') {
                 await execa('xcopy /E /I node_modules\\@pulse-editor\\cli\\dist\\lib\\server node_modules\\.pulse\\server', {
                     shell: true,
@@ -34,7 +47,14 @@ export default function Dev({ cli }) {
             }
             // Start dev server
             await cleanDist();
-            await execa(`${getDepsBinPath('concurrently')} --prefix none "webpack --mode development --watch" "tsx watch --clear-screen=false node_modules/@pulse-editor/cli/dist/lib/server/express.js"`, {
+            // Start webpack in dev watch mode and watch for changes
+            const compiler = await webpackCompile('development', undefined, true);
+            // Start server with tsx
+            await execa(getDepsBinPath('tsx'), [
+                'watch',
+                '--clear-screen=false',
+                'node_modules/@pulse-editor/cli/dist/lib/server/express.js',
+            ], {
                 stdio: 'inherit',
                 shell: true,
                 env: {
@@ -42,8 +62,20 @@ export default function Dev({ cli }) {
                     NODE_ENV: 'development',
                 },
             });
+            // Handle process exit to close webpack compiler
+            process.on('SIGINT', () => {
+                if (compiler && typeof compiler.close === 'function') {
+                    compiler.close(() => {
+                        process.exit();
+                    });
+                }
+                else {
+                    process.exit();
+                }
+            });
         }
+        console.log('🚀 Starting development server...');
         startDevServer();
     }, []);
-    return (_jsx(_Fragment, { children: _jsx(Text, { children: "Starting dev server..." }) }));
+    return _jsx(_Fragment, {});
 }

package/dist/components/commands/help.js

@@ -4,5 +4,6 @@ import { commandsManual } from '../../lib/manual.js';
 import Header from '../header.js';
 export default function Help({ cli }) {
     const subCommand = cli.input[1];
-    return (_jsx(_Fragment, { children: subCommand ? (_jsx(Text, { children: commandsManual[subCommand] })) : (_jsxs(_Fragment, { children: [_jsx(Header, {}), _jsx(Text, { children: cli.help })] })) }));
+    return (_jsx(_Fragment, { children: subCommand ? (_jsx(Text, { children: commandsManual[subCommand]?.trimEnd() ??
+                `No help found for command: ${subCommand}` })) : (_jsxs(_Fragment, { children: [_jsx(Header, {}), _jsx(Text, { children: cli.help })] })) }));
 }

package/dist/components/commands/preview.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { Text } from 'ink';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from 'react';
 import { execa } from 'execa';
 import fs from 'fs';
 import { getDepsBinPath } from '../../lib/execa-utils/deps.js';
 import { cleanDist } from '../../lib/execa-utils/clean.js';
+import { webpackCompile } from '../../lib/webpack/compile.js';
 export default function Preview({ cli }) {
     useEffect(() => {
         async function startPreviewServer() {
@@ -22,9 +22,19 @@ export default function Preview({ cli }) {
                     });
                 }
             }
-            await execa('mkdir "node_modules/.pulse/server"', {
-                shell: true,
-            });
+            // Create node_modules/.pulse/server directory
+            if (!fs.existsSync('node_modules/.pulse/server')) {
+                if (process.platform === 'win32') {
+                    await execa('mkdir node_modules\\.pulse\\server', {
+                        shell: true,
+                    });
+                }
+                else {
+                    await execa('mkdir -p node_modules/.pulse/server', {
+                        shell: true,
+                    });
+                }
+            }
             if (process.platform === 'win32') {
                 await execa('xcopy /E /I node_modules\\@pulse-editor\\cli\\dist\\lib\\server node_modules\\.pulse\\server', {
                     shell: true,
@@ -37,7 +47,29 @@ export default function Preview({ cli }) {
             }
             // Start preview server
             await cleanDist();
-            await execa(`${getDepsBinPath('concurrently')} --prefix none "npx webpack --mode development --watch" "tsx watch --clear-screen=false node_modules/@pulse-editor/cli/dist/lib/server/express.js"`, {
+            // await execa(
+            // 	getDepsBinPath('concurrently'),
+            // 	[
+            // 		'--prefix',
+            // 		'none',
+            // 		'"npx webpack --mode development --watch"',
+            // 		'"tsx watch --clear-screen=false node_modules/@pulse-editor/cli/dist/lib/server/express.js"',
+            // 	],
+            // 	{
+            // 		stdio: 'inherit',
+            // 		shell: true,
+            // 		env: {
+            // 			NODE_OPTIONS: '--import=tsx',
+            // 			PREVIEW: 'true',
+            // 		},
+            // 	},
+            // );
+            const compiler = await webpackCompile('preview', undefined, true);
+            await execa(getDepsBinPath('tsx'), [
+                'watch',
+                '--clear-screen=false',
+                'node_modules/@pulse-editor/cli/dist/lib/server/express.js',
+            ], {
                 stdio: 'inherit',
                 shell: true,
                 env: {
@@ -45,8 +77,20 @@ export default function Preview({ cli }) {
                     PREVIEW: 'true',
                 },
             });
+            // Handle process exit to close webpack compiler
+            process.on('SIGINT', () => {
+                if (compiler && typeof compiler.close === 'function') {
+                    compiler.close(() => {
+                        process.exit();
+                    });
+                }
+                else {
+                    process.exit();
+                }
+            });
         }
+        console.log('🚀 Starting preview server...');
         startPreviewServer();
     }, []);
-    return (_jsx(_Fragment, { children: _jsx(Text, { children: "Starting preview server..." }) }));
+    return _jsx(_Fragment, {});
 }

package/dist/components/commands/publish.js

@@ -5,12 +5,15 @@ import { checkToken, getToken } from '../../lib/token.js';
 import Spinner from 'ink-spinner';
 import fs from 'fs';
 import { $ } from 'execa';
+import { publishApp } from '../../lib/backend/publish-app.js';
 export default function Publish({ cli }) {
     const [isInProjectDir, setIsInProjectDir] = useState(false);
     const [isCheckingAuth, setIsCheckingAuth] = useState(true);
     const [isAuthenticated, setIsAuthenticated] = useState(false);
     const [isBuilding, setIsBuilding] = useState(false);
     const [isBuildingError, setIsBuildingError] = useState(false);
+    const [isZipping, setIsZipping] = useState(false);
+    const [isZippingError, setIsZippingError] = useState(false);
     const [isPublishing, setIsPublishing] = useState(false);
     const [isPublishingError, setIsPublishingError] = useState(false);
     const [isPublished, setIsPublished] = useState(false);
@@ -45,56 +48,39 @@ export default function Publish({ cli }) {
     // Build the extension
     useEffect(() => {
         async function buildExtension() {
-            setIsBuilding(true);
-            try {
-                await $ `npm run build`;
-            }
-            catch (error) {
-                setIsBuildingError(true);
-                setIsBuilding(false);
-                setFailureMessage('Build failed. Please run `npm run build` to see the error.');
-                return;
+            if (cli.flags.build) {
+                setIsBuilding(true);
+                try {
+                    await $ `npm run build`;
+                }
+                catch (error) {
+                    setIsBuildingError(true);
+                    setFailureMessage('Build failed. Please run `npm run build` to see the error.');
+                    return;
+                }
+                finally {
+                    setIsBuilding(false);
+                }
             }
+            setIsZipping(true);
             // Zip the dist folder
             try {
                 await $({ cwd: 'dist' }) `zip -r ../node_modules/@pulse-editor/dist.zip *`;
             }
             catch (error) {
-                setIsBuildingError(true);
-                setIsBuilding(false);
+                setIsZippingError(true);
                 setFailureMessage('Failed to zip the build output.');
                 return;
             }
             finally {
-                setIsBuilding(false);
+                setIsZipping(false);
             }
             await publishExtension();
         }
         async function publishExtension() {
             setIsPublishing(true);
-            // Read pulse.config.json for visibility
-            const config = JSON.parse(fs.readFileSync('./dist/client/pulse.config.json', 'utf-8'));
-            const visibility = config.visibility;
-            // Upload the zip file to the server
             try {
-                const formData = new FormData();
-                const buffer = fs.readFileSync('./node_modules/@pulse-editor/dist.zip');
-                // @ts-ignore Create a Blob from the buffer
-                const blob = new Blob([buffer], {
-                    type: 'application/zip',
-                });
-                formData.append('file', blob, 'dist.zip');
-                formData.append('visibility', visibility);
-                // Send the file to the server
-                const res = await fetch(cli.flags.stage
-                    ? 'https://localhost:8080/api/app/publish'
-                    : 'https://pulse-editor.com/api/app/publish', {
-                    method: 'POST',
-                    headers: {
-                        Authorization: `Bearer ${getToken(cli.flags.stage)}`,
-                    },
-                    body: formData,
-                });
+                const res = await publishApp(cli.flags.stage);
                 if (res.status === 200) {
                     setIsPublished(true);
                 }
@@ -122,5 +108,5 @@ export default function Publish({ cli }) {
             buildExtension();
         }
     }, [isAuthenticated]);
-    return (_jsx(_Fragment, { children: !isInProjectDir ? (_jsx(Text, { color: 'redBright', children: "\u26D4 The current directory does not contain a Pulse Editor project." })) : isCheckingAuth ? (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Checking authentication..." })] })) : isAuthenticated ? (_jsxs(_Fragment, { children: [isBuilding && (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Building..." })] })), isBuildingError && (_jsx(Text, { color: 'redBright', children: "\u274C Error building the extension. Please run `npm run build` to see the error." })), isPublishing && (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Publishing..." })] })), isPublishingError && (_jsxs(_Fragment, { children: [_jsx(Text, { color: 'redBright', children: "\u274C Failed to publish extension." }), failureMessage && (_jsxs(Text, { color: 'redBright', children: ["Error: ", failureMessage] }))] })), isPublished && (_jsx(Text, { color: 'greenBright', children: "\u2705 Extension published successfully." }))] })) : (_jsxs(Text, { children: ["You are not authenticated or your access token is invalid. Publishing to Extension Marketplace is in Beta access. Please visit", _jsx(Text, { color: 'blueBright', children: " https://pulse-editor.com/beta " }), "to apply for Beta access."] })) }));
+    return (_jsx(_Fragment, { children: !isInProjectDir ? (_jsx(Text, { color: 'redBright', children: "\u26D4 The current directory does not contain a Pulse Editor project." })) : isCheckingAuth ? (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Checking authentication..." })] })) : !isAuthenticated ? (_jsxs(Text, { children: ["You are not authenticated or your access token is invalid. Publishing to Extension Marketplace is in Beta access. Please visit", _jsx(Text, { color: 'blueBright', children: " https://pulse-editor.com/beta " }), "to apply for Beta access."] })) : (_jsxs(_Fragment, { children: [isBuilding && (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Building..." })] })), isBuildingError && (_jsx(Text, { color: 'redBright', children: "\u274C Error building the extension. Please run `npm run build` to see the error." })), isZipping && (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Compressing build..." })] })), isZippingError && (_jsx(Text, { color: 'redBright', children: "\u274C Error zipping the build output." })), isPublishing && (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Publishing..." })] })), isPublishingError && (_jsxs(_Fragment, { children: [_jsx(Text, { color: 'redBright', children: "\u274C Failed to publish extension." }), failureMessage && (_jsxs(Text, { color: 'redBright', children: ["Error: ", failureMessage] }))] })), isPublished && (_jsx(Text, { color: 'greenBright', children: "\u2705 Extension published successfully." }))] })) }));
 }

package/dist/components/commands/{preview copy.d.ts → upgrade.d.ts}

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

package/dist/components/commands/upgrade.js

@@ -0,0 +1,53 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { $ } from 'execa';
+import React, { useEffect, useState } from 'react';
+import { Box, Text } from 'ink';
+import Spinner from 'ink-spinner';
+import fs from 'fs';
+export default function Upgrade({ cli }) {
+    const [isInProjectDir, setIsInProjectDir] = useState(false);
+    const [step, setStep] = useState('check-config');
+    const [isError, setIsError] = useState(false);
+    const [errorMessage, setErrorMessage] = useState(null);
+    useEffect(() => {
+        async function checkConfig() {
+            // Check if the current dir contains pulse.config.ts
+            const currentDir = process.cwd();
+            const pulseConfigPath = `${currentDir}/pulse.config.ts`;
+            if (fs.existsSync(pulseConfigPath)) {
+                setIsInProjectDir(true);
+            }
+            setStep('upgrade');
+        }
+        checkConfig();
+    }, []);
+    useEffect(() => {
+        async function start() {
+            try {
+                await upgradePackages();
+            }
+            catch (error) {
+                setIsError(true);
+                setErrorMessage(error.message);
+            }
+        }
+        if (isInProjectDir) {
+            start();
+        }
+    }, [isInProjectDir]);
+    async function upgradePackages() {
+        const tag = cli.flags.beta ? 'beta' : 'latest';
+        await $ `npm install react@${React.version} react-dom@${React.version} --save-exact --silent --force`;
+        await $ `npm install -D @pulse-editor/cli@${tag} --silent --force`;
+        await $ `npm install @pulse-editor/shared-utils@${tag} @pulse-editor/react-api@${tag} --silent --force`;
+        // Remove webpack.config.ts if exists
+        const webpackConfigPath = `${process.cwd()}/webpack.config.ts`;
+        if (fs.existsSync(webpackConfigPath)) {
+            fs.unlinkSync(webpackConfigPath);
+        }
+        // Uninstall @module-federation/node html-webpack-plugin copy-webpack-plugin glob mini-css-extract-plugin webpack webpack-cli webpack-dev-server
+        await $ `npm uninstall @module-federation/node html-webpack-plugin copy-webpack-plugin glob mini-css-extract-plugin webpack webpack-cli webpack-dev-server --silent --force`;
+        setStep('done');
+    }
+    return (_jsx(_Fragment, { children: isError ? (_jsxs(Text, { color: 'redBright', children: ["\u274C An error occurred: ", errorMessage || 'Unknown error'] })) : !isInProjectDir ? (_jsx(Text, { color: 'redBright', children: "\u26D4 The current directory does not contain a Pulse Editor project." })) : step === 'check-config' ? (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Checking configuration..." })] })) : step === 'upgrade' ? (_jsx(_Fragment, { children: _jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Upgrading packages..." })] }) })) : (_jsx(Box, { children: _jsx(Text, { color: 'greenBright', children: "\u2705 Upgrade completed successfully." }) })) }));
+}

package/dist/lib/backend/publish-app.d.ts

@@ -0,0 +1 @@
+export declare function publishApp(isStage: boolean): Promise<Response>;

package/dist/lib/backend/publish-app.js

@@ -0,0 +1,27 @@
+import { getToken } from '../token.js';
+import fs from 'fs';
+export async function publishApp(isStage) {
+    // Upload the zip file to the server
+    // Read pulse.config.json for visibility
+    const config = JSON.parse(fs.readFileSync('./dist/client/pulse.config.json', 'utf-8'));
+    const visibility = config.visibility;
+    const formData = new FormData();
+    const buffer = fs.readFileSync('./node_modules/@pulse-editor/dist.zip');
+    // @ts-ignore Create a Blob from the buffer
+    const blob = new Blob([buffer], {
+        type: 'application/zip',
+    });
+    formData.append('file', blob, 'dist.zip');
+    formData.append('visibility', visibility);
+    // Send the file to the server
+    const res = await fetch(isStage
+        ? 'https://localhost:8080/api/app/publish'
+        : 'https://pulse-editor.com/api/app/publish', {
+        method: 'POST',
+        headers: {
+            Authorization: `Bearer ${getToken(isStage)}`,
+        },
+        body: formData,
+    });
+    return res;
+}

package/dist/lib/cli-flags.d.ts

@@ -25,5 +25,12 @@ export declare const flags: {
         type: "string";
         shortFlag: string;
     };
+    beta: {
+        type: "boolean";
+    };
+    build: {
+        type: "boolean";
+        default: true;
+    };
 };
 export type Flags = typeof flags;

package/dist/lib/cli-flags.js

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

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,43 @@ const create = `\
                     --visibility, -v [visibility]
                       The visibility of the new project. Options are private,
                       public, and unlisted.
+
+`;
+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 +89,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) {
@@ -94,12 +94,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! 🚀`);
     });
 }