npm - create-rspack - Versions diffs - 1.0.0 → 1.0.1 - Mend

create-rspack 1.0.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (35) hide show

package/bin.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ #!/usr/bin/env node
2	+ import "./dist/index.js";

package/dist/index.js ADDED Viewed

@@ -0,0 +1,86 @@
+import {fileURLToPath as __webpack_fileURLToPath__} from "url";
+import {dirname as __webpack_dirname__} from "path";
+import * as __WEBPACK_EXTERNAL_MODULE_node_path__ from "node:path";
+import * as __WEBPACK_EXTERNAL_MODULE_create_rstack__ from "create-rstack";
+;// CONCATENATED MODULE: external "node:path"
+var external_node_path_namespaceObject = __WEBPACK_EXTERNAL_MODULE_node_path__;
+;// CONCATENATED MODULE: external "create-rstack"
+var external_create_rstack_namespaceObject = __WEBPACK_EXTERNAL_MODULE_create_rstack__;
+;// CONCATENATED MODULE: ./src/index.ts
+var src_dirname = __webpack_dirname__(__webpack_fileURLToPath__(import.meta.url));
+//#!/usr/bin/env node
+async function getTemplateName({ template }) {
+    if (typeof template === "string") {
+        const pair = template.split("-");
+        const language = pair[1] ?? "js";
+        const framework = pair[0];
+        return `${framework}-${language}`;
+    }
+    const framework = (0,external_create_rstack_namespaceObject.checkCancel)(await (0,external_create_rstack_namespaceObject.select)({
+        message: "Select framework",
+        options: [
+            {
+                value: "vanilla",
+                label: "Vanilla"
+            },
+            {
+                value: "react",
+                label: "React"
+            },
+            {
+                value: "vue",
+                label: "Vue"
+            }
+        ]
+    }));
+    const language = (0,external_create_rstack_namespaceObject.checkCancel)(await (0,external_create_rstack_namespaceObject.select)({
+        message: "Select language",
+        options: [
+            {
+                value: "ts",
+                label: "TypeScript"
+            },
+            {
+                value: "js",
+                label: "JavaScript"
+            }
+        ]
+    }));
+    return `${framework}-${language}`;
+}
+function mapESLintTemplate(templateName) {
+    switch(templateName){
+        case "react-js":
+        case "react-ts":
+        case "vue-js":
+        case "vue-ts":
+            return templateName;
+    }
+    const language = templateName.split("-")[1];
+    return `vanilla-${language}`;
+}
+(0,external_create_rstack_namespaceObject.create)({
+    root: external_node_path_namespaceObject["default"].resolve(src_dirname, ".."),
+    name: "rspack",
+    templates: [
+        "vanilla-js",
+        "vanilla-ts",
+        "react-js",
+        "react-ts",
+        "vue-js",
+        "vue-ts"
+    ],
+    skipFiles: [
+        ".npmignore"
+    ],
+    getTemplateName,
+    mapESLintTemplate
+});

package/package.json CHANGED Viewed

@@ -1,15 +1,6 @@
 {
   "name": "create-rspack",
-  "version": "1.0.0",
-  "license": "MIT",
-  "main": "index.js",
-  "bin": {
-    "create-rspack": "index.js"
-  },
-  "publishConfig": {
-    "access": "public",
-    "provenance": true
-  },
+  "version": "1.0.1",
   "homepage": "https://rspack.dev",
   "bugs": "https://github.com/web-infra-dev/rspack/issues",
   "repository": {
@@ -17,8 +8,30 @@
     "url": "https://github.com/web-infra-dev/rspack",
     "directory": "packages/create-rspack"
   },
+  "license": "MIT",
+  "type": "module",
+  "main": "bin.js",
+  "bin": {
+    "create-rspack": "bin.js"
+  },
+  "files": [
+    "template-*",
+    "dist",
+    "bin.js"
+  ],
   "dependencies": {
-    "prompts": "2.4.2",
-    "yargs": "17.6.2"
+    "create-rstack": "1.0.1"
+  },
+  "devDependencies": {
+    "@rslib/core": "0.0.3",
+    "typescript": "5.0.2"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "scripts": {
+    "build": "rslib build",
+    "dev": "rslib build -w"
   }
 }

package/template-common/README.md ADDED Viewed

@@ -0,0 +1,23 @@
+# Rspack Project
+## Setup
+Install the dependencies:
+```bash
+npm install
+```
+## Get Started
+Start the dev server:
+```bash
+npm run dev
+```
+Build the app for production:
+```bash
+npm run build
+```

package/{template-react → template-react-js}/src/App.css RENAMED Viewed

@@ -27,7 +27,7 @@
 }
 @media (prefers-reduced-motion: no-preference) {
-  a:nth-of-type(2) .logo {
+  a > .logo {
     animation: logo-spin infinite 20s linear;
   }
 }

package/template-react-ts/src/App.css CHANGED Viewed

@@ -27,7 +27,7 @@
 }
 @media (prefers-reduced-motion: no-preference) {
-  a:nth-of-type(2) .logo {
+  a > .logo {
     animation: logo-spin infinite 20s linear;
   }
 }

package/index.js DELETED Viewed

@@ -1,166 +0,0 @@
-#!/usr/bin/env node
-const yargs = require("yargs/yargs");
-const { hideBin } = require("yargs/helpers");
-const fs = require("node:fs");
-const path = require("node:path");
-const prompts = require("prompts");
-const { formatTargetDir } = require("./utils");
-const { version } = require("./package.json");
-yargs(hideBin(process.argv))
-	.command("$0", "init rspack project", async argv => {
-		const { help } = argv.argv;
-		if (help) return;
-		const onCancel = () => {
-			console.log("Operation cancelled.");
-			process.exit(0);
-		};
-		const defaultProjectName = "rspack-project";
-		let template = "react";
-		let targetDir = defaultProjectName;
-		const promptProjectDir = async () =>
-			await prompts(
-				[
-					{
-						type: "text",
-						name: "projectDir",
-						initial: defaultProjectName,
-						message: "Project folder",
-						onState: state => {
-							targetDir = formatTargetDir(state.value) || defaultProjectName;
-						}
-					}
-				],
-				{ onCancel }
-			);
-		await promptProjectDir();
-		let projectDir = getProjectDir(targetDir);
-		let root = path.resolve(process.cwd(), projectDir);
-		while (fs.existsSync(root)) {
-			console.log(
-				`${targetDir} is not empty, please choose another project name`
-			);
-			await promptProjectDir();
-			projectDir = getProjectDir(targetDir);
-			root = path.resolve(process.cwd(), projectDir);
-		}
-		// choose template
-		await prompts(
-			[
-				{
-					type: "select",
-					name: "template",
-					message: "Project template",
-					choices: [
-						{ title: "vanilla", value: "vanilla" },
-						{ title: "vanilla-ts", value: "vanilla-ts" },
-						{ title: "react", value: "react" },
-						{ title: "react-ts", value: "react-ts" },
-						{ title: "vue", value: "vue" },
-						{ title: "vue-ts", value: "vue-ts" }
-					],
-					onState: state => {
-						template = state.value;
-					}
-				}
-			],
-			{ onCancel }
-		);
-		fs.mkdirSync(root, { recursive: true });
-		const srcFolder = path.resolve(__dirname, `template-${template}`);
-		copyFolder(srcFolder, root, targetDir);
-		const pkgManager = getPkgManager();
-		console.log("\nDone. Now run:\n");
-		console.log(`cd ${projectDir}\n`);
-		console.log(`${pkgManager} install\n`);
-		console.log(`${pkgManager} run dev\n`);
-	})
-	.help()
-	.parse();
-function copyFolder(src, dst, targetDir) {
-	const renameFiles = {
-		_gitignore: ".gitignore"
-	};
-	// replace workspace packages with version in package.json
-	const workspacePackages = [
-		"@rspack/cli",
-		"@rspack/core",
-		"@rspack/dev-server"
-	];
-	fs.mkdirSync(dst, { recursive: true });
-	for (const file of fs.readdirSync(src)) {
-		if (file === "node_modules") {
-			continue;
-		}
-		const srcFile = path.resolve(src, file);
-		const dstFile = renameFiles[file]
-			? path.resolve(dst, renameFiles[file])
-			: path.resolve(dst, file);
-		const stat = fs.statSync(srcFile);
-		if (stat.isDirectory()) {
-			copyFolder(srcFile, dstFile, targetDir);
-		} else {
-			// use create-rspack version as @rspack/xxx version in template
-			if (file === "package.json") {
-				const pkg = require(srcFile);
-				if (pkg.dependencies) {
-					for (const key of Object.keys(pkg.dependencies)) {
-						if (workspacePackages.includes(key)) {
-							pkg.dependencies[key] = version;
-						}
-					}
-				}
-				if (pkg.devDependencies) {
-					for (const key of Object.keys(pkg.devDependencies)) {
-						if (workspacePackages.includes(key)) {
-							pkg.devDependencies[key] = version;
-						}
-					}
-				}
-				if (pkg.name) {
-					pkg.name = getPkgName(targetDir);
-				}
-				fs.writeFileSync(dstFile, JSON.stringify(pkg, null, 2), "utf-8");
-			} else {
-				fs.copyFileSync(srcFile, dstFile);
-			}
-		}
-	}
-}
-function getPkgName(targetDir) {
-	const scopeMatch = matchScopedPackageName(targetDir);
-	if (scopeMatch) {
-		return targetDir; // Scoped package name
-	}
-	return path.basename(targetDir); // Use the base name of the target directory
-}
-function getProjectDir(targetDir) {
-	const scopeMatch = matchScopedPackageName(targetDir);
-	if (scopeMatch) {
-		return scopeMatch[1]; // Subdirectory project name for scoped packages
-	}
-	return targetDir;
-}
-function matchScopedPackageName(targetDir) {
-	return targetDir.match(/^@[^/]+\/(.+)/);
-}
-function getPkgManager() {
-	const ua = process.env.npm_config_user_agent;
-	if (!ua) return "npm";
-	const [pkgInfo] = ua.split(" ");
-	const [name] = pkgInfo.split("/");
-	return name || "npm";
-}