adjust to moduleResolution:NodeNext

src/api/clone.ts

@@ -1,4 +1,4 @@
-import { SHA256 } from '@/api/toolkit';
+import { SHA256 } from '@/api/toolkit.ts';
 import {
   TAG_EXCEPTION,
   TAG_EXCEPTION_FALLBACK,
@@ -13,7 +13,7 @@ import {
   TAG_SYMBOL,
   TAG_UNDEFINED,
   TAG_UNSERIALIZABLE,
-} from './const';
+} from '@/api/const.ts';
 
 type TInstanceBadgeTag = (id: string) => string;
 type TSymbolBadgeTag = (symbolName: string, symbolId: string) => string;

src/api/diffApi.ts

@@ -1,4 +1,4 @@
-import { hasValue } from './toolkit';
+import { hasValue } from '@/api/toolkit.ts';
 import DiffMatchPatch from 'diff-match-patch';
 import * as jsondiffpatch from 'jsondiffpatch';
 export type { Delta } from 'jsondiffpatch';
@@ -40,7 +40,7 @@ export default {
   },
 
   format(delta: Delta, left: unknown) {
-    return format(delta, left);
+    return format(delta, left) || '';
   },
 
   showUnchanged(show: boolean, el: HTMLElement) {

src/api/proxy.ts

@@ -3,7 +3,7 @@ import {
   ERROR_PORT_CLOSED,
   ERROR_QUOTA_EXCEEDED,
   TAG_EMPTY,
-} from './const';
+} from '@/api/const.ts';
 
 export function proxyMessageGate(
   callbackInprogress: (e: MessageEvent<IProgressMessage>) => void,

src/api/useRuntime.ts

@@ -13,7 +13,7 @@
 import {
   BACKGROUND_SCRIPT_CONNECTION_NAME,
   BACKGROUND_SCRIPT_CONNECTION_INTERVAL,
-} from './const';
+} from '@/api/const.ts';
 
 type TRuntimeListener = (...args: any[]) => void;
 

src/firefox/background-script.ts

@@ -1,6 +1,6 @@
 // background script for firefox's partial(?) MV3 implementation
 
-import { BACKGROUND_SCRIPT_CONNECTION_NAME } from '@/api/const';
+import { BACKGROUND_SCRIPT_CONNECTION_NAME } from '@/api/const.ts';
 
 const ports = new Map<number, browser.runtime.Port>();
 

src/jsdiff-console.ts

@@ -1,4 +1,4 @@
-import { post, nativeClone, customClone } from '@/api/clone';
+import { post, nativeClone, customClone } from '@/api/clone.ts';
 
 const consoleAPI = {
   diff: (...args: unknown[]) => {

src/jsdiff-panel.js

@@ -1,7 +1,7 @@
 import { createApp } from 'vue';
 import Panel from '@/view/panel.vue';
 import { createPinia } from 'pinia';
-import { compareStoreRuntimeService } from '@/stores/compare.store';
+import { compareStoreRuntimeService } from '@/stores/compare.store.ts';
 import 'jsondiffpatch/formatters/styles/html.css';
 
 createApp(Panel)

src/jsdiff-proxy.ts

@@ -2,7 +2,7 @@ import {
   proxyMessageGate,
   proxyInprogressHandler,
   proxyCompareHandler,
-} from '@/api/proxy';
+} from '@/api/proxy.ts';
 
 window.addEventListener(
   'message',

src/stores/compare.store.ts

@@ -1,10 +1,10 @@
-import diffApi from '@/api/diffApi';
-import type { Delta } from '@/api/diffApi';
-import { hasValue } from '@/api/toolkit';
+import diffApi from '@/api/diffApi.ts';
+import type { Delta } from '@/api/diffApi.ts';
+import { hasValue } from '@/api/toolkit.ts';
 import { defineStore } from 'pinia';
 import { markRaw } from 'vue';
-import { useRuntime } from '@/api/useRuntime';
-import { useSearchStore } from './search.store';
+import { useRuntime } from '@/api/useRuntime.ts';
+import { useSearchStore } from '@/stores/search.store.ts';
 
 function defaultCompareState(): ICompareState {
   return {

src/view/panel.vue

@@ -19,12 +19,12 @@
 
 <script setup lang="ts">
 import { watch, onUnmounted, ref, watchEffect } from 'vue';
-import { useCompareStore } from '@/stores/compare.store';
-import { useSearchStore } from '@/stores/search.store';
+import { useCompareStore } from '@/stores/compare.store.ts';
+import { useSearchStore } from '@/stores/search.store.ts';
 import PanelHeader from '@/view/panel.header.vue';
 import PanelEmpty from '@/view/panel.empty.vue';
-import { onColourSchemeChange } from '@/api/onColourSchemeChange';
-import diffApi from '@/api/diffApi';
+import { onColourSchemeChange } from '@/api/onColourSchemeChange.ts';
+import diffApi from '@/api/diffApi.ts';
 
 const compareStore = useCompareStore();
 const searchStore = useSearchStore();

tsconfig.json

@@ -1,16 +1,18 @@
 {
   "compilerOptions": {
-    "target": "ES2022",
     "strict": true,
-    "strictNullChecks": true,
     "noImplicitAny": true,
-    "moduleResolution": "Bundler",
-    "module": "ES2022",
-    "lib": ["ESNext", "DOM"],
+    "strictNullChecks": true,
+    "target": "ES2022",
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "noEmit": true,
+    "allowImportingTsExtensions": true,
     "resolveJsonModule": true,
     "esModuleInterop": true,
-    "typeRoots": ["node_modules/@types", "src/@types"],
+    "lib": ["ESNext", "DOM"],
     "types": ["chrome", "firefox-webext-browser"],
+    "typeRoots": ["node_modules/@types", "src/@types"],
     "baseUrl": ".",
     "paths": {
       "@/*": ["src/*"],