create-esmx 3.0.0-rc.46 → 3.0.0-rc.47

package/dist/cli.mjs

@@ -142,13 +142,16 @@ export async function cli(options = {}) {
   );
   const installCmd = installCommand;
   const devCmd = devCommand;
-  const targetDirForDisplay = projectNameInput === "." ? "." : root.split("/").pop() || root.split("\\").pop() || root;
-  const nextSteps = [
-    color.reset(`1. ${color.cyan(`cd ${targetDirForDisplay}`)}`),
-    color.reset(`2. ${color.cyan(installCmd)}`),
-    color.reset(`3. ${color.cyan("git init")} ${color.gray("(optional)")}`),
-    color.reset(`4. ${color.cyan(devCmd)}`)
-  ];
+  const targetDirForDisplay = projectNameInput === "." ? "." : projectNameInput;
+  const steps = [
+    projectNameInput !== "." ? `cd ${targetDirForDisplay}` : null,
+    installCmd,
+    `git init ${color.gray("(optional)")}`,
+    devCmd
+  ].filter(Boolean);
+  const nextSteps = steps.map((step, index) => {
+    return color.reset(`${index + 1}. ${color.cyan(step)}`);
+  });
   note(nextSteps.join("\n"), "Next steps");
   outro(color.reset(color.green("Happy coding! \u{1F389}")));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "create-esmx",
-    "version": "3.0.0-rc.46",
+    "version": "3.0.0-rc.47",
     "description": "A scaffold tool for creating Esmx projects",
     "type": "module",
     "private": false,
@@ -15,8 +15,7 @@
         "coverage": "vitest run --coverage --pass-with-no-tests",
         "lint:js": "biome check --write --no-errors-on-unmatched",
         "build": "unbuild",
-        "postbuild": "node build/postbuild.mjs",
-        "export-templates": "node build/postbuild.mjs"
+        "postbuild": "node build/postbuild.mjs"
     },
     "dependencies": {
         "@clack/prompts": "^0.7.0",
@@ -25,7 +24,7 @@
     },
     "devDependencies": {
         "@biomejs/biome": "1.9.4",
-        "@esmx/lint": "3.0.0-rc.46",
+        "@esmx/lint": "3.0.0-rc.47",
         "@types/minimist": "^1.2.5",
         "@types/node": "^24.0.0",
         "@vitest/coverage-v8": "3.2.4",
@@ -70,5 +69,5 @@
         "url": "https://github.com/esmnext/esmx/issues"
     },
     "homepage": "https://github.com/esmnext/esmx#readme",
-    "gitHead": "dcac010017466e95e1c7db78094d4925c27d54b9"
+    "gitHead": "3e55424b9029d259537a802032f3a1f54b6fb1e8"
 }

package/src/cli.ts

@@ -185,16 +185,18 @@ export async function cli(options: CliOptions = {}): Promise<void> {
     const devCmd = devCommand;
 
     const targetDirForDisplay =
-        projectNameInput === '.'
-            ? '.'
-            : root.split('/').pop() || root.split('\\').pop() || root;
-
-    const nextSteps = [
-        color.reset(`1. ${color.cyan(`cd ${targetDirForDisplay}`)}`),
-        color.reset(`2. ${color.cyan(installCmd)}`),
-        color.reset(`3. ${color.cyan('git init')} ${color.gray('(optional)')}`),
-        color.reset(`4. ${color.cyan(devCmd)}`)
-    ];
+        projectNameInput === '.' ? '.' : projectNameInput;
+
+    const steps = [
+        projectNameInput !== '.' ? `cd ${targetDirForDisplay}` : null,
+        installCmd,
+        `git init ${color.gray('(optional)')}`,
+        devCmd
+    ].filter(Boolean);
+
+    const nextSteps = steps.map((step, index) => {
+        return color.reset(`${index + 1}. ${color.cyan(step)}`);
+    });
 
     note(nextSteps.join('\n'), 'Next steps');
 

package/template/vue2-csr/README.md

@@ -1,6 +1,6 @@
 # {{projectName}}
 
-An Esmx project with Vue2 and Server-Side Rendering.
+An Esmx project with Vue2 and Client-Side Rendering.
 
 ## 📦 Tech Stack
 
@@ -8,7 +8,7 @@ An Esmx project with Vue2 and Server-Side Rendering.
 - **UI Framework**: Vue2 with Composition API
 - **Build Tool**: Rspack
 - **Type Checking**: TypeScript
-- **Rendering Mode**: Server-Side Rendering (SSR)
+- **Rendering Mode**: Client-Side Rendering (CSR)
 
 ## 🚀 Quick Start
 

package/template/vue2-csr/package.json

@@ -1,7 +1,7 @@
 {
     "name": "{{projectName}}",
     "version": "1.0.0",
-    "description": "Vue2 with Server-Side Rendering",
+    "description": "Vue2 Client-Side Rendering framework",
     "type": "module",
     "private": true,
     "scripts": {

package/template/vue2-csr/src/components/hello-world.vue

@@ -21,7 +21,7 @@ const count = ref<number>(0);
 			</p>
 		</div>
 
-		<p>Experience Vue2 with server-side rendering powered by Esmx framework</p>
+		<p>Experience Vue2 with client-side rendering powered by Esmx framework</p>
 	</div>
 </template>
 

package/template/vue2-csr/src/entry.server.ts

@@ -8,8 +8,8 @@ export default async (rc: RenderContext) => {
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="Vue2 with Server-Side Rendering powered by Esmx framework">
-    <meta name="keywords" content="Vue2, CSR, Server-Side Rendering, Esmx, Vue.js, JavaScript, TypeScript, Rspack">
+    <meta name="description" content="Vue2 with Client-Side Rendering powered by Esmx framework">
+    <meta name="keywords" content="Vue2, CSR, Client-Side Rendering, Esmx, Vue.js, JavaScript, TypeScript, Rspack">
     <link rel="icon" href="https://www.esmnext.com/logo.svg" type="image/svg+xml">
     ${rc.preload()}
     <title>Vue2 CSR Demo | Powered by Esmx</title>

package/template/vue2-ssr/package.json

@@ -1,7 +1,7 @@
 {
     "name": "{{projectName}}",
     "version": "1.0.0",
-    "description": "Vue2 with Server-Side Rendering",
+    "description": "Vue2 Server-Side Rendering framework",
     "type": "module",
     "private": true,
     "scripts": {