feat: add .js extensions for Node.js ESM compatibility

src/index.ts

@@ -1,2 +1,4 @@
-export * from './render-hook';
-export * from './wait-until';
+// Use .js extensions for Node.js ESM compatibility
+// See: https://www.typescriptlang.org/docs/handbook/modules/guides/choosing-compiler-options.html#im-writing-a-library
+export * from './render-hook.js';
+export * from './wait-until.js';

src/render-hook.ts

@@ -1,7 +1,7 @@
-import { mkResult, type RenderResult } from './result';
-import { mkRenderer } from './renderer';
-import { waitUntil } from './wait-until';
-import type { RenderHookOptions } from './types';
+import { mkResult, type RenderResult } from './result.js';
+import { mkRenderer } from './renderer.js';
+import { waitUntil } from './wait-until.js';
+import type { RenderHookOptions } from './types.js';
 
 const tillNextUpdate =
 	<T>(addResolver: ReturnType<typeof mkResult<T>>['addResolver']) =>

src/renderer.ts

@@ -1,4 +1,4 @@
-import { RendererProps, Wrapper } from './types';
+import { RendererProps, Wrapper } from './types.js';
 import { component } from '@pionjs/pion';
 import { unsafeStatic, html } from 'lit-html/static.js';
 import { render as litRender, TemplateResult } from 'lit-html';

src/result.ts

@@ -1,4 +1,4 @@
-import type { RenderResult } from './types';
+import type { RenderResult } from './types.js';
 
 export type { RenderResult };