Use tsx for scripts and local env

.gitpod.yml

@@ -31,13 +31,12 @@ tasks:
           echo VITE_DEV_URL=$(gp url 8090) >> .env
           echo BAKED_BASE_URL=$(gp url 3030) >> .env
           echo ADMIN_BASE_URL=$(gp url 3030) >> .env
-          yarn startTscServer
     # wait for initial-setup (above) to finish and then start vite server
     - init: gp sync-await initial-setup
       command: yarn startViteServer
     # wait for initial-setup (above) to finish and then start admin server
     - init: gp sync-await initial-setup
-      command: yarn startAdminServer
+      command: yarn startAdminDevServer
 
 github:
     prebuilds:

Makefile

@@ -55,7 +55,6 @@ up: require create-if-missing.env ../owid-content tmp-downloads/owid_metadata.sq
 	@echo '==> Building grapher'
 	yarn install
 	yarn lerna run build
-	yarn run tsc -b
 
 	@echo '==> Starting dev environment'
 	@mkdir -p logs
@@ -64,7 +63,7 @@ up: require create-if-missing.env ../owid-content tmp-downloads/owid_metadata.sq
 			set remain-on-exit on \; \
 		set-option -g default-shell $(SCRIPT_SHELL) \; \
 		new-window -n admin \
-			'devTools/docker/wait-for-mysql.sh && yarn run tsc-watch -b --onSuccess "yarn startAdminServer"' \; \
+			'devTools/docker/wait-for-mysql.sh && yarn startAdminDevServer' \; \
 			set remain-on-exit on \; \
 		new-window -n vite 'yarn run startSiteFront' \; \
 			set remain-on-exit on \; \
@@ -83,13 +82,12 @@ up.devcontainer: create-if-missing.env.devcontainer tmp-downloads/owid_metadata.
 	@echo '==> Building grapher'
 	yarn install
 	yarn lerna run build
-	yarn run tsc -b
 
 	@echo '==> Starting dev environment'
 	@mkdir -p logs
 	tmux new-session -s grapher \
 		-n admin \
-			'devTools/docker/wait-for-mysql.sh && yarn run tsc-watch -b --onSuccess "yarn startAdminServer"' \; \
+			'devTools/docker/wait-for-mysql.sh && yarn startAdminDevServer' \; \
 			set remain-on-exit on \; \
 		new-window -n vite 'yarn run startSiteFront' \; \
 			set remain-on-exit on \; \
@@ -109,15 +107,14 @@ up.full: require create-if-missing.env.full ../owid-content tmp-downloads/owid_m
 	@echo '==> Building grapher'
 	yarn install
 	yarn lerna run build
-	yarn run tsc -b
 
 	@echo '==> Starting dev environment'
 	tmux new-session -s grapher \
 		-n docker 'docker compose -f docker-compose.grapher.yml up' \; \
 			set remain-on-exit on \; \
 		set-option -g default-shell $(SCRIPT_SHELL) \; \
 		new-window -n admin \
-			'devTools/docker/wait-for-mysql.sh && yarn run tsc-watch -b --onSuccess "yarn startAdminServer"' \; \
+			'devTools/docker/wait-for-mysql.sh && yarn startAdminDevServer' \; \
 			set remain-on-exit on \; \
 		new-window -n vite 'yarn run startSiteFront' \; \
 			set remain-on-exit on \; \
@@ -134,7 +131,7 @@ up.full: require create-if-missing.env.full ../owid-content tmp-downloads/owid_m
 
 migrate:
 	@echo '==> Running DB migrations'
-	rm -rf itsJustJavascript && yarn && yarn buildLerna && yarn buildTsc && yarn runDbMigrations
+	yarn && yarn buildLerna && yarn runDbMigrations
 
 refresh:
 	@echo '==> Downloading chart data'
@@ -148,7 +145,7 @@ refresh:
 
 refresh.pageviews:
 	@echo '==> Refreshing pageviews'
-	yarn && yarn buildLerna && yarn buildTsc && yarn refreshPageviews
+	yarn && yarn refreshPageviews
 
 sync-images: sync-images.preflight-check
 	@echo '==> Syncing images to R2'

db/readme.md

@@ -31,7 +31,7 @@ Run:
 yarn typeorm migration:create db/migration/MigrationName
 ```
 
-And then populate the file with the SQL statements to alter the tables, using [past migration files](./migration) for reference if needed. Don't forget to rebuild the JavaScript artifacts now from TypeScript view `yarn buildTsc`, then run migrations with `yarn runDbMigrations`.
+And then populate the file with the SQL statements to alter the tables, using [past migration files](./migration) for reference if needed. Then run migrations with `yarn runDbMigrations`.
 
 Make sure you write a **down** migration in case there is any chance things can go wrong we'd need to revert it.
 

db/tests/run-db-tests.sh

@@ -19,7 +19,7 @@ docker compose -f docker-compose.dbtests.yml up -d
 
 echo '==> Running migrations'
 
-yarn typeorm migration:run -d itsJustJavascript/db/tests/dataSource.dbtests.js
+yarn tsx node_modules/typeorm/cli.js migration:run -d db/tests/dataSource.dbtests.ts
 
 echo '==> Running tests'
 if ! yarn run jest --config=jest.db.config.js --runInBand # runInBand runs multiple test files serially - useful to avoid weird race conditions

docs/grapher-admin-server.md

@@ -11,8 +11,8 @@ cp .env.example .env
 Then run the three development processes:
 
 ```sh
-yarn startTscServer
-yarn startAdminServer
+yarn startLernaWatcher
+yarn startAdminDevServer
 yarn startViteServer
 ```
 

package.json

@@ -6,32 +6,32 @@
     },
     "packageManager": "[email protected]",
     "scripts": {
-        "batchTagWithGpt": "node --enable-source-maps ./itsJustJavascript/baker/batchTagWithGpt.js",
-        "buildAndDeploySite": "node --enable-source-maps ./itsJustJavascript/baker/buildAndDeploySite.js",
+        "batchTagWithGpt": "tsx --tsconfig tsconfig.tsx.json baker/batchTagWithGpt.ts",
+        "buildAndDeploySite": "tsx --tsconfig tsconfig.tsx.json baker/buildAndDeploySite.ts",
         "buildCoverage": "jest --coverage=true --coverageProvider=v8",
-        "buildLocalBake": "node --enable-source-maps ./itsJustJavascript/baker/buildLocalBake.js",
+        "buildLocalBake": "tsx --tsconfig tsconfig.tsx.json baker/buildLocalBake.ts",
         "buildTsc": "tsc -b -verbose",
         "buildLerna": "lerna run build",
         "buildViteAdmin": "vite build --config vite.config-admin.mts",
         "buildViteSite": "vite build --config vite.config-site.mts",
         "buildVite": "yarn buildViteSite && yarn buildViteAdmin",
-        "bakeGdocPosts": "node --enable-source-maps ./itsJustJavascript/baker/bakeGdocPosts.js",
+        "bakeGdocPosts": "tsx --tsconfig tsconfig.tsx.json baker/bakeGdocPosts.ts",
         "cleanTsc": "rm -rf itsJustJavascript && tsc -b -clean",
         "deployContentPreview": "PREVIEW_BRANCH=${PREVIEW_BRANCH:-} ./ops/buildkite/deploy-content-preview",
-        "fetchServerStatus": "node --enable-source-maps ./itsJustJavascript/baker/liveCommit.js",
+        "fetchServerStatus": "tsx --tsconfig tsconfig.tsx.json baker/liveCommit.ts",
         "fixLint": "eslint . --fix",
         "fixPrettierAll": "yarn prettier --write \"**/*.{tsx,ts,jsx,js,json,md,html,css,scss,yml}\"",
-        "runRegionsUpdater": "node --enable-source-maps ./itsJustJavascript/devTools/regionsUpdater/update.js",
-        "runDbMigrations": "yarn typeorm migration:run -d itsJustJavascript/db/dataSource.js",
-        "refreshPageviews": "node --enable-source-maps ./itsJustJavascript/db/refreshPageviewsFromDatasette.js",
-        "revertLastDbMigration": "yarn typeorm migration:revert -d itsJustJavascript/db/dataSource.js",
-        "runPostUpdateHook": "node --enable-source-maps ./itsJustJavascript/baker/postUpdatedHook.js",
+        "runRegionsUpdater": "tsx --tsconfig tsconfig.tsx.json devTools/regionsUpdater/update.ts",
+        "runDbMigrations": "tsx node_modules/typeorm/cli.js migration:run -d db/dataSource.ts",
+        "refreshPageviews": "tsx --tsconfig tsconfig.tsx.json db/refreshPageviewsFromDatasette.ts",
+        "revertLastDbMigration": "tsx node_modules/typeorm/cli.js migration:revert -d db/dataSource.ts",
+        "runPostUpdateHook": "tsx --tsconfig tsconfig.tsx.json baker/postUpdatedHook.ts",
         "startAdminServer": "node --enable-source-maps ./itsJustJavascript/adminSiteServer/app.js",
+        "startAdminDevServer": "tsx watch --tsconfig tsconfig.tsx.json adminSiteServer/app.tsx",
         "startLocalCloudflareFunctions": "wrangler pages dev localBake --compatibility-date 2023-10-09",
         "startDeployQueueServer": "node --enable-source-maps ./itsJustJavascript/baker/startDeployQueueServer.js",
         "startLernaWatcher": "lerna watch --scope '@ourworldindata/*' -- lerna run build --scope=\\$LERNA_PACKAGE_NAME --include-dependents",
-        "startTmuxServer": "node_modules/tmex/tmex dev \"yarn startTscServer\" \"yarn startLernaWatcher\" \"yarn startAdminServer\" \"yarn startViteServer\"",
-        "startTscServer": "tsc -b -verbose -watch",
+        "startTmuxServer": "node_modules/tmex/tmex dev \"yarn startLernaWatcher\" \"yarn startAdminDevServer\" \"yarn startViteServer\"",
         "startViteServer": "vite dev",
         "startSiteFront": "./devTools/vite/startVite.sh",
         "startLocalBakeServer": "http-server ./localBake -p 3000",
@@ -40,7 +40,7 @@
         "testLint": "eslint .",
         "testPrettierAll": "yarn prettier --check \"**/*.{tsx,ts,jsx,js,json,md,html,css,scss,yml}\"",
         "testJest": "lerna run buildTests && jest",
-        "testSiteNavigation": "node --enable-source-maps ./itsJustJavascript/devTools/navigationTest/navigationTest.js",
+        "testSiteNavigation": "tsx --tsconfig tsconfig.tsx.json devTools/navigationTest/navigationTest.ts",
         "generateDbTypes": "npx @rmp135/sql-ts -c db/sql-ts/sql-ts-config.json"
     },
     "dependencies": {
@@ -250,7 +250,7 @@
         "sass": "^1.69.5",
         "tmex": "^1.0.8",
         "topojson-server": "^3.0.1",
-        "tsc-watch": "^6.0.4",
+        "tsx": "^4.10.2",
         "vite": "^4.4.10",
         "vite-plugin-checker": "^0.6.4",
         "vite-plugin-warmup": "^0.1.0",

tsconfig.tsx.json

@@ -0,0 +1,8 @@
+// The top-level config has empty "files", which doesn't work for tsx
+// (https://tsx.is/). Seems to be only a problem when using decorators in our
+// code:
+// https://github.com/privatenumber/tsx/issues/393
+{
+    "extends": "./tsconfig.json",
+    "include": ["**/*"]
+}