Fix ESM imports

src/components/forms.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { PageProps } from '../types';
+import { PageProps } from '../types.js';
 import { TemplatedLinks } from './forms/templated-links.js';
 import { ActionForm } from './forms/ketting-action.js';
 import { ButtonForm } from './forms/ketting-action-button.js';

src/components/hal-body.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { PageProps, JsonSchema } from '../types.js';
 
-import JsonViewer from './json-viewer';
+import JsonViewer from './json-viewer.js';
 
 export function HalBody(props: PageProps) {
 

src/components/links-table.tsx

@@ -3,12 +3,12 @@ import { Link } from 'ketting';
 import { PageProps } from '../types.js';
 
 // List of links from the IANA website, auto generated
-import * as ianaLinks from '../data/iana-links.json' with { type: 'json' };
+import ianaLinks from '../data/iana-links.json';
 // List of links from this project, overrides some IANA links with better
 // descriptions
-import * as editorLinks from '../data/editor-links.json' with { type: 'json' };
+import editorLinks from '../data/editor-links.json';
 //List of links from the Level 3 REST (https://level3.rest) specification.
-import * as level3RestLinks from '../data/level3-rest-links.json' with { type: 'json' };
+import level3RestLinks from '../data/level3-rest-links.json';
 
 type LinkDescriptions = Record<string, {href: string; description: string}>;
 

src/components/markdown-body.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import hljs from 'highlight.js';
-import * as md from 'markdown-it';
+import md from 'markdown-it';
 import { PageProps } from '../types.js';
 
 export function MarkdownBody(props: PageProps) {

src/html-index.tsx

@@ -1,5 +1,5 @@
 import { Context } from '@curveball/kernel';
-import { Options, JsonSchema } from './types';
+import { Options, JsonSchema } from './types.js';
 import * as ReactDOMServer from 'react-dom/server';
 import * as React from 'react';
 

src/index.ts

@@ -105,7 +105,7 @@ const defaultNavigationLinks: NavigationLinkMap = {
   'search': true,
 };
 
-export { Options } from './types';
+export { Options } from './types.js';
 
 export default function browser(options?: Partial<Options>): Middleware {
 

tsconfig.json

@@ -19,7 +19,9 @@
           "DOM",
           "ES2022"
         ],
-        "declaration": true
+        "declaration": true,
+        "jsx": "react",
+        "resolveJsonModule": true
     },
     "include": [
         "src/**/*"