cozyclay 3.0.2 → 3.1.0

package/tools/metrics/archive-traffic.mjs

@@ -1,138 +0,0 @@
-#!/usr/bin/env node
-// Archive GitHub repository traffic into .metrics/.
-//
-// GitHub keeps traffic for 14 days. That is shorter than the time it takes to
-// tell whether a launch worked, so this snapshots the numbers and merges them
-// into a permanent time series.
-//
-// The traffic endpoints need repository admin rights, which the Actions
-// GITHUB_TOKEN does not have. So this runs wherever a real credential lives:
-// pass one in GITHUB_TOKEN / GH_TOKEN, or let it fall back to the token git
-// already stores for github.com.
-
-import { writeFile, readFile, mkdir } from "node:fs/promises";
-import { existsSync } from "node:fs";
-import { spawn } from "node:child_process";
-import path from "node:path";
-
-const REPO = process.env.TRAFFIC_REPO ?? "NomaDamas/CozyClay";
-const OUT = path.resolve(process.env.TRAFFIC_OUT ?? ".metrics");
-
-async function resolveToken() {
-	const fromEnv = process.env.GITHUB_TOKEN ?? process.env.GH_TOKEN;
-	if (fromEnv) return fromEnv;
-
-	// git credential fill speaks a key=value protocol on stdin/stdout, and it
-	// blocks until stdin is closed — so the request has to be written and the
-	// pipe ended explicitly.
-	const stdout = await new Promise((resolve) => {
-		const child = spawn("git", ["credential", "fill"], { stdio: ["pipe", "pipe", "ignore"] });
-		let out = "";
-		const done = (value) => resolve(value);
-		const timer = setTimeout(() => {
-			child.kill();
-			done("");
-		}, 10_000);
-		child.stdout.on("data", (chunk) => (out += chunk));
-		child.on("error", () => {
-			clearTimeout(timer);
-			done("");
-		});
-		child.on("close", () => {
-			clearTimeout(timer);
-			done(out);
-		});
-		child.stdin.end(`protocol=https\nhost=github.com\npath=${REPO}.git\n\n`);
-	});
-
-	const line = stdout.split("\n").find((l) => l.startsWith("password="));
-	if (!line) throw new Error("no GitHub token: set GITHUB_TOKEN or sign in to git");
-	return line.slice("password=".length);
-}
-
-async function api(token, endpoint) {
-	const res = await fetch(`https://api.github.com/repos/${REPO}/traffic/${endpoint}`, {
-		headers: {
-			authorization: `Bearer ${token}`,
-			accept: "application/vnd.github+json",
-			"x-github-api-version": "2022-11-28",
-		},
-	});
-	if (!res.ok) {
-		const body = await res.text();
-		throw new Error(`${endpoint} -> ${res.status}: ${body.slice(0, 200)}`);
-	}
-	return res.json();
-}
-
-async function readJson(file, fallback) {
-	const p = path.join(OUT, file);
-	if (!existsSync(p)) return fallback;
-	try {
-		return JSON.parse(await readFile(p, "utf8"));
-	} catch {
-		return fallback;
-	}
-}
-
-const sortKeys = (obj) => Object.fromEntries(Object.entries(obj).sort(([a], [b]) => a.localeCompare(b)));
-
-async function writeJson(file, data) {
-	await writeFile(path.join(OUT, file), JSON.stringify(sortKeys(data), null, 2) + "\n");
-}
-
-const token = await resolveToken();
-await mkdir(OUT, { recursive: true });
-
-const [views, clones, referrers, paths] = await Promise.all([
-	api(token, "views"),
-	api(token, "clones"),
-	api(token, "popular/referrers"),
-	api(token, "popular/paths"),
-]);
-
-// Daily counts are keyed by date, so re-running the same day corrects the row
-// instead of appending a duplicate.
-const daily = await readJson("daily.json", {});
-for (const [kind, payload] of [
-	["views", views],
-	["clones", clones],
-]) {
-	for (const row of payload[kind] ?? []) {
-		const day = row.timestamp.slice(0, 10);
-		daily[day] ??= {};
-		daily[day][kind] = row.count;
-		daily[day][`${kind}_uniques`] = row.uniques;
-	}
-}
-await writeJson("daily.json", daily);
-
-// Referrers and paths are 14-day rollups on GitHub's side, not per-day values,
-// so they are kept as dated snapshots rather than merged.
-const today = new Date().toISOString().slice(0, 10);
-for (const [file, payload] of [
-	["referrers.json", referrers],
-	["paths.json", paths],
-]) {
-	const history = await readJson(file, {});
-	history[today] = payload;
-	await writeJson(file, history);
-}
-
-const rows = Object.entries(daily).sort(([a], [b]) => a.localeCompare(b));
-await writeFile(
-	path.join(OUT, "daily.csv"),
-	["date,views,views_uniques,clones,clones_uniques"]
-		.concat(
-			rows.map(([day, v]) =>
-				[day, v.views ?? "", v.views_uniques ?? "", v.clones ?? "", v.clones_uniques ?? ""].join(","),
-			),
-		)
-		.join("\n") + "\n",
-);
-
-const totalViews = rows.reduce((sum, [, v]) => sum + (v.views ?? 0), 0);
-console.log(
-	`archived ${rows.length} days (${totalViews} views total) · top referrer: ` +
-		`${referrers[0]?.referrer ?? "none"} (${referrers[0]?.uniques ?? 0} uniques)`,
-);

package/tools/perf/ik-camera-drag.mjs

@@ -1,138 +0,0 @@
-#!/usr/bin/env node
-/**
- * Real-surface IK camera-drag frame-time probe. The browser is supplied by
- * tools/qa-browser.mjs; this script only drives the page over CDP.
- */
-import { writeFileSync } from "node:fs";
-
-const port = Number(process.env.CDP_PORT || 9284);
-const baseUrl = process.env.QA_URL || "http://127.0.0.1:5284/app/";
-const perfDpr = Number(process.env.PERF_DPR || 1);
-if (!(perfDpr > 0)) throw new Error(`PERF_DPR must be positive, got ${process.env.PERF_DPR}`);
-const perfWidth = 1920;
-const perfHeight = 1200;
-const target = (await (await fetch(`http://127.0.0.1:${port}/json`)).json()).find((item) => item.type === "page" && item.webSocketDebuggerUrl);
-if (!target) throw new Error(`no page target on CDP port ${port}`);
-const ws = new WebSocket(target.webSocketDebuggerUrl);
-await new Promise((resolve, reject) => { ws.onopen = resolve; ws.onerror = reject; });
-let nextId = 1;
-const pending = new Map();
-ws.onmessage = (event) => {
-	const message = JSON.parse(event.data);
-	if (!message.id || !pending.has(message.id)) return;
-	const request = pending.get(message.id);
-	pending.delete(message.id);
-	if (message.error) request.reject(new Error(JSON.stringify(message.error)));
-	else request.resolve(message.result);
-};
-const send = (method, params = {}) => new Promise((resolve, reject) => {
-	const id = nextId++;
-	pending.set(id, { resolve, reject });
-	ws.send(JSON.stringify({ id, method, params }));
-});
-const evaluate = async (expression) => {
-	const result = await send("Runtime.evaluate", { expression, returnByValue: true, awaitPromise: true });
-	if (result.exceptionDetails) throw new Error(result.exceptionDetails.exception?.description || "browser evaluation failed");
-	return result.result.value;
-};
-const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
-const waitFor = async (expression, timeoutMs = 15000) => {
-	const deadline = Date.now() + timeoutMs;
-	while (Date.now() < deadline) {
-		if (await evaluate(expression)) return;
-		await sleep(50);
-	}
-	throw new Error(`timed out waiting for ${expression}`);
-};
-
-await send("Runtime.enable");
-await send("Page.enable");
-// Match the reporter's high-resolution surface before the page creates its
-// renderer; setting this after navigation leaves canvas allocation at DPR 1.
-await send("Emulation.setDeviceMetricsOverride", {
-	width: perfWidth,
-	height: perfHeight,
-	deviceScaleFactor: perfDpr,
-	mobile: false,
-});
-await send("Profiler.enable");
-await send("Page.navigate", { url: `${baseUrl}?motion=/demo/walk-then-stop.npz` });
-await waitFor("!!window.__cozyclay?.rigA && !!window.__cozyclay?.motion");
-await evaluate(`(() => { const button = [...document.querySelectorAll("button")].find((item) => item.textContent.trim() === "IK off"); if (!button) throw new Error("IK toggle missing"); button.click(); return true; })()`);
-await waitFor("window.__cozyclay?.ikMode === true && !!window.__ikVisibilityPerformance");
-await sleep(500);
-const renderer = await evaluate(`(() => {
-	const canvas = document.querySelector("canvas");
-	const context = canvas?.getContext("webgl2") || canvas?.getContext("webgl");
-	const debug = context?.getExtension("WEBGL_debug_renderer_info");
-	return {
-		userAgent: navigator.userAgent,
-		requestedDevicePixelRatio: ${perfDpr},
-		effectiveDevicePixelRatio: devicePixelRatio,
-		viewportWidth: innerWidth,
-		viewportHeight: innerHeight,
-		canvasWidth: canvas?.width,
-		canvasHeight: canvas?.height,
-		webgl: context?.constructor?.name || null,
-		renderer: debug ? context.getParameter(debug.UNMASKED_RENDERER_WEBGL) : "unavailable",
-		vendor: debug ? context.getParameter(debug.UNMASKED_VENDOR_WEBGL) : "unavailable",
-	};
-})()`);
-const stage = await evaluate(`(() => { const rect = document.querySelector(".stage")?.getBoundingClientRect(); if (!rect) throw new Error("stage missing"); return { x: rect.left + rect.width / 2, y: rect.top + rect.height / 2, width: rect.width, height: rect.height }; })()`);
-const mouse = (type, x, y, button = "right", buttons = button === "right" ? 2 : 0) => send("Input.dispatchMouseEvent", {
-	type, x: Math.round(x), y: Math.round(y), button, buttons, clickCount: 1,
-});
-const profileStartedAt = new Date().toISOString();
-await send("Profiler.start");
-const sample = evaluate(`new Promise((resolve) => {
-	const frames = [];
-	let previous = performance.now();
-	const started = previous;
-	const tick = (now) => {
-		frames.push(now - previous);
-		previous = now;
-		if (now - started >= 2100) resolve(frames.slice(1));
-		else requestAnimationFrame(tick);
-	};
-	requestAnimationFrame(tick);
-})`);
-await mouse("mousePressed", stage.x, stage.y);
-for (let index = 1; index <= 120; index += 1) {
-	const angle = (index / 120) * Math.PI * 2;
-	await mouse("mouseMoved", stage.x + Math.cos(angle) * stage.width * 0.12, stage.y + Math.sin(angle) * stage.height * 0.08);
-	await sleep(2000 / 120);
-}
-await mouse("mouseReleased", stage.x + stage.width * 0.12, stage.y, "right", 0);
-const frameTimes = await sample;
-const profileResult = await send("Profiler.stop");
-const sorted = [...frameTimes].sort((a, b) => a - b);
-const percentile = (values, p) => values[Math.min(values.length - 1, Math.floor(values.length * p))] ?? null;
-const duration = frameTimes.reduce((sum, value) => sum + value, 0);
-const samples = profileResult.profile?.samples ?? [];
-const deltas = profileResult.profile?.timeDeltas ?? [];
-const nodes = new Map((profileResult.profile?.nodes ?? []).map((node) => [node.id, node]));
-const selfTime = new Map();
-for (let index = 0; index < samples.length; index += 1) selfTime.set(samples[index], (selfTime.get(samples[index]) || 0) + (deltas[index] || 0));
-const topSelfTime = [...selfTime.entries()].sort((a, b) => b[1] - a[1]).slice(0, 12).map(([id, microseconds]) => {
-	const node = nodes.get(id);
-	return { function: node?.callFrame?.functionName || "(anonymous)", url: node?.callFrame?.url || "", microseconds };
-});
-const result = {
-	capturedAt: profileStartedAt,
-	baseUrl,
-	renderer,
-	ikVisibility: await evaluate("window.__ikVisibilityPerformance()"),
-	run: {
-		frameCount: frameTimes.length,
-		medianFrameMs: percentile(sorted, 0.5),
-		p95FrameMs: percentile(sorted, 0.95),
-		fps: duration > 0 ? frameTimes.length / (duration / 1000) : 0,
-		minFrameMs: sorted[0] ?? null,
-		maxFrameMs: sorted.at(-1) ?? null,
-	},
-	topSelfTime,
-};
-const outputPath = process.env.PERF_OUTPUT;
-if (outputPath) writeFileSync(outputPath, `${JSON.stringify(result, null, 2)}\n`);
-console.log(JSON.stringify(result, null, 2));
-ws.close();