@colyseus/monitor 0.16.2 → 0.16.4

package/build.mjs

@@ -2,6 +2,7 @@ import path from 'path';
 import glob from 'fast-glob';
 import { fileURLToPath } from 'url';
 import ts from "typescript";
+import fs from "fs";
 import esbuild from "esbuild";
 
 // we need to change up how __dirname is used for ES6 purposes
@@ -71,14 +72,36 @@ async function main() {
     sourcemap: "external",
     platform: "node",
     outExtension: { '.js': '.mjs', },
-    plugins: [{
-      name: 'add-mjs',
-      setup(build) {
-        build.onResolve({ filter: /.*/ }, (args) => {
-          if (args.importer) return { path: args.path.replace(/^\.(.*)\.js$/, '.$1.mjs'), external: true }
-        })
+    plugins: [
+      {
+        name: 'add-mjs',
+        setup(build) {
+          build.onResolve({ filter: /.*/ }, (args) => {
+            if (args.importer) return { path: args.path.replace(/^\.(.*)\.js$/, '.$1.mjs'), external: true }
+          })
+        },
       },
-    }]
+      {
+        //
+        // WORKAROUND FOR __dirname usage in ESM
+        // TODO: need to have a better appraoch for ESM + CJS builds...
+        //
+        name: 'dirname',
+        setup(build) {
+          build.onLoad({ filter: /.*/ }, ({ path: filePath }) => {
+            let contents = fs.readFileSync(filePath, "utf8");
+            const loader = path.extname(filePath).substring(1);
+            contents = contents.replace("__dirname", `path.dirname(fileURLToPath(import.meta.url))`)
+            console.log({loader, contents})
+            return {
+              contents,
+              loader,
+            };
+          });
+        }
+
+      }
+    ]
   });
 
   // emit .d.ts files

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colyseus/monitor",
-  "version": "0.16.2",
+  "version": "0.16.4",
   "description": "Web Monitoring Panel for Colyseus",
   "input": "./src/index.ts",
   "main": "./build/index.js",

package/src-backend/index.ts

@@ -1,14 +1,11 @@
 import express from 'express';
 import path from 'path';
-import { fileURLToPath } from 'url';
+import { fileURLToPath } from 'url'; // required for ESM support. (esbuild uses it)
 
 import { getAPI } from './api.js';
 import './ext/Room.js';
 
-// __dirname is not available in ESM
-// @ts-ignore
-const getDirname = () => (typeof __dirname !== 'undefined') ? __dirname : path.dirname(fileURLToPath(import.meta.url));
-const frontendDirectory = path.resolve(getDirname(), "..", "build", "static");
+const frontendDirectory = path.resolve(__dirname, "..", "build", "static");
 
 export interface MonitorOptions {
     columns: Array<