Replace tsup with ts-bridge (#2682)

This replaces `tsup` with `ts-bridge`, which fixes several issues we've
found in `tsup`.

Related to
MetaMask/metamask-module-template#247,
MetaMask/utils#182.

---------

Co-authored-by: MetaMask Bot <[email protected]>

Author: Mrtenz

.github/workflows/build-lint-test.yml

@@ -60,8 +60,6 @@ jobs:
       - run: yarn --immutable --immutable-cache
       - name: Build
         run: yarn build:ci
-      - name: Build types
-        run: yarn build:types
       - name: Cache build files
         uses: actions/cache@v4
         with:

.yarn/patches/tsup-npm-8.0.2-86e40f68a7.patch

@@ -152,32 +152,40 @@ gen_enforced_field(WorkspaceCwd, 'sideEffects', 'false') :-
   \+ workspace_field(WorkspaceCwd, 'private', true),
   WorkspaceCwd \= '.'.
 
-% The type definitions entrypoint for the dependency must be `./dist/types/index.d.ts`.
-gen_enforced_field(WorkspaceCwd, 'types', './dist/types/index.d.ts') :-
+% The type definitions entrypoint for the dependency must be `./dist/index.d.cts`.
+gen_enforced_field(WorkspaceCwd, 'types', './dist/index.d.cts') :-
   \+ is_example(WorkspaceCwd),
   \+ workspace_field(WorkspaceCwd, 'private', true),
   WorkspaceCwd \= '.'.
-gen_enforced_field(WorkspaceCwd, 'exports["."].types', './dist/types/index.d.ts') :-
+gen_enforced_field(WorkspaceCwd, 'exports["."].types', null) :-
   \+ is_example(WorkspaceCwd),
   \+ workspace_field(WorkspaceCwd, 'private', true),
   WorkspaceCwd \= '.'.
 
-% The entrypoint for the dependency must be `./dist/cjs/index.js`.
-gen_enforced_field(WorkspaceCwd, 'main', './dist/index.js') :-
+% The entrypoint for the dependency must be `./dist/index.cjs`.
+gen_enforced_field(WorkspaceCwd, 'main', './dist/index.cjs') :-
   \+ is_example(WorkspaceCwd),
   \+ workspace_field(WorkspaceCwd, 'private', true),
   WorkspaceCwd \= '.'.
-gen_enforced_field(WorkspaceCwd, 'exports["."].require', './dist/index.js') :-
+gen_enforced_field(WorkspaceCwd, 'exports["."].require.types', './dist/index.d.cts') :-
+  \+ is_example(WorkspaceCwd),
+  \+ workspace_field(WorkspaceCwd, 'private', true),
+  WorkspaceCwd \= '.'.
+gen_enforced_field(WorkspaceCwd, 'exports["."].require.default', './dist/index.cjs') :-
   \+ is_example(WorkspaceCwd),
   \+ workspace_field(WorkspaceCwd, 'private', true),
   WorkspaceCwd \= '.'.
 
-% The module entrypoint for the dependency must be `./dist/esm/index.js`.
+% The module entrypoint for the dependency must be `./dist/index.mjs`.
 gen_enforced_field(WorkspaceCwd, 'module', './dist/index.mjs') :-
   \+ is_example(WorkspaceCwd),
   \+ workspace_field(WorkspaceCwd, 'private', true),
   WorkspaceCwd \= '.'.
-gen_enforced_field(WorkspaceCwd, 'exports["."].import', './dist/index.mjs') :-
+gen_enforced_field(WorkspaceCwd, 'exports["."].import.types', './dist/index.d.mts') :-
+  \+ is_example(WorkspaceCwd),
+  \+ workspace_field(WorkspaceCwd, 'private', true),
+  WorkspaceCwd \= '.'.
+gen_enforced_field(WorkspaceCwd, 'exports["."].import.default', './dist/index.mjs') :-
   \+ is_example(WorkspaceCwd),
   \+ workspace_field(WorkspaceCwd, 'private', true),
   WorkspaceCwd \= '.'.
@@ -202,22 +210,17 @@ gen_enforced_field(WorkspaceCwd, 'files', ['dist', 'jest-preset.js']) :-
   WorkspaceCwd = 'packages/snaps-jest'.
 
 % Dependencies must have a build script.
-gen_enforced_field(WorkspaceCwd, 'scripts.build', 'tsup --clean && yarn build:types') :-
+gen_enforced_field(WorkspaceCwd, 'scripts.build', 'ts-bridge --project tsconfig.build.json --verbose --no-references') :-
   \+ is_example(WorkspaceCwd),
   \+ workspace_field(WorkspaceCwd, 'private', true),
   WorkspaceCwd \= '.',
   WorkspaceCwd \= 'packages/snaps-simulator',
   WorkspaceCwd \= 'packages/snaps-cli',
   WorkspaceCwd \= 'packages/snaps-execution-environments'.
-gen_enforced_field(WorkspaceCwd, 'scripts.build:types', 'tsc --project tsconfig.build.json') :-
+gen_enforced_field(WorkspaceCwd, 'scripts.build:types', null) :-
   \+ is_example(WorkspaceCwd),
   \+ workspace_field(WorkspaceCwd, 'private', true),
   WorkspaceCwd \= '.'.
-gen_enforced_field(WorkspaceCwd, 'scripts.build:ci', 'tsup --clean') :-
-  \+ is_example(WorkspaceCwd),
-  \+ workspace_field(WorkspaceCwd, 'private', true),
-  WorkspaceCwd \= '.',
-  WorkspaceCwd \= 'packages/snaps-simulator'.
 
 % Dependencies must have preview scripts.
 gen_enforced_field(WorkspaceCwd, 'scripts.publish:preview', 'yarn npm publish --tag preview') :-

constraints.pro

@@ -19,11 +19,8 @@
     "lint": "yarn workspaces foreach --all --parallel run lint:eslint && yarn lint:misc --check && yarn lint:tsconfig && yarn constraints && yarn lint:dependencies",
     "lint:fix": "yarn workspaces foreach --all --parallel run lint:eslint --fix && yarn lint:misc --write && yarn lint:tsconfig && yarn constraints --fix && yarn dedupe",
     "lint:ci": "yarn lint:eslint && yarn lint:misc --check && yarn lint:tsconfig && yarn constraints && yarn lint:dependencies",
-    "build": "yarn build:source && yarn build:types",
-    "build:ci": "yarn workspaces filter --include \"packages/*\" --parallel --topological --no-private run build:ci",
-    "build:clean": "yarn clean && yarn build",
-    "build:source": "yarn workspaces filter --parallel --topological --exclude \"{packages/examples,packages/examples/packages/invoke-snap}\" run build",
-    "build:types": "tsc --build tsconfig.build.json",
+    "build": "ts-bridge --project tsconfig.build.json --verbose && yarn build:examples",
+    "build:ci": "ts-bridge --project tsconfig.build.json --verbose --clean",
     "build:examples": "yarn workspace @metamask/example-snaps build",
     "clean": "yarn workspaces foreach --all --parallel --verbose run clean",
     "test": "yarn workspaces foreach --all --parallel --verbose run test",
@@ -65,8 +62,7 @@
     "luxon@^3.2.1": "patch:luxon@npm%3A3.3.0#./.yarn/patches/luxon-npm-3.3.0-bdbae9bfd5.patch",
     "tsconfig-paths@^3.11.0": "patch:tsconfig-paths@npm%3A3.14.2#./.yarn/patches/tsconfig-paths-npm-3.14.2-90ce75420d.patch",
     "tsconfig-paths@^3.14.1": "patch:tsconfig-paths@npm%3A3.14.2#./.yarn/patches/tsconfig-paths-npm-3.14.2-90ce75420d.patch",
-    "tsconfig-paths@^4.1.2": "patch:tsconfig-paths@npm%3A3.14.2#./.yarn/patches/tsconfig-paths-npm-3.14.2-90ce75420d.patch",
-    "tsup@^8.0.1": "patch:tsup@npm%3A8.0.2#./.yarn/patches/tsup-npm-8.0.2-86e40f68a7.patch"
+    "tsconfig-paths@^4.1.2": "patch:tsconfig-paths@npm%3A3.14.2#./.yarn/patches/tsconfig-paths-npm-3.14.2-90ce75420d.patch"
   },
   "devDependencies": {
     "@lavamoat/allow-scripts": "^3.0.4",
@@ -78,6 +74,7 @@
     "@metamask/eslint-config-typescript": "^12.1.0",
     "@metamask/utils": "^9.2.1",
     "@swc/core": "1.3.78",
+    "@ts-bridge/cli": "^0.4.4",
     "@types/jest": "^27.5.1",
     "@types/node": "18.14.2",
     "@typescript-eslint/eslint-plugin": "^5.42.1",
@@ -104,7 +101,6 @@
     "semver": "^7.5.4",
     "simple-git-hooks": "^2.7.0",
     "ts-node": "^10.9.1",
-    "tsup": "^8.0.1",
     "typescript": "~5.3.3",
     "vite": "^4.3.9"
   },
@@ -122,7 +118,6 @@
       "ts-node>@swc/core": true,
       "@swc/core": true,
       "favicons>sharp": true,
-      "tsup>esbuild": true,
       "vite>esbuild": true
     }
   },

package.json

@@ -10,26 +10,29 @@
   "sideEffects": false,
   "exports": {
     ".": {
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js",
-      "types": "./dist/types/index.d.ts"
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
     },
     "./package.json": "./package.json"
   },
-  "main": "./dist/index.js",
+  "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
-  "types": "./dist/types/index.d.ts",
-  "bin": "./dist/main.js",
+  "types": "./dist/index.d.cts",
+  "bin": "./dist/main.cjs",
   "files": [
     "dist"
   ],
   "scripts": {
-    "build": "tsup --clean && yarn build:types",
-    "build:types": "tsc --project tsconfig.build.json",
+    "build": "ts-bridge --project tsconfig.build.json --verbose --no-references",
     "build:chmod": "chmod +x ./dist/main.mjs && chmod +x ./dist/main.js",
     "build:clean": "yarn clean && yarn build",
     "build:watch": "tsc-watch --onSuccess 'yarn build:chmod'",
-    "clean": "rimraf '*.tsbuildinfo' 'dist'",
     "test": "jest && yarn posttest",
     "posttest": "jest-it-up",
     "test:watch": "yarn test --watch",
@@ -42,8 +45,7 @@
     "publish:package": "../../scripts/publish-package.sh",
     "lint:ci": "yarn lint",
     "publish:preview": "yarn npm publish --tag preview",
-    "lint:dependencies": "depcheck",
-    "build:ci": "tsup --clean"
+    "lint:dependencies": "depcheck"
   },
   "dependencies": {
     "@metamask/snaps-utils": "workspace:^",
@@ -59,9 +61,9 @@
     "@metamask/eslint-config-typescript": "^12.1.0",
     "@swc/core": "1.3.78",
     "@swc/jest": "^0.2.26",
+    "@ts-bridge/cli": "^0.4.4",
     "@types/jest": "^27.5.1",
     "@types/node": "18.14.2",
-    "@types/rimraf": "^3.0.0",
     "@types/yargs": "^17.0.24",
     "@typescript-eslint/eslint-plugin": "^5.42.1",
     "@typescript-eslint/parser": "^6.21.0",
@@ -80,10 +82,8 @@
     "memfs": "^3.4.13",
     "prettier": "^2.7.1",
     "prettier-plugin-packagejson": "^2.2.11",
-    "rimraf": "^4.1.2",
     "ts-node": "^10.9.1",
     "tsc-watch": "^4.5.0",
-    "tsup": "^8.0.1",
     "typescript": "~5.3.3"
   },
   "engines": {

packages/create-snap/package.json

@@ -2,7 +2,7 @@
   "extends": "../../tsconfig.packages.build.json",
   "compilerOptions": {
     "baseUrl": "./",
-    "outDir": "./dist/types",
+    "outDir": "./dist",
     "rootDir": "./src"
   },
   "include": ["./src"],

packages/create-snap/tsconfig.build.json

@@ -3,6 +3,6 @@
   "compilerOptions": {
     "baseUrl": "./"
   },
-  "include": ["./src", "./src/**/*.json", "package.json", "tsup.config.ts"],
+  "include": ["./src", "./src/**/*.json", "package.json"],
   "references": [{ "path": "../snaps-cli" }, { "path": "../snaps-utils" }]
 }

packages/create-snap/tsconfig.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "R8Of/lcLuLbr2AAcUsDD6e0cdbOdHHvHlwxs+BoAHtE=",
+    "shasum": "oIth1iwHikuY19tkSxTGtl4YzdX1XAiGn2RJl+DAeCs=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",

packages/create-snap/tsup.config.ts

@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "8Iyfr16llKRg4UoML6rvo+76L+R6KhKxg8p0GdAczts=",
+    "shasum": "Ta9rEMnKSdYz7ecxZh++RZyMSW9JVsQVqa+zFLLO87k=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",