refactor: use project references

.gitignore

@@ -135,6 +135,7 @@ dist
 .yarn/install-state.gz
 .pnp.*
 
-# test build artifacts
+# build artifacts
 
-__fixtures__/dist
+__fixtures__/dist
+packages/*/build

babel.config.mjs

@@ -0,0 +1,6 @@
+export default {
+	presets: [
+		["@babel/preset-env", { targets: { node: "current" } }],
+		"@babel/preset-typescript",
+	],
+};

base-tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "target": "ES2024",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "noUncheckedIndexedAccess": true
+  }
+}

eslint.config.mjs

@@ -6,7 +6,7 @@ import globals from "globals";
 
 export default tseslint.config(
 	{
-		ignores: ["dist/**", "__fixtures__/dist/**"],
+		ignores: ["dist/**", "__fixtures__/dist/**", "packages/**/build"],
 	},
 	{
 		extends: [eslint.configs.recommended],

jest.config.mjs

@@ -1,13 +1,7 @@
-import { createJsWithTsEsmPreset } from "ts-jest";
-
-const presetConfig = createJsWithTsEsmPreset({
-	//...options
-});
-
 const jestConfig = {
-	...presetConfig,
 	preset: "jest-puppeteer",
 	globalSetup: "./jest-setup.mjs",
+	testPathIgnorePatterns: ["/node_modules/", "packages/.*/build"],
 };
 
 export default jestConfig;

package.json

@@ -7,8 +7,9 @@
     "test": "jest",
     "test:watch": "jest --watch",
     "install-puppeteer-browser": "puppeteer browsers install chrome",
-    "lint": "eslint . && prettier --list-different . && tsc",
+    "lint": "eslint . && prettier --list-different .",
     "build": "webpack",
+    "clean": "tsc --build --clean && find ./packages -type d -name \"build\" -exec rm -rf {} +",
     "format": "prettier --write .",
     "prepare": "husky"
   },
@@ -21,13 +22,17 @@
   "license": "BSD-3-Clause",
   "packageManager": "pnpm@10.6.2",
   "devDependencies": {
+    "@babel/core": "^7.26.10",
+    "@babel/preset-env": "^7.26.9",
+    "@babel/preset-typescript": "^7.27.0",
     "@eslint/js": "^9.22.0",
     "@freecodecamp/curriculum-helpers": "3.10.0",
     "@types/chai": "^4.3.20",
     "@types/enzyme": "^3.10.18",
     "@types/enzyme-adapter-react-16": "^1.0.9",
     "@types/jest": "^29.5.14",
     "@types/jquery": "^3.5.32",
+    "babel-jest": "^29.7.0",
     "chai": "^4.5.0",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.8",
@@ -45,7 +50,6 @@
     "prettier": "^3.5.3",
     "process": "^0.11.10",
     "puppeteer": "^24.4.0",
-    "ts-jest": "^29.2.6",
     "ts-loader": "^9.5.2",
     "typescript": "^5.8.2",
     "typescript-eslint": "^8.26.1",

__tests__/frame-test-evaluator.ts → packages/frame-evaluators/src/frame-test-evaluator.test.ts

@@ -1,6 +1,6 @@
 /* @jest-environment jsdom */
 
-import { FrameTestEvaluator } from "../src/test-evaluators/frame-test-evaluator";
+import { FrameTestEvaluator } from "./frame-test-evaluator";
 
 // This is a limited reset, but should be enough if we only add or remove
 // elements.

src/test-evaluators/frame-test-evaluator.ts → packages/frame-evaluators/src/frame-test-evaluator.ts

@@ -6,9 +6,9 @@ import type {
 	Fail,
 	TestEvent,
 	InitEvent,
-} from "./test-evaluator";
+} from "../../../types/test-evaluator";
 
-import type { ReadyEvent, ResultEvent } from "../test-runner";
+import type { ReadyEvent, ResultEvent } from "../../../types/test-runner";
 
 const READY_MESSAGE: ReadyEvent["data"] = { type: "ready" };
 

packages/frame-evaluators/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../../base-tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "lib": ["dom"],
+    "outDir": "./build"
+  }
+}

src/test-runner.ts → packages/main/src/test-runner.ts

@@ -1,6 +1,10 @@
-import type { InitTestFrameOptions } from "./test-evaluators/frame-test-evaluator";
-import type { InitEvent, TestEvent } from "./test-evaluators/test-evaluator";
-import type { InitWorkerOptions } from "./test-evaluators/worker-test-evaluator";
+import type { ReadyEvent, ResultEvent } from "../../../types/test-runner";
+import type {
+	InitEvent,
+	TestEvent,
+	InitWorkerOptions,
+	InitTestFrameOptions,
+} from "../../../types/test-evaluator";
 
 interface Runner {
 	init(opts?: InitOptions): Promise<void>;
@@ -33,9 +37,6 @@ type InitOptions = {
 	};
 };
 
-export type ReadyEvent = MessageEvent<{ type: "ready" }>;
-export type ResultEvent = MessageEvent<{ type: "result"; value: unknown }>;
-
 export class FrameTestRunner implements Runner {
 	#testEvaluator: HTMLIFrameElement;
 	#createTestEvaluator({ source, assetPath, script }: RunnerConfig) {

packages/main/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../base-tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "outDir": "./build"
+  }
+}

__tests__/worker-test-evaluator.ts → packages/workers/src/worker-test-evaluator.test.ts

@@ -1,6 +1,6 @@
 /* @jest-environment jsdom */
 
-import { WorkerTestEvaluator } from "../src/test-evaluators/worker-test-evaluator";
+import { WorkerTestEvaluator } from "./worker-test-evaluator";
 
 describe("WorkerTestEvaluator", () => {
 	let messenger: WorkerTestEvaluator;

src/test-evaluators/worker-test-evaluator.ts → packages/workers/src/worker-test-evaluator.ts

@@ -5,8 +5,8 @@ import type {
 	Fail,
 	InitEvent,
 	TestEvent,
-} from "./test-evaluator";
-import type { ResultEvent, ReadyEvent } from "../test-runner";
+} from "../../../types/test-evaluator";
+import type { ResultEvent, ReadyEvent } from "../../../types/test-runner";
 
 const READY_MESSAGE: ReadyEvent["data"] = { type: "ready" };
 declare global {

packages/workers/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../../base-tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "lib": ["WebWorker"],
+    "outDir": "./build"
+  }
+}