chore: unified TS setup (#831)

* chore: update Podfile locks

* fix: add description to reset cache option

* chore: use nodenext module resolution everywhere

* chore: ugprade to TS 5.7.2

* chore: add extensions to dev-server

* chore: add extensions to repack

* chore: use tsc to build dev-server

* chore: use ts extensions in init

* chore: use ts extensions in plugin-reanimated

* chore: make all packages ESM

* chore: move favicon to root

* chore: make reanimated plugin cjs

* fix: alignments

* fix: use js extensions in repack

* fix: use js extensions in plugin reanimated

* fix: use js extensions in init

* fix: use js extensions in dev-server

* chore: remove ts extension rule from tsconfigs

* fix: cjs compat files alignment

* chore: base tsconfig

* fix: commands typings

* chore: align biome, add extension to import suggestions

.vscode/settings.json

@@ -6,6 +6,8 @@
     "package.json": "json",
     "*.json": "jsonc"
   },
+  "javascript.preferences.importModuleSpecifierEnding": "js",
+  "typescript.preferences.importModuleSpecifierEnding": "js",
   "editor.codeActionsOnSave": {
     "source.organizeImports.biome": "explicit"
   },
@@ -41,5 +43,6 @@
   "[typescriptreact]": {
     "editor.formatOnSave": true,
     "editor.defaultFormatter": "biomejs.biome"
-  }
+  },
+  "typescript.tsdk": "node_modules/typescript/lib"
 }

apps/tester-app/ios/Podfile.lock

@@ -1533,7 +1533,7 @@ PODS:
     - React-logger (= 0.76.3)
     - React-perflogger (= 0.76.3)
     - React-utils (= 0.76.3)
-  - ReactNativeHost (0.5.0):
+  - ReactNativeHost (0.5.2):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -1556,7 +1556,7 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
-  - ReactTestApp-DevSupport (4.0.4):
+  - ReactTestApp-DevSupport (4.0.7):
     - React-Core
     - React-jsi
   - ReactTestApp-Resources (1.0.0-dev)
@@ -1783,7 +1783,7 @@ DEPENDENCIES:
   - React-utils (from `../node_modules/react-native/ReactCommon/react/utils`)
   - ReactCodegen (from `build/generated/ios`)
   - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`)
-  - "ReactNativeHost (from `../../../node_modules/.pnpm/[email protected].4_react[email protected]_@[email protected]_@[email protected]_@_5qr4uzjupfedleyuhhntdk3ovq/node_modules/@rnx-kit/react-native-host`)"
+  - "ReactNativeHost (from `../../../node_modules/.pnpm/[email protected].7_react[email protected]_@[email protected]_@[email protected]_@_kcvmkmgigxx2fblhu2xcq3h4qu/node_modules/@rnx-kit/react-native-host`)"
   - ReactTestApp-DevSupport (from `../node_modules/react-native-test-app`)
   - ReactTestApp-Resources (from `..`)
   - "RNCAsyncStorage (from `../node_modules/@react-native-async-storage/async-storage`)"
@@ -1926,7 +1926,7 @@ EXTERNAL SOURCES:
   ReactCommon:
     :path: "../node_modules/react-native/ReactCommon"
   ReactNativeHost:
-    :path: "../../../node_modules/.pnpm/[email protected].4_react[email protected]_@[email protected]_@[email protected]_@_5qr4uzjupfedleyuhhntdk3ovq/node_modules/@rnx-kit/react-native-host"
+    :path: "../../../node_modules/.pnpm/[email protected].7_react[email protected]_@[email protected]_@[email protected]_@_kcvmkmgigxx2fblhu2xcq3h4qu/node_modules/@rnx-kit/react-native-host"
   ReactTestApp-DevSupport:
     :path: "../node_modules/react-native-test-app"
   ReactTestApp-Resources:
@@ -2005,8 +2005,8 @@ SPEC CHECKSUMS:
   React-utils: 2bcaf4f4dfe361344bce2fae428603d518488630
   ReactCodegen: ae99a130606068ed40d1d9c0d5f25fda142a0647
   ReactCommon: 89c87b343deacc8610b099ac764848f0ce937e3e
-  ReactNativeHost: a27bb5af1c4d73dd3e80cc7ce295407f414e0e8c
-  ReactTestApp-DevSupport: aa137b52b223ebecf49fd5569290759a6d0b5590
+  ReactNativeHost: 40da1d9878e16dd3b647d4c31e5afeb0ed84683d
+  ReactTestApp-DevSupport: 4aa6f6bc658a2577bcf896c63c411cb375b89d7d
   ReactTestApp-Resources: 8d72c3deef156833760694a288ff334af4d427d7
   RNCAsyncStorage: 3ad840f7b17b45ca7ebbbb0e80948564a9513315
   RNReanimated: 1f9ef2dc2001866fe8da3f3ac78d683252e8872f

apps/tester-app/package.json

@@ -45,7 +45,7 @@
     "http-server": "^14.1.1",
     "react-native-test-app": "^4.0.7",
     "terser-webpack-plugin": "^5.3.10",
-    "typescript": "^5.5.3",
+    "typescript": "^5.7.2",
     "vitest": "^2.0.5",
     "webpack": "^5.94.0"
   }

apps/tester-federation-v2/ios/Podfile.lock

@@ -1599,7 +1599,7 @@ PODS:
     - React-logger (= 0.76.3)
     - React-perflogger (= 0.76.3)
     - React-utils (= 0.76.3)
-  - ReactNativeHost (0.5.0):
+  - ReactNativeHost (0.5.2):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -1622,7 +1622,7 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
-  - ReactTestApp-DevSupport (4.0.4):
+  - ReactTestApp-DevSupport (4.0.7):
     - React-Core
     - React-jsi
   - RNScreens (3.35.0):
@@ -1743,7 +1743,7 @@ DEPENDENCIES:
   - React-utils (from `../node_modules/react-native/ReactCommon/react/utils`)
   - ReactCodegen (from `build/generated/ios`)
   - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`)
-  - "ReactNativeHost (from `../../../node_modules/.pnpm/[email protected].4_react[email protected]_@[email protected]_@[email protected]_@_5qr4uzjupfedleyuhhntdk3ovq/node_modules/@rnx-kit/react-native-host`)"
+  - "ReactNativeHost (from `../../../node_modules/.pnpm/[email protected].7_react[email protected]_@[email protected]_@[email protected]_@_kcvmkmgigxx2fblhu2xcq3h4qu/node_modules/@rnx-kit/react-native-host`)"
   - ReactTestApp-DevSupport (from `../node_modules/react-native-test-app`)
   - RNScreens (from `../node_modules/react-native-screens`)
   - Yoga (from `../node_modules/react-native/ReactCommon/yoga`)
@@ -1885,7 +1885,7 @@ EXTERNAL SOURCES:
   ReactCommon:
     :path: "../node_modules/react-native/ReactCommon"
   ReactNativeHost:
-    :path: "../../../node_modules/.pnpm/[email protected].4_react[email protected]_@[email protected]_@[email protected]_@_5qr4uzjupfedleyuhhntdk3ovq/node_modules/@rnx-kit/react-native-host"
+    :path: "../../../node_modules/.pnpm/[email protected].7_react[email protected]_@[email protected]_@[email protected]_@_kcvmkmgigxx2fblhu2xcq3h4qu/node_modules/@rnx-kit/react-native-host"
   ReactTestApp-DevSupport:
     :path: "../node_modules/react-native-test-app"
   RNScreens:
@@ -1959,8 +1959,8 @@ SPEC CHECKSUMS:
   React-utils: 2bcaf4f4dfe361344bce2fae428603d518488630
   ReactCodegen: ae99a130606068ed40d1d9c0d5f25fda142a0647
   ReactCommon: 89c87b343deacc8610b099ac764848f0ce937e3e
-  ReactNativeHost: 3aa90998ab38ddbcfd0075b88d1062d1488cf749
-  ReactTestApp-DevSupport: aa137b52b223ebecf49fd5569290759a6d0b5590
+  ReactNativeHost: ac28612b0443705f9aa90563ffb9647f5608613c
+  ReactTestApp-DevSupport: 4aa6f6bc658a2577bcf896c63c411cb375b89d7d
   RNScreens: e389d6a6a66a4f0d3662924ecae803073ccce8ec
   SocketRocket: d4aabe649be1e368d1318fdf28a022d714d65748
   SwiftyRSA: 8c6dd1ea7db1b8dc4fb517a202f88bb1354bc2c6

apps/tester-federation-v2/package.json

@@ -39,7 +39,7 @@
     "http-server": "^14.1.1",
     "react-native-test-app": "^4.0.7",
     "terser-webpack-plugin": "^5.3.3",
-    "typescript": "^5.5.3",
+    "typescript": "^5.7.2",
     "webpack": "^5.91.0"
   }
 }

apps/tester-federation/ios/Podfile.lock

@@ -1599,7 +1599,7 @@ PODS:
     - React-logger (= 0.76.3)
     - React-perflogger (= 0.76.3)
     - React-utils (= 0.76.3)
-  - ReactNativeHost (0.5.0):
+  - ReactNativeHost (0.5.2):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -1622,7 +1622,7 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
-  - ReactTestApp-DevSupport (4.0.4):
+  - ReactTestApp-DevSupport (4.0.7):
     - React-Core
     - React-jsi
   - RNCAsyncStorage (1.24.0):
@@ -1764,7 +1764,7 @@ DEPENDENCIES:
   - React-utils (from `../node_modules/react-native/ReactCommon/react/utils`)
   - ReactCodegen (from `build/generated/ios`)
   - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`)
-  - "ReactNativeHost (from `../../../node_modules/.pnpm/[email protected].4_react[email protected]_@[email protected]_@[email protected]_@_5qr4uzjupfedleyuhhntdk3ovq/node_modules/@rnx-kit/react-native-host`)"
+  - "ReactNativeHost (from `../../../node_modules/.pnpm/[email protected].7_react[email protected]_@[email protected]_@[email protected]_@_kcvmkmgigxx2fblhu2xcq3h4qu/node_modules/@rnx-kit/react-native-host`)"
   - ReactTestApp-DevSupport (from `../node_modules/react-native-test-app`)
   - "RNCAsyncStorage (from `../node_modules/@react-native-async-storage/async-storage`)"
   - RNScreens (from `../node_modules/react-native-screens`)
@@ -1907,7 +1907,7 @@ EXTERNAL SOURCES:
   ReactCommon:
     :path: "../node_modules/react-native/ReactCommon"
   ReactNativeHost:
-    :path: "../../../node_modules/.pnpm/[email protected].4_react[email protected]_@[email protected]_@[email protected]_@_5qr4uzjupfedleyuhhntdk3ovq/node_modules/@rnx-kit/react-native-host"
+    :path: "../../../node_modules/.pnpm/[email protected].7_react[email protected]_@[email protected]_@[email protected]_@_kcvmkmgigxx2fblhu2xcq3h4qu/node_modules/@rnx-kit/react-native-host"
   ReactTestApp-DevSupport:
     :path: "../node_modules/react-native-test-app"
   RNCAsyncStorage:
@@ -1983,8 +1983,8 @@ SPEC CHECKSUMS:
   React-utils: 2bcaf4f4dfe361344bce2fae428603d518488630
   ReactCodegen: ae99a130606068ed40d1d9c0d5f25fda142a0647
   ReactCommon: 89c87b343deacc8610b099ac764848f0ce937e3e
-  ReactNativeHost: 3aa90998ab38ddbcfd0075b88d1062d1488cf749
-  ReactTestApp-DevSupport: aa137b52b223ebecf49fd5569290759a6d0b5590
+  ReactNativeHost: ac28612b0443705f9aa90563ffb9647f5608613c
+  ReactTestApp-DevSupport: 4aa6f6bc658a2577bcf896c63c411cb375b89d7d
   RNCAsyncStorage: 3ad840f7b17b45ca7ebbbb0e80948564a9513315
   RNScreens: e389d6a6a66a4f0d3662924ecae803073ccce8ec
   SocketRocket: d4aabe649be1e368d1318fdf28a022d714d65748

apps/tester-federation/package.json

@@ -45,6 +45,6 @@
     "globby": "^13.1.2",
     "http-server": "^14.1.1",
     "react-native-test-app": "^4.0.7",
-    "typescript": "^5.5.3"
+    "typescript": "^5.7.2"
   }
 }

biome.jsonc

@@ -75,6 +75,26 @@
     }
   },
   "overrides": [
+    {
+      "include": ["packages/**/*"],
+      "linter": {
+        "rules": {
+          "correctness": {
+            "useImportExtensions": {
+              "level": "error",
+              "options": {
+                "suggestedExtensions": {
+                  "ts": {
+                    "module": "js",
+                    "component": "js"
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    },
     {
       "include": ["**/*.d.ts"],
       "linter": { "rules": { "style": { "noVar": "off" } } }

package.json

@@ -29,7 +29,7 @@
     "husky": "^9.1.6",
     "is-in-ci": "^1.0.0",
     "nx": "19.7.3",
-    "typescript": "^5.5.3"
+    "typescript": "^5.7.2"
   },
   "packageManager": "[email protected]"
 }

packages/dev-server/package.json

@@ -10,7 +10,7 @@
     ".": "./dist/index.js",
     "./package.json": "./package.json"
   },
-  "files": ["dist", "docs", "vendor", "CHANGELOG.md"],
+  "files": ["dist", "static"],
   "homepage": "https://github.com/callstack/repack",
   "repository": "github:callstack/repack",
   "keywords": ["react-native", "repack", "re.pack", "server", "dev-server"],
@@ -23,9 +23,7 @@
     "access": "public"
   },
   "scripts": {
-    "build:js": "babel src --out-dir dist --extensions \".js,.cjs,.ts\" --source-maps --ignore \"**/__tests__/**\" --delete-dir-on-start --copy-files",
-    "build:ts": "tsc --emitDeclarationOnly",
-    "build": "pnpm run \"/^build:.*/\"",
+    "build": "tsc -b",
     "typecheck": "tsc --noEmit",
     "archive": "pnpm build && pnpm pack"
   },
@@ -49,7 +47,7 @@
     "@types/node": "18",
     "@types/ws": "^8.5.3",
     "babel-plugin-add-import-extension": "^1.6.0",
-    "typescript": "^5.5.3"
+    "typescript": "^5.7.2"
   },
   "peerDependencies": {
     "@react-native-community/cli-server-api": ">=13.6.4"

packages/dev-server/src/createServer.ts

@@ -3,14 +3,14 @@ import middie from '@fastify/middie';
 import fastifySensible from '@fastify/sensible';
 import { createDevMiddleware } from '@react-native/dev-middleware';
 import Fastify from 'fastify';
-import apiPlugin from './plugins/api';
-import compilerPlugin from './plugins/compiler';
-import devtoolsPlugin from './plugins/devtools';
-import faviconPlugin from './plugins/favicon';
-import multipartPlugin from './plugins/multipart';
-import symbolicatePlugin from './plugins/symbolicate';
-import wssPlugin from './plugins/wss';
-import { Internal, type Server } from './types';
+import apiPlugin from './plugins/api/apiPlugin.js';
+import compilerPlugin from './plugins/compiler/compilerPlugin.js';
+import devtoolsPlugin from './plugins/devtools/devtoolsPlugin.js';
+import faviconPlugin from './plugins/favicon/faviconPlugin.js';
+import multipartPlugin from './plugins/multipart/multipartPlugin.js';
+import symbolicatePlugin from './plugins/symbolicate/sybmolicatePlugin.js';
+import wssPlugin from './plugins/wss/wssPlugin.js';
+import { Internal, type Server } from './types.js';
 
 /**
  * Create instance of development server, powered by Fastify.

packages/dev-server/src/index.ts

@@ -1,2 +1,2 @@
-export * from './createServer';
-export * from './types';
+export * from './createServer.js';
+export * from './types.js';

packages/dev-server/src/plugins/api/apiPlugin.ts

@@ -1,5 +1,5 @@
 import type { FastifyInstance } from 'fastify';
-import type { Server } from '../../types';
+import type { Server } from '../../types.js';
 
 const paramsSchema = {
   type: 'object',

packages/dev-server/src/plugins/api/index.ts

@@ -1 +1 @@
-export { default } from './apiPlugin';
+export { default } from './apiPlugin.js';

packages/dev-server/src/plugins/compiler/compilerPlugin.ts

@@ -1,7 +1,7 @@
 import type { FastifyInstance } from 'fastify';
 import fastifyPlugin from 'fastify-plugin';
-import type { Server } from '../../types';
-import type { SendProgress } from '../../types';
+import type { Server } from '../../types.js';
+import type { SendProgress } from '../../types.js';
 
 async function compilerPlugin(
   instance: FastifyInstance,

packages/dev-server/src/plugins/compiler/index.ts

@@ -1,2 +1,2 @@
-export { default } from './compilerPlugin';
-export * from './types';
+export { default } from './compilerPlugin.js';
+export * from './types.js';

packages/dev-server/src/plugins/compiler/types.ts

@@ -1,4 +1,4 @@
-import type { SendProgress } from '../../types';
+import type { SendProgress } from '../../types.js';
 
 /**
  * Delegate with implementation for compiler-specific functions.

packages/dev-server/src/plugins/devtools/devtoolsPlugin.ts

@@ -4,7 +4,7 @@ import {
 } from '@react-native-community/cli-server-api';
 import type { FastifyInstance } from 'fastify';
 import fastifyPlugin from 'fastify-plugin';
-import type { Server } from '../../types';
+import type { Server } from '../../types.js';
 
 async function devtoolsPlugin(
   instance: FastifyInstance,

packages/dev-server/src/plugins/devtools/index.ts

@@ -1 +1 @@
-export { default } from './devtoolsPlugin';
+export { default } from './devtoolsPlugin.js';

packages/dev-server/src/plugins/favicon/faviconPlugin.ts

@@ -6,7 +6,7 @@ import fastifyPlugin from 'fastify-plugin';
 
 // @ts-ignore
 const dirname = path.dirname(fileURLToPath(import.meta.url));
-const pathToImgDir = path.join(dirname, '../../img');
+const pathToImgDir = path.join(dirname, '../../../static');
 
 async function faviconPlugin(instance: FastifyInstance) {
   instance.register(fastifyFavicon, { path: pathToImgDir });

packages/dev-server/src/plugins/favicon/index.ts

@@ -1 +1 @@
-export { default } from './faviconPlugin';
+export { default } from './faviconPlugin.js';

packages/dev-server/src/plugins/multipart/index.ts

@@ -1,2 +1,2 @@
-export { default } from './multipartPlugin';
-export * from './types';
+export { default } from './multipartPlugin.js';
+export * from './types.js';

packages/dev-server/src/plugins/multipart/multipartPlugin.ts

@@ -2,7 +2,7 @@ import type { IncomingHttpHeaders } from 'node:http';
 import { PassThrough } from 'node:stream';
 import type { FastifyInstance, FastifyReply } from 'fastify';
 import fastifyPlugin from 'fastify-plugin';
-import type { MultipartHandler } from './types';
+import type { MultipartHandler } from './types.js';
 
 /**
  * Implementation is based on:

packages/dev-server/src/plugins/symbolicate/Symbolicator.ts

@@ -9,7 +9,7 @@ import type {
   StackFrame,
   SymbolicatorDelegate,
   SymbolicatorResults,
-} from './types';
+} from './types.js';
 
 /**
  * Class for transforming stack traces from React Native application with using Source Map.

packages/dev-server/src/plugins/symbolicate/index.ts

@@ -1,3 +1,3 @@
-export { default } from './sybmolicatePlugin';
-export * from './Symbolicator';
-export * from './types';
+export { default } from './sybmolicatePlugin.js';
+export * from './Symbolicator.js';
+export * from './types.js';

packages/dev-server/src/plugins/symbolicate/sybmolicatePlugin.ts

@@ -1,8 +1,8 @@
 import type { FastifyInstance } from 'fastify';
 import fastifyPlugin from 'fastify-plugin';
-import type { Server } from '../../types';
-import { Symbolicator } from './Symbolicator';
-import type { ReactNativeStackFrame } from './types';
+import type { Server } from '../../types.js';
+import { Symbolicator } from './Symbolicator.js';
+import type { ReactNativeStackFrame } from './types.js';
 
 async function symbolicatePlugin(
   instance: FastifyInstance,

packages/dev-server/src/plugins/wss/WebSocketRouter.ts

@@ -1,7 +1,7 @@
 import type { IncomingMessage } from 'node:http';
 import type { Socket } from 'node:net';
 import type { FastifyInstance } from 'fastify';
-import type { WebSocketServerInterface } from './types';
+import type { WebSocketServerInterface } from './types.js';
 
 /**
  * Class for creating a WebSocket router to forward connections to the