AriPerkkio · Sep 7, 2026 · Sep 8, 2026 · Sep 8, 2026
diff --git a/.github/workflows/test-base.yml b/.github/workflows/test-base.yml
@@ -45,6 +45,9 @@ jobs:
           pnpm lint
           pnpm publint
 
+      - name: Run Typecheck
+        run: pnpm typecheck
+
       - uses: ./.github/actions/setup-playwright
 
       # Needed for additional browsers that Vitest unit tests use.

diff --git a/oxlint.config.ts b/oxlint.config.ts
@@ -5,8 +5,20 @@ export default defineConfig({
     typeAware: true,
   },
 
+  plugins: [
+    "import",
+
+    // Defaults:
+    "eslint",
+    "typescript",
+    "unicorn",
+    "oxc",
+  ],
+
   rules: {
     "unicorn/prefer-node-protocol": "error",
+    "typescript/consistent-type-imports": ["error", { fixStyle: "inline-type-imports" }],
+    "import/no-duplicates": "error",
   },
 
   overrides: [

diff --git a/package.json b/package.json
@@ -27,7 +27,8 @@
     "dev:server": "node test-server/server",
     "lint": "oxlint",
     "fmt": "oxfmt",
-    "publint": "pnpm -r --parallel --filter !@chromatic-com/shared-e2e exec publint",
+    "publint": "pnpm -r --parallel --no-bail --filter !@chromatic-com/shared-e2e exec publint",
+    "typecheck": "pnpm -r --parallel --no-bail run typecheck",
     "prepare": "husky install",
     "release": "pnpm build && pnpm changeset publish",
     "test:unit": "vitest run --configLoader=runner",

diff --git a/packages/cypress/package.json b/packages/cypress/package.json
@@ -39,6 +39,7 @@
   },
   "scripts": {
     "build": "tsdown",
+    "typecheck": "tsc --noEmit",
     "test:cypress": "start-server-and-test 'pnpm --filter @chromaui/chromatic-e2e dev:server' 3000 'pnpm test:do-cypress'",
     "test:do-cypress": "ELECTRON_EXTRA_LAUNCH_ARGS=--remote-debugging-port=8192 cypress run --project tests",
     "test:unit": "pnpm --filter @chromaui/chromatic-e2e run test:unit --project Cypress"
@@ -56,7 +57,8 @@
     "@storybook/server-webpack5": "10.2.13",
     "cypress": "15.18.0",
     "start-server-and-test": "^2.0.3",
-    "tsdown": "^0.22.14"
+    "tsdown": "^0.22.14",
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
     "cypress": ">=15.10.0"

diff --git a/packages/cypress/src/commands.ts b/packages/cypress/src/commands.ts
@@ -1,5 +1,5 @@
 import { takeSnapshot as takeChromaticSnapshot } from "./takeSnapshot";
-import { CypressSnapshot } from "./types";
+import { type CypressSnapshot } from "./types";
 
 declare global {
   // eslint-disable-next-line @typescript-eslint/no-namespace

diff --git a/packages/cypress/src/index.ts b/packages/cypress/src/index.ts
@@ -1,13 +1,13 @@
 import {
   ResourceArchiver,
   writeTestResult,
-  ChromaticStorybookParameters,
-  ResourceArchive,
-  Viewport,
+  type ChromaticStorybookParameters,
+  type ResourceArchive,
+  type Viewport,
 } from "@chromatic-com/shared-e2e";
 import CDP, { Version } from "chrome-remote-interface";
 
-import { CypressSnapshot } from "./types";
+import { type CypressSnapshot } from "./types";
 
 interface WriteParams {
   testTitlePath: string[];

diff --git a/packages/cypress/src/support.ts b/packages/cypress/src/support.ts
@@ -1,6 +1,6 @@
 import "./commands";
 import { takeSnapshot } from "./takeSnapshot";
-import { CypressSnapshot } from "./types";
+import { type CypressSnapshot } from "./types";
 
 const buildChromaticParams = (expose: Cypress.Cypress["expose"]) => ({
   ...(expose("diffThreshold") && {

diff --git a/packages/cypress/src/takeSnapshot.ts b/packages/cypress/src/takeSnapshot.ts
@@ -1,7 +1,7 @@
 import { createMirror, snapshot } from "@chromaui/rrweb-snapshot";
 import type { serializedNodeWithId } from "@rrweb/types";
 
-import { CypressSnapshot } from "./types";
+import { type CypressSnapshot } from "./types";
 
 export const takeSnapshot = (
   doc: Document,

diff --git a/packages/cypress/tsconfig.json b/packages/cypress/tsconfig.json
@@ -3,6 +3,6 @@
   "compilerOptions": {
     "types": ["node", "cypress"]
   },
-  "include": ["src", "scripts", "vitest.config.ts"],
-  "exclude": ["node_modules", "dist"]
+  "include": ["src", "scripts", "tests", "embedded.test.ts", "vitest.config.ts"],
+  "exclude": ["node_modules", "dist", "tests/cypress/test-downloads"]
 }
diff --git a/packages/playwright/package.json b/packages/playwright/package.json
@@ -36,6 +36,7 @@
   },
   "scripts": {
     "build": "tsdown",
+    "typecheck": "tsc --noEmit",
     "test:playwright": "playwright test",
     "test:unit": "pnpm --filter @chromaui/chromatic-e2e run test:unit --project Playwright"
   },
@@ -54,7 +55,8 @@
     "playwright": "^1.46.1",
     "playwright-core": "^1.46.1",
     "ts-dedent": "^2.2.0",
-    "tsdown": "^0.22.14"
+    "tsdown": "^0.22.14",
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
     "@playwright/test": "^1.0.0"

diff --git a/packages/playwright/src/createResourceArchive.test.ts b/packages/playwright/src/createResourceArchive.test.ts
@@ -1,8 +1,8 @@
-import { Server } from "node:http";
+import { type Server } from "node:http";
 
 import { logger } from "@chromatic-com/shared-e2e";
 import express, { type Request } from "express";
-import { Browser, chromium, Page } from "playwright";
+import { type Browser, chromium, type Page } from "playwright";
 import { dedent } from "ts-dedent";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 

diff --git a/packages/playwright/src/createResourceArchive.ts b/packages/playwright/src/createResourceArchive.ts
@@ -1,9 +1,9 @@
 import {
   ResourceArchiver,
-  ResourceArchive,
+  type ResourceArchive,
   DEFAULT_GLOBAL_RESOURCE_ARCHIVE_TIMEOUT_MS,
   logger,
-  HttpCredentials,
+  type HttpCredentials,
 } from "@chromatic-com/shared-e2e";
 import type { Page } from "@playwright/test";
 

diff --git a/packages/playwright/src/makeTest.test.ts b/packages/playwright/src/makeTest.test.ts
@@ -1,5 +1,5 @@
-import { Browser, chromium, Page } from "playwright";
-import { TestInfo } from "playwright/test";
+import { type Browser, chromium, type Page } from "playwright";
+import { type TestInfo } from "playwright/test";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 
 import { performChromaticSnapshot } from "./makeTest";

diff --git a/packages/playwright/src/takeSnapshot.test.ts b/packages/playwright/src/takeSnapshot.test.ts
@@ -1,6 +1,6 @@
-import { NodeType, serializedElementNodeWithId } from "@rrweb/types";
-import { Page } from "playwright";
-import { TestInfo } from "playwright/test";
+import { NodeType, type serializedElementNodeWithId } from "@rrweb/types";
+import { type Page } from "playwright";
+import { type TestInfo } from "playwright/test";
 import { beforeEach, describe, expect, it } from "vitest";
 
 import { chromaticSnapshots, takeSnapshot } from "./takeSnapshot";

diff --git a/packages/playwright/src/types.test-d.ts b/packages/playwright/src/types.test-d.ts
@@ -1,4 +1,4 @@
-import { Page, TestInfo } from "@playwright/test";
+import { type Page, type TestInfo } from "@playwright/test";
 import { expectTypeOf, test } from "vitest";
 
 import * as publicAPI from "../dist/index.mjs";

diff --git a/packages/playwright/tsconfig.json b/packages/playwright/tsconfig.json
@@ -1,4 +1,4 @@
 {
   "extends": "../../tsconfig.json",
-  "include": ["src", "vitest.config.ts"]
+  "include": ["src", "tests", "embedded.test.ts", "playwright.config.ts", "vitest.config.ts"]
 }
diff --git a/packages/shared/package.json b/packages/shared/package.json
@@ -16,7 +16,8 @@
     "./test-utils": "./src/test-utils"
   },
   "scripts": {
-    "test:unit": "pnpm --filter @chromaui/chromatic-e2e run test:unit --project Shared"
+    "test:unit": "pnpm --filter @chromaui/chromatic-e2e run test:unit --project Shared",
+    "typecheck": "tsc --noEmit"
   },
   "dependencies": {
     "@chromaui/rrweb-snapshot": "2.0.0-alpha.19-noAbsolute",
@@ -32,7 +33,7 @@
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
     "@types/node-fetch": "^2.6.6",
-    "mime": "^3.0.0",
+    "mime": "^4.0.0",
     "node-fetch": "2",
     "playwright": "^1.46.1",
     "playwright-core": "^1.46.1",

diff --git a/packages/shared/src/types.ts b/packages/shared/src/types.ts
@@ -1,6 +1,6 @@
-import { NodeType, serializedNodeWithId } from "@rrweb/types";
+import { type NodeType, type serializedNodeWithId } from "@rrweb/types";
 
-import { Viewport } from "./utils/viewport";
+import { type Viewport } from "./utils/viewport";
 
 export interface ChromaticConfig {
   /** https://www.chromatic.com/docs/delay/ */

diff --git a/packages/shared/src/utils/filePaths.test.ts b/packages/shared/src/utils/filePaths.test.ts
@@ -3,8 +3,14 @@ import fsPromises from "node:fs/promises";
 
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 
-import { archivesDir, ensureDir, outputFile, outputJSONFile, truncateFileName } from "./filePaths";
-import { removeLocalhostFromBaseUrl } from "./filePaths";
+import {
+  archivesDir,
+  ensureDir,
+  outputFile,
+  outputJSONFile,
+  truncateFileName,
+  removeLocalhostFromBaseUrl,
+} from "./filePaths";
 
 vi.mock("fs");
 vi.mock("fs/promises");

diff --git a/packages/shared/src/utils/nodes.ts b/packages/shared/src/utils/nodes.ts
@@ -1,4 +1,4 @@
-import { NodeType, serializedNodeWithId } from "@rrweb/types";
+import { NodeType, type serializedNodeWithId } from "@rrweb/types";
 
 import type { SerializedIframeNode } from "../types";
 

diff --git a/packages/shared/src/write-archive/dom-snapshot.test.ts b/packages/shared/src/write-archive/dom-snapshot.test.ts
@@ -1,4 +1,4 @@
-import { serializedNodeWithId } from "@rrweb/types";
+import { type serializedNodeWithId } from "@rrweb/types";
 import { describe, expect, it } from "vitest";
 
 import { DOMSnapshot } from "./dom-snapshot";
@@ -432,13 +432,13 @@ describe("DOMSnapshot", () => {
     it("maps pseudoClassIds", async () => {
       const domSnapshot = new DOMSnapshot({
         snapshot,
-        pseudoClassIds: { hover: [2, 3, 4], focus: [5, 6, 7], active: [8, 9, 10] },
+        pseudoClassIds: { ":hover": [2, 3, 4], ":focus": [5, 6, 7], ":active": [8, 9, 10] },
       });
 
       const mappedSnapshot = await domSnapshot.mapAssetPaths(sourceMap);
 
       expect(mappedSnapshot).toEqual(
-        `{"snapshot":${expectedMappedSnapshot},"pseudoClassIds":{"hover":[2,3,4],"focus":[5,6,7],"active":[8,9,10]}}`,
+        `{"snapshot":${expectedMappedSnapshot},"pseudoClassIds":{":hover":[2,3,4],":focus":[5,6,7],":active":[8,9,10]}}`,
       );
     });
   });