@pulse-editor/cli 0.1.0-beta.1 → 0.1.0-beta.3

package/dist/app.d.ts

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

package/dist/app.js

@@ -1,4 +1,5 @@
-import React, { useEffect, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
 import { Text } from 'ink';
 import Login from './components/commands/login.js';
 import Publish from './components/commands/publish.js';
@@ -8,16 +9,15 @@ import Logout from './components/commands/logout.js';
 import Create from './components/commands/create.js';
 export default function App({ cli }) {
     const [command, setCommand] = useState(undefined);
+    if (cli.flags.dev) {
+        process.env['NODE_TLS_REJECT_UNAUTHORIZED'] = '0';
+    }
+    else {
+        process.env['NODE_TLS_REJECT_UNAUTHORIZED'] = '1';
+    }
     useEffect(() => {
         const cmd = cli.input[0] ?? 'help';
         setCommand(cmd);
     }, [cli.input]);
-    return (React.createElement(React.Fragment, null, command === 'help' ? (React.createElement(Help, { cli: cli })) : command === 'chat' ? (React.createElement(Chat, { cli: cli })) : command === 'login' ? (React.createElement(Login, { cli: cli })) : command === 'logout' ? (React.createElement(Logout, { cli: cli })) : command === 'publish' ? (React.createElement(Publish, { cli: cli })) : command === 'create' ? (React.createElement(Create, { cli: cli })) : (command !== undefined && (React.createElement(React.Fragment, null,
-        React.createElement(Text, { color: 'redBright' },
-            "Invalid command: ",
-            command),
-        React.createElement(Text, null,
-            "Run ",
-            React.createElement(Text, { color: 'blueBright' }, "pulse help"),
-            " to see the list of available commands."))))));
+    return (_jsxs(_Fragment, { children: [cli.flags.dev && (_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 !== 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

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { render } from 'ink';
 import meow from 'meow';
 import App from './app.js';
@@ -19,4 +19,4 @@ Examples
     importMeta: import.meta,
     flags: flags,
 });
-render(React.createElement(App, { cli: cli }));
+render(_jsx(App, { cli: cli }));

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

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

package/dist/components/commands/chat.js

@@ -1,9 +1,6 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Text } from 'ink';
 export default function Chat({ cli }) {
     const message = cli.input[1];
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Text, null,
-            "Hello, ",
-            React.createElement(Text, { color: "green" }, message))));
+    return (_jsx(_Fragment, { children: _jsxs(Text, { children: ["Hello, ", _jsx(Text, { color: "green", children: message })] }) }));
 }

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

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

package/dist/components/commands/create.js

@@ -1,5 +1,6 @@
-import React, { useEffect, useState } from 'react';
-import { Box, Text } from 'ink';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Box, Text, useApp } from 'ink';
 import Spinner from 'ink-spinner';
 import { $, execa } from 'execa';
 import SelectInput from 'ink-select-input';
@@ -9,8 +10,12 @@ import path from 'path';
 export default function Create({ cli }) {
     const [framework, setFramework] = useState(undefined);
     const [projectName, setProjectName] = useState(undefined);
-    const [isFrameworkSelected, setIsFrameworkSelected] = useState(false);
-    const [message, setMessage] = useState();
+    const [visibility, setVisibility] = useState(undefined);
+    const [isShowFrameworkSelect, setIsShowFrameworkSelect] = useState(true);
+    const [isShowProjectNameInput, setIsShowProjectNameInput] = useState(false);
+    const [isShowVisibilitySelect, setIsShowVisibilitySelect] = useState(false);
+    const [createMessage, setCreateMessage] = useState();
+    const [errorMessage, setErrorMessage] = useState();
     const frameworkItems = [
         {
             label: 'React',
@@ -29,88 +34,107 @@ export default function Create({ cli }) {
             value: 'angular',
         },
     ];
+    const { exit } = useApp();
     useEffect(() => {
         const framework = cli.flags.framework;
-        setFramework(framework);
+        if (framework) {
+            setFramework(framework);
+        }
+        else {
+            setIsShowFrameworkSelect(true);
+        }
     }, [cli]);
     useEffect(() => {
-        async function createFromTemplate(name) {
-            if (framework === 'react') {
-                // Clone the template repository
-                setMessage(React.createElement(Box, null,
-                    React.createElement(Spinner, { type: "dots" }),
-                    React.createElement(Text, null,
-                        ' ',
-                        "Creating a new Pulse Editor app using React template...")));
-                try {
-                    await $ `git clone --depth 1 https://github.com/ClayPulse/pulse-editor-extension-template.git ${name}`;
-                }
-                catch (error) {
-                    setMessage(React.createElement(Text, { color: "redBright" }, "\u274C Failed to clone the template. Please check your internet connection and try again."));
-                    return;
-                }
-                // Modify the package.json file to update the name
-                setMessage(React.createElement(Box, null,
-                    React.createElement(Spinner, { type: "dots" }),
-                    React.createElement(Text, null, " Initializing project...")));
-                const packageJsonPath = path.join(process.cwd(), name, 'package.json');
-                const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));
-                packageJson.name = name.replaceAll('-', '_');
-                // 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');
-                if (fs.existsSync(gitDirPath)) {
-                    fs.rmSync(gitDirPath, { recursive: true, force: true });
-                }
-                // Remove the .github directory
-                const githubDirPath = path.join(process.cwd(), name, '.github');
-                if (fs.existsSync(githubDirPath)) {
-                    fs.rmSync(githubDirPath, { recursive: true, force: true });
-                }
-                setMessage(React.createElement(Box, null,
-                    React.createElement(Spinner, { type: "dots" }),
-                    React.createElement(Text, null, " Installing dependencies...")));
-                // Run `npm i`
-                try {
-                    await execa(`npm install`, {
-                        cwd: path.join(process.cwd(), name),
-                    });
-                }
-                catch (error) {
-                    setMessage(React.createElement(Text, { color: "redBright" }, "\u274C Failed to install dependencies. Please check your internet connection and try again."));
-                    return;
-                }
-                setMessage(React.createElement(Text, null, "\uD83D\uDE80 Pulse Editor React app project created successfully!"));
-            }
+        if (framework) {
+            setIsShowProjectNameInput(true);
         }
+    }, [framework]);
+    useEffect(() => {
         if (projectName) {
             // Check if the project already exists
             const projectPath = path.join(process.cwd(), projectName);
             if (fs.existsSync(projectPath)) {
-                setMessage(React.createElement(Text, { color: "redBright" }, "\u274C A project with same name already exists in current path."));
+                setErrorMessage(_jsx(Text, { color: "redBright", children: "\u274C A project with same name already exists in current path." }));
+                setTimeout(() => {
+                    exit();
+                }, 0);
                 return;
             }
-            createFromTemplate(projectName);
+            setIsShowVisibilitySelect(true);
         }
     }, [projectName]);
     useEffect(() => {
-        setTimeout(() => {
-            setIsFrameworkSelected(framework !== undefined);
-        }, 0);
-    }, [framework]);
-    return (React.createElement(React.Fragment, null,
-        !cli.flags.framework && (React.createElement(React.Fragment, null,
-            React.createElement(Text, null, "\uD83D\uDEA9Create a new Pulse Editor app using your favorite web framework!"),
-            React.createElement(SelectInput, { items: frameworkItems, onSelect: item => {
-                    setFramework(item.value);
-                }, isFocused: framework === undefined }),
-            React.createElement(Text, null, " "))),
-        isFrameworkSelected && (React.createElement(React.Fragment, null,
-            React.createElement(Box, null,
-                React.createElement(Text, null, "Enter your project name: "),
-                React.createElement(UncontrolledTextInput, { onSubmit: value => setProjectName(value), focus: projectName === undefined })),
-            projectName && (React.createElement(React.Fragment, null,
-                framework === 'react' && React.createElement(React.Fragment, null, message),
-                framework !== 'react' && (React.createElement(Text, null, "\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."))))))));
+        if (visibility && projectName) {
+            createFromTemplate(projectName, visibility);
+        }
+    }, [visibility, projectName]);
+    async function createFromTemplate(name, visibility) {
+        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}`;
+            }
+            catch (error) {
+                setCreateMessage(_jsx(Text, { color: "redBright", children: "\u274C Failed to clone the template. Please check your internet connection and try again." }));
+                return;
+            }
+            // Modify the package.json file to update the name
+            setCreateMessage(_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Initializing project..." })] }));
+            const packageJsonPath = path.join(process.cwd(), name, 'package.json');
+            const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));
+            packageJson.name = name.replaceAll('-', '_');
+            // Modify the visibility
+            packageJson['pulse-editor-marketplace'] = {
+                visibility,
+            };
+            // 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');
+            if (fs.existsSync(gitDirPath)) {
+                fs.rmSync(gitDirPath, { recursive: true, force: true });
+            }
+            // Remove the .github directory
+            const githubDirPath = path.join(process.cwd(), name, '.github');
+            if (fs.existsSync(githubDirPath)) {
+                fs.rmSync(githubDirPath, { recursive: true, force: true });
+            }
+            // Remove LICENSE file
+            const licenseFilePath = path.join(process.cwd(), name, 'LICENSE');
+            if (fs.existsSync(licenseFilePath)) {
+                fs.rmSync(licenseFilePath, { force: true });
+            }
+            setCreateMessage(_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Installing dependencies..." })] }));
+            // Run `npm i`
+            try {
+                await execa(`npm install`, {
+                    cwd: path.join(process.cwd(), name),
+                });
+            }
+            catch (error) {
+                setCreateMessage(_jsx(Text, { color: "redBright", children: "\u274C Failed to install dependencies. Please check your internet connection and try again." }));
+                return;
+            }
+            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 })] }));
+}
+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 => {
+                        setFramework(item.value);
+                    }, isFocused: framework === undefined }), _jsx(Text, { children: " " })] })) }));
+}
+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 VisibilitySelect({ visibility, setVisibility, }) {
+    return (_jsxs(_Fragment, { children: [_jsx(Text, { children: "Enter marketplace visibility for your project:" }), _jsx(SelectInput, { items: [
+                    { label: 'Public', value: 'public' },
+                    { label: 'Unlisted', value: 'unlisted' },
+                    { label: 'Private', value: 'private' },
+                ], onSelect: item => {
+                    setVisibility(item.value);
+                }, isFocused: visibility === undefined }), _jsx(Text, { children: " " })] }));
 }

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

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

package/dist/components/commands/help.js

@@ -1,10 +1,8 @@
-import React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text } from 'ink';
 import { commandsManual } from '../../lib/manual.js';
 import Header from '../header.js';
 export default function Help({ cli }) {
     const subCommand = cli.input[1];
-    return (React.createElement(React.Fragment, null, subCommand ? (React.createElement(Text, null, commandsManual[subCommand])) : (React.createElement(React.Fragment, null,
-        React.createElement(Header, null),
-        React.createElement(Text, null, cli.help)))));
+    return (_jsx(_Fragment, { children: subCommand ? (_jsx(Text, { children: commandsManual[subCommand] })) : (_jsxs(_Fragment, { children: [_jsx(Header, {}), _jsx(Text, { children: cli.help })] })) }));
 }

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

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

package/dist/components/commands/login.js

@@ -1,4 +1,5 @@
-import React, { useEffect, useState } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
 import { Box, Text, useApp } from 'ink';
 import SelectInput from 'ink-select-input';
 import TextInput from 'ink-text-input';
@@ -29,7 +30,7 @@ export default function Login({ cli }) {
     const { exit } = useApp();
     // Check login method
     useEffect(() => {
-        const savedToken = getToken();
+        const savedToken = getToken(cli.flags.dev);
         setIsShowLoginMethod(!savedToken && !cli.flags.token && !cli.flags.flow);
         if (savedToken) {
             setLoginMethod('token');
@@ -58,51 +59,29 @@ export default function Login({ cli }) {
             setIsMethodSelected(loginMethod !== undefined);
         }, 0);
     }, [loginMethod]);
-    return (React.createElement(React.Fragment, null,
-        isShowLoginMethod && (React.createElement(React.Fragment, null,
-            React.createElement(Text, null, "Login to the Pulse Editor Platform"),
-            React.createElement(SelectInput, { items: loginMethodItems, onSelect: item => {
-                    setLoginMethod(item.value);
-                }, isFocused: loginMethod === undefined }),
-            React.createElement(Text, null, " "))),
-        isMethodSelected &&
-            loginMethod === 'token' &&
-            (token.length === 0 ? (React.createElement(React.Fragment, null,
-                React.createElement(Text, null, "Enter your Pulse Editor access token:"),
-                React.createElement(TextInput, { mask: "*", value: tokenInput, onChange: setTokenInput, onSubmit: value => {
-                        if (value.length === 0) {
-                            return;
-                        }
-                        setToken(value);
-                    } }))) : isCheckingAuth ? (React.createElement(Box, null,
-                React.createElement(Spinner, { type: "dots" }),
-                React.createElement(Text, null, " Checking authentication..."))) : isAuthenticated ? (React.createElement(React.Fragment, null,
-                React.createElement(Text, null, "\u2705 You are signed in successfully."),
-                !isTokenInEnv() && getToken() !== token && (React.createElement(React.Fragment, null,
-                    React.createElement(Text, null, "\uD83D\uDFE2 It is recommended to save your access token as an environment variable PE_ACCESS_TOKEN."),
-                    React.createElement(Box, null,
-                        React.createElement(Text, null,
-                            "\u26A0\uFE0F (NOT recommended) Or, do you want to save access token to user home directory? (y/n)",
-                            ' '),
-                        React.createElement(TextInput, { value: saveTokenInput, onChange: setSaveTokenInput, onSubmit: value => {
+    return (_jsxs(_Fragment, { children: [isShowLoginMethod && (_jsxs(_Fragment, { children: [_jsx(Text, { children: "Login to the Pulse Editor Platform" }), _jsx(SelectInput, { items: loginMethodItems, onSelect: item => {
+                            setLoginMethod(item.value);
+                        }, isFocused: loginMethod === undefined }), _jsx(Text, { children: " " })] })), isMethodSelected &&
+                loginMethod === 'token' &&
+                (token.length === 0 ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: "Enter your Pulse Editor access token:" }), _jsx(TextInput, { mask: "*", value: tokenInput, onChange: setTokenInput, onSubmit: value => {
                                 if (value.length === 0) {
                                     return;
                                 }
-                                if (value === 'y') {
-                                    saveToken(token);
-                                    setIsTokenSaved(true);
-                                    setTimeout(() => {
-                                        exit();
-                                    }, 0);
-                                }
-                                else {
-                                    exit();
-                                }
-                            } })))),
-                isTokenSaved && (React.createElement(Text, null,
-                    "Token saved to ",
-                    path.join(os.homedir(), '.pulse-editor'))))) : (React.createElement(Text, null, "Authentication error: please enter valid credentials."))),
-        isMethodSelected && loginMethod === 'flow' && (React.createElement(React.Fragment, null,
-            React.createElement(Text, null, "(WIP) Open the following URL in your browser:"),
-            React.createElement(Text, null, "https://pulse-editor.com/login")))));
+                                setToken(value);
+                            } })] })) : isCheckingAuth ? (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Checking authentication..." })] })) : isAuthenticated ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: "\u2705 You are signed in successfully." }), !isTokenInEnv(cli.flags.dev) &&
+                            getToken(cli.flags.dev) !== token && (_jsxs(_Fragment, { children: [_jsx(Text, { children: "\uD83D\uDFE2 It is recommended to save your access token as an environment variable PE_ACCESS_TOKEN." }), _jsxs(Box, { children: [_jsxs(Text, { children: ["\u26A0\uFE0F (NOT recommended) Or, do you want to save access token to user home directory? (y/n)", ' '] }), _jsx(TextInput, { value: saveTokenInput, onChange: setSaveTokenInput, onSubmit: value => {
+                                                if (value.length === 0) {
+                                                    return;
+                                                }
+                                                if (value === 'y') {
+                                                    saveToken(token, cli.flags.dev);
+                                                    setIsTokenSaved(true);
+                                                    setTimeout(() => {
+                                                        exit();
+                                                    }, 0);
+                                                }
+                                                else {
+                                                    exit();
+                                                }
+                                            } })] })] })), isTokenSaved && (_jsxs(Text, { children: ["Token saved to ", path.join(os.homedir(), '.pulse-editor')] }))] })) : (_jsx(Text, { children: "Authentication error: please enter valid credentials." }))), isMethodSelected && loginMethod === 'flow' && (_jsxs(_Fragment, { children: [_jsx(Text, { children: "(WIP) Open the following URL in your browser:" }), _jsx(Text, { children: "https://pulse-editor.com/login" })] }))] }));
 }

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

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

package/dist/components/commands/logout.js

@@ -1,14 +1,13 @@
-import React, { useEffect, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
 import { Box, Text } from 'ink';
 import { saveToken } from '../../lib/token.js';
 import Spinner from 'ink-spinner';
 export default function Logout({ cli }) {
     const [isLoggedOut, setIsLoggedOut] = useState(false);
     useEffect(() => {
-        saveToken(undefined);
+        saveToken(undefined, cli.flags.dev);
         setIsLoggedOut(true);
     }, []);
-    return (React.createElement(React.Fragment, null, isLoggedOut ? (React.createElement(Text, null, "\uD83D\uDE80 Successfully logged out!")) : (React.createElement(Box, null,
-        React.createElement(Spinner, { type: "dots" }),
-        React.createElement(Text, null, " Logging out...")))));
+    return (_jsx(_Fragment, { children: isLoggedOut ? (_jsx(Text, { children: "\uD83D\uDE80 Successfully logged out!" })) : (_jsxs(Box, { children: [_jsx(Spinner, { type: "dots" }), _jsx(Text, { children: " Logging out..." })] })) }));
 }

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

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

package/dist/components/commands/publish.js

@@ -1,4 +1,5 @@
-import React, { useEffect, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
 import { Box, Text } from 'ink';
 import { checkToken, getToken } from '../../lib/token.js';
 import Spinner from 'ink-spinner';
@@ -15,17 +16,20 @@ export default function Publish({ cli }) {
     const [isPublished, setIsPublished] = useState(false);
     const [failureMessage, setFailureMessage] = useState(undefined);
     useEffect(() => {
-        // 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);
+        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);
+            }
         }
+        checkConfig();
     }, []);
     // Check if the user is authenticated
     useEffect(() => {
         async function checkAuth() {
-            const token = getToken();
+            const token = getToken(cli.flags.dev);
             if (token) {
                 const isValid = await checkToken(token, cli.flags.dev);
                 if (isValid) {
@@ -58,21 +62,27 @@ export default function Publish({ cli }) {
         }
         async function publishExtension() {
             setIsPublishing(true);
+            // Read package.json
+            const packageJson = JSON.parse(fs.readFileSync('package.json', 'utf-8'));
+            const visibility = packageJson['pulse-editor-marketplace']
+                .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.dev
-                    ? 'http://localhost:3000/api/extension/publish'
+                    ? 'https://localhost:8080/api/extension/publish'
                     : 'https://pulse-editor.com/api/extension/publish', {
                     method: 'POST',
                     headers: {
-                        Authorization: `Bearer ${getToken()}`,
+                        Authorization: `Bearer ${getToken(cli.flags.dev)}`,
                     },
                     body: formData,
                 });
@@ -103,23 +113,5 @@ export default function Publish({ cli }) {
             buildExtension();
         }
     }, [isAuthenticated]);
-    return (React.createElement(React.Fragment, null, !isInProjectDir ? (React.createElement(Text, { color: 'redBright' }, "\u26D4 The current directory does not contain a Pulse Editor project.")) : isCheckingAuth ? (React.createElement(Box, null,
-        React.createElement(Spinner, { type: "dots" }),
-        React.createElement(Text, null, " Checking authentication..."))) : isAuthenticated ? (React.createElement(React.Fragment, null,
-        isBuilding && (React.createElement(Box, null,
-            React.createElement(Spinner, { type: "dots" }),
-            React.createElement(Text, null, " Building..."))),
-        isBuildingError && (React.createElement(Text, { color: 'redBright' }, "\u274C Error building the extension. Please run `npm run build` to see the error.")),
-        isPublishing && (React.createElement(Box, null,
-            React.createElement(Spinner, { type: "dots" }),
-            React.createElement(Text, null, " Publishing..."))),
-        isPublishingError && (React.createElement(React.Fragment, null,
-            React.createElement(Text, { color: 'redBright' }, "\u274C Failed to publish extension."),
-            failureMessage && (React.createElement(Text, { color: 'redBright' },
-                "Error: ",
-                failureMessage)))),
-        isPublished && (React.createElement(Text, { color: 'greenBright' }, "\u2705 Extension published successfully.")))) : (React.createElement(Text, null,
-        "You are not authenticated or your access token is invalid. Publishing to Extension Marketplace is in Beta access. Please visit",
-        React.createElement(Text, { color: 'blueBright' }, " 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(_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."] })) }));
 }

package/dist/components/header.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export default function Header(): React.JSX.Element;
+export default function Header(): import("react/jsx-runtime").JSX.Element;

package/dist/components/header.js

@@ -1,8 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
-import React from 'react';
 export default function Header() {
-    return (React.createElement(Box, { flexDirection: "column", alignItems: "center" },
-        React.createElement(Text, { color: 'whiteBright' }, "Pulse Editor CLI"),
-        React.createElement(Text, null, "Version: 0.0.1"),
-        React.createElement(Text, { color: 'blueBright' }, "https://pulse-editor.com")));
+    return (_jsxs(Box, { flexDirection: "column", alignItems: "center", children: [_jsx(Text, { color: 'whiteBright', children: "Pulse Editor CLI" }), _jsx(Text, { children: "Version: 0.0.1" }), _jsx(Text, { color: 'blueBright', children: "https://pulse-editor.com" })] }));
 }

package/dist/lib/token.d.ts

@@ -1,4 +1,4 @@
-export declare function saveToken(token: string | undefined): void;
-export declare function getToken(): string | undefined;
-export declare function isTokenInEnv(): boolean;
+export declare function saveToken(token: string | undefined, devMode: boolean): void;
+export declare function getToken(devMode: boolean): string | undefined;
+export declare function isTokenInEnv(devMode: boolean): boolean;
 export declare function checkToken(token: string, devMode: boolean): Promise<boolean>;

package/dist/lib/token.js

@@ -1,21 +1,33 @@
 import os from 'os';
 import path from 'path';
 import fs from 'fs';
-export function saveToken(token) {
+export function saveToken(token, devMode) {
     // Save the token to .pulse-editor/config.json in user home directory
     const configDir = path.join(os.homedir(), '.pulse-editor');
     const configFile = path.join(configDir, 'config.json');
-    const config = {
-        accessToken: token,
-    };
+    const hasConfig = fs.existsSync(configFile);
+    const existingConfig = hasConfig
+        ? JSON.parse(fs.readFileSync(configFile, 'utf8'))
+        : {};
+    const newConfig = devMode
+        ? {
+            ...existingConfig,
+            devAccessToken: token,
+        }
+        : {
+            ...existingConfig,
+            accessToken: token,
+        };
     if (!fs.existsSync(configDir)) {
         fs.mkdirSync(configDir, { recursive: true });
     }
-    fs.writeFileSync(configFile, JSON.stringify(config, null, 2));
+    fs.writeFileSync(configFile, JSON.stringify(newConfig, null, 2));
 }
-export function getToken() {
+export function getToken(devMode) {
     // First try to get the token from the environment variable
-    const tokenEnv = process.env['PE_ACCESS_TOKEN'];
+    const tokenEnv = devMode
+        ? process.env['PE_DEV_ACCESS_TOKEN']
+        : process.env['PE_ACCESS_TOKEN'];
     if (tokenEnv) {
         return tokenEnv;
     }
@@ -25,8 +37,9 @@ export function getToken() {
     if (fs.existsSync(configFile)) {
         try {
             const config = JSON.parse(fs.readFileSync(configFile, 'utf8'));
-            if (config.accessToken) {
-                return config.accessToken;
+            const token = devMode ? config.devAccessToken : config.accessToken;
+            if (token) {
+                return token;
             }
         }
         catch (error) {
@@ -38,9 +51,11 @@ export function getToken() {
     // If not found, return undefined
     return undefined;
 }
-export function isTokenInEnv() {
+export function isTokenInEnv(devMode) {
     // Check if the token is set in the environment variable
-    const tokenEnv = process.env['PE_ACCESS_TOKEN'];
+    const tokenEnv = devMode
+        ? process.env['PE_DEV_ACCESS_TOKEN']
+        : process.env['PE_ACCESS_TOKEN'];
     if (tokenEnv) {
         return true;
     }
@@ -48,7 +63,7 @@ export function isTokenInEnv() {
 }
 export async function checkToken(token, devMode) {
     const res = await fetch(devMode
-        ? 'http://localhost:3000/api/api-keys/check'
+        ? 'https://localhost:8080/api/api-keys/check'
         : 'https://pulse-editor.com/api/api-keys/check', {
         body: JSON.stringify({ token }),
         headers: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pulse-editor/cli",
-	"version": "0.1.0-beta.1",
+	"version": "0.1.0-beta.3",
 	"license": "MIT",
 	"bin": {
 		"pulse": "./dist/cli.js"
@@ -19,29 +19,29 @@
 		"dist"
 	],
 	"dependencies": {
-		"execa": "^9.5.2",
-		"ink": "^5.2.0",
-		"ink-select-input": "^6.0.0",
+		"execa": "^9.6.0",
+		"ink": "^6.1.0",
+		"ink-select-input": "^6.2.0",
 		"ink-spinner": "^5.0.0",
 		"ink-text-input": "^6.0.0",
 		"meow": "^13.2.0",
-		"openid-client": "^6.4.2",
-		"react": "^18.0.32"
+		"openid-client": "^6.6.3",
+		"react": "^19.1.1"
 	},
 	"devDependencies": {
-		"@sindresorhus/tsconfig": "^7.0.0",
-		"@types/react": "^18.0.32",
+		"@sindresorhus/tsconfig": "^8.0.1",
+		"@types/react": "^19.1.9",
 		"@vdemedes/prettier-config": "^2.0.1",
-		"ava": "^6.2.0",
-		"chalk": "^5.4.1",
+		"ava": "^6.4.1",
+		"chalk": "^5.5.0",
 		"eslint-config-xo-react": "^0.28.0",
 		"eslint-plugin-react": "^7.37.5",
 		"eslint-plugin-react-hooks": "^5.2.0",
 		"ink-testing-library": "^4.0.0",
-		"prettier": "^3.5.3",
+		"prettier": "^3.6.2",
 		"ts-node": "^10.9.2",
-		"typescript": "^5.8.2",
-		"xo": "^0.60.0"
+		"typescript": "^5.9.2",
+		"xo": "^1.2.1"
 	},
 	"ava": {
 		"extensions": {