chore: opt-in to @typescript/native-preview (#2671)

Author: tido64

.github/workflows/build.yml

@@ -117,7 +117,7 @@ jobs:
             yarn lint:js
             echo "::remove-matcher owner=eslint-stylish::"
           fi
-          yarn tsc
+          yarn tsgo
           yarn test:js
         shell: bash
         working-directory: packages/app

packages/app/example/package.json

@@ -37,7 +37,7 @@
     "@rnx-kit/cli": "^0.18.11",
     "@rnx-kit/metro-config": "^2.2.3",
     "@rnx-kit/polyfills": "^0.2.0",
-    "@rnx-kit/tsconfig": "^2.0.0",
+    "@rnx-kit/tsconfig": "^3.0.0",
     "@types/react": "~19.1.0",
     "@wdio/types": "^9.20.0",
     "appium": "^3.1.1",

packages/app/example/test/specs/wdio.config.mjs

@@ -2,9 +2,6 @@
 import { spawnSync } from "node:child_process";
 import * as fs from "node:fs";
 
-/** @typedef {import("@wdio/types").Capabilities.WebdriverIOConfig["logLevel"]} LogLevel */
-/** @typedef {import("@wdio/types").Options.Testrunner["runner"]} Runner */
-
 function getAvailableSimulators(search = "iPhone") {
   const { error, status, stderr, stdout } = spawnSync(
     "xcrun",
@@ -112,7 +109,7 @@ const findLatestIPhoneSimulator = (() => {
 })();
 
 export const config = {
-  runner: /** @type {Runner} */ ("local"),
+  runner: /** @type {const} */ ("local"),
   port: 4723,
   specs: ["**/*.spec.js"],
   capabilities: (() => {
@@ -150,7 +147,7 @@ export const config = {
         throw new Error(`Unknown platform: ${targetPlatform}`);
     }
   })(),
-  logLevel: /** @type {LogLevel} */ ("info"),
+  logLevel: /** @type {const} */ ("info"),
   waitforTimeout: 60000,
   specFileRetries: 3,
 };

packages/app/example/tsconfig.json

@@ -3,7 +3,7 @@
   "compilerOptions": {
     "jsx": "react-native",
     "noEmit": true,
-    "lib": ["ES2021", "DOM"]
+    "lib": ["ES2022", "DOM"]
   },
   "include": [
     "index.ts",

packages/app/package.json

@@ -73,7 +73,7 @@
     "generate:code": "node scripts/internal/generate-manifest.mts",
     "generate:docs": "node scripts/internal/generate-manifest-docs.mts",
     "generate:schema": "node scripts/internal/generate-schema.mts",
-    "lint:js": "eslint $(git ls-files '*.[cm][jt]s' '*.[jt]s' '*.tsx' ':!:*.config.js' ':!:.yarn/releases') && tsc && tsc --project tsconfig.cjs.json",
+    "lint:js": "eslint $(git ls-files '*.[cm][jt]s' '*.[jt]s' '*.tsx' ':!:*.config.js' ':!:.yarn/releases') && tsgo && tsgo --project tsconfig.cjs.json",
     "lint:kt": "ktlint --relative 'android/app/src/**/*.kt'",
     "lint:rb": "bundle exec rubocop",
     "lint:swift": "swiftlint",
@@ -120,15 +120,15 @@
   "devDependencies": {
     "@babel/core": "^7.25.2",
     "@babel/preset-env": "^7.25.3",
-    "@expo/config-plugins": "^10.0.0",
+    "@expo/config-plugins": "^54.0.0",
     "@expo/json-file": "~9.1.5",
     "@microsoft/eslint-plugin-sdl": "^1.0.0",
     "@react-native-community/cli": "^20.0.0",
     "@react-native-community/cli-types": "^20.0.0",
     "@react-native-community/template": "^0.81.0",
     "@rnx-kit/eslint-plugin": "^0.9.0",
     "@rnx-kit/lint-lockfile": "^0.1.0",
-    "@rnx-kit/tsconfig": "^2.0.0",
+    "@rnx-kit/tsconfig": "^3.0.0",
     "@swc-node/register": "^1.10.0",
     "@swc/core": "^1.11.0",
     "@types/js-yaml": "^4.0.5",
@@ -137,6 +137,7 @@
     "@types/prompts": "~2.4.0",
     "@types/react": "~19.1.0",
     "@types/semver": "^7.3.6",
+    "@typescript/native-preview": "^7.0.0-0",
     "eslint": "^9.12.0",
     "eslint-plugin-wdio": "^9.0.0",
     "js-yaml": "^4.1.0",
@@ -148,8 +149,7 @@
     "react-native": "^0.81.0",
     "react-native-macos": "^0.81.1",
     "react-native-windows": "^0.81.0",
-    "suggestion-bot": "^4.0.0",
-    "typescript": "^5.0.0"
+    "suggestion-bot": "^4.0.0"
   },
   "engines": {
     "node": ">=18.12"

packages/app/scripts/config-plugins/plugins/mod-compiler.mjs

@@ -1,10 +1,11 @@
 // @ts-check
+/** @import { ExportedConfig } from "@expo/config-plugins"; */
 import { BaseMods, evalModsAsync } from "../ExpoConfigPlugins.mjs";
 import { getAndroidModFileProviders } from "./withAndroidBaseMods.mjs";
 import { getIosModFileProviders } from "./withIosBaseMods.mjs";
 import { getMacOsModFileProviders } from "./withMacOsBaseMods.mjs";
 
-/** @type {import("@expo/config-plugins").withDefaultBaseMods} */
+/** @type {(config: ExportedConfig, props?: Record<string, unknown>) => ExportedConfig} */
 export const withDefaultBaseMods = (config, props) => {
   config = BaseMods.withIosBaseMods(config, {
     ...props,
@@ -23,7 +24,7 @@ export const withDefaultBaseMods = (config, props) => {
   return config;
 };
 
-/** @type {import("@expo/config-plugins").compileModsAsync} */
+/** @type {typeof evalModsAsync} */
 export const compileModsAsync = (config, props) => {
   if (props.introspect === true) {
     console.warn("`introspect` is not supported by react-native-test-app");

packages/app/scripts/init.mjs

@@ -164,6 +164,9 @@ function instructionsFor(platform) {
   throw new Error(`Unknown platform: ${platform}`);
 }
 
+/**
+ * @returns {Promise<number>}
+ */
 function main() {
   return new Promise((resolve) => {
     parseArgs(

packages/app/scripts/schema.mjs

@@ -2,7 +2,7 @@
 import { URL, fileURLToPath } from "node:url";
 import { readJSONFile } from "./helpers.js";
 
-/** @typedef {import("./types.js").Docs} Docs */
+/** @import { Docs } from "./types.ts"; */
 
 /**
  * @param {string} content
@@ -16,7 +16,9 @@ function extractBrief(content = "") {
 
 function readManifest() {
   const manifest = fileURLToPath(new URL("../package.json", import.meta.url));
-  return /** @type {import("../package.json")} */ (readJSONFile(manifest));
+  return /** @type {typeof import("../package.json")} */ (
+    readJSONFile(manifest)
+  );
 }
 
 /**

packages/app/test/helpers.test.ts

@@ -1,3 +1,4 @@
+import type Mustache from "mustache";
 import { equal, fail, notEqual } from "node:assert/strict";
 import * as fs from "node:fs";
 import * as path from "node:path";
@@ -56,7 +57,7 @@ describe("getPackageVersion()", () => {
 
 describe("requireTransitive()", () => {
   it("imports transitive dependencies", () => {
-    const mustache = requireTransitive<typeof import("mustache")>([
+    const mustache = requireTransitive<typeof Mustache>([
       "react-native-windows",
       "@react-native-windows/cli",
       "mustache",
@@ -71,7 +72,7 @@ describe("requireTransitive()", () => {
       fail("Failed to resolve 'react-native-windows'");
     }
 
-    const mustache = requireTransitive<typeof import("mustache")>(
+    const mustache = requireTransitive<typeof Mustache>(
       ["@react-native-windows/cli", "mustache"],
       fs.realpathSync(rnwDir)
     );

packages/app/windows/app.mjs

@@ -200,7 +200,7 @@ export async function generateSolution(destPath, options, fs = nodefs) {
     .map((project) => toProjectEntry(project, destPath))
     .join(os.EOL);
 
-  /** @type {typeof import("mustache")} */
+  /** @type {typeof import("mustache").default} */
   const mustache = requireTransitive(
     ["@react-native-windows/cli", "mustache"],
     fs.realpathSync(rnWindowsPath)