convert codebase to ESM & add build watch support

.eslintrc

@@ -15,6 +15,10 @@
     "simple-import-sort/exports": "error",
     "import/first": "error",
     "import/newline-after-import": "error",
+    "@typescript-eslint/consistent-type-imports": [
+      "error",
+      { "prefer": "type-imports" }
+    ],
     "@typescript-eslint/no-var-requires": "off",
     "@typescript-eslint/no-explicit-any": "off",
     "@typescript-eslint/no-non-null-assertion": "off",

.npmrc

@@ -0,0 +1,6 @@
+auto-install-peers=true
+# ensure postinstall scripts from dependencies like better-sqlite3 are run
+ignore-scripts=false
+enable-pre-post-scripts=true
+# pre/postscripts don't run when package has been installe to store. This ensures it always runs
+side-effects-cache=false

.vscode/settings.json

@@ -12,6 +12,8 @@
   ],
   "typescript.tsdk": "node_modules/typescript/lib",
   "typescript.enablePromptUseWorkspaceTsdk": true,
+  // automatically append .js to local imports
+  "typescript.preferences.importModuleSpecifierEnding": "js",
   "search.exclude": {
     "node_modules": true,
     "pnpm-lock.yaml": true,

benchmarks/package.json

@@ -1,6 +1,7 @@
 {
   "name": "ponder-benchmarks",
   "private": true,
+  "type": "module",
   "scripts": {
     "bench": "export $(grep -v '^#' .env.local | xargs) && docker-compose up --detach && tsup-node && (node dist/bench.mjs || true) && docker-compose down",
     "bench:ci": "tsup-node && node dist/bench.mjs"
@@ -9,11 +10,11 @@
     "@graphprotocol/graph-cli": "^0.51.1",
     "@graphprotocol/graph-ts": "^0.31.0",
     "@ponder/core": "workspace:latest",
-    "@types/node": "^18.16.18",
+    "@types/node": "^20.8.2",
     "execa": "^5.1.1",
     "parse-prometheus-text-format": "^1.1.1",
     "tsup": "^7.0.0",
-    "typescript": "^5.1.3",
+    "typescript": "^5.2.2",
     "viem": "0.3.50"
   }
 }

docs/pages/api/telemetry/index.ts

@@ -1,5 +1,6 @@
-import { Analytics, TrackParams } from "@segment/analytics-node";
-import { NextApiRequest, NextApiResponse } from "next";
+import type { TrackParams } from "@segment/analytics-node";
+import { Analytics } from "@segment/analytics-node";
+import type { NextApiRequest, NextApiResponse } from "next";
 
 if (!process.env.SEGMENT_WRITE_KEY) {
   throw new Error('Missing required environment variable "SEGMENT_WRITE_KEY".');

examples/art-gobblers/package.json

@@ -1,6 +1,7 @@
 {
   "name": "ponder-examples-art-gobblers",
   "private": true,
+  "type": "module",
   "scripts": {
     "dev": "ponder dev",
     "start": "ponder start",
@@ -14,7 +15,7 @@
     "abitype": "^0.8.11",
     "eslint": "^8.43.0",
     "eslint-config-ponder": "workspace:latest",
-    "typescript": "^5.1.3",
+    "typescript": "^5.2.2",
     "viem": "^1.2.6"
   }
 }

examples/ethfs/package.json

@@ -1,6 +1,7 @@
 {
   "name": "ponder-examples-ethfs",
   "private": true,
+  "type": "module",
   "scripts": {
     "dev": "ponder dev",
     "start": "ponder start",
@@ -14,7 +15,7 @@
     "abitype": "^0.8.11",
     "eslint": "^8.43.0",
     "eslint-config-ponder": "workspace:latest",
-    "typescript": "^5.1.3",
+    "typescript": "^5.2.2",
     "viem": "^1.2.6"
   }
 }

examples/ethfs/ponder.config.ts

@@ -1,7 +1,7 @@
 import type { Config } from "@ponder/core";
 
-import FileStoreAbi from "./abis/FileStore.json";
-import FileStoreFrontendAbi from "./abis/FileStoreFrontend.json";
+import FileStoreAbi from "./abis/FileStore.json" assert { type: "json" };
+import FileStoreFrontendAbi from "./abis/FileStoreFrontend.json" assert { type: "json" };
 
 export const config: Config = {
   networks: [

examples/ethfs/src/FileStore.ts

@@ -1,4 +1,5 @@
-import { fromHex, Hex } from "viem";
+import type { Hex } from "viem";
+import { fromHex } from "viem";
 
 import { ponder } from "@/generated";
 

examples/ethfs/tsconfig.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "target": "ESNext",
     "module": "ESNext",
-    "moduleResolution": "node",
+    "moduleResolution": "Bundler",
     "resolveJsonModule": true,
     "esModuleInterop": true,
     "strict": true,

examples/friendtech/package.json

@@ -1,6 +1,7 @@
 {
   "name": "ponder-examples-friendtech",
   "private": true,
+  "type": "module",
   "scripts": {
     "dev": "ponder dev",
     "start": "ponder start",
@@ -10,9 +11,9 @@
     "@ponder/core": "workspace:latest"
   },
   "devDependencies": {
-    "@types/node": "^18.11.18",
+    "@types/node": "^20.8.2",
     "abitype": "^0.8.11",
-    "typescript": "^5.1.3",
+    "typescript": "^5.2.2",
     "viem": "^1.2.6"
   }
 }

examples/token-erc20/package.json

@@ -1,6 +1,7 @@
 {
   "name": "ponder-examples-token-erc20",
   "private": true,
+  "type": "module",
   "scripts": {
     "dev": "ponder dev",
     "start": "ponder start",
@@ -14,7 +15,7 @@
     "abitype": "^0.8.11",
     "eslint": "^8.43.0",
     "eslint-config-ponder": "workspace:latest",
-    "typescript": "^5.1.3",
+    "typescript": "^5.2.2",
     "viem": "^1.2.6"
   }
 }

examples/token-erc721/package.json

@@ -1,6 +1,7 @@
 {
   "name": "ponder-examples-token-erc721",
   "private": true,
+  "type": "module",
   "scripts": {
     "dev": "ponder dev",
     "start": "ponder start",
@@ -14,7 +15,7 @@
     "abitype": "^0.8.11",
     "eslint": "^8.43.0",
     "eslint-config-ponder": "workspace:latest",
-    "typescript": "^5.1.3",
+    "typescript": "^5.2.2",
     "viem": "^1.2.6"
   }
 }

examples/token-reth/package.json

@@ -1,6 +1,7 @@
 {
   "name": "ponder-examples-token-reth",
   "private": true,
+  "type": "module",
   "scripts": {
     "dev": "ponder dev",
     "start": "ponder start",
@@ -14,7 +15,7 @@
     "abitype": "^0.8.11",
     "eslint": "^8.43.0",
     "eslint-config-ponder": "workspace:latest",
-    "typescript": "^5.1.3",
+    "typescript": "^5.2.2",
     "viem": "^1.2.6"
   }
 }