Add webpack to all plugins

Cooldude2606 · Cooldude2606 · commit 6bb26f60adc5 · 2025-09-12T20:47:32.000+01:00
diff --git a/exp_commands/package.json b/exp_commands/package.json
@@ -7,7 +7,7 @@
 	"repository": "explosivegaming/ExpCluster",
 	"main": "dist/node/index.js",
 	"scripts": {
-		"prepare": "tsc --build"
+		"prepare": "tsc --build && webpack-cli --env production"
 	},
 	"engines": {
 		"node": ">=18"
@@ -18,7 +18,10 @@
 	"devDependencies": {
 		"@clusterio/lib": "catalog:",
 		"@types/node": "catalog:",
-		"typescript": "catalog:"
+		"typescript": "catalog:",
+		"webpack": "catalog:",
+		"webpack-cli": "catalog:",
+		"webpack-merge": "catalog:"
 	},
 	"dependencies": {
 		"@expcluster/lib_util": "workspace:^",
diff --git a/exp_commands/tsconfig.browser.json b/exp_commands/tsconfig.browser.json
@@ -0,0 +1,4 @@
+{
+	"extends": "../tsconfig.browser.json",
+	"include": [ "web/**/*.tsx", "web/**/*.ts", "package.json" ],
+}
diff --git a/exp_commands/tsconfig.json b/exp_commands/tsconfig.json
@@ -1,6 +1,7 @@
 {
 	"files": [],
 	"references": [
-		{ "path": "./tsconfig.node.json" }
+		{ "path": "./tsconfig.node.json" },
+		{ "path": "./tsconfig.browser.json" }
 	]
 }
diff --git a/exp_commands/web/index.tsx b/exp_commands/web/index.tsx
diff --git a/exp_commands/webpack.config.js b/exp_commands/webpack.config.js
@@ -0,0 +1,29 @@
+"use strict";
+const path = require("path");
+const webpack = require("webpack");
+const { merge } = require("webpack-merge");
+
+const common = require("@clusterio/web_ui/webpack.common");
+
+module.exports = (env = {}) => merge(common(env), {
+	context: __dirname,
+	entry: "./web/index.tsx",
+	output: {
+		path: path.resolve(__dirname, "dist", "web"),
+	},
+	plugins: [
+		new webpack.container.ModuleFederationPlugin({
+			name: "exp_commands",
+			library: { type: "window", name: "plugin_exp_commands" },
+			exposes: {
+				"./": "./index.ts",
+				"./package.json": "./package.json",
+				"./web": "./web/index.tsx",
+			},
+			shared: {
+				"@clusterio/lib": { import: false },
+				"@clusterio/web_ui": { import: false },
+			},
+		}),
+	],
+});
diff --git a/exp_gui/package.json b/exp_gui/package.json
@@ -7,7 +7,7 @@
 	"repository": "explosivegaming/ExpCluster",
 	"main": "dist/node/index.js",
 	"scripts": {
-		"prepare": "tsc --build"
+		"prepare": "tsc --build && webpack-cli --env production"
 	},
 	"engines": {
 		"node": ">=18"
@@ -18,7 +18,10 @@
 	"devDependencies": {
 		"@clusterio/lib": "catalog:",
 		"@types/node": "catalog:",
-		"typescript": "catalog:"
+		"typescript": "catalog:",
+		"webpack": "catalog:",
+		"webpack-cli": "catalog:",
+		"webpack-merge": "catalog:"
 	},
 	"dependencies": {
 		"@expcluster/lib_util": "workspace:^",
diff --git a/exp_gui/tsconfig.browser.json b/exp_gui/tsconfig.browser.json
@@ -0,0 +1,4 @@
+{
+	"extends": "../tsconfig.browser.json",
+	"include": [ "web/**/*.tsx", "web/**/*.ts", "package.json" ],
+}
diff --git a/exp_gui/tsconfig.json b/exp_gui/tsconfig.json
@@ -1,6 +1,7 @@
 {
 	"files": [],
 	"references": [
-		{ "path": "./tsconfig.node.json" }
+		{ "path": "./tsconfig.node.json" },
+		{ "path": "./tsconfig.browser.json" }
 	]
 }
diff --git a/exp_gui/web/index.tsx b/exp_gui/web/index.tsx
diff --git a/exp_gui/webpack.config.js b/exp_gui/webpack.config.js
@@ -0,0 +1,29 @@
+"use strict";
+const path = require("path");
+const webpack = require("webpack");
+const { merge } = require("webpack-merge");
+
+const common = require("@clusterio/web_ui/webpack.common");
+
+module.exports = (env = {}) => merge(common(env), {
+	context: __dirname,
+	entry: "./web/index.tsx",
+	output: {
+		path: path.resolve(__dirname, "dist", "web"),
+	},
+	plugins: [
+		new webpack.container.ModuleFederationPlugin({
+			name: "exp_gui",
+			library: { type: "window", name: "plugin_exp_gui" },
+			exposes: {
+				"./": "./index.ts",
+				"./package.json": "./package.json",
+				"./web": "./web/index.tsx",
+			},
+			shared: {
+				"@clusterio/lib": { import: false },
+				"@clusterio/web_ui": { import: false },
+			},
+		}),
+	],
+});
diff --git a/exp_legacy/package.json b/exp_legacy/package.json
@@ -7,7 +7,7 @@
 	"repository": "explosivegaming/ExpCluster",
 	"main": "dist/node/index.js",
 	"scripts": {
-		"prepare": "tsc --build"
+		"prepare": "tsc --build && webpack-cli --env production"
 	},
 	"engines": {
 		"node": ">=18"
@@ -18,7 +18,10 @@
 	"devDependencies": {
 		"@clusterio/lib": "catalog:",
 		"@types/node": "catalog:",
-		"typescript": "catalog:"
+		"typescript": "catalog:",
+		"webpack": "catalog:",
+		"webpack-cli": "catalog:",
+		"webpack-merge": "catalog:"
 	},
 	"dependencies": {
 		"@expcluster/lib_commands": "workspace:^",
diff --git a/exp_legacy/tsconfig.browser.json b/exp_legacy/tsconfig.browser.json
@@ -0,0 +1,4 @@
+{
+	"extends": "../tsconfig.browser.json",
+	"include": [ "web/**/*.tsx", "web/**/*.ts", "package.json" ],
+}
diff --git a/exp_legacy/tsconfig.json b/exp_legacy/tsconfig.json
@@ -1,6 +1,7 @@
 {
 	"files": [],
 	"references": [
-		{ "path": "./tsconfig.node.json" }
+		{ "path": "./tsconfig.node.json" },
+		{ "path": "./tsconfig.browser.json" }
 	]
 }
diff --git a/exp_legacy/web/index.tsx b/exp_legacy/web/index.tsx
diff --git a/exp_legacy/webpack.config.js b/exp_legacy/webpack.config.js
@@ -0,0 +1,29 @@
+"use strict";
+const path = require("path");
+const webpack = require("webpack");
+const { merge } = require("webpack-merge");
+
+const common = require("@clusterio/web_ui/webpack.common");
+
+module.exports = (env = {}) => merge(common(env), {
+	context: __dirname,
+	entry: "./web/index.tsx",
+	output: {
+		path: path.resolve(__dirname, "dist", "web"),
+	},
+	plugins: [
+		new webpack.container.ModuleFederationPlugin({
+			name: "exp_legacy",
+			library: { type: "window", name: "plugin_exp_legacy" },
+			exposes: {
+				"./": "./index.ts",
+				"./package.json": "./package.json",
+				"./web": "./web/index.tsx",
+			},
+			shared: {
+				"@clusterio/lib": { import: false },
+				"@clusterio/web_ui": { import: false },
+			},
+		}),
+	],
+});
diff --git a/exp_server_ups/tsconfig.json b/exp_server_ups/tsconfig.json
@@ -1,6 +1,7 @@
 {
 	"files": [],
 	"references": [
-		{ "path": "./tsconfig.node.json" }
+		{ "path": "./tsconfig.node.json" },
+		{ "path": "./tsconfig.browser.json" }
 	]
 }
diff --git a/exp_util/package.json b/exp_util/package.json
@@ -7,7 +7,7 @@
 	"repository": "explosivegaming/ExpCluster",
 	"main": "dist/node/index.js",
 	"scripts": {
-		"prepare": "tsc --build"
+		"prepare": "tsc --build && webpack-cli --env production"
 	},
 	"engines": {
 		"node": ">=18"
@@ -18,7 +18,10 @@
 	"devDependencies": {
 		"@clusterio/lib": "catalog:",
 		"@types/node": "catalog:",
-		"typescript": "catalog:"
+		"typescript": "catalog:",
+		"webpack": "catalog:",
+		"webpack-cli": "catalog:",
+		"webpack-merge": "catalog:"
 	},
 	"dependencies": {
 		"@sinclair/typebox": "catalog:"
diff --git a/exp_util/tsconfig.browser.json b/exp_util/tsconfig.browser.json
@@ -0,0 +1,4 @@
+{
+	"extends": "../tsconfig.browser.json",
+	"include": [ "web/**/*.tsx", "web/**/*.ts", "package.json" ],
+}
diff --git a/exp_util/tsconfig.json b/exp_util/tsconfig.json
@@ -1,6 +1,7 @@
 {
 	"files": [],
 	"references": [
-		{ "path": "./tsconfig.node.json" }
+		{ "path": "./tsconfig.node.json" },
+		{ "path": "./tsconfig.browser.json" }
 	]
 }
diff --git a/exp_util/web/index.tsx b/exp_util/web/index.tsx
diff --git a/exp_util/webpack.config.js b/exp_util/webpack.config.js
@@ -0,0 +1,29 @@
+"use strict";
+const path = require("path");
+const webpack = require("webpack");
+const { merge } = require("webpack-merge");
+
+const common = require("@clusterio/web_ui/webpack.common");
+
+module.exports = (env = {}) => merge(common(env), {
+	context: __dirname,
+	entry: "./web/index.tsx",
+	output: {
+		path: path.resolve(__dirname, "dist", "web"),
+	},
+	plugins: [
+		new webpack.container.ModuleFederationPlugin({
+			name: "exp_util",
+			library: { type: "window", name: "plugin_exp_util" },
+			exposes: {
+				"./": "./index.ts",
+				"./package.json": "./package.json",
+				"./web": "./web/index.tsx",
+			},
+			shared: {
+				"@clusterio/lib": { import: false },
+				"@clusterio/web_ui": { import: false },
+			},
+		}),
+	],
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +{
 +	"extends": "../tsconfig.browser.json",
 +	"include": [ "web/**/*.tsx", "web/**/*.ts", "package.json" ],
 +}
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"files": [],`
`3`	`3`	`"references": [`
`4`		`- { "path": "./tsconfig.node.json" }`
	`4`	`+ { "path": "./tsconfig.node.json" },`
	`5`	`+ { "path": "./tsconfig.browser.json" }`
`5`	`6`	`]`
`6`	`7`	`}`