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

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/create.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { Box, Text, useApp } from 'ink';
 import Spinner from 'ink-spinner';
 import { $, execa } from 'execa';
@@ -10,9 +10,14 @@ import path from 'path';
 export default function Create({ cli }) {
     const [framework, setFramework] = useState(undefined);
     const [projectName, setProjectName] = useState(undefined);
+    const [displayName, setDisplayName] = useState(undefined);
     const [visibility, setVisibility] = useState(undefined);
+    const projectPath = useMemo(() => {
+        return cli.flags.path ?? projectName;
+    }, [projectName, cli]);
     const [isShowFrameworkSelect, setIsShowFrameworkSelect] = useState(true);
     const [isShowProjectNameInput, setIsShowProjectNameInput] = useState(false);
+    const [isShowDisplayNameInput, setIsShowDisplayNameInput] = useState(false);
     const [isShowVisibilitySelect, setIsShowVisibilitySelect] = useState(false);
     const [createMessage, setCreateMessage] = useState();
     const [errorMessage, setErrorMessage] = useState();
@@ -59,13 +64,26 @@ export default function Create({ cli }) {
         if (projectName) {
             // Check if the project already exists
             const projectPath = path.join(process.cwd(), projectName);
-            if (fs.existsSync(projectPath)) {
+            if (fs.existsSync(projectPath) &&
+                fs.lstatSync(projectPath).isDirectory() &&
+                fs.readdirSync(projectPath).length > 0) {
                 setErrorMessage(_jsx(Text, { color: "redBright", children: "\u274C A project with same name already exists in current path." }));
                 setTimeout(() => {
                     exit();
                 }, 0);
                 return;
             }
+            const displayName = cli.flags.displayName;
+            if (displayName) {
+                setDisplayName(displayName);
+            }
+            else {
+                setIsShowDisplayNameInput(true);
+            }
+        }
+    }, [projectName, cli]);
+    useEffect(() => {
+        if (displayName) {
             const visibility = cli.flags.visibility;
             if (visibility) {
                 setVisibility(visibility);
@@ -74,50 +92,55 @@ export default function Create({ cli }) {
                 setIsShowVisibilitySelect(true);
             }
         }
-    }, [projectName, cli]);
+    }, [displayName, cli]);
     useEffect(() => {
         if (visibility && projectName) {
             createFromTemplate(projectName, visibility);
         }
     }, [visibility, projectName]);
     async function createFromTemplate(name, visibility) {
+        if (!projectPath) {
+            setErrorMessage(_jsx(Text, { color: "redBright", children: "\u274C Project path is not defined." }));
+            return;
+        }
         if (framework === 'react') {
             // Clone the template repository
             setCreateMessage(_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Creating a new Pulse Editor app using React template..." })] }));
             try {
-                await $ `git clone --depth 1 https://github.com/ClayPulse/pulse-app-template.git ${name}`;
+                await $ `git clone --depth 1 https://github.com/ClayPulse/pulse-app-template.git ${projectPath}`;
             }
             catch (error) {
-                setCreateMessage(_jsx(Text, { color: "redBright", children: "\u274C Failed to clone the template. Please check your internet connection and try again." }));
+                setCreateMessage(_jsxs(Text, { color: "redBright", children: ["\u274C Failed to clone the template. ", error.message] }));
                 return;
             }
             // Modify the package.json file to update the name
             setCreateMessage(_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Initializing project..." })] }));
             /* Setup pulse.config.ts */
-            const pulseConfigPath = path.join(process.cwd(), name, 'pulse.config.ts');
+            const pulseConfigPath = path.join(process.cwd(), projectPath, 'pulse.config.ts');
             let pulseConfig = fs.readFileSync(pulseConfigPath, 'utf8');
             // Modify visibility by matching the block that starts with 'visibility:',
             // and replacing the entire line with the new visibility value.
             pulseConfig = pulseConfig.replace(/visibility:\s*['"`](public|unlisted|private)['"`],?/, `visibility: '${visibility}',`);
             fs.writeFileSync(pulseConfigPath, pulseConfig);
             /* Setup packages.json */
-            const packageJsonPath = path.join(process.cwd(), name, 'package.json');
+            const packageJsonPath = path.join(process.cwd(), projectPath, 'package.json');
             const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));
             packageJson.name = name.replaceAll('-', '_');
+            packageJson.displayName = displayName;
             // Write the modified package.json back to the file
             fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));
             // Remove the .git directory
-            const gitDirPath = path.join(process.cwd(), name, '.git');
+            const gitDirPath = path.join(process.cwd(), projectPath, '.git');
             if (fs.existsSync(gitDirPath)) {
                 fs.rmSync(gitDirPath, { recursive: true, force: true });
             }
             // Remove the .github directory
-            const githubDirPath = path.join(process.cwd(), name, '.github');
+            const githubDirPath = path.join(process.cwd(), projectPath, '.github');
             if (fs.existsSync(githubDirPath)) {
                 fs.rmSync(githubDirPath, { recursive: true, force: true });
             }
             // Remove LICENSE file
-            const licenseFilePath = path.join(process.cwd(), name, 'LICENSE');
+            const licenseFilePath = path.join(process.cwd(), projectPath, 'LICENSE');
             if (fs.existsSync(licenseFilePath)) {
                 fs.rmSync(licenseFilePath, { force: true });
             }
@@ -125,7 +148,7 @@ export default function Create({ cli }) {
             // Run `npm i`
             try {
                 await execa(`npm install`, {
-                    cwd: path.join(process.cwd(), name),
+                    cwd: path.join(process.cwd(), projectPath),
                     shell: true,
                 });
             }
@@ -136,7 +159,7 @@ export default function Create({ cli }) {
             setCreateMessage(_jsx(Text, { children: "\uD83D\uDE80 Pulse Editor React app project created successfully!" }));
         }
     }
-    return (_jsxs(_Fragment, { children: [isShowFrameworkSelect && (_jsx(FrameworkSelect, { cli: cli, frameworkItems: frameworkItems, framework: framework, setFramework: setFramework })), isShowProjectNameInput && (_jsx(ProjectNameInput, { projectName: projectName, setProjectName: setProjectName })), isShowVisibilitySelect && (_jsx(VisibilitySelect, { visibility: visibility, setVisibility: setVisibility })), visibility !== undefined && (_jsxs(_Fragment, { children: [framework === 'react' && _jsx(_Fragment, { children: createMessage }), framework !== 'react' && (_jsx(Text, { children: "\uD83D\uDEA7 Currently not available. We'd like to invite you to work on these frameworks if you are interested in! Check out our tutorial to integrate your favorite web framework with Pulse Editor using Module Federation." }))] })), _jsx(Text, { children: errorMessage })] }));
+    return (_jsxs(_Fragment, { children: [isShowFrameworkSelect && (_jsx(FrameworkSelect, { cli: cli, frameworkItems: frameworkItems, framework: framework, setFramework: setFramework })), isShowProjectNameInput && (_jsx(ProjectNameInput, { projectName: projectName, setProjectName: setProjectName })), isShowDisplayNameInput && (_jsx(DisplayNameInput, { projectName: projectName ?? '', displayName: displayName, setDisplayName: setDisplayName })), isShowVisibilitySelect && (_jsx(VisibilitySelect, { visibility: visibility, setVisibility: setVisibility })), visibility !== undefined && (_jsxs(_Fragment, { children: [framework === 'react' && _jsx(_Fragment, { children: createMessage }), framework !== 'react' && (_jsx(Text, { children: "\uD83D\uDEA7 Currently not available. We'd like to invite you to work on these frameworks if you are interested in! Check out our tutorial to integrate your favorite web framework with Pulse Editor using Module Federation." }))] })), _jsx(Text, { children: errorMessage })] }));
 }
 function FrameworkSelect({ cli, frameworkItems, framework, setFramework, }) {
     return (_jsx(_Fragment, { children: !cli.flags.framework && (_jsxs(_Fragment, { children: [_jsx(Text, { children: "\uD83D\uDEA9Create a new Pulse Editor app using your favorite web framework!" }), _jsx(SelectInput, { items: frameworkItems, onSelect: item => {
@@ -146,6 +169,9 @@ function FrameworkSelect({ cli, frameworkItems, framework, setFramework, }) {
 function ProjectNameInput({ projectName, setProjectName, }) {
     return (_jsx(_Fragment, { children: _jsxs(Box, { children: [_jsx(Text, { children: "Enter your project name: " }), _jsx(UncontrolledTextInput, { onSubmit: value => setTimeout(() => setProjectName(value), 0), focus: projectName === undefined })] }) }));
 }
+function DisplayNameInput({ projectName, displayName, setDisplayName, }) {
+    return (_jsx(_Fragment, { children: _jsxs(Box, { children: [_jsxs(Text, { children: ["Enter your project display name: (default: ", projectName, ")"] }), _jsx(UncontrolledTextInput, { onSubmit: value => setTimeout(() => setDisplayName(value.length > 0 ? value : projectName), 0), focus: displayName === undefined })] }) }));
+}
 function VisibilitySelect({ visibility, setVisibility, }) {
     return (_jsxs(_Fragment, { children: [_jsx(Text, { children: "Enter marketplace visibility for your project:" }), _jsx(SelectInput, { items: [
                     { label: 'Public', value: 'public' },

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 *`;
+                await $({ cwd: 'dist' }) `zip -r ../node_modules/@pulse-editor/dist.zip .`;
             }
             catch (error) {
-                setIsBuildingError(true);
-                setIsBuilding(false);
-                setFailureMessage('Failed to zip the build output.');
+                setIsZippingError(true);
+                setFailureMessage('Failed to zip the build output. ' + error.message);
                 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 && (_jsxs(Text, { color: 'redBright', children: ["\u274C Error zipping the build output. ", failureMessage] })), 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,19 @@ export declare const flags: {
         type: "string";
         shortFlag: string;
     };
+    beta: {
+        type: "boolean";
+    };
+    build: {
+        type: "boolean";
+        default: true;
+    };
+    path: {
+        type: "string";
+        shortFlag: string;
+    };
+    displayName: {
+        type: "string";
+    };
 };
 export type Flags = typeof flags;