create-vixt 0.12.2 → 0.13.0

package/bin/create-vixt.mjs

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+
+import '../dist/index.mjs'

package/dist/index.d.mts

@@ -1 +1 @@
-export { };
+export {}

package/dist/index.mjs

@@ -1,16 +1,15 @@
 import path from "node:path";
 import process from "node:process";
-import { fileURLToPath } from "node:url";
 import { cac } from "cac";
 import fs from "fs-extra";
 //#region package.json
-var version = "0.12.2";
+var version = "0.13.0";
 //#endregion
 //#region src/index.ts
-const __dirname = fileURLToPath(new URL(".", import.meta.url));
+const __dirname = import.meta.dirname;
 const argv = cac().parse();
-const projectName = argv.args[0] || "vixt-project";
-const templateName = argv.options.template || "monorepo-ts";
+const projectName = argv.args[0] || "my-project";
+const templateName = argv.options.template || "monorepo";
 const cwd = process.cwd();
 const projectPath = path.join(cwd, projectName);
 const templatePath = path.join(__dirname, `../template/${templateName}`);
@@ -18,49 +17,40 @@ if (!fs.existsSync(templatePath)) {
 	console.error(`"${templateName}" isn't a valid template. Please confirm the template name.`);
 	process.exit(1);
 }
-if (!fs.existsSync(projectPath)) {
-	fs.mkdirSync(projectPath);
-	console.log(`Project directory ${projectName} created.`);
-} else {
+if (fs.existsSync(projectPath)) {
 	console.error(`Directory ${projectName} already exists.`);
 	process.exit(1);
 }
+main();
+function main() {
+	fs.mkdirSync(projectPath);
+	fs.copySync(templatePath, projectPath);
+	editPackageJson(projectPath, (json) => {
+		json.name = projectName;
+		replaceDependenciesVersion(json);
+	});
+	const packagesPath = path.join(projectPath, "packages");
+	const packages = fs.readdirSync(packagesPath);
+	for (const name of packages) {
+		const pkgPath = path.join(packagesPath, name);
+		editPackageJson(pkgPath, (json) => {
+			json.name = `@${projectName}/${name}`;
+			replaceDependenciesVersion(json);
+		});
+		fs.renameSync(path.join(pkgPath, "_tsconfig.json"), path.join(pkgPath, "tsconfig.json"));
+	}
+	console.log(`Project ${projectName} created.`);
+}
 function editPackageJson(destDir, fn) {
 	const packageJsonPath = path.join(destDir, "package.json");
 	const packageJson = fs.readJsonSync(packageJsonPath);
 	const result = fn(packageJson) || packageJson;
 	fs.writeJSONSync(packageJsonPath, result, { spaces: 2 });
 }
-function copyTemplateFiles(srcDir, destDir) {
-	fs.copySync(srcDir, destDir);
-	editPackageJson(destDir, (json) => {
-		json.name = projectName;
-		Object.entries(json.dependencies).forEach(([key, value]) => {
-			if (value === "workspace:*") json.dependencies[key] = `^${version}`;
-		});
-	});
-}
-copyTemplateFiles(templatePath, projectPath);
-if (templateName === "monorepo-ts") {
-	const vueTemplatePath = path.join(__dirname, `../template/vue-ts`);
-	const vueProjectPath = path.join(projectPath, "packages/vue");
-	fs.copySync(vueTemplatePath, vueProjectPath);
-	editPackageJson(vueProjectPath, (json) => {
-		delete json.dependencies.vixt;
-	});
-	const uniTemplatePath = path.join(__dirname, `../template/uni-ts`);
-	const uniProjectPath = path.join(projectPath, "packages/uni");
-	fs.copySync(uniTemplatePath, uniProjectPath);
-	editPackageJson(uniProjectPath, (json) => {
-		delete json.dependencies.vixt;
-	});
-	const reactTemplatePath = path.join(__dirname, `../template/react-ts`);
-	const reactProjectPath = path.join(projectPath, "packages/react");
-	fs.copySync(reactTemplatePath, reactProjectPath);
-	editPackageJson(reactProjectPath, (json) => {
-		delete json.dependencies.vixt;
+function replaceDependenciesVersion(json) {
+	Object.entries(json.dependencies).forEach(([key, value]) => {
+		if (value === "workspace:*") json.dependencies[key] = `^${version}`;
 	});
 }
-console.log("Template project initialized.");
 //#endregion
 export {};

package/package.json

@@ -1,24 +1,27 @@
 {
   "name": "create-vixt",
-  "type": "module",
-  "version": "0.12.2",
-  "author": "SoulLyoko<https://github.com/SoulLyoko>",
-  "license": "MIT",
+  "version": "0.13.0",
   "homepage": "https://soullyoko.github.io/vixt/",
+  "license": "MIT",
+  "author": "SoulLyoko<https://github.com/SoulLyoko>",
   "repository": {
     "type": "git",
     "url": "https://github.com/SoulLyoko/vixt.git"
   },
   "bin": {
-    "create-vixt": "index.js"
+    "create-vixt": "bin/create-vixt.mjs"
   },
   "files": [
+    "bin",
     "dist",
-    "index.js",
     "template"
   ],
+  "type": "module",
   "dependencies": {
     "cac": "^7.0.0",
-    "fs-extra": "^11.3.6"
+    "fs-extra": "^11.4.0"
+  },
+  "devDependencies": {
+    "jiti": "^2.7.0"
   }
 }

package/template/monorepo/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "vixt-monorepo-template",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build:h5": "pnpm -F uni build:h5",
+    "build:mp": "pnpm -F uni build:mp",
+    "build:react": "pnpm -F react build",
+    "build:vue": "pnpm -F vue build",
+    "dev:h5": "pnpm -F uni dev:h5",
+    "dev:mp": "pnpm -F uni dev:mp",
+    "dev:react": "pnpm -F react dev",
+    "dev:vue": "pnpm -F vue dev"
+  },
+  "dependencies": {
+    "vixt": "workspace:*"
+  }
+}

package/template/{react-ts → monorepo/packages/react}/README.md

@@ -1,6 +1,6 @@
 # React + TypeScript + Vite
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+This template provides a minimal setup to get React working in Vite with HMR
 
 Currently, two official plugins are available:
 

package/template/{vue-ts → monorepo/packages/react}/package.json

@@ -1,14 +1,14 @@
 {
-  "name": "vixt-vue-ts",
-  "type": "module",
+  "name": "vixt-react-template",
   "version": "0.0.0",
   "private": true,
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "vixt": "workspace:*"
+    "@vixt/react": "workspace:*"
   }
 }

package/template/{react-ts → monorepo/packages/react}/src/App.tsx

@@ -17,22 +17,12 @@ function App() {
       </div>
       <h1>Vite + React</h1>
       <div className="card">
-        <button onClick={() => setCount(count => count + 1)}>
-          count is
-          {' '}
-          {count}
-        </button>
+        <button onClick={() => setCount(count => count + 1)}>count is {count}</button>
         <p>
-          Edit
-          {' '}
-          <code>src/App.tsx</code>
-          {' '}
-          and save to test HMR
+          Edit <code>src/App.tsx</code> and save to test HMR
         </p>
       </div>
-      <p className="read-the-docs">
-        Click on the Vite and React logos to learn more
-      </p>
+      <p className="read-the-docs">Click on the Vite and React logos to learn more</p>
     </>
   )
 }

package/template/{uni-ts → monorepo/packages/uni}/package.json

@@ -1,14 +1,12 @@
 {
-  "name": "vixt-uni-ts",
-  "type": "module",
+  "name": "vixt-uni-template",
   "version": "0.0.0",
   "private": true,
+  "type": "module",
   "scripts": {
     "dev:h5": "uni",
-    "dev:h5:ssr": "uni --ssr",
     "dev:mp": "uni -p mp-weixin",
     "build:h5": "uni build",
-    "build:h5:ssr": "uni build --ssr",
     "build:mp": "uni build -p mp-weixin"
   },
   "dependencies": {
@@ -17,7 +15,7 @@
     "@dcloudio/uni-h5": "3.0.0-5000720260410001",
     "@dcloudio/uni-mp-weixin": "3.0.0-5000720260410001",
     "@dcloudio/uni-uts-v1": "3.0.0-5000720260410001",
-    "vixt": "workspace:*"
+    "@vixt/uni": "workspace:*"
   },
   "devDependencies": {
     "@dcloudio/vite-plugin-uni": "3.0.0-5000720260410001"

package/template/{react-ts → monorepo/packages/vue}/package.json

@@ -1,14 +1,14 @@
 {
-  "name": "vixt-react-ts",
-  "type": "module",
+  "name": "vixt-vue-template",
   "version": "0.0.0",
   "private": true,
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview"
   },
   "dependencies": {
-    "vixt": "workspace:*"
+    "@vixt/vue": "workspace:*"
   }
 }

package/template/{vue-ts → monorepo/packages/vue}/src/App.vue

@@ -5,10 +5,10 @@ import HelloWorld from '@/components/HelloWorld.vue'
 <template>
   <div>
     <a href="https://vite.dev" target="_blank">
-      <img src="/vite.svg" class="logo" alt="Vite logo">
+      <img src="/vite.svg" class="logo" alt="Vite logo" />
     </a>
     <a href="https://vuejs.org/" target="_blank">
-      <img src="/vue.svg" class="logo vue" alt="Vue logo">
+      <img src="/vue.svg" class="logo vue" alt="Vue logo" />
     </a>
   </div>
   <HelloWorld msg="Vite + Vue" />

package/template/{vue-ts → monorepo/packages/vue}/src/components/HelloWorld.vue

@@ -10,9 +10,7 @@ const count = ref(0)
   <h1>{{ msg }}</h1>
 
   <div class="card">
-    <button type="button" @click="count++">
-      count is {{ count }}
-    </button>
+    <button type="button" @click="count++">count is {{ count }}</button>
     <p>
       Edit
       <code>components/HelloWorld.vue</code> to test HMR
@@ -21,18 +19,16 @@ const count = ref(0)
 
   <p>
     Check out
-    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank">create-vue</a>, the official Vue + Vite starter
+    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank">create-vue</a>, the
+    official Vue + Vite starter
   </p>
   <p>
     Learn more about IDE Support for Vue in the
-    <a
-      href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support"
-      target="_blank"
-    >Vue Docs Scaling up Guide</a>.
-  </p>
-  <p class="read-the-docs">
-    Click on the Vite and Vue logos to learn more
+    <a href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support" target="_blank"
+      >Vue Docs Scaling up Guide</a
+    >.
   </p>
+  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
 </template>
 
 <style scoped>

package/index.js

@@ -1,4 +0,0 @@
-#!/usr/bin/env node
-
-// eslint-disable-next-line antfu/no-import-dist
-import './dist/index.mjs'

package/template/monorepo-ts/package.json

@@ -1,15 +0,0 @@
-{
-  "name": "vixt-monorepo-ts",
-  "type": "module",
-  "version": "0.0.0",
-  "private": true,
-  "scripts": {
-    "build": "pnpm -F vue build",
-    "build:h5": "pnpm -F uni build:h5",
-    "dev": "pnpm -F vue dev",
-    "dev:h5": "pnpm -F uni dev"
-  },
-  "dependencies": {
-    "vixt": "workspace:*"
-  }
-}