Convert a few more workspaces to ESM (#428)

Author: miorel

workspaces/adventure-pack/package.json

@@ -48,8 +48,8 @@
     "goodies:typescript:install": "yarn",
     "goodies:typescript:test": "jest --color goodies/typescript",
     "build-app": "tsx src/scripts/build/main.ts",
-    "build-chrome-extension": "ts-node src/scripts/build/buildChromeExtension.ts",
-    "package-goodies:test": "cross-env NODE_OPTIONS=--experimental-vm-modules jest --color --testPathIgnorePatterns=\"/goodies/\"",
+    "build-chrome-extension": "tsx src/scripts/build/buildChromeExtension.ts",
+    "package-goodies:test": "cross-env NODE_OPTIONS=\"--experimental-vm-modules\" jest --color --testPathIgnorePatterns=\"/goodies/\"",
     "format": "yarn goodies:java:format && yarn goodies:kotlin:format && yarn goodies:python3:format && yarn goodies:typescript:format && prettier --color --write .",
     "lint": "eslint --color --max-warnings=0 .",
     "postinstall": "yarn goodies:java:install && yarn goodies:kotlin:install && yarn goodies:python3:install",

workspaces/adventure-pack/src/scripts/build/runWebpack.ts

@@ -1,5 +1,15 @@
+import process from "node:process";
+
+import { isStringEmptyOrWhitespaceOnly } from "@code-chronicles/util/isStringEmptyOrWhitespaceOnly";
 import { spawnWithSafeStdio } from "@code-chronicles/util/spawnWithSafeStdio";
 
 export async function runWebpack(): Promise<void> {
-  await spawnWithSafeStdio("webpack", ["--color"]);
+  await spawnWithSafeStdio("webpack", ["--color"], {
+    env: {
+      ...process.env,
+      NODE_OPTIONS: ["--import tsx", process.env.NODE_OPTIONS ?? ""]
+        .filter((opt) => !isStringEmptyOrWhitespaceOnly(opt))
+        .join(" "),
+    },
+  });
 }

workspaces/adventure-pack/webpack.config.ts

@@ -37,6 +37,9 @@ const config: Configuration = {
 
   resolve: {
     extensions: [".tsx", ".ts", "..."],
+    extensionAlias: {
+      ".js": [".ts", ".tsx", ".js"],
+    },
   },
 
   plugins: [

workspaces/chrome-extension-hello-world/package.json

@@ -7,18 +7,21 @@
     "url": "https://github.com/code-chronicles-code/leetcode-curriculum.git",
     "directory": "workspaces/chrome-extension-hello-world"
   },
-  "main": "src/main.ts",
+  "type": "module",
+  "exports": "./src/main.ts",
   "scripts": {
-    "build": "webpack",
+    "build": "cross-env NODE_OPTIONS=\"--import tsx\" webpack",
     "format": "prettier --color --write .",
     "lint": "eslint --color --max-warnings=0 .",
     "typecheck": "tsc --pretty --project ."
   },
   "devDependencies": {
     "@code-chronicles/eslint-config": "workspace:*",
     "@types/node": "22.5.5",
+    "cross-env": "7.0.3",
     "prettier": "3.3.3",
     "ts-loader": "9.5.1",
+    "tsx": "4.19.1",
     "typescript": "5.6.2",
     "webpack": "5.94.0",
     "webpack-cli": "5.1.4"

workspaces/chrome-extension-hello-world/webpack.config.ts

@@ -2,11 +2,11 @@ import path from "node:path";
 
 import type { Configuration } from "webpack";
 
-import packageJson from "./package.json";
+import packageJson from "./package.json" with { type: "module" };
 
 const config: Configuration = {
   target: "web",
-  entry: path.resolve(__dirname, packageJson.main),
+  entry: path.resolve(__dirname, packageJson.exports),
   output: {
     filename: "[name].js",
     path: path.resolve(__dirname, "dist"),
@@ -33,6 +33,9 @@ const config: Configuration = {
 
   resolve: {
     extensions: [".tsx", ".ts", "..."],
+    extensionAlias: {
+      ".js": [".ts", ".tsx", ".js"],
+    },
   },
 
   optimization: {

workspaces/generate-health-report/package.json

@@ -12,22 +12,23 @@
     "name": "Miorel-Lucian Palii",
     "url": "https://github.com/miorel"
   },
+  "type": "module",
   "scripts": {
     "format": "prettier --color --write .",
     "lint": "eslint --color --max-warnings=0 .",
-    "start": "ts-node src/main.ts",
+    "start": "tsx src/main.ts",
     "typecheck": "tsc --pretty --project ."
   },
   "dependencies": {
     "@code-chronicles/util": "workspace:*",
-    "nullthrows": "patch:nullthrows@npm%3A1.1.1#~/.yarn/patches/nullthrows-npm-1.1.1-3d1f817134.patch"
+    "nullthrows": "patch:nullthrows@npm%3A1.1.1#~/.yarn/patches/nullthrows-npm-1.1.1-3d1f817134.patch",
+    "tsx": "4.19.1"
   },
   "devDependencies": {
     "@code-chronicles/eslint-config": "workspace:*",
     "@types/node": "22.5.5",
     "eslint": "9.10.0",
     "prettier": "3.3.3",
-    "ts-node": "10.9.2",
     "typescript": "5.6.2"
   }
 }

workspaces/javascript-leetcode-month/package.json

@@ -12,10 +12,11 @@
     "name": "Miorel-Lucian Palii",
     "url": "https://github.com/miorel"
   },
+  "type": "module",
   "scripts": {
     "format": "prettier --color --write .",
     "lint": "eslint --color --max-warnings=0 .",
-    "prep-write-up-for-leetcode": "ts-node scripts/prep-write-up-for-leetcode.ts",
+    "prep-write-up-for-leetcode": "tsx scripts/prep-write-up-for-leetcode.ts",
     "typecheck": "tsc --pretty --project ."
   },
   "devDependencies": {
@@ -27,7 +28,7 @@
     "mdast": "3.0.0",
     "prettier": "3.3.3",
     "remark": "15.0.1",
-    "ts-node": "10.9.2",
+    "tsx": "4.19.1",
     "typescript": "5.6.2",
     "unist-util-visit": "5.0.0"
   }

workspaces/javascript-leetcode-month/scripts/prep-write-up-for-leetcode.ts

@@ -1,7 +1,7 @@
 import { readFile } from "node:fs/promises";
 import process from "node:process";
 
-import { processWriteUpForLeetCode } from "./processWriteUpForLeetCode";
+import { processWriteUpForLeetCode } from "./processWriteUpForLeetCode.js";
 
 async function main(): Promise<void> {
   const [, , file] = process.argv as (string | undefined)[];

workspaces/repository-scripts/package.json

@@ -12,22 +12,22 @@
     "name": "Miorel-Lucian Palii",
     "url": "https://github.com/miorel"
   },
+  "type": "module",
   "scripts": {
     "format": "prettier --color --write .",
     "lint": "eslint --color --max-warnings=0 .",
-    "start": "ts-node src/main.ts",
+    "start": "tsx src/main.ts",
     "typecheck": "tsc --pretty --project ."
   },
   "dependencies": {
     "@code-chronicles/util": "workspace:*",
-    "ts-node": "10.9.2"
+    "tsx": "4.19.1"
   },
   "devDependencies": {
     "@code-chronicles/eslint-config": "workspace:*",
     "@types/node": "22.5.5",
     "eslint": "9.10.0",
     "prettier": "3.3.3",
-    "ts-node": "10.9.2",
     "type-fest": "4.26.1",
     "typescript": "5.6.2"
   }

workspaces/repository-scripts/src/main.ts

@@ -1,7 +1,7 @@
 import process from "node:process";
 
-import { runCommands } from "./runCommands";
-import { SCRIPTS, isScript } from "./scripts";
+import { runCommands } from "./runCommands.js";
+import { SCRIPTS, isScript } from "./scripts.js";
 
 async function main() {
   if (process.argv.length < 3) {