Improve mod developing so mods are directly ready to be deployed, load mods from local file server

gulp/gulpfile.js

@@ -146,7 +146,7 @@ gulp.task("main.webserver", () => {
  */
 function serve({ version = "web" }) {
     browserSync.init({
-        server: buildFolder,
+        server: [buildFolder, path.join(baseDir, "src", "js")],
         port: 3005,
         ghostMode: {
             clicks: false,

gulp/webpack.config.js

@@ -71,6 +71,7 @@ module.exports = ({ watch = false, standalone = false, chineseVersion = false, w
                     type: "javascript/auto",
                 },
                 { test: /\.(png|jpe?g|svg)$/, loader: "ignore-loader" },
+                { test: /\.nobuild/, loader: "ignore-loader" },
                 {
                     test: /\.md$/,
                     use: [

gulp/webpack.production.config.js

@@ -177,6 +177,7 @@ module.exports = ({
                     type: "javascript/auto",
                 },
                 { test: /\.(png|jpe?g|svg)$/, loader: "ignore-loader" },
+                { test: /\.nobuild/, loader: "ignore-loader" },
                 {
                     test: /\.js$/,
                     enforce: "pre",

src/js/mods/mod_interface.js

@@ -1,5 +1,6 @@
 /* typehints:start */
 import { ModLoader } from "./modloader";
+import { Component } from "../game/component";
 import { MetaBuilding } from "../game/meta_building";
 /* typehints:end */
 
@@ -16,7 +17,7 @@ import { Loader } from "../core/loader";
 import { LANGUAGES } from "../languages";
 import { matchDataRecursive, T } from "../translations";
 import { gBuildingVariants, registerBuildingVariant } from "../game/building_codes";
-import { gMetaBuildingRegistry } from "../core/global_registries";
+import { gComponentRegistry, gMetaBuildingRegistry } from "../core/global_registries";
 import { MODS_ADDITIONAL_SHAPE_MAP_WEIGHTS } from "../game/map_chunk";
 
 const LOG = createLogger("mod-interface");
@@ -106,6 +107,14 @@ export class ModInterface {
         }
     }
 
+    /**
+     *
+     * @param {typeof Component} component
+     */
+    registerComponent(component) {
+        gComponentRegistry.register(component);
+    }
+
     /**
      *
      * @param {object} param0

src/js/mods/modloader.js

@@ -41,8 +41,12 @@ export class ModLoader {
                 if (G_IS_STANDALONE) {
                     mods = await getIPCRenderer().invoke("get-mods");
                 } else if (G_IS_DEV && globalConfig.debug.loadDevMod) {
-                    // @ts-expect-error
+                    const mod = await (
-                    mods = [require("!!raw-loader!./dev_mod")];
+                        await fetch("http://localhost:3005/mods/demo_mod.nobuild/index.js", {
+                            method: "GET",
+                        })
+                    ).text();
+                    mods.push(mod);
                 }
 
                 mods.forEach(modCode => {