Reduced build size

packaging/build.mjs

@@ -27,6 +27,23 @@ await packContractsAndChallenges()
 
 const { version, revisionIdent } = require("../package.json")
 
+const jsonAsCompressedTextPlugin = {
+    name: "jsonAsCompressedTextPlugin",
+
+    setup(build) {
+        let fs = require("fs")
+
+        build.onLoad({ filter: /\.json$/ }, async (args) => {
+            const text = await fs.promises.readFile(args.path)
+
+            return {
+                contents: JSON.stringify(JSON.parse(text)),
+                loader: "text",
+            }
+        })
+    },
+}
+
 await e.build({
     entryPoints: ["components/index.ts"],
     bundle: true,
@@ -59,6 +76,7 @@ await e.build({
     },
     sourcemap: "external",
     plugins: [
+        jsonAsCompressedTextPlugin,
         esbuildPluginLicense({
             thirdParty: {
                 output: {
@@ -67,7 +85,4 @@ await e.build({
             },
         }),
     ],
-    loader: {
-        ".json": "text"
-    }
 })

packaging/devLoader.mjs

@@ -19,7 +19,7 @@
 import picocolors from "picocolors"
 import { packContractsAndChallenges } from "./buildTasks.mjs"
 import { createRequire, Module } from "module"
-import { readFileSync }from "fs"
+import { readFileSync } from "fs"
 
 // this `require` instance will be hijacked by `esbuild-register` so we can load
 // TS files as if they were JS in a CommonJS environment
@@ -49,7 +49,7 @@ register()
 
 const resolveTextFile = function (module, path) {
     const content = readFileSync(path).toString()
-    
+
     module.exports = content
 }