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

package/dist/components/commands/create.js

@@ -10,12 +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();
@@ -71,6 +73,17 @@ export default function Create({ cli }) {
                 }, 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);
@@ -79,7 +92,7 @@ export default function Create({ cli }) {
                 setIsShowVisibilitySelect(true);
             }
         }
-    }, [projectName, cli]);
+    }, [displayName, cli]);
     useEffect(() => {
         if (visibility && projectName) {
             createFromTemplate(projectName, visibility);
@@ -113,6 +126,7 @@ export default function Create({ cli }) {
             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
@@ -145,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 => {
@@ -155,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/lib/cli-flags.d.ts

@@ -36,5 +36,8 @@ export declare const flags: {
         type: "string";
         shortFlag: string;
     };
+    displayName: {
+        type: "string";
+    };
 };
 export type Flags = typeof flags;

package/dist/lib/cli-flags.js

@@ -40,4 +40,7 @@ export const flags = defineFlags({
         type: 'string',
         shortFlag: 'p',
     },
+    displayName: {
+        type: 'string',
+    },
 });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pulse-editor/cli",
-	"version": "0.1.1-beta.29",
+	"version": "0.1.1-beta.30",
 	"license": "MIT",
 	"bin": {
 		"pulse": "dist/cli.js"