chore(perf): use dts files for trpc

apps/expo/metro.config.js

@@ -22,7 +22,6 @@ if (config.resolver) {
   config.resolver.disableHierarchicalLookup = true;
 }
 
-// @ts-expect-error - FIXME: type is mismatching?
 module.exports = withNativeWind(config, {
   input: "./src/styles.css",
   configPath: "./tailwind.config.ts",

apps/nextjs/next.config.mjs → apps/nextjs/next.config.js

@@ -1,4 +1,4 @@
-import "./src/env.mjs";
+import "./src/env.js";
 import "@acme/api/env";
 import "@acme/stripe/env";
 

apps/nextjs/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@acme/nextjs",
   "version": "0.1.0",
+  "type": "module",
   "private": true,
   "scripts": {
     "build": "pnpm with-env next build",

apps/nextjs/src/app/api/webhooks/stripe/route.ts

@@ -3,7 +3,7 @@ import type { NextRequest } from "next/server";
 
 import { handleEvent, stripe } from "@acme/stripe";
 
-import { env } from "~/env.mjs";
+import { env } from "~/env";
 
 export async function POST(req: NextRequest) {
   const payload = await req.text();

packages/api/package.json

@@ -1,28 +1,53 @@
 {
   "name": "@acme/api",
   "private": true,
+  "type": "module",
   "version": "0.1.0",
   "exports": {
-    ".": "./src/index.ts",
-    "./env": "./src/env.mjs",
-    "./edge": "./src/edge.ts",
-    "./lambda": "./src/lambda.ts",
-    "./transformer": "./src/transformer.ts",
-    "./validators": "./src/validators.ts"
-  },
-  "typesVersions": {
-    "*": {
-      "*": [
-        "src/*"
-      ]
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./src/index.ts"
+      }
+    },
+    "./env": {
+      "import": {
+        "types": "./dist/env.d.ts",
+        "default": "./src/env.js"
+      }
+    },
+    "./edge": {
+      "import": {
+        "types": "./dist/edge.d.ts",
+        "default": "./src/edge.ts"
+      }
+    },
+    "./lambda": {
+      "import": {
+        "types": "./dist/lambda.d.ts",
+        "default": "./src/lambda.ts"
+      }
+    },
+    "./transformer": {
+      "import": {
+        "types": "./dist/transformer.d.ts",
+        "default": "./src/transformer.ts"
+      }
+    },
+    "./validators": {
+      "import": {
+        "types": "./dist/validators.d.ts",
+        "default": "./src/validators.ts"
+      }
     }
   },
   "license": "MIT",
   "scripts": {
+    "dev": "tsc --watch",
     "clean": "rm -rf .turbo node_modules",
     "lint": "eslint .",
     "format": "prettier --check \"**/*.{mjs,ts,json}\"",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit --emitDeclarationOnly false"
   },
   "dependencies": {
     "@acme/db": "^0.1.0",

packages/api/src/router/stripe.ts

@@ -5,7 +5,7 @@ import * as z from "zod";
 
 import { PLANS, stripe } from "@acme/stripe";
 
-import { env } from "../env.mjs";
+import { env } from "../env";
 import { createTRPCRouter, protectedProcedure, publicProcedure } from "../trpc";
 import { purchaseOrgSchema } from "../validators";
 

packages/api/src/transformer.ts

@@ -1,7 +1,6 @@
 import { dinero } from "dinero.js";
 import type { Dinero, DineroSnapshot } from "dinero.js";
 import superjson from "superjson";
-import type { JSONValue } from "superjson/dist/types";
 
 /**
  * TODO: Maybe put this in a shared package that can be safely shared between `api`, `nextjs` and `expo` packages
@@ -18,7 +17,8 @@ superjson.registerCustom(
       }
     },
     serialize: (val) => {
-      return val.toJSON() as JSONValue;
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-explicit-any
+      return val.toJSON() as any;
     },
     deserialize: (val) => {
       return dinero(val as DineroSnapshot<number>);

packages/api/tsconfig.json

@@ -2,6 +2,10 @@
   "extends": "@acme/tsconfig/base.json",
   "compilerOptions": {
     "tsBuildInfoFile": "node_modules/.cache/tsbuildinfo.json",
+    "noEmit": false,
+    "emitDeclarationOnly": true,
+    "declaration": true,
+    "declarationDir": "dist",
   },
   "include": ["src"],
   "exclude": ["node_modules"],

packages/stripe/package.json

@@ -7,13 +7,6 @@
     "./plans": "./src/plans.ts",
     "./env": "./src/env.mjs"
   },
-  "typesVersions": {
-    "*": {
-      "*": [
-        "src/*"
-      ]
-    }
-  },
   "license": "MIT",
   "scripts": {
     "clean": "rm -rf .turbo node_modules",

packages/ui/package.json

@@ -86,12 +86,5 @@
     "./tabs": "./src/tabs.tsx",
     "./toaster": "./src/toaster.tsx",
     "./use-toast": "./src/use-toast.tsx"
-  },
-  "typesVersions": {
-    "*": {
-      "*": [
-        "src/*"
-      ]
-    }
   }
 }

tooling/typescript/base.json

@@ -1,22 +1,23 @@
 {
   "$schema": "https://json.schemastore.org/tsconfig",
   "compilerOptions": {
-    "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "target": "ES2022",
+    "lib": ["dom", "dom.iterable", "ES2022"],
     "allowJs": true,
     "checkJs": true,
     "skipLibCheck": true,
     "strict": true,
-    "forceConsistentCasingInFileNames": true,
     "noEmit": true,
     "esModuleInterop": true,
     "module": "esnext",
-    "moduleResolution": "node",
+    "moduleResolution": "Bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
+    "moduleDetection": "force",
     "jsx": "preserve",
     "incremental": true,
-    "noUncheckedIndexedAccess": true
+    "noUncheckedIndexedAccess": true,
+    "disableSourceOfProjectReferenceRedirect": true
   },
   "exclude": ["node_modules", "build", "dist", ".next", ".expo"]
 }

turbo/generators/templates/package.json.hbs

@@ -5,13 +5,6 @@
   "exports": {
     ".": "./index.ts"
   },
-  "typesVersions": {
-    "*": {
-      "*": [
-        "src/*"
-      ]
-    }
-  }
   "license": "MIT",
   "scripts": {
     "clean": "rm -rf .turbo node_modules",