create-rspack 0.0.1 → 0.0.2

package/index.js

@@ -1,35 +1,35 @@
+#!/usr/bin/env node
 const yargs = require("yargs/yargs");
 const { hideBin } = require("yargs/helpers");
 const fs = require("fs");
 const path = require("path");
+const prompts = require("prompts");
 yargs(hideBin(process.argv))
-	.command(
-		"$0 [project]",
-		"init rspack project",
-		yargs => {
-			yargs.positional("projectDir", {
-				type: "string",
-				describe: "project directory"
-			});
-		},
-		async () => {
-			const argv = minimist(process.argv.slice(2));
-			const projectDir = argv.project || "rspack-project";
-			if (!projectDir) {
-				throw new Error("please specify a project directory");
+	.command("$0", "init rspack project", async argv => {
+		const defaultProjectName = "rspack-project";
+		let result = await prompts([
+			{
+				type: "text",
+				name: "projectDir",
+				initial: defaultProjectName,
+				message: "Project folder"
 			}
-			const root = path.resolve(process.cwd(), projectDir);
-			if (fs.existsSync(root)) {
-				throw new Error("project directory already exists");
-			}
-			fs.mkdirSync(root);
-			// TODO support more template in the future
-			const templateDir = "template-react";
-			const srcFolder = path.resolve(__dirname, templateDir);
-			const dstFolder = path.resolve(projectDir);
-			copyFolder(srcFolder, dstFolder);
+		]);
+		const { projectDir } = result;
+		const root = path.resolve(process.cwd(), projectDir);
+		if (fs.existsSync(root)) {
+			throw new Error("project directory already exists");
 		}
-	)
+		fs.mkdirSync(root);
+		// TODO support more template in the future
+		const templateDir = "template-react";
+		const srcFolder = path.resolve(__dirname, templateDir);
+		copyFolder(srcFolder, projectDir);
+		console.log("\nDone. Now run:\n");
+		console.log(`cd ${projectDir}\n`);
+		console.log(`npm install\n`);
+		console.log(`npm run dev\n`);
+	})
 	.help()
 	.parse();
 function copyFolder(src, dst) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-rspack",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "",
   "main": "index.js",
   "bin": {
@@ -13,6 +13,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "yargs": "17.6.2"
+    "yargs": "17.6.2",
+    "prompts": "2.4.2"
   }
 }

package/template-react/package.json

@@ -2,7 +2,6 @@
   "name": "rspack-react-starter",
   "private": true,
   "version": "0.0.0",
-  "type": "module",
   "scripts": {
     "dev": "rspack serve",
     "build": "rspack build"
@@ -14,6 +13,6 @@
   "devDependencies": {
     "@types/react": "^18.0.25",
     "@types/react-dom": "^18.0.8",
-    "@rspack/cli": "workspace:*"
+    "@rspack/cli": "test"
   }
 }

package/template-react/rspack.config.js

@@ -6,18 +6,20 @@ const isDev = env === "development";
 module.exports = {
 	context: __dirname,
 	entry: {
-		main: "./src/main.js"
+		main: "./src/main.jsx"
 	},
-
 	builtins: {
 		html: [
 			{
 				template: "./index.html"
 			}
 		],
+		define: {
+			"process.env.NODE_ENV": JSON.stringify(env)
+		},
 		react: {
 			development: isDev,
-			fresh: isDev
+			refresh: isDev
 		}
 	}
 };

package/template-react/src/App.jsx

@@ -1,3 +1,4 @@
+import React from "react";
 import { useState } from "react";
 import reactLogo from "./assets/react.svg";
 import "./App.css";
@@ -8,9 +9,6 @@ function App() {
 	return (
 		<div className="App">
 			<div>
-				<a href="https://Rspackjs.dev" target="_blank">
-					<img src="/Rspack.svg" className="logo" alt="Rspack logo" />
-				</a>
 				<a href="https://reactjs.org" target="_blank">
 					<img src={reactLogo} className="logo react" alt="React logo" />
 				</a>