chore: replace ts-node with tsx to resolve yarn lint hanging issue

.depcheckrc.yml

@@ -14,7 +14,7 @@ ignores:
   - 'eslint-interactive'
   - 'rimraf'
   - 'simple-git-hooks'
-  - 'ts-node'
+  - 'tsx'
   # Ignore plugins for tools
   - '@typescript-eslint/*'
   - 'babel-jest'

package.json

@@ -19,7 +19,7 @@
     "changelog:update": "yarn workspaces foreach --all --no-private --parallel --interlaced --verbose run changelog:update",
     "changelog:validate": "yarn workspaces foreach --all --no-private --parallel --interlaced --verbose run changelog:validate",
     "create-component:react": "yarn workspace @metamask/design-system-react create-component",
-    "create-package": "ts-node scripts/create-package",
+    "create-package": "tsx scripts/create-package",
     "figma:connect:react": "figma connect --config packages/design-system-react/figma.config.json",
     "figma:connect:react-native": "figma connect --config packages/design-system-react-native/figma.config.json",
     "figma:connect:publish": "yarn figma:connect:publish:react && yarn figma:connect:publish:react-native",
@@ -38,7 +38,7 @@
     "lint:clear-cache": "rimraf .eslintcache",
     "lint:dependencies": "depcheck && yarn dedupe --check",
     "lint:dependencies:fix": "depcheck && yarn dedupe",
-    "lint:eslint": "yarn ts-node ./scripts/run-eslint.ts --cache",
+    "lint:eslint": "yarn tsx ./scripts/run-eslint.ts --cache",
     "lint:fix": "yarn lint:clear-cache && yarn lint:eslint --fix && yarn lint:misc --write && yarn constraints --fix && yarn lint:dependencies:fix",
     "lint:misc": "prettier --no-error-on-unmatched-pattern '**/*.json' '**/*.md' '**/*.yml' '!.yarnrc.yml' '!merged-packages/**' --ignore-path .prettierignore",
     "prepack": "./scripts/prepack.sh",
@@ -54,7 +54,7 @@
     "test:scripts": "NODE_OPTIONS=--experimental-vm-modules yarn jest --config ./jest.config.scripts.js --silent",
     "test:storybook": "yarn workspace @metamask/storybook-react test-storybook",
     "test:verbose": "yarn workspaces foreach --all --parallel --verbose run test:verbose",
-    "update-readme-content": "ts-node scripts/update-readme-content.ts",
+    "update-readme-content": "tsx scripts/update-readme-content.ts",
     "workspaces:list-versions": "./scripts/list-workspace-versions.sh"
   },
   "simple-git-hooks": {
@@ -122,7 +122,7 @@
     "rimraf": "^5.0.5",
     "semver": "^7.7.1",
     "simple-git-hooks": "^2.8.0",
-    "ts-node": "^10.9.1",
+    "tsx": "^4.20.6",
     "twrnc": "^4.5.1",
     "typescript": "~5.2.2",
     "typescript-eslint": "^8.7.0",
@@ -138,7 +138,7 @@
       "@keystonehq/bc-ur-registry-eth>hdkey>secp256k1": true,
       "babel-runtime>core-js": false,
       "simple-git-hooks": false,
-      "ts-node>@swc/core": false
+      "tsx>esbuild": false
     }
   }
 }

packages/design-system-react-native/package.json

@@ -38,7 +38,7 @@
     "build": "yarn generate-icons && ts-bridge --project tsconfig.build.json --verbose --clean --no-references && cp -r src/components/Icon/assets dist/components/Icon/",
     "changelog:update": "../../scripts/update-changelog.sh @metamask/design-system-react-native",
     "changelog:validate": "../../scripts/validate-changelog.sh @metamask/design-system-react-native",
-    "generate-icons": "ts-node scripts/generate-icons.ts",
+    "generate-icons": "tsx scripts/generate-icons.ts",
     "publish:preview": "yarn npm publish --tag preview",
     "since-latest-release": "../../scripts/since-latest-release.sh",
     "test": "NODE_OPTIONS=--experimental-vm-modules jest --reporters=jest-silent-reporter",
@@ -83,7 +83,7 @@
     "react-native-svg-transformer": "^1.5.0",
     "react-test-renderer": "^18.3.1",
     "ts-jest": "^29.2.5",
-    "ts-node": "^10.9.1",
+    "tsx": "^4.20.6",
     "typescript": "~5.2.2"
   },
   "peerDependencies": {

packages/design-system-react-native/scripts/build.js

@@ -5,7 +5,7 @@ try {
   execSync('rm -rf tsconfig.build.tsbuildinfo dist', { stdio: 'inherit' });
 
   console.log('Step 2: Generating icons...');
-  execSync('ts-node scripts/generate-icons.ts', { stdio: 'inherit' });
+  execSync('tsx scripts/generate-icons.ts', { stdio: 'inherit' });
 
   console.log('Step 3: Building the project...');
   execSync('tsc --project tsconfig.build.json', { stdio: 'inherit' });

packages/design-system-react/package.json

@@ -39,9 +39,9 @@
     "changelog:update": "../../scripts/update-changelog.sh @metamask/design-system-react",
     "changelog:validate": "../../scripts/validate-changelog.sh @metamask/design-system-react",
     "clean:icons": "rimraf src/components/Icon/icons",
-    "create-component": "ts-node scripts/create-component",
+    "create-component": "tsx scripts/create-component",
     "generate-icons": "yarn clean:icons && svgr --config-file src/components/Icon/.svgrrc.js -d src/components/Icon/icons src/components/Icon/assets/*.svg && yarn generate-icons:index",
-    "generate-icons:index": "ts-node scripts/generate-icons-index.ts",
+    "generate-icons:index": "tsx scripts/generate-icons-index.ts",
     "publish:preview": "yarn npm publish --tag preview",
     "since-latest-release": "../../scripts/since-latest-release.sh",
     "test": "NODE_OPTIONS=--experimental-vm-modules jest --reporters=jest-silent-reporter",
@@ -76,7 +76,7 @@
     "jest-environment-jsdom": "^29.7.0",
     "rimraf": "^5.0.5",
     "ts-jest": "^29.2.5",
-    "ts-node": "^10.9.1",
+    "tsx": "^4.20.6",
     "typescript": "~5.2.2"
   },
   "peerDependencies": {

scripts/generate-preview-build-message.ts

@@ -1,4 +1,4 @@
-#!yarn ts-node
+#!yarn tsx
 
 import execa from 'execa';
 import fs from 'fs';

scripts/update-readme-content.ts

@@ -1,4 +1,4 @@
-#!yarn ts-node
+#!yarn tsx
 
 import execa from 'execa';
 import fs from 'fs';