Switch from ts-node to tsx (#3188)

* Switch all ts-node usage to tsx and associated fixes

* remove `cts` suffix

* Fix namespace imports

* Update devp2p lrucache to v10

* update some non-tsx files to tsx

* Remove console log

* log all messages

* update cli tests to use tsx

* Address feedback

* Stick with cts

* vm: fix retesteth

* update package-lock

* update package lock again

* Add browser deps install script

* fix browser script

* Pin browser testing deps

* Remove browser deps from package-lock

---------

Co-authored-by: Jochem Brouwer <[email protected]>

Author: acolytec3

.github/workflows/browser.yml

@@ -32,6 +32,7 @@ jobs:
           cache: 'npm'
 
       - run: npm ci
+      - run: npm run install-browser-deps
 
       #     Install playwright dependencies
       - run: npx playwright install-deps

package-lock.json

@@ -15,7 +15,8 @@
     "postinstall": "npm run build --workspaces",
     "prepare": "git config --local core.hooksPath .githooks",
     "prettier": "prettier --write \"./**/*.{js,json,md,ts,yml}\"",
-    "sort-package-json": "sort-package-json \"package.json\" \"packages/*/package.json\""
+    "sort-package-json": "sort-package-json \"package.json\" \"packages/*/package.json\"",
+    "install-browser-deps": "npm install [email protected] [email protected] @vitest/[email protected]"
   },
   "devDependencies": {
     "@types/estree": "^1.0.1",
@@ -42,7 +43,7 @@
     "prettier": "2.7.1",
     "sort-package-json": "1.57.0",
     "tape": "5.6.0",
-    "ts-node": "10.9.1",
+    "tsx": "^4.6.2",
     "typedoc": "0.23.10",
     "typedoc-plugin-markdown": "3.13.4",
     "typescript": "4.7.4",
@@ -51,9 +52,9 @@
     "vitest": "0.32.2"
   },
   "peerDependencies": {
-    "playwright": "^1.35.1",
-    "webdriverio": "^8.10.7",
-    "@vitest/browser": "0.32.2"
+    "@vitest/browser": "^0.32.2",
+    "playwright": "^1.36.1",
+    "webdriverio": "^8.13.12"
   },
   "peerDependenciesMeta": {
     "playwright": {

package.json

@@ -34,7 +34,7 @@
     "clean": "../../config/cli/clean-package.sh",
     "coverage": "DEBUG=ethjs npx vitest run --coverage.enabled --coverage.reporter=lcov",
     "docs:build": "typedoc --options typedoc.cjs",
-    "examples": "ts-node ../../scripts/examples-runner.ts -- block",
+    "examples": "tsx ../../scripts/examples-runner.ts -- block",
     "lint": "../../config/cli/lint.sh",
     "lint:diff": "../../config/cli/lint-diff.sh",
     "lint:fix": "../../config/cli/lint-fix.sh",

packages/block/package.json

@@ -189,7 +189,7 @@ The following is an example for a logger run:
 Run with the clique logger:
 
 ```shell
-DEBUG=ethjs,blockchain:clique ts-node test.ts
+DEBUG=ethjs,blockchain:clique tsx test.ts
 ```
 
 ## EthereumJS

packages/blockchain/README.md

@@ -34,7 +34,7 @@
     "clean": "../../config/cli/clean-package.sh",
     "coverage": "DEBUG=ethjs npx vitest run --coverage.enabled --coverage.reporter=lcov",
     "docs:build": "typedoc --options typedoc.cjs",
-    "examples": "ts-node ../../scripts/examples-runner.ts -- blockchain",
+    "examples": "tsx ../../scripts/examples-runner.ts -- blockchain",
     "lint": "../../config/cli/lint.sh",
     "lint:diff": "../../config/cli/lint-diff.sh",
     "lint:fix": "../../config/cli/lint-fix.sh",

packages/blockchain/package.json

@@ -20,4 +20,4 @@ This command runs a specific test, namely `Invalid Missing Ancestor Syncing ReOr
 
 When changing code in the cloned monorepo, it is noted that re-running hive is rather slow. In order to make this faster, see [this PR](https://github.com/jochem-brouwer/hive/pull/1). The state of the PR should be leading, but in order for it to work, ensure that `.dockerignore`, `Dockerfile` and `ethereumjs.sh` are copied into the `clients/ethereumjs` folder of the hive repo.
 
-This runner will use `ts-node` (better debug output!) and is taking advantage of Docker's caching mechanism in order to ensure that any changes of code will get imported on a fresh start of a hive run fast.
+This runner will use `tsx` (better debug output!) and is taking advantage of Docker's caching mechanism in order to ensure that any changes of code will get imported on a fresh start of a hive run fast.

packages/client/DEVELOPER.md

@@ -47,7 +47,8 @@ const networks = Object.entries(Common.getInitializedChains().names)
 
 let logger: Logger
 
-const args: ClientOpts = yargs(hideBin(process.argv))
+const args: ClientOpts = yargs
+  .default(hideBin(process.argv))
   .parserConfiguration({
     'dot-notation': false,
   })

packages/client/bin/cli.ts

@@ -91,7 +91,7 @@ You should see something like below Prysm reaches the 4844 epoch.
 [2023-01-11 16:00:57]  INFO state: Upgraded to EIP4844 hard fork!
 ```
 
-1. Run `npx ts-node ./tools/txGenerator.ts 8545 'hello' [path/to/genesis.json] [private key of tx sender as unprefixed hex string]` to submit a blob transaction.
+1. Run `npx tsx ./tools/txGenerator.ts 8545 'hello' [path/to/genesis.json] [private key of tx sender as unprefixed hex string]` to submit a blob transaction.
 2. Monitor the EthJS logs to see when the transaction is included in a block via an RPC call to `engine_newPayloadV3` and note the block hash.
 3. Monitor the Prysm Beacon Node logs and note when the EL block payload is included in a beacon block. You should see logs like below indicating a block with one blob in it. The first few characters of the `blockhash` field in the logs should match the blockhash reported by EthJS
 

packages/client/devnets/4844-interop/INTEROP.md

@@ -36,14 +36,14 @@
     "build:common": "../../config/cli/ts-build.sh",
     "bundle": "webpack",
     "clean": "../../config/cli/clean-package.sh",
-    "client:start:ts": "ts-node bin/cli.ts",
+    "client:start:ts": "tsx bin/cli.ts",
     "client:start:js": "npm run build && node dist/bin/cli.js",
     "client:start": "npm run client:start:js --",
     "client:start:dev1": "npm run client:start -- --discDns=false --discV4=false --bootnodes",
     "client:start:dev2": "npm run client:start -- --discDns=false --discV4=false --port=30304 --dataDir=datadir-dev2",
     "coverage": "c8 --all --reporter=lcov --reporter=text npm run test:unit",
     "docs:build": "typedoc --options typedoc.cjs --tsconfig tsconfig.prod.cjs.json",
-    "examples": "ts-node ../../scripts/examples-runner.ts -- client",
+    "examples": "tsx ../../scripts/examples-runner.ts -- client",
     "lint": "../../config/cli/lint.sh",
     "lint:diff": "../../config/cli/lint-diff.sh",
     "lint:fix": "../../config/cli/lint-fix.sh",