@jpp-toolkit/plugin-build-react 0.0.3

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Julien Papini
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.mts

@@ -0,0 +1,23 @@
+import { Command } from "@jpp-toolkit/core";
+import * as _oclif_core_interfaces0 from "@oclif/core/interfaces";
+
+//#region src/react-build-command.d.ts
+declare class ReactBuildCommand extends Command {
+  static summary: string;
+  static flags: {
+    watch: _oclif_core_interfaces0.BooleanFlag<boolean>;
+  };
+  static examples: {
+    description: string;
+    command: string;
+  }[];
+  run(): Promise<void>;
+}
+//#endregion
+//#region src/index.d.ts
+declare const commands: {
+  'build:react': typeof ReactBuildCommand;
+};
+//#endregion
+export { commands };
+//# sourceMappingURL=index.d.mts.map

package/dist/index.mjs

@@ -0,0 +1,59 @@
+import { Command } from "@jpp-toolkit/core";
+import { createReactRspackConfig } from "@jpp-toolkit/rspack-config";
+import { Flags } from "@oclif/core";
+import { rspack } from "@rspack/core";
+import { RspackDevServer } from "@rspack/dev-server";
+
+//#region src/react-build-command.ts
+var ReactBuildCommand = class ReactBuildCommand extends Command {
+	static summary = "Build React project using Rspack.";
+	static flags = { watch: Flags.boolean({
+		char: "w",
+		description: "Watch files for changes and rebuild automatically.",
+		default: false
+	}) };
+	static examples = [{
+		description: "Build the React project once.",
+		command: "<%= config.bin %> <%= command.id %>"
+	}, {
+		description: "Build the React project in watch mode.",
+		command: "<%= config.bin %> <%= command.id %> --watch"
+	}];
+	async run() {
+		const { flags: { watch } } = await this.parse(ReactBuildCommand);
+		const config = createReactRspackConfig(void 0, { isProduction: !watch })({
+			RSPACK_BUILD: !watch,
+			RSPACK_WATCH: watch
+		});
+		const compiler = rspack(config);
+		const compilerCallback = (err, stats) => {
+			if (err) {
+				this.logger.error(err.toString());
+				return;
+			}
+			if (!stats) return;
+			this.logger.log(stats.toString({
+				preset: "normal",
+				colors: true
+			}), "\n");
+		};
+		if (watch) {
+			const devServerOptions = config.devServer ?? {};
+			devServerOptions.hot = true;
+			await new RspackDevServer(devServerOptions, compiler).start();
+		} else compiler.run((error, stats) => {
+			compiler.close((closeErr) => {
+				if (closeErr) this.logger.error(closeErr.toString());
+				compilerCallback(error, stats);
+			});
+		});
+	}
+};
+
+//#endregion
+//#region src/index.ts
+const commands = { "build:react": ReactBuildCommand };
+
+//#endregion
+export { commands };
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/react-build-command.ts","../src/index.ts"],"sourcesContent":["import { Command } from '@jpp-toolkit/core';\nimport { createReactRspackConfig } from '@jpp-toolkit/rspack-config';\nimport { Flags } from '@oclif/core';\nimport type { MultiStats, Stats } from '@rspack/core';\nimport { rspack } from '@rspack/core';\nimport { RspackDevServer } from '@rspack/dev-server';\n\nexport class ReactBuildCommand extends Command {\n    static override summary = 'Build React project using Rspack.';\n\n    static override flags = {\n        watch: Flags.boolean({\n            char: 'w',\n            description: 'Watch files for changes and rebuild automatically.',\n            default: false,\n        }),\n    };\n\n    static override examples = [\n        {\n            description: 'Build the React project once.',\n            command: '<%= config.bin %> <%= command.id %>',\n        },\n        {\n            description: 'Build the React project in watch mode.',\n            command: '<%= config.bin %> <%= command.id %> --watch',\n        },\n    ];\n\n    public async run(): Promise<void> {\n        const {\n            flags: { watch },\n        } = await this.parse(ReactBuildCommand);\n\n        const config = createReactRspackConfig(undefined, {\n            isProduction: !watch,\n        })({\n            RSPACK_BUILD: !watch,\n            RSPACK_WATCH: watch,\n        });\n        const compiler = rspack(config);\n\n        const compilerCallback = (err: Error | null, stats: Stats | MultiStats | undefined) => {\n            if (err) {\n                this.logger.error(err.toString());\n                return;\n            }\n            if (!stats) return;\n            this.logger.log(stats.toString({ preset: 'normal', colors: true }), '\\n');\n        };\n\n        if (watch) {\n            const devServerOptions = config.devServer ?? {};\n            devServerOptions.hot = true;\n            const devServer = new RspackDevServer(devServerOptions, compiler);\n            await devServer.start();\n        } else {\n            compiler.run((error: Error | null, stats: Stats | MultiStats | undefined) => {\n                compiler.close((closeErr) => {\n                    if (closeErr) this.logger.error(closeErr.toString());\n                    compilerCallback(error, stats);\n                });\n            });\n        }\n    }\n}\n","import { ReactBuildCommand } from './react-build-command';\n\nexport const commands = {\n    'build:react': ReactBuildCommand,\n};\n"],"mappings":";;;;;;;AAOA,IAAa,oBAAb,MAAa,0BAA0B,QAAQ;CAC3C,OAAgB,UAAU;CAE1B,OAAgB,QAAQ,EACpB,OAAO,MAAM,QAAQ;EACjB,MAAM;EACN,aAAa;EACb,SAAS;EACZ,CAAC,EACL;CAED,OAAgB,WAAW,CACvB;EACI,aAAa;EACb,SAAS;EACZ,EACD;EACI,aAAa;EACb,SAAS;EACZ,CACJ;CAED,MAAa,MAAqB;EAC9B,MAAM,EACF,OAAO,EAAE,YACT,MAAM,KAAK,MAAM,kBAAkB;EAEvC,MAAM,SAAS,wBAAwB,QAAW,EAC9C,cAAc,CAAC,OAClB,CAAC,CAAC;GACC,cAAc,CAAC;GACf,cAAc;GACjB,CAAC;EACF,MAAM,WAAW,OAAO,OAAO;EAE/B,MAAM,oBAAoB,KAAmB,UAA0C;AACnF,OAAI,KAAK;AACL,SAAK,OAAO,MAAM,IAAI,UAAU,CAAC;AACjC;;AAEJ,OAAI,CAAC,MAAO;AACZ,QAAK,OAAO,IAAI,MAAM,SAAS;IAAE,QAAQ;IAAU,QAAQ;IAAM,CAAC,EAAE,KAAK;;AAG7E,MAAI,OAAO;GACP,MAAM,mBAAmB,OAAO,aAAa,EAAE;AAC/C,oBAAiB,MAAM;AAEvB,SADkB,IAAI,gBAAgB,kBAAkB,SAAS,CACjD,OAAO;QAEvB,UAAS,KAAK,OAAqB,UAA0C;AACzE,YAAS,OAAO,aAAa;AACzB,QAAI,SAAU,MAAK,OAAO,MAAM,SAAS,UAAU,CAAC;AACpD,qBAAiB,OAAO,MAAM;KAChC;IACJ;;;;;;AC5Dd,MAAa,WAAW,EACpB,eAAe,mBAClB"}

package/oclif.config.js

@@ -0,0 +1,13 @@
+export default {
+    description: 'Plugin that add the react build command to the jpp cli.',
+    commands: {
+        strategy: 'explicit',
+        target: './dist/index.mjs',
+        identifier: 'commands',
+    },
+    topics: {
+        build: {
+            description: 'Commands for building code.',
+        },
+    },
+};

package/oclif.manifest.json

@@ -0,0 +1,36 @@
+{
+  "commands": {
+    "build:react": {
+      "aliases": [],
+      "args": {},
+      "examples": [
+        {
+          "description": "Build the React project once.",
+          "command": "<%= config.bin %> <%= command.id %>"
+        },
+        {
+          "description": "Build the React project in watch mode.",
+          "command": "<%= config.bin %> <%= command.id %> --watch"
+        }
+      ],
+      "flags": {
+        "watch": {
+          "char": "w",
+          "description": "Watch files for changes and rebuild automatically.",
+          "name": "watch",
+          "allowNo": false,
+          "type": "boolean"
+        }
+      },
+      "hasDynamicHelp": false,
+      "hiddenAliases": [],
+      "id": "build:react",
+      "pluginAlias": "@jpp-toolkit/plugin-build-react",
+      "pluginName": "@jpp-toolkit/plugin-build-react",
+      "pluginType": "core",
+      "strict": true,
+      "summary": "Build React project using Rspack."
+    }
+  },
+  "version": "0.0.3"
+}

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@jpp-toolkit/plugin-build-react",
+  "version": "0.0.3",
+  "description": "Plugin that add the react build command to the jpp cli.",
+  "keywords": [
+    "jpp",
+    "plugin",
+    "build",
+    "react"
+  ],
+  "homepage": "https://github.com/jpapini/jpp-toolkit/tree/main/packages/plugin-build-react#readme",
+  "bugs": {
+    "url": "https://github.com/jpapini/jpp-toolkit/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jpapini/jpp-toolkit.git",
+    "directory": "packages/plugin-build-react"
+  },
+  "license": "MIT",
+  "author": "Julien Papini <julien.papini@gmail.com> (https://github.com/jpapini)",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "default": "./dist/index.mjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "src",
+    "oclif.config.js",
+    "oclif.manifest.json"
+  ],
+  "dependencies": {
+    "@oclif/core": "4.8.0",
+    "@rspack/core": "1.7.2",
+    "@rspack/dev-server": "1.1.5",
+    "@jpp-toolkit/core": "0.0.23",
+    "@jpp-toolkit/rspack-config": "0.0.19"
+  },
+  "devDependencies": {
+    "oclif": "4.22.67"
+  },
+  "engines": {
+    "node": "24",
+    "pnpm": "10"
+  },
+  "volta": {
+    "extends": "../../package.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "typecheck": "tsc --noEmit --pretty",
+    "dev": "build-lib --watch",
+    "build": "build-lib"
+  }
+}

package/src/index.ts

@@ -0,0 +1,5 @@
+import { ReactBuildCommand } from './react-build-command';
+
+export const commands = {
+    'build:react': ReactBuildCommand,
+};

package/src/react-build-command.ts

@@ -0,0 +1,66 @@
+import { Command } from '@jpp-toolkit/core';
+import { createReactRspackConfig } from '@jpp-toolkit/rspack-config';
+import { Flags } from '@oclif/core';
+import type { MultiStats, Stats } from '@rspack/core';
+import { rspack } from '@rspack/core';
+import { RspackDevServer } from '@rspack/dev-server';
+
+export class ReactBuildCommand extends Command {
+    static override summary = 'Build React project using Rspack.';
+
+    static override flags = {
+        watch: Flags.boolean({
+            char: 'w',
+            description: 'Watch files for changes and rebuild automatically.',
+            default: false,
+        }),
+    };
+
+    static override examples = [
+        {
+            description: 'Build the React project once.',
+            command: '<%= config.bin %> <%= command.id %>',
+        },
+        {
+            description: 'Build the React project in watch mode.',
+            command: '<%= config.bin %> <%= command.id %> --watch',
+        },
+    ];
+
+    public async run(): Promise<void> {
+        const {
+            flags: { watch },
+        } = await this.parse(ReactBuildCommand);
+
+        const config = createReactRspackConfig(undefined, {
+            isProduction: !watch,
+        })({
+            RSPACK_BUILD: !watch,
+            RSPACK_WATCH: watch,
+        });
+        const compiler = rspack(config);
+
+        const compilerCallback = (err: Error | null, stats: Stats | MultiStats | undefined) => {
+            if (err) {
+                this.logger.error(err.toString());
+                return;
+            }
+            if (!stats) return;
+            this.logger.log(stats.toString({ preset: 'normal', colors: true }), '\n');
+        };
+
+        if (watch) {
+            const devServerOptions = config.devServer ?? {};
+            devServerOptions.hot = true;
+            const devServer = new RspackDevServer(devServerOptions, compiler);
+            await devServer.start();
+        } else {
+            compiler.run((error: Error | null, stats: Stats | MultiStats | undefined) => {
+                compiler.close((closeErr) => {
+                    if (closeErr) this.logger.error(closeErr.toString());
+                    compilerCallback(error, stats);
+                });
+            });
+        }
+    }
+}