@crvy/rprtr 0.3.1 → 0.3.3

package/dist/server.cjs

@@ -35,7 +35,7 @@ __export(server_exports, {
 module.exports = __toCommonJS(server_exports);
 
 // src/server/app.ts
-var import_path9 = require("path");
+var import_path11 = require("path");
 var import_url = require("url");
 
 // src/offline-reports.ts
@@ -659,6 +659,47 @@ function mergeOfflineReportsIntoTests(existingTests, offlineReports, options = {
   };
 }
 
+// src/server/docker-env.ts
+var ENV_DENYLIST = /* @__PURE__ */ new Set([
+  "CI",
+  "PLAYWRIGHT_BROWSERS_PATH",
+  "CRVY_RPRTR_SERVER_URL",
+  "CRVY_RPRTR_PORTABLE_ARTIFACTS",
+  "TZ",
+  // The container must use its own home: a forwarded host HOME makes NSS (browser cert
+  // store init) and npm resolve their state under it, and a Windows-style value like
+  // `C:\Users\dev` is a *relative* path on Linux, so those tools would create a literal
+  // `C:\Users\dev/.local/share/pki/nssdb` tree under the container CWD — i.e. inside the
+  // bind-mounted project.
+  "HOME",
+  "NPM_CONFIG_CACHE",
+  "LANG",
+  "LC_ALL",
+  "PLAYWRIGHT_HTML_OPEN",
+  "PATH",
+  // Host paths that do not exist in the container: fontconfig resolves them to nothing and
+  // the browser ends up with no font directories at all (blank text). The container gets its
+  // AA from the mounted drop-in instead.
+  "FONTCONFIG_FILE",
+  "FONTCONFIG_PATH"
+]);
+var WINDOWS_ENV_NOISE = new Set(
+  "SYSTEMROOT COMSPEC WINDIR PATHEXT OS PROGRAMFILES PROGRAMFILES(X86) PROGRAMW6432 PROGRAMDATA ALLUSERSPROFILE PUBLIC APPDATA LOCALAPPDATA TEMP TMP USERPROFILE HOMEDRIVE HOMEPATH USERNAME PSMODULEPATH DRIVERDATA NUMBER_OF_PROCESSORS PROCESSOR_ARCHITECTURE PROCESSOR_LEVEL PROCESSOR_REVISION".split(
+    " "
+  )
+);
+var WINDOWS_PATH_VALUE = /^(?:[A-Za-z]:[\\/]|\\\\)/;
+function collectForwardedEnvNames(env, platform) {
+  const names = [];
+  for (const [key, value] of Object.entries(env)) {
+    const upper = key.toUpperCase();
+    if (ENV_DENYLIST.has(upper) || WINDOWS_ENV_NOISE.has(upper) || value === void 0) continue;
+    if (platform === "win32" && WINDOWS_PATH_VALUE.test(value)) continue;
+    names.push(key);
+  }
+  return names;
+}
+
 // src/server/docker-support.ts
 var import_child_process = require("child_process");
 var import_node_fs = require("node:fs");
@@ -822,6 +863,81 @@ function buildTestListEntries(tests, rootDir, cwd, pathStyle = "host") {
   });
 }
 
+// src/server/fontconfig.ts
+var import_fs2 = require("fs");
+var import_os2 = require("os");
+var import_path4 = require("path");
+
+// src/fontconfig.ts
+var import_fs = require("fs");
+var import_os = require("os");
+var import_path3 = require("path");
+var GRAYSCALE_MATCH = `  <match target="font">
+    <edit name="rgba" mode="assign"><const>none</const></edit>
+  </match>`;
+var HEADER = `<?xml version="1.0"?>
+<!DOCTYPE fontconfig SYSTEM "urn:fontconfig:fonts.dtd">
+<!-- Written by crvy-rprtr: pins grayscale text antialiasing for screenshot determinism. -->`;
+var GRAYSCALE_FONTCONFIG_XML = `${HEADER}
+<fontconfig>
+${GRAYSCALE_MATCH}
+</fontconfig>
+`;
+function grayscaleRootFontconfigXml(systemConfigPath) {
+  return `${HEADER}
+<fontconfig>
+  <include ignore_missing="no">${escapeXml(systemConfigPath)}</include>
+${GRAYSCALE_MATCH}
+</fontconfig>
+`;
+}
+function escapeXml(value) {
+  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+var SYSTEM_FONTCONFIG_PATHS = ["/etc/fonts/fonts.conf", "/usr/local/etc/fonts/fonts.conf"];
+function rootFontconfigPath() {
+  return (0, import_path3.join)((0, import_os.tmpdir)(), "crvy-rprtr", "fonts.conf");
+}
+function resolveSystemFontconfig(env = process.env, exists = import_fs.existsSync) {
+  const ours = rootFontconfigPath();
+  const candidates = [
+    env.FONTCONFIG_FILE,
+    env.FONTCONFIG_PATH === void 0 ? void 0 : (0, import_path3.join)(env.FONTCONFIG_PATH, "fonts.conf"),
+    ...SYSTEM_FONTCONFIG_PATHS
+  ];
+  for (const candidate of candidates) {
+    if (candidate === void 0 || candidate === ours) continue;
+    if (exists(candidate)) return candidate;
+  }
+  return null;
+}
+function ensureRootFontconfig(systemConfigPath) {
+  const path = rootFontconfigPath();
+  (0, import_fs.mkdirSync)((0, import_path3.join)((0, import_os.tmpdir)(), "crvy-rprtr"), { recursive: true });
+  const staging = `${path}.${process.pid}.tmp`;
+  (0, import_fs.writeFileSync)(staging, grayscaleRootFontconfigXml(systemConfigPath), "utf8");
+  (0, import_fs.renameSync)(staging, path);
+  return path;
+}
+function grayscaleFontconfigEnv(baseEnv = process.env, options = {}) {
+  if ((options.platform ?? process.platform) !== "linux") return null;
+  const systemConfig = resolveSystemFontconfig(baseEnv, options.exists);
+  if (systemConfig === null) return null;
+  return { FONTCONFIG_FILE: (options.writeConfig ?? ensureRootFontconfig)(systemConfig) };
+}
+
+// src/server/fontconfig.ts
+var CONTAINER_FONTCONFIG_PATH = "/etc/fonts/conf.d/99-crvy-rprtr-grayscale.conf";
+function hostFontconfigPath() {
+  return (0, import_path4.join)((0, import_os2.tmpdir)(), "crvy-rprtr", "99-crvy-rprtr-grayscale.conf");
+}
+function ensureGrayscaleFontconfig() {
+  const path = hostFontconfigPath();
+  (0, import_fs2.mkdirSync)((0, import_path4.join)((0, import_os2.tmpdir)(), "crvy-rprtr"), { recursive: true });
+  (0, import_fs2.writeFileSync)(path, GRAYSCALE_FONTCONFIG_XML, "utf8");
+  return path;
+}
+
 // src/server/run-controller.ts
 var import_child_process2 = require("child_process");
 var import_node_fs2 = require("node:fs");
@@ -838,7 +954,7 @@ function resolvePlaywrightLaunch(cwd, playwrightArgs) {
   if (resolved !== null) return { cmd: resolved.command, args: resolved.args };
   return { cmd: "npx", args: ["playwright", ...playwrightArgs] };
 }
-function buildSpawnEnv(port, baseEnv = process.env) {
+function buildSpawnEnv(port, baseEnv = process.env, options = {}) {
   const env = {};
   for (const [key, value] of Object.entries(baseEnv)) {
     if (key === "CI") continue;
@@ -846,6 +962,10 @@ function buildSpawnEnv(port, baseEnv = process.env) {
   }
   env.CRVY_RPRTR_SERVER_URL = `ws://localhost:${port}`;
   env.PLAYWRIGHT_HTML_OPEN = "never";
+  const { fontRendering = "grayscale", ...fontconfigOptions } = options;
+  if (fontRendering !== "inherit") {
+    Object.assign(env, grayscaleFontconfigEnv(baseEnv, fontconfigOptions) ?? {});
+  }
   return env;
 }
 function createLocalLauncher(options) {
@@ -854,7 +974,8 @@ function createLocalLauncher(options) {
     launch({ ctx, playwrightArgs }) {
       const resolve6 = options.resolveLaunch ?? resolvePlaywrightLaunch;
       const { cmd, args } = resolve6(ctx.cwd, playwrightArgs);
-      return { cmd, args, env: buildSpawnEnv(options.port, options.env) };
+      const { port, resolveLaunch: _resolveLaunch, env: baseEnv, ...spawnEnvOptions } = options;
+      return { cmd, args, env: buildSpawnEnv(port, baseEnv, spawnEnvOptions) };
     }
   };
 }
@@ -1061,22 +1182,6 @@ function createRealTimers() {
 // src/server/docker-launcher.ts
 var DOCKER_WORK_DIR = "/work";
 var DOCKER_HOST_GATEWAY = "host.docker.internal";
-var ENV_DENYLIST = /* @__PURE__ */ new Set([
-  "CI",
-  "PLAYWRIGHT_BROWSERS_PATH",
-  "CRVY_RPRTR_SERVER_URL",
-  "CRVY_RPRTR_PORTABLE_ARTIFACTS",
-  "TZ",
-  "LANG",
-  "LC_ALL",
-  "PLAYWRIGHT_HTML_OPEN",
-  "PATH"
-]);
-var WINDOWS_ENV_NOISE = new Set(
-  "SYSTEMROOT COMSPEC WINDIR PATHEXT OS PROGRAMFILES PROGRAMFILES(X86) PROGRAMW6432 PROGRAMDATA ALLUSERSPROFILE PUBLIC APPDATA LOCALAPPDATA TEMP TMP USERPROFILE HOMEDRIVE HOMEPATH USERNAME PSMODULEPATH DRIVERDATA NUMBER_OF_PROCESSORS PROCESSOR_ARCHITECTURE PROCESSOR_IDENTIFIER PROCESSOR_LEVEL PROCESSOR_REVISION".split(
-    " "
-  )
-);
 var DockerUnavailableError = class extends Error {
   constructor() {
     super("Docker daemon is not available");
@@ -1142,9 +1247,10 @@ function buildDockerRunArgs(ctx, playwrightArgs, deps) {
   args.push("-e", `CRVY_RPRTR_SERVER_URL=ws://${DOCKER_HOST_GATEWAY}:${deps.port}`);
   args.push("-e", "CRVY_RPRTR_PORTABLE_ARTIFACTS=1", "-e", "TZ=UTC", "-e", "LANG=C.UTF-8", "-e", "LC_ALL=C.UTF-8");
   args.push("-e", "PLAYWRIGHT_HTML_OPEN=never");
-  for (const [key, value] of Object.entries(deps.env)) {
-    const upper = key.toUpperCase();
-    if (ENV_DENYLIST.has(upper) || WINDOWS_ENV_NOISE.has(upper) || value === void 0) continue;
+  if (deps.docker?.fontRendering !== "inherit") {
+    args.push("-v", `${ensureGrayscaleFontconfig()}:${CONTAINER_FONTCONFIG_PATH}:ro`);
+  }
+  for (const key of collectForwardedEnvNames(deps.env, deps.platform)) {
     args.push("-e", key);
   }
   if (deps.docker?.extraArgs !== void 0) args.push(...deps.docker.extraArgs);
@@ -1207,7 +1313,8 @@ function buildLauncher(state, deps) {
         env: deps.baseEnv,
         image,
         command: state.command,
-        warn: deps.warn
+        warn: deps.warn,
+        platform: deps.platform
       });
       return { cmd: "docker", args, env: stripCi(deps.baseEnv) };
     },
@@ -1232,19 +1339,20 @@ function createDockerLauncher(options) {
 }
 
 // src/server/handlers.ts
-var import_fs2 = require("fs");
-var import_path6 = require("path");
+var import_fs4 = require("fs");
+var import_path8 = require("path");
 
 // src/server/artifact-routes.ts
-var import_fs = require("fs");
+var import_fs3 = require("fs");
 var import_promises3 = require("fs/promises");
-var import_path5 = require("path");
+var import_path7 = require("path");
 
 // src/snapshot-path-resolver.ts
 var import_crypto = require("crypto");
-var import_path3 = require("path");
+var import_path5 = require("path");
 var DEFAULT_SCREENSHOT_TEMPLATE = "{snapshotDir}/{testFileDir}/{testFileName}-snapshots/{arg}{-projectName}{-snapshotSuffix}{ext}";
 var WINDOWS_FILESYSTEM_FRIENDLY_LENGTH = 60;
+var PLAYWRIGHT_SNAPSHOT_NAME_LIMIT = 100;
 function isUnsafeFilePathCharacter(character) {
   const codePoint = character.codePointAt(0);
   return codePoint !== void 0 && (codePoint <= 44 || codePoint >= 46 && codePoint <= 47 || codePoint >= 58 && codePoint <= 64 || codePoint >= 91 && codePoint <= 96 || codePoint >= 123 && codePoint <= 127);
@@ -1277,16 +1385,16 @@ function trimLongString(value, length = WINDOWS_FILESYSTEM_FRIENDLY_LENGTH) {
   const end = length - middle.length - start;
   return value.slice(0, start) + middle + value.slice(-end);
 }
-function sanitizeFilePathBeforeExtension(filePath, extension = (0, import_path3.extname)(filePath)) {
+function sanitizeFilePathBeforeExtension(filePath, extension = (0, import_path5.extname)(filePath)) {
   const base = filePath.slice(0, filePath.length - extension.length);
   return sanitizeForFilePath(base) + extension;
 }
 function addSuffixToFilePath(filePath, suffix) {
-  const extension = (0, import_path3.extname)(filePath);
+  const extension = (0, import_path5.extname)(filePath);
   return filePath.slice(0, filePath.length - extension.length) + suffix + extension;
 }
 function normalizedSnapshotDir(config) {
-  return (0, import_path3.resolve)(config.configDir, config.snapshotDir);
+  return (0, import_path5.resolve)(config.configDir, config.snapshotDir);
 }
 function templateValue(template, token, value) {
   return template.replace(
@@ -1296,8 +1404,8 @@ function templateValue(template, token, value) {
 }
 function applyTemplate(input, nameArgument, extension) {
   const template = input.config.toHaveScreenshotPathTemplate ?? input.config.snapshotPathTemplate ?? DEFAULT_SCREENSHOT_TEMPLATE;
-  const relativeTestFilePath = (0, import_path3.relative)(input.config.testDir, input.testFile);
-  const parsed = (0, import_path3.parse)(relativeTestFilePath);
+  const relativeTestFilePath = (0, import_path5.relative)(input.config.testDir, input.testFile);
+  const parsed = (0, import_path5.parse)(relativeTestFilePath);
   const tokens = [
     ["testDir", input.config.testDir],
     ["snapshotDir", normalizedSnapshotDir(input.config)],
@@ -1315,16 +1423,16 @@ function applyTemplate(input, nameArgument, extension) {
     (currentTemplate, [token, value]) => templateValue(currentTemplate, token, value),
     template
   );
-  return (0, import_path3.resolve)(input.config.configDir, snapshotPath);
+  return (0, import_path5.resolve)(input.config.configDir, snapshotPath);
 }
-function removeExtension(filePath, extension = (0, import_path3.extname)(filePath)) {
+function removeExtension(filePath, extension = (0, import_path5.extname)(filePath)) {
   return filePath.slice(0, filePath.length - extension.length);
 }
 function snapshotNameParts(declaredName) {
-  const extension = (0, import_path3.extname)(declaredName) || ".png";
+  const extension = (0, import_path5.extname)(declaredName) || ".png";
   return {
     extension,
-    filePath: (0, import_path3.extname)(declaredName) === "" ? `${declaredName}${extension}` : declaredName
+    filePath: (0, import_path5.extname)(declaredName) === "" ? `${declaredName}${extension}` : declaredName
   };
 }
 function filePathForOccurrence(filePath, occurrenceIndex) {
@@ -1348,7 +1456,7 @@ function resolveStringCallTarget(input, declaration) {
 function resolveArrayCallTarget(input, declaration) {
   const { extension, filePath } = snapshotNameParts(declaration.declaredName);
   const occurrenceFilePath = filePathForOccurrence(filePath, declaration.occurrenceIndex);
-  const nameArgument = (0, import_path3.join)((0, import_path3.dirname)(occurrenceFilePath), (0, import_path3.basename)(occurrenceFilePath, extension));
+  const nameArgument = (0, import_path5.join)((0, import_path5.dirname)(occurrenceFilePath), (0, import_path5.basename)(occurrenceFilePath, extension));
   return createResolvedBaselineTarget(input, declaration, nameArgument, extension);
 }
 function resolveNamedTarget(input, declaration) {
@@ -1374,7 +1482,11 @@ function reporterTitlesWithoutProjectAndFile(reporterTitlePath2) {
   return reporterTitlePath2.slice(3).filter((part) => part !== "");
 }
 function anonymousNameFromTitles(titles, occurrenceIndex) {
-  return sanitizeFilePathBeforeExtension(trimLongString(`${titles.join(" ")} ${occurrenceIndex}.png`), ".png");
+  const fullTitleWithoutSpec = `${titles.join(" ")} ${occurrenceIndex}`;
+  return sanitizeFilePathBeforeExtension(
+    `${trimLongString(fullTitleWithoutSpec, PLAYWRIGHT_SNAPSHOT_NAME_LIMIT)}.png`,
+    ".png"
+  );
 }
 function anonymousName(reporterTitlePath2, occurrenceIndex) {
   return anonymousNameFromTitles(reporterTitlesWithoutProjectAndFile(reporterTitlePath2), occurrenceIndex);
@@ -1386,7 +1498,7 @@ function resolveTarget(input, declaration) {
     case "unnamed": {
       const anonymousFileName = anonymousName(input.reporterTitlePath, declaration.occurrenceIndex);
       const extension = ".png";
-      const nameArgument = (0, import_path3.join)((0, import_path3.dirname)(anonymousFileName), (0, import_path3.basename)(anonymousFileName, extension));
+      const nameArgument = (0, import_path5.join)((0, import_path5.dirname)(anonymousFileName), (0, import_path5.basename)(anonymousFileName, extension));
       return createResolvedBaselineTarget(input, declaration, nameArgument, extension);
     }
   }
@@ -1399,7 +1511,7 @@ function resolveBaselineTargets(input) {
 }
 
 // src/server/utils.ts
-var import_path4 = require("path");
+var import_path6 = require("path");
 var LIVE_UPDATES_WEBSOCKET_PATH = "/";
 function broadcastToBrowsers(wsClients, msg) {
   const payload = JSON.stringify(msg);
@@ -1411,10 +1523,10 @@ function isWebSocketUpgradeRequest(req) {
   return new URL(req.url).pathname === LIVE_UPDATES_WEBSOCKET_PATH && req.headers.get("upgrade")?.toLowerCase() === "websocket";
 }
 function isPathWithinRoots(target, roots) {
-  const resolvedTarget = (0, import_path4.resolve)(target);
+  const resolvedTarget = (0, import_path6.resolve)(target);
   return roots.some((root) => {
-    const rel = (0, import_path4.relative)((0, import_path4.resolve)(root), resolvedTarget);
-    return rel === "" || !rel.startsWith(`..${import_path4.sep}`) && rel !== ".." && !(0, import_path4.isAbsolute)(rel);
+    const rel = (0, import_path6.relative)((0, import_path6.resolve)(root), resolvedTarget);
+    return rel === "" || !rel.startsWith(`..${import_path6.sep}`) && rel !== ".." && !(0, import_path6.isAbsolute)(rel);
   });
 }
 
@@ -1432,7 +1544,7 @@ async function handleFile(ctx, req) {
   let decodedPath;
   try {
     rawDecoded = decodeURIComponent(new URL(req.url).pathname.slice("/file/".length));
-    decodedPath = (0, import_path5.resolve)(rawDecoded);
+    decodedPath = (0, import_path7.resolve)(rawDecoded);
   } catch {
     return notFound();
   }
@@ -1445,7 +1557,7 @@ async function handleFile(ctx, req) {
     }
     return notFound();
   }
-  const realRoots = (await Promise.all((ctx.artifactRoots ?? []).map((root) => realpathOrNull((0, import_path5.resolve)(root))))).filter(
+  const realRoots = (await Promise.all((ctx.artifactRoots ?? []).map((root) => realpathOrNull((0, import_path7.resolve)(root))))).filter(
     (root) => root !== null
   );
   if (!isPathWithinRoots(realTarget, realRoots)) {
@@ -1478,14 +1590,14 @@ function resolveBaselineSnapshotPath(routing, test, retry, imageName) {
     declarations: [declaration],
     config: {
       configDir: routing.configDir,
-      testDir: routing.playwrightTestDir ?? (0, import_path5.dirname)(testFile),
-      snapshotDir: routing.playwrightSnapshotDir ?? (0, import_path5.dirname)(testFile),
+      testDir: routing.playwrightTestDir ?? (0, import_path7.dirname)(testFile),
+      snapshotDir: routing.playwrightSnapshotDir ?? (0, import_path7.dirname)(testFile),
       projectName: test.projectName ?? test.browser,
       snapshotSuffix: isContainerPath ? "linux" : process.platform,
       snapshotPathTemplate: routing.playwrightSnapshotPathTemplate,
       toHaveScreenshotPathTemplate: routing.playwrightToHaveScreenshotPathTemplate
     },
-    snapshotPathExists: import_fs.existsSync
+    snapshotPathExists: import_fs3.existsSync
   });
   return targets.length === 1 ? targets[0]?.snapshotPath ?? null : null;
 }
@@ -1551,7 +1663,7 @@ function enrichDeclaredBaselines(ctx, test) {
       continue;
     }
     const snapshotPath = resolveBaselineSnapshotPath(ctx.approvalRouting, test, retry, visualName);
-    if (snapshotPath === null || !(0, import_fs2.existsSync)(snapshotPath)) {
+    if (snapshotPath === null || !(0, import_fs4.existsSync)(snapshotPath)) {
       continue;
     }
     image.expect = `/baseline/${encodeURIComponent(test.id)}/${retry}/${encodeURIComponent(visualName)}`;
@@ -1656,11 +1768,11 @@ function handleRegister(ctx, rawData) {
   });
 }
 function buildRunContext(configFile, data) {
-  const configDir = (0, import_path6.dirname)(configFile);
+  const configDir = (0, import_path8.dirname)(configFile);
   return {
     configFile,
     cwd: configDir,
-    rootDir: data.playwrightRootDir ?? (data.playwrightTestDir === void 0 ? configDir : (0, import_path6.resolve)(configDir, data.playwrightTestDir))
+    rootDir: data.playwrightRootDir ?? (data.playwrightTestDir === void 0 ? configDir : (0, import_path8.resolve)(configDir, data.playwrightTestDir))
   };
 }
 
@@ -1693,7 +1805,11 @@ async function resolveRunBackend(options) {
       console.warn(`[crvy-rprtr] ${message}`);
     }
   });
-  const launcher = resolvedRunMode === "docker" ? createDockerLauncher({ port: options.port, docker: options.docker, exec: dockerExec }) : createLocalLauncher({ port: options.port });
+  const launcher = resolvedRunMode === "docker" ? createDockerLauncher({
+    port: options.port,
+    docker: { fontRendering: options.fontRendering, ...options.docker },
+    exec: dockerExec
+  }) : createLocalLauncher({ port: options.port, fontRendering: options.fontRendering });
   return {
     launcher,
     routesContextOptions: {
@@ -1704,7 +1820,7 @@ async function resolveRunBackend(options) {
 }
 
 // src/server/playwright-config.ts
-var import_path7 = require("path");
+var import_path9 = require("path");
 var CONFIG_FILES = [
   "playwright.config.ts",
   "playwright.config.mts",
@@ -1716,14 +1832,14 @@ var CONFIG_FILES = [
 async function resolvePlaywrightConfig(cwd) {
   const matches = await Promise.all(
     CONFIG_FILES.map(async (file) => {
-      const candidate = (0, import_path7.join)(cwd, file);
+      const candidate = (0, import_path9.join)(cwd, file);
       return await fileExists(candidate) ? candidate : null;
     })
   );
   return matches.find((path) => path !== null) ?? null;
 }
 function resolveSeedConfigFile(option, cwd) {
-  return option === void 0 ? resolvePlaywrightConfig(cwd) : Promise.resolve((0, import_path7.resolve)(cwd, option));
+  return option === void 0 ? resolvePlaywrightConfig(cwd) : Promise.resolve((0, import_path9.resolve)(cwd, option));
 }
 
 // src/server/report-persistence.ts
@@ -1806,7 +1922,7 @@ function createRoutesContext(reportData, staticDir, saveReport, options) {
 }
 
 // src/server/routes.ts
-var import_path8 = require("path");
+var import_path10 = require("path");
 
 // src/server/run-routes.ts
 function handleRunRoutes(pathname, method, runController, req) {
@@ -1845,7 +1961,7 @@ function handleApiStop(runController) {
 
 // src/server/routes.ts
 async function handleRoot(ctx) {
-  const html = await respondWithFile((0, import_path8.join)(ctx.staticDir, "index.html"), "text/html");
+  const html = await respondWithFile((0, import_path10.join)(ctx.staticDir, "index.html"), "text/html");
   return html ?? new Response("Not Found", { status: 404 });
 }
 async function handleAppCss() {
@@ -1869,7 +1985,7 @@ function handleApiReport(ctx) {
 var APPROVAL_TARGET_ERROR = "Could not resolve approval target";
 function actualPathFromUrl(ctx, actualUrl) {
   if (actualUrl.startsWith("/screenshots/")) {
-    return (0, import_path8.join)(ctx.reportData.screenshotDir, actualUrl.slice("/screenshots/".length));
+    return (0, import_path10.join)(ctx.reportData.screenshotDir, actualUrl.slice("/screenshots/".length));
   }
   if (actualUrl.startsWith("/file/")) {
     return decodeURIComponent(actualUrl.slice("/file/".length));
@@ -1991,7 +2107,7 @@ async function handleScreenshots(ctx, req) {
 }
 async function handleDist(ctx, req) {
   const path = new URL(req.url).pathname.slice("/dist/".length);
-  const filePath = (0, import_path8.join)(ctx.staticDir, path);
+  const filePath = (0, import_path10.join)(ctx.staticDir, path);
   const contentType = filePath.endsWith(".css") ? "text/css" : filePath.endsWith(".js") ? "application/javascript" : filePath.endsWith(".svelte") ? "text/plain" : "application/octet-stream";
   const file = await respondWithFile(filePath, contentType);
   return file ?? new Response("Not Found", { status: 404 });
@@ -2178,19 +2294,19 @@ function createWebSocketMessageHandler(getHandlerContext) {
   };
 }
 async function resolveStaticDir(staticDir) {
-  const currentDir = (0, import_path9.dirname)((0, import_url.fileURLToPath)(import_meta2.url));
+  const currentDir = (0, import_path11.dirname)((0, import_url.fileURLToPath)(import_meta2.url));
   const candidates = staticDir === void 0 ? [
     currentDir,
-    (0, import_path9.join)(currentDir, "dist"),
-    (0, import_path9.join)(currentDir, "..", "dist"),
-    (0, import_path9.join)(currentDir, "..", "..", "dist"),
-    (0, import_path9.join)(currentDir, ".."),
-    (0, import_path9.join)(currentDir, "..", "..")
-  ] : [staticDir, (0, import_path9.join)(staticDir, "dist")];
+    (0, import_path11.join)(currentDir, "dist"),
+    (0, import_path11.join)(currentDir, "..", "dist"),
+    (0, import_path11.join)(currentDir, "..", "..", "dist"),
+    (0, import_path11.join)(currentDir, ".."),
+    (0, import_path11.join)(currentDir, "..", "..")
+  ] : [staticDir, (0, import_path11.join)(staticDir, "dist")];
   const resolvedCandidates = await Promise.all(
     candidates.map(async (candidate) => ({
       candidate,
-      exists: await fileExists((0, import_path9.join)(candidate, "index.html"))
+      exists: await fileExists((0, import_path11.join)(candidate, "index.html"))
     }))
   );
   const resolved = resolvedCandidates.find(({ exists }) => exists);
@@ -2201,9 +2317,9 @@ async function resolveStaticDir(staticDir) {
 }
 async function resolveReportPath(reportPath) {
   if (await isDirectory(reportPath)) {
-    return { reportFile: (0, import_path9.join)(reportPath, "report.json"), offlineReportDir: reportPath };
+    return { reportFile: (0, import_path11.join)(reportPath, "report.json"), offlineReportDir: reportPath };
   }
-  return { reportFile: reportPath, offlineReportDir: (0, import_path9.dirname)(reportPath) };
+  return { reportFile: reportPath, offlineReportDir: (0, import_path11.dirname)(reportPath) };
 }
 async function seedRunContext(routesContext, options) {
   if (routesContext.runContext !== void 0) {
@@ -2218,6 +2334,7 @@ async function setupRoutesContext(options, reportData, staticDir, saveReport, po
   const { launcher, routesContextOptions } = await resolveRunBackend({
     runMode: options.runMode,
     docker: options.docker,
+    fontRendering: options.fontRendering,
     port
   });
   const routesContext = createRoutesContext(reportData, staticDir, saveReport, {

package/dist/server.js

@@ -1,7 +1,8 @@
 import {
   startServer
-} from "./chunk-4CVHIHAJ.js";
-import "./chunk-4YJL655E.js";
+} from "./chunk-NXW25MU3.js";
+import "./chunk-7YLKL3SL.js";
+import "./chunk-7JUICMVX.js";
 export {
   startServer
 };

package/dist/snapshot-path-resolver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"snapshot-path-resolver.d.ts","sourceRoot":"","sources":["../src/snapshot-path-resolver.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAA8B,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAM5F,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,oBAAoB,CAAC,EAAE,MAAM,CAAA;IACtC,QAAQ,CAAC,4BAA4B,CAAC,EAAE,MAAM,CAAA;CAC/C;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,iBAAiB,EAAE,SAAS,MAAM,EAAE,CAAA;IAC7C,QAAQ,CAAC,YAAY,EAAE,SAAS,qBAAqB,EAAE,CAAA;IACvD,QAAQ,CAAC,MAAM,EAAE,sBAAsB,CAAA;IACvC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAA;CAChE;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,kBAAkB,EAAE,MAAM,CAAA;IACnC,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAA;IACjC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;CAC9B;AAeD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAsBlD;AAED,iBAAS,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,SAAqC,GAAG,MAAM,CAW1F;AAED,iBAAS,+BAA+B,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,SAAoB,GAAG,MAAM,CAGhG;AAED,iBAAS,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAGrE;AAsID,wBAAgB,6BAA6B,CAC3C,iBAAiB,EAAE,SAAS,MAAM,EAAE,EACpC,eAAe,EAAE,MAAM,GACtB,MAAM,GAAG,IAAI,CAGf;AAqBD,wBAAgB,uBAAuB,CACrC,YAAY,EAAE,SAAS,qBAAqB,EAAE,EAC9C,iBAAiB,EAAE,SAAS,MAAM,EAAE,GACnC,qBAAqB,EAAE,CASzB;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,qBAAqB,GAAG,sBAAsB,EAAE,CAK7F;AAED,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,+BAA+B,EAAE,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"snapshot-path-resolver.d.ts","sourceRoot":"","sources":["../src/snapshot-path-resolver.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAA8B,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAU5F,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,oBAAoB,CAAC,EAAE,MAAM,CAAA;IACtC,QAAQ,CAAC,4BAA4B,CAAC,EAAE,MAAM,CAAA;CAC/C;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,iBAAiB,EAAE,SAAS,MAAM,EAAE,CAAA;IAC7C,QAAQ,CAAC,YAAY,EAAE,SAAS,qBAAqB,EAAE,CAAA;IACvD,QAAQ,CAAC,MAAM,EAAE,sBAAsB,CAAA;IACvC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,OAAO,CAAA;CAChE;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,kBAAkB,EAAE,MAAM,CAAA;IACnC,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAA;IACjC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;CAC9B;AAeD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAsBlD;AAED,iBAAS,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,SAAqC,GAAG,MAAM,CAW1F;AAED,iBAAS,+BAA+B,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,SAAoB,GAAG,MAAM,CAGhG;AAED,iBAAS,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAGrE;AA0ID,wBAAgB,6BAA6B,CAC3C,iBAAiB,EAAE,SAAS,MAAM,EAAE,EACpC,eAAe,EAAE,MAAM,GACtB,MAAM,GAAG,IAAI,CAGf;AAqBD,wBAAgB,uBAAuB,CACrC,YAAY,EAAE,SAAS,qBAAqB,EAAE,EAC9C,iBAAiB,EAAE,SAAS,MAAM,EAAE,GACnC,qBAAqB,EAAE,CASzB;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,qBAAqB,GAAG,sBAAsB,EAAE,CAK7F;AAED,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,+BAA+B,EAAE,mBAAmB,EAAE,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crvy/rprtr",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "Playwright reporter with visual regression UI for comparing and approving screenshot tests",
   "keywords": [
     "crvy",
@@ -44,6 +44,12 @@
       "require": "./dist/server.cjs",
       "default": "./dist/server.js"
     },
+    "./rendering": {
+      "types": "./dist/rendering.d.ts",
+      "import": "./dist/rendering.js",
+      "require": "./dist/rendering.cjs",
+      "default": "./dist/rendering.js"
+    },
     "./types": {
       "types": "./dist/types.d.ts"
     }
@@ -69,6 +75,7 @@
     "check": "./scripts/check.sh",
     "check:staged": "./scripts/check.sh --staged",
     "example": "cd examples/playwright && bunx playwright test",
+    "example:ct": "cd examples/component-testing && bunx playwright test",
     "changelog:preview": "git-cliff --dry-run",
     "changelog:generate": "git-cliff -o CHANGELOG.md",
     "prepublishOnly": "bun run build && bunx publint",
@@ -83,7 +90,7 @@
   "devDependencies": {
     "@playwright/test": "1.59.0",
     "@tailwindcss/postcss": "^4.2.2",
-    "@types/bun": "latest",
+    "@types/bun": "^1.4.0",
     "@types/ws": "^8.18.1",
     "esbuild": "^0.27.4",
     "esbuild-svelte": "^0.9.4",
@@ -102,7 +109,7 @@
     "@playwright/test": ">=1.40"
   },
   "engines": {
-    "bun": ">=1.0.0",
+    "bun": ">=1.4.0",
     "node": ">=22"
   }
 }