Merge pull request #370 from mobu-of-the-world/update-tsconfig

Update tsconfig with last tsconfig/base and node20 era

package.json

@@ -4,6 +4,7 @@
   "version": "0.0.1",
   "description": "mobu timer",
   "main": "index.js",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -24,6 +25,8 @@
   "author": "Kenichi Kamiya <kachick1@gmail.com>",
   "license": "MIT",
   "devDependencies": {
+    "@tsconfig/node20": "^1.0.2",
+    "@tsconfig/strictest": "^2.0.1",
     "@typescript-eslint/eslint-plugin": "^6.0.0",
     "@typescript-eslint/parser": "^6.0.0",
     "elm-format": "^0.8.7",

src/Main.elm.d.ts

@@ -1,40 +1,42 @@
-export namespace Elm {
-  namespace Main {
-    interface App {
-      ports: Ports;
-    }
+declare module '*.elm' {
+  export namespace Elm {
+    namespace Main {
+      interface App {
+        ports: Ports;
+      }
 
-    interface Args {
-      node: HTMLElement;
-      flags: Flags;
-    }
+      interface Args {
+        node: HTMLElement;
+        flags: Flags;
+      }
 
-    interface Flags {
-      persisted: unknown;
-      gitRef: string;
-    }
+      interface Flags {
+        persisted: unknown;
+        gitRef: string;
+      }
 
-    interface Ports {
-      setStorage: Subscribe<object>;
-      playSound: Subscribe<string>;
-      notify: Subscribe<string>;
-    }
+      interface Ports {
+        setStorage: Subscribe<object>;
+        playSound: Subscribe<string>;
+        notify: Subscribe<string>;
+      }
 
-    interface Subscribe<T> {
-      subscribe(callback: (value: T) => void): void;
-    }
+      interface Subscribe<T> {
+        subscribe(callback: (value: T) => void): void;
+      }
 
-    interface Send<T> {
-      send(value: T): void;
-    }
+      interface Send<T> {
+        send(value: T): void;
+      }
 
-    interface KeyEvent {
-      sequence: string;
-      ctrl: boolean;
-      meta: boolean;
-      shift: boolean;
-    }
+      interface KeyEvent {
+        sequence: string;
+        ctrl: boolean;
+        meta: boolean;
+        shift: boolean;
+      }
 
-    function init(args: Args): App;
+      function init(args: Args): App;
+    }
   }
 }

tsconfig.json

@@ -1,9 +1,8 @@
 {
-  // TODO: Use tsconfig/base after all tools support tsconfig.extends array
-  "extends": "./tsconfig.base.json",
+  "extends": ["@tsconfig/strictest/tsconfig", "@tsconfig/node20/tsconfig"],
   "compilerOptions": {
-    "lib": ["ESNext", "DOM"],
+    "lib": ["dom", "dom.iterable"],
     "noEmit": true
   },
-  "include": ["./src", "*.config*.ts"]
+  "include": ["./src/*.ts", "*.config*.ts"]
 }

vite.config.ts

@@ -1,5 +1,5 @@
 import { defineConfig, loadEnv } from 'vite';
-import elmPlugin from 'vite-plugin-elm';
+import { plugin } from 'vite-plugin-elm';
 import { execSync } from 'child_process';
 
 export default defineConfig(({ mode }) => {
@@ -11,7 +11,7 @@ export default defineConfig(({ mode }) => {
   );
 
   return {
-    plugins: [elmPlugin()],
+    plugins: [plugin()],
     define: {
       APP_COMMIT_REF: JSON.stringify(shortRef),
     },