Fix loading JSON files when running with npx globally.

Author: evert

Diff for: changelog.md

@@ -5,6 +5,7 @@ Changelog
 ------------------
 
 * Add CSS style for experimental feature
+* Fix an issue with loading JSON files when running as a dependency via npx.
 
 
 1.1.1 (2024-02-01)

Diff for: src/components/links-table.tsx

@@ -2,12 +2,21 @@ import * as React from 'react';
 import { Link } from 'ketting';
 import { PageProps } from '../types.js';
 import { readFileSync } from 'node:fs';
+import { fileURLToPath } from 'node:url';
+import * as path from 'node:path';
 
 type LinkDescriptions = Record<string, {href: string; description: string}>;
 
 function loadLinkData(fileName: string) {
   return JSON.parse(
-    readFileSync(new URL(import.meta.url + '/..').pathname + '../../data/' + fileName + '.json', 'utf-8')
+    readFileSync(
+      path.join(
+        fileURLToPath(new URL(import.meta.url + '/..')),
+        '../../data/',
+        fileName + '.json'
+      ),
+      'utf-8'
+    )
   );
 }