fix browser build

angular.json

@@ -19,12 +19,6 @@
           "options": {
             "browser": "src/main.ts",
             "tsConfig": "tsconfig.app.json",
-            "externalDependencies": [
-              "fs",
-              "path",
-              "crypto",
-              "util"
-            ],
             "assets": [
               {
                 "glob": "**/*",

package.json

@@ -21,6 +21,12 @@
       }
     ]
   },
+  "browser": {
+    "fs": false,
+    "path": false,
+    "crypto": false,
+    "util": false
+  },
   "private": true,
   "packageManager": "npm@11.6.2",
   "dependencies": {

src/shims/node/crypto.ts

+export function randomBytes(length: number): Uint8Array {
+  const bytes = new Uint8Array(length);
+  if (typeof crypto !== 'undefined' && typeof crypto.getRandomValues === 'function') {
+    crypto.getRandomValues(bytes);
+    return bytes;
+  }
+  for (let i = 0; i < length; i += 1) {
+    bytes[i] = Math.floor(Math.random() * 256);
+  }
+  return bytes;
+}

src/shims/node/fs.ts

+export type PathLike = string;
+
+export function existsSync(): boolean {
+  return false;
+}
+
+export function readFileSync(): Uint8Array {
+  throw new Error('fs.readFileSync is not available in the browser.');
+}

src/shims/node/path.ts

+export function dirname(path: string): string {
+  const normalized = path.replace(/\\/g, '/');
+  const idx = normalized.lastIndexOf('/');
+  if (idx <= 0) {
+    return '.';
+  }
+  return normalized.slice(0, idx);
+}
+
+export function join(...parts: string[]): string {
+  return parts
+    .filter((part) => part.length > 0)
+    .join('/')
+    .replace(/\\/g, '/')
+    .replace(/\/+/g, '/');
+}

src/shims/node/util.ts

+export function inspect(value: unknown): string {
+  try {
+    return typeof value === 'string' ? value : JSON.stringify(value);
+  } catch {
+    return String(value);
+  }
+}

tsconfig.json

@@ -13,7 +13,22 @@
     "experimentalDecorators": true,
     "importHelpers": true,
     "target": "ES2022",
-    "module": "preserve"
+    "module": "preserve",
+    "baseUrl": ".",
+    "paths": {
+      "fs": [
+        "src/shims/node/fs.ts"
+      ],
+      "path": [
+        "src/shims/node/path.ts"
+      ],
+      "crypto": [
+        "src/shims/node/crypto.ts"
+      ],
+      "util": [
+        "src/shims/node/util.ts"
+      ]
+    }
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,