Work around missing __dirname in modules

frontend/package.json

@@ -44,9 +44,9 @@
     "build": "npx tsc --noEmit && vite build",
     "preview": "vite preview",
     "typecheck": "tsc --noEmit",
-    "generate-licenses": "node scripts/generate-licenses.js",
-    "generate-icons": "node scripts/generate-icons.js",
-    "generate-icons:verbose": "node scripts/generate-icons.js --verbose",
+    "generate-licenses": "node scripts/generate-licenses.mjs",
+    "generate-icons": "node scripts/generate-icons.mjs",
+    "generate-icons:verbose": "node scripts/generate-icons.mjs --verbose",
     "test": "vitest",
     "test:watch": "vitest --watch",
     "test:coverage": "vitest --coverage",

frontend/scripts/generate-icons.mjs

@@ -2,7 +2,11 @@
 
 import { icons } from '@iconify-json/material-symbols';
 import fs from 'fs';
-import path from 'path';
+import { fileURLToPath } from 'url';
+import path, { dirname } from 'path';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
 
 // Check for verbose flag
 const isVerbose = process.argv.includes('--verbose') || process.argv.includes('-v');
@@ -155,7 +159,7 @@ async function main() {
 
   // Generate TypeScript types
   const typesContent = `// Auto-generated icon types
-// This file is automatically generated by scripts/generate-icons.js
+// This file is automatically generated by scripts/generate-icons.mjs
 // Do not edit manually - changes will be overwritten
 
 export type MaterialSymbolIcon = ${usedIcons.map(icon => `'${icon}'`).join(' | ')};

frontend/scripts/generate-licenses.mjs

@@ -2,7 +2,11 @@
 
 import { execSync } from 'child_process';
 import fs from 'fs';
-import path from 'path';
+import { fileURLToPath } from 'url';
+import path, { dirname } from 'path';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
 
 /**
  * Generate 3rd party licenses for frontend dependencies