Try something radical

Author: CubesterYT

package.json

@@ -4,7 +4,7 @@
   "description": "NitroBolt Experiments",
   "scripts": {
     "start": "rspack serve --config rspack.config.cjs",
-    "build": "rspack build --config rspack.config.cjs",
+    "build": "rspack build --config rspack.config.cjs && node scripts/copy-static-subfolders.cjs",
     "preview": "rspack serve --config rspack.config.cjs --mode production",
     "format": "prettier . --write"
   },

rspack.config.cjs

@@ -48,14 +48,6 @@ module.exports = {
     new rspack.HtmlRspackPlugin({
       template: path.resolve(__dirname, "static/index.html"),
     }),
-    new rspack.CopyRspackPlugin({
-      patterns: [
-        {
-          from: path.resolve(__dirname, "static/favicon.ico"),
-          to: "favicon.ico",
-        },
-      ],
-    }),
   ],
   devServer: {
     port: 2142,

scripts/copy-static-subfolders.cjs

@@ -0,0 +1,42 @@
+const fs = require("fs");
+const path = require("path");
+
+const rootDir = path.resolve(__dirname, "..");
+const staticDir = path.resolve(rootDir, "static");
+const buildDir = path.resolve(rootDir, "build");
+
+const ensureDirectory = (dirPath) => {
+  fs.mkdirSync(dirPath, { recursive: true });
+};
+
+const copyRecursive = (sourcePath, destinationPath) => {
+  const stat = fs.statSync(sourcePath);
+
+  if (stat.isDirectory()) {
+    ensureDirectory(destinationPath);
+    for (const entry of fs.readdirSync(sourcePath)) {
+      copyRecursive(
+        path.resolve(sourcePath, entry),
+        path.resolve(destinationPath, entry)
+      );
+    }
+    return;
+  }
+
+  ensureDirectory(path.dirname(destinationPath));
+  fs.copyFileSync(sourcePath, destinationPath);
+};
+
+if (!fs.existsSync(staticDir) || !fs.existsSync(buildDir)) {
+  process.exit(0);
+}
+
+for (const entry of fs.readdirSync(staticDir)) {
+  if (entry === "index.html") {
+    continue;
+  }
+
+  const sourcePath = path.resolve(staticDir, entry);
+  const destinationPath = path.resolve(buildDir, entry);
+  copyRecursive(sourcePath, destinationPath);
+}

src/components/experiment-card/experiment-card.jsx

@@ -1,7 +1,7 @@
 import "./experiment-card.css";
 
 const ExperimentCard = ({ path, name, description, status }) => {
-  const href = path ? `/${path}` : "#";
+  const href = path ? `/${path}/` : "#";
   const statusClass = status.toLowerCase().replace(/\s+/g, "-");
 
   return (