@polishd/next 0.2.3-dev.5 → 0.2.3-dev.7

package/dist/server/value-previews.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Polishd — pictures of where a flagged design value renders (server only).
+ *
+ * The Design tab knows a one-off 17px type style exists and which page it was
+ * measured on; this finds the element that carries it and photographs it in
+ * place. It runs inside a snapshot capture, right after a route's full shots,
+ * on the browser that capture already launched: load the route, find each
+ * target value's element with the same rules the client scanner tallies by,
+ * scroll it into view, ring it, and screenshot a crop around it.
+ *
+ * Matching is by value, not by selector. The visitor's scan never recorded
+ * *which* element carried a value — only that one did — and a selector shot
+ * at a different viewport would often point at nothing anyway. Re-measuring
+ * the page as the capture browser renders it means every picture shows the
+ * value genuinely there, at the size and theme it was shot in.
+ *
+ * Best-effort throughout: a value that never turns up (only shown after a
+ * click, only at a width we don't shoot) is reported as missed, and any
+ * failure ends the pass with whatever was already pictured. The route's full
+ * shots never depend on it.
+ */
+import type { Browser } from "playwright-core";
+import { type DesignPreviewTarget } from "../shared/design-values";
+/** One rendering a pass can look in: an allpages device name and a theme. */
+export interface PreviewRendering {
+    device: string;
+    theme: "light" | "dark";
+}
+export interface ValuePreviewCrop {
+    key: string;
+    device: string;
+    theme: string;
+    bytes: Buffer;
+}
+export interface ValuePreviewResult {
+    crops: ValuePreviewCrop[];
+    /** Keys looked for in every rendering and not found on screen in any. */
+    missed: string[];
+}
+/**
+ * Picture each target on one route. Renderings are tried in order — the
+ * gallery's default view first — and a value found in an earlier one isn't
+ * looked for again, so the usual cost is a single extra page load. Stops early
+ * when `budgetMs` runs out, reporting the rest as neither found nor missed.
+ */
+export declare function captureValuePreviews(browser: Browser, origin: string, route: string, targets: DesignPreviewTarget[], renderings: PreviewRendering[], budgetMs: number): Promise<ValuePreviewResult>;
+//# sourceMappingURL=value-previews.d.ts.map

package/dist/server/value-previews.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-previews.d.ts","sourceRoot":"","sources":["../../src/server/value-previews.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,KAAK,EAAE,OAAO,EAAQ,MAAM,iBAAiB,CAAC;AAErD,OAAO,EAAe,KAAK,mBAAmB,EAAuB,MAAM,yBAAyB,CAAC;AAErG,6EAA6E;AAC7E,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,yEAAyE;IACzE,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAiRD;;;;;GAKG;AACH,wBAAsB,oBAAoB,CACxC,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,mBAAmB,EAAE,EAC9B,UAAU,EAAE,gBAAgB,EAAE,EAC9B,QAAQ,EAAE,MAAM,GACf,OAAO,CAAC,kBAAkB,CAAC,CA0D7B"}

package/dist/server/value-previews.js

@@ -0,0 +1,313 @@
+import { previewClip } from "../shared/design-values";
+/** Attribute the locator tags candidate elements with: space-separated target indices. */
+const LOCATE_ATTR = "data-polishd-locate";
+const OVERLAY_ID = "__polishd_locate_ring";
+/** Candidate elements remembered per value — the first may be off-canvas. */
+const CANDIDATES_PER_TARGET = 3;
+/** Same accent as the dashboard's one-off badges. */
+const RING_COLOR = "#f59e0b";
+/**
+ * Walk the page with the client scanner's rules (src/client/design-scan.ts —
+ * keep the two in step) and tag up to `perTarget` elements carrying each
+ * target value. Returns how many were tagged per target.
+ */
+function markDesignTargets({ refs, attr, perTarget }) {
+    const SKIP_TAGS = new Set([
+        "SCRIPT", "STYLE", "NOSCRIPT", "TEMPLATE", "META", "LINK", "HEAD", "TITLE", "IFRAME", "BR", "WBR",
+    ]);
+    const INTERACTIVE_TAGS = new Set(["BUTTON", "A", "INPUT", "SELECT", "TEXTAREA", "SUMMARY"]);
+    const normalizeColor = (value) => {
+        const m = value.match(/^rgba?\(\s*([\d.]+)\s*[, ]\s*([\d.]+)\s*[, ]\s*([\d.]+)\s*(?:[,/]\s*([\d.]+%?)\s*)?\)$/);
+        if (!m)
+            return null;
+        const to255 = (s) => Math.max(0, Math.min(255, Math.round(parseFloat(s))));
+        let a = 1;
+        if (m[4] !== undefined)
+            a = m[4].endsWith("%") ? parseFloat(m[4]) / 100 : parseFloat(m[4]);
+        if (!(a > 0.02))
+            return null;
+        const hex = (n) => n.toString(16).padStart(2, "0");
+        const rgb = `#${hex(to255(m[1]))}${hex(to255(m[2]))}${hex(to255(m[3]))}`;
+        return a >= 0.98 ? rgb : `${rgb}${hex(Math.round(a * 255))}`;
+    };
+    const primaryFamily = (fontFamily) => (fontFamily.split(",")[0]?.trim() ?? "").replace(/^["']|["']$/g, "").slice(0, 60);
+    const hasOwnText = (el) => {
+        for (let n = el.firstChild; n; n = n.nextSibling) {
+            if (n.nodeType === 3 && n.textContent && n.textContent.trim().length > 0)
+                return true;
+        }
+        return false;
+    };
+    // value → indices of the targets wanting it, per channel the scanner tallies.
+    const fonts = new Map();
+    const text = new Map();
+    const bg = new Map();
+    const border = new Map();
+    const radii = new Map();
+    const pad = new Map();
+    const want = (map, key, i) => {
+        const list = map.get(key);
+        if (list)
+            list.push(i);
+        else
+            map.set(key, [i]);
+    };
+    refs.forEach((ref, i) => {
+        if (ref.kind === "font")
+            want(fonts, `${ref.family}|${ref.sizePx}|${ref.weight}`, i);
+        else if (ref.kind === "radius")
+            want(radii, ref.value, i);
+        else if (ref.kind === "spacing")
+            want(pad, String(ref.px), i);
+        else {
+            const hex = ref.hex.toLowerCase();
+            if (ref.roles.length === 0 || ref.roles.includes("text"))
+                want(text, hex.slice(0, 7), i);
+            if (ref.roles.length === 0 || ref.roles.includes("background"))
+                want(bg, hex, i);
+            if (ref.roles.length === 0 || ref.roles.includes("border"))
+                want(border, hex, i);
+        }
+    });
+    const counts = refs.map(() => 0);
+    let unfilled = refs.length;
+    const tag = (el, list) => {
+        if (!list)
+            return;
+        for (const i of list) {
+            if (counts[i] >= perTarget)
+                continue;
+            const tokens = (el.getAttribute(attr) ?? "").split(" ").filter(Boolean);
+            if (tokens.includes(String(i)))
+                continue;
+            tokens.push(String(i));
+            el.setAttribute(attr, tokens.join(" "));
+            if (++counts[i] === perTarget)
+                unfilled--;
+        }
+    };
+    const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_ELEMENT);
+    let sampled = 0;
+    let visited = 0;
+    // Looser bounds than the scanner's: this runs once, server-side, and the
+    // visitor's DOM may have reached the value later in the walk than ours does.
+    for (let node = walker.nextNode(); node && sampled < 5000 && visited < 20000 && unfilled > 0; node = walker.nextNode()) {
+        visited++;
+        const el = node;
+        if (SKIP_TAGS.has(el.tagName))
+            continue;
+        if (el.closest("svg") && el.tagName !== "svg")
+            continue;
+        const cs = getComputedStyle(el);
+        if (cs.display === "none" || cs.visibility === "hidden")
+            continue;
+        const rect = el.getBoundingClientRect();
+        if (rect.width <= 0 || rect.height <= 0)
+            continue;
+        sampled++;
+        const ownBg = normalizeColor(cs.backgroundColor);
+        const hasBorder = cs.borderStyle !== "none" &&
+            (parseFloat(cs.borderTopWidth) > 0 ||
+                parseFloat(cs.borderBottomWidth) > 0 ||
+                parseFloat(cs.borderLeftWidth) > 0 ||
+                parseFloat(cs.borderRightWidth) > 0);
+        const boxy = ownBg !== null || hasBorder || INTERACTIVE_TAGS.has(el.tagName);
+        if (hasOwnText(el)) {
+            const family = primaryFamily(cs.fontFamily);
+            const size = Math.round(parseFloat(cs.fontSize) * 10) / 10;
+            const weight = Math.round(parseFloat(cs.fontWeight)) || 400;
+            if (family && size > 0)
+                tag(el, fonts.get(`${family}|${size}|${weight}`));
+            const fg = normalizeColor(cs.color);
+            if (fg)
+                tag(el, text.get(fg.slice(0, 7)));
+        }
+        if (ownBg)
+            tag(el, bg.get(ownBg));
+        if (hasBorder) {
+            const bc = normalizeColor(cs.borderTopColor);
+            if (bc)
+                tag(el, border.get(bc));
+        }
+        if (boxy) {
+            const rtl = cs.borderTopLeftRadius;
+            if (rtl && rtl !== "0px") {
+                const corners = [rtl, cs.borderTopRightRadius, cs.borderBottomLeftRadius, cs.borderBottomRightRadius];
+                const px = parseFloat(rtl);
+                const label = rtl.endsWith("%") && px >= 50
+                    ? "full"
+                    : px >= Math.min(rect.width, rect.height) / 2
+                        ? "full"
+                        : corners.every((c) => c === rtl)
+                            ? `${Math.round(px)}px`
+                            : `${Math.round(px)}px (mixed)`;
+                tag(el, radii.get(label));
+            }
+            for (const side of [cs.paddingTop, cs.paddingRight, cs.paddingBottom, cs.paddingLeft]) {
+                const v = Math.round(parseFloat(side));
+                if (v > 0)
+                    tag(el, pad.get(String(v)));
+            }
+        }
+    }
+    return counts;
+}
+/**
+ * Scroll the first on-screen candidate for target `index` into view and ring
+ * it — an outline in the badge's amber with the rest of the page dimmed, so
+ * the eye lands on the element in a crop full of neighbours.
+ */
+function focusDesignTarget({ attr, index, overlayId, color }) {
+    document.getElementById(overlayId)?.remove();
+    const vw = document.documentElement.clientWidth || window.innerWidth;
+    const vh = window.innerHeight;
+    for (const el of Array.from(document.querySelectorAll(`[${attr}~="${index}"]`))) {
+        el.scrollIntoView({ block: "center", inline: "nearest", behavior: "instant" });
+        const r = el.getBoundingClientRect();
+        if (r.width <= 0 || r.height <= 0)
+            continue;
+        if (r.right <= 0 || r.bottom <= 0 || r.left >= vw || r.top >= vh)
+            continue;
+        const gap = 3;
+        const radius = parseFloat(getComputedStyle(el).borderTopLeftRadius) || 0;
+        const ring = document.createElement("div");
+        ring.id = overlayId;
+        Object.assign(ring.style, {
+            position: "fixed",
+            left: `${r.left - gap}px`,
+            top: `${r.top - gap}px`,
+            width: `${r.width + gap * 2}px`,
+            height: `${r.height + gap * 2}px`,
+            boxSizing: "border-box",
+            margin: "0",
+            border: `2px solid ${color}`,
+            borderRadius: `${radius + gap}px`,
+            boxShadow: "0 0 0 9999px rgba(0, 0, 0, 0.3)",
+            pointerEvents: "none",
+            zIndex: "2147483647",
+        });
+        document.documentElement.appendChild(ring);
+        return { x: r.left, y: r.top, width: r.width, height: r.height, viewportWidth: vw, viewportHeight: vh };
+    }
+    return null;
+}
+function clearDesignFocus(overlayId) {
+    document.getElementById(overlayId)?.remove();
+}
+// ── The pass ─────────────────────────────────────────────────────────────────
+/**
+ * Load the route as the snapshot shot it — same viewport, scale, theme and
+ * user agent, same consent-dismissal pass — and leave it ready to measure.
+ * Polishd's own beacons are answered locally: this is a measurement, and the
+ * page stays open long enough that its design scan would otherwise land in
+ * the store as a visit.
+ */
+async function openRendering(browser, origin, route, rendering) {
+    const { DEVICES, preparePage, userAgentFor } = await import("allpages");
+    const device = DEVICES[rendering.device];
+    if (!device)
+        return null;
+    const ctx = await browser.newContext({
+        viewport: { width: device.width, height: device.height },
+        deviceScaleFactor: device.scale,
+        isMobile: device.mobile,
+        hasTouch: device.mobile,
+        colorScheme: rendering.theme,
+        reducedMotion: "reduce",
+        // A service worker would answer requests before the beacon route below sees them.
+        serviceWorkers: "block",
+        userAgent: userAgentFor(device, browser.version()),
+        locale: "en-US",
+        extraHTTPHeaders: { "accept-language": "en-US,en;q=0.9" },
+    });
+    const close = () => ctx.close().catch(() => { });
+    try {
+        const site = new URL(origin).origin;
+        await ctx.route((url) => url.origin === site && !url.pathname.startsWith("/_next/"), (r) => {
+            const req = r.request();
+            if (req.method() === "POST" && (req.postData() ?? "").startsWith('{"events":')) {
+                return r.fulfill({ status: 200, contentType: "application/json", body: '{"ok":true,"stored":0}' });
+            }
+            return r.continue();
+        });
+        const page = await ctx.newPage();
+        await page.goto(new URL(route, origin).toString(), { waitUntil: "domcontentloaded", timeout: 15_000 });
+        await page.waitForLoadState("networkidle", { timeout: 1500 }).catch(() => { });
+        await page.evaluate("document.fonts && document.fonts.ready").catch(() => { });
+        await preparePage(page, { hide: [], delayMs: 0, lazyLoad: true, dismissBanners: true });
+        return { page, close };
+    }
+    catch {
+        await close();
+        return null;
+    }
+}
+/**
+ * Picture each target on one route. Renderings are tried in order — the
+ * gallery's default view first — and a value found in an earlier one isn't
+ * looked for again, so the usual cost is a single extra page load. Stops early
+ * when `budgetMs` runs out, reporting the rest as neither found nor missed.
+ */
+export async function captureValuePreviews(browser, origin, route, targets, renderings, budgetMs) {
+    const started = Date.now();
+    const crops = [];
+    let pending = targets;
+    let exhausted = true;
+    for (const rendering of renderings) {
+        if (pending.length === 0)
+            break;
+        if (Date.now() - started > budgetMs) {
+            exhausted = false;
+            break;
+        }
+        const opened = await openRendering(browser, origin, route, rendering);
+        if (!opened) {
+            exhausted = false;
+            continue;
+        }
+        const { page, close } = opened;
+        const found = new Set();
+        try {
+            const counts = await page.evaluate(markDesignTargets, {
+                refs: pending.map((t) => t.ref),
+                attr: LOCATE_ATTR,
+                perTarget: CANDIDATES_PER_TARGET,
+            });
+            for (const [i, target] of pending.entries()) {
+                if (!counts[i])
+                    continue;
+                if (Date.now() - started > budgetMs) {
+                    exhausted = false;
+                    break;
+                }
+                const box = await page.evaluate(focusDesignTarget, {
+                    attr: LOCATE_ATTR,
+                    index: i,
+                    overlayId: OVERLAY_ID,
+                    color: RING_COLOR,
+                });
+                const clip = box
+                    ? previewClip(box, { width: box.viewportWidth, height: box.viewportHeight })
+                    : null;
+                if (!clip)
+                    continue;
+                // One frame for the scroll to paint and anything it lazily revealed.
+                await page.waitForTimeout(80);
+                const bytes = await page.screenshot({ clip, animations: "disabled", type: "png" });
+                await page.evaluate(clearDesignFocus, OVERLAY_ID);
+                crops.push({ key: target.key, device: rendering.device, theme: rendering.theme, bytes });
+                found.add(target.key);
+            }
+        }
+        catch {
+            // The page navigated or crashed mid-pass; keep what was pictured.
+            exhausted = false;
+        }
+        finally {
+            await close();
+        }
+        pending = pending.filter((t) => !found.has(t.key));
+    }
+    return { crops, missed: exhausted ? pending.map((t) => t.key) : [] };
+}
+//# sourceMappingURL=value-previews.js.map

package/dist/server/value-previews.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-previews.js","sourceRoot":"","sources":["../../src/server/value-previews.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,WAAW,EAAiD,MAAM,yBAAyB,CAAC;AAqBrG,0FAA0F;AAC1F,MAAM,WAAW,GAAG,qBAAqB,CAAC;AAC1C,MAAM,UAAU,GAAG,uBAAuB,CAAC;AAC3C,6EAA6E;AAC7E,MAAM,qBAAqB,GAAG,CAAC,CAAC;AAChC,qDAAqD;AACrD,MAAM,UAAU,GAAG,SAAS,CAAC;AAc7B;;;;GAIG;AACH,SAAS,iBAAiB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAY;IAC5D,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC;QACxB,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK;KAClG,CAAC,CAAC;IACH,MAAM,gBAAgB,GAAG,IAAI,GAAG,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAE5F,MAAM,cAAc,GAAG,CAAC,KAAa,EAAiB,EAAE;QACtD,MAAM,CAAC,GAAG,KAAK,CAAC,KAAK,CACnB,wFAAwF,CACzF,CAAC;QACF,IAAI,CAAC,CAAC;YAAE,OAAO,IAAI,CAAC;QACpB,MAAM,KAAK,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACnF,IAAI,CAAC,GAAG,CAAC,CAAC;QACV,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,SAAS;YAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3F,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;YAAE,OAAO,IAAI,CAAC;QAC7B,MAAM,GAAG,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QAC3D,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACzE,OAAO,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,EAAE,CAAC;IAC/D,CAAC,CAAC;IACF,MAAM,aAAa,GAAG,CAAC,UAAkB,EAAU,EAAE,CACnD,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACpF,MAAM,UAAU,GAAG,CAAC,EAAW,EAAW,EAAE;QAC1C,KAAK,IAAI,CAAC,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;YACjD,IAAI,CAAC,CAAC,QAAQ,KAAK,CAAC,IAAI,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;gBAAE,OAAO,IAAI,CAAC;QACxF,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,8EAA8E;IAC9E,MAAM,KAAK,GAAG,IAAI,GAAG,EAAoB,CAAC;IAC1C,MAAM,IAAI,GAAG,IAAI,GAAG,EAAoB,CAAC;IACzC,MAAM,EAAE,GAAG,IAAI,GAAG,EAAoB,CAAC;IACvC,MAAM,MAAM,GAAG,IAAI,GAAG,EAAoB,CAAC;IAC3C,MAAM,KAAK,GAAG,IAAI,GAAG,EAAoB,CAAC;IAC1C,MAAM,GAAG,GAAG,IAAI,GAAG,EAAoB,CAAC;IACxC,MAAM,IAAI,GAAG,CAAC,GAA0B,EAAE,GAAW,EAAE,CAAS,EAAE,EAAE;QAClE,MAAM,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAC1B,IAAI,IAAI;YAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;;YAClB,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACzB,CAAC,CAAC;IACF,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;QACtB,IAAI,GAAG,CAAC,IAAI,KAAK,MAAM;YAAE,IAAI,CAAC,KAAK,EAAE,GAAG,GAAG,CAAC,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,GAAG,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;aAChF,IAAI,GAAG,CAAC,IAAI,KAAK,QAAQ;YAAE,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;aACrD,IAAI,GAAG,CAAC,IAAI,KAAK,SAAS;YAAE,IAAI,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;aACzD,CAAC;YACJ,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;YAClC,IAAI,GAAG,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC;gBAAE,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACzF,IAAI,GAAG,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC;gBAAE,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;YACjF,IAAI,GAAG,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC;gBAAE,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;QACnF,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;IACjC,IAAI,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC;IAC3B,MAAM,GAAG,GAAG,CAAC,EAAW,EAAE,IAA0B,EAAE,EAAE;QACtD,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,KAAK,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC;YACrB,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,SAAS;gBAAE,SAAS;YACrC,MAAM,MAAM,GAAG,CAAC,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACxE,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;gBAAE,SAAS;YACzC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;YACvB,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;YACxC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,SAAS;gBAAE,QAAQ,EAAE,CAAC;QAC5C,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IACjF,IAAI,OAAO,GAAG,CAAC,CAAC;IAChB,IAAI,OAAO,GAAG,CAAC,CAAC;IAChB,yEAAyE;IACzE,6EAA6E;IAC7E,KACE,IAAI,IAAI,GAAG,MAAM,CAAC,QAAQ,EAAE,EAC5B,IAAI,IAAI,OAAO,GAAG,IAAI,IAAI,OAAO,GAAG,KAAK,IAAI,QAAQ,GAAG,CAAC,EACzD,IAAI,GAAG,MAAM,CAAC,QAAQ,EAAE,EACxB,CAAC;QACD,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,GAAG,IAAe,CAAC;QAC3B,IAAI,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,OAAO,CAAC;YAAE,SAAS;QACxC,IAAI,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,OAAO,KAAK,KAAK;YAAE,SAAS;QACxD,MAAM,EAAE,GAAG,gBAAgB,CAAC,EAAE,CAAC,CAAC;QAChC,IAAI,EAAE,CAAC,OAAO,KAAK,MAAM,IAAI,EAAE,CAAC,UAAU,KAAK,QAAQ;YAAE,SAAS;QAClE,MAAM,IAAI,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;QACxC,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC;YAAE,SAAS;QAClD,OAAO,EAAE,CAAC;QAEV,MAAM,KAAK,GAAG,cAAc,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC;QACjD,MAAM,SAAS,GACb,EAAE,CAAC,WAAW,KAAK,MAAM;YACzB,CAAC,UAAU,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC;gBAChC,UAAU,CAAC,EAAE,CAAC,iBAAiB,CAAC,GAAG,CAAC;gBACpC,UAAU,CAAC,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC;gBAClC,UAAU,CAAC,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;QACzC,MAAM,IAAI,GAAG,KAAK,KAAK,IAAI,IAAI,SAAS,IAAI,gBAAgB,CAAC,GAAG,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;QAE7E,IAAI,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC;YACnB,MAAM,MAAM,GAAG,aAAa,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;YAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;YAC3D,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,IAAI,GAAG,CAAC;YAC5D,IAAI,MAAM,IAAI,IAAI,GAAG,CAAC;gBAAE,GAAG,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,IAAI,IAAI,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC;YAC1E,MAAM,EAAE,GAAG,cAAc,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;YACpC,IAAI,EAAE;gBAAE,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5C,CAAC;QACD,IAAI,KAAK;YAAE,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;QAClC,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,EAAE,GAAG,cAAc,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;YAC7C,IAAI,EAAE;gBAAE,GAAG,CAAC,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;QAClC,CAAC;QACD,IAAI,IAAI,EAAE,CAAC;YACT,MAAM,GAAG,GAAG,EAAE,CAAC,mBAAmB,CAAC;YACnC,IAAI,GAAG,IAAI,GAAG,KAAK,KAAK,EAAE,CAAC;gBACzB,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,oBAAoB,EAAE,EAAE,CAAC,sBAAsB,EAAE,EAAE,CAAC,uBAAuB,CAAC,CAAC;gBACtG,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC;gBAC3B,MAAM,KAAK,GACT,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE;oBAC3B,CAAC,CAAC,MAAM;oBACR,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;wBAC3C,CAAC,CAAC,MAAM;wBACR,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC;4BAC/B,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI;4BACvB,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC;gBACxC,GAAG,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;YAC5B,CAAC;YACD,KAAK,MAAM,IAAI,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,aAAa,EAAE,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC;gBACtF,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;gBACvC,IAAI,CAAC,GAAG,CAAC;oBAAE,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACzC,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAkBD;;;;GAIG;AACH,SAAS,iBAAiB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAa;IACrE,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7C,MAAM,EAAE,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,IAAI,MAAM,CAAC,UAAU,CAAC;IACrE,MAAM,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC;IAC9B,KAAK,MAAM,EAAE,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,IAAI,IAAI,MAAM,KAAK,IAAI,CAAC,CAAC,EAAE,CAAC;QAChF,EAAE,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC;QAC/E,MAAM,CAAC,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;QACrC,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC;YAAE,SAAS;QAC5C,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,EAAE,IAAI,CAAC,CAAC,GAAG,IAAI,EAAE;YAAE,SAAS;QAC3E,MAAM,GAAG,GAAG,CAAC,CAAC;QACd,MAAM,MAAM,GAAG,UAAU,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;QACzE,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,CAAC,EAAE,GAAG,SAAS,CAAC;QACpB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE;YACxB,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,GAAG,GAAG,IAAI;YACzB,GAAG,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI;YACvB,KAAK,EAAE,GAAG,CAAC,CAAC,KAAK,GAAG,GAAG,GAAG,CAAC,IAAI;YAC/B,MAAM,EAAE,GAAG,CAAC,CAAC,MAAM,GAAG,GAAG,GAAG,CAAC,IAAI;YACjC,SAAS,EAAE,YAAY;YACvB,MAAM,EAAE,GAAG;YACX,MAAM,EAAE,aAAa,KAAK,EAAE;YAC5B,YAAY,EAAE,GAAG,MAAM,GAAG,GAAG,IAAI;YACjC,SAAS,EAAE,iCAAiC;YAC5C,aAAa,EAAE,MAAM;YACrB,MAAM,EAAE,YAAY;SACrB,CAAC,CAAC;QACH,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC3C,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC;IAC1G,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,gBAAgB,CAAC,SAAiB;IACzC,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;AAC/C,CAAC;AAED,gFAAgF;AAEhF;;;;;;GAMG;AACH,KAAK,UAAU,aAAa,CAC1B,OAAgB,EAChB,MAAc,EACd,KAAa,EACb,SAA2B;IAE3B,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,MAAM,MAAM,CAAC,UAAU,CAAC,CAAC;IACxE,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IACzB,MAAM,GAAG,GAAG,MAAM,OAAO,CAAC,UAAU,CAAC;QACnC,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE;QACxD,iBAAiB,EAAE,MAAM,CAAC,KAAK;QAC/B,QAAQ,EAAE,MAAM,CAAC,MAAM;QACvB,QAAQ,EAAE,MAAM,CAAC,MAAM;QACvB,WAAW,EAAE,SAAS,CAAC,KAAK;QAC5B,aAAa,EAAE,QAAQ;QACvB,kFAAkF;QAClF,cAAc,EAAE,OAAO;QACvB,SAAS,EAAE,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,OAAO,EAAE,CAAC;QAClD,MAAM,EAAE,OAAO;QACf,gBAAgB,EAAE,EAAE,iBAAiB,EAAE,gBAAgB,EAAE;KAC1D,CAAC,CAAC;IACH,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAChD,IAAI,CAAC;QACH,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC;QACpC,MAAM,GAAG,CAAC,KAAK,CACb,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,KAAK,IAAI,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,EACnE,CAAC,CAAC,EAAE,EAAE;YACJ,MAAM,GAAG,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;YACxB,IAAI,GAAG,CAAC,MAAM,EAAE,KAAK,MAAM,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,CAAC;gBAC/E,OAAO,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,WAAW,EAAE,kBAAkB,EAAE,IAAI,EAAE,wBAAwB,EAAE,CAAC,CAAC;YACrG,CAAC;YACD,OAAO,CAAC,CAAC,QAAQ,EAAE,CAAC;QACtB,CAAC,CACF,CAAC;QACF,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,OAAO,EAAE,CAAC;QACjC,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC;QACvG,MAAM,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QAC9E,MAAM,IAAI,CAAC,QAAQ,CAAC,wCAAwC,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QAC9E,MAAM,WAAW,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC;QACxF,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IACzB,CAAC;IAAC,MAAM,CAAC;QACP,MAAM,KAAK,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED;;;;;GAKG;AACH,MAAM,CAAC,KAAK,UAAU,oBAAoB,CACxC,OAAgB,EAChB,MAAc,EACd,KAAa,EACb,OAA8B,EAC9B,UAA8B,EAC9B,QAAgB;IAEhB,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IAC3B,MAAM,KAAK,GAAuB,EAAE,CAAC;IACrC,IAAI,OAAO,GAAG,OAAO,CAAC;IACtB,IAAI,SAAS,GAAG,IAAI,CAAC;IAErB,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE,CAAC;QACnC,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE,MAAM;QAChC,IAAI,IAAI,CAAC,GAAG,EAAE,GAAG,OAAO,GAAG,QAAQ,EAAE,CAAC;YACpC,SAAS,GAAG,KAAK,CAAC;YAClB,MAAM;QACR,CAAC;QACD,MAAM,MAAM,GAAG,MAAM,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;QACtE,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,SAAS,GAAG,KAAK,CAAC;YAClB,SAAS;QACX,CAAC;QACD,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;QAC/B,MAAM,KAAK,GAAG,IAAI,GAAG,EAAU,CAAC;QAChC,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAAE;gBACpD,IAAI,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;gBAC/B,IAAI,EAAE,WAAW;gBACjB,SAAS,EAAE,qBAAqB;aACjC,CAAC,CAAC;YACH,KAAK,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,IAAI,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;gBAC5C,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;oBAAE,SAAS;gBACzB,IAAI,IAAI,CAAC,GAAG,EAAE,GAAG,OAAO,GAAG,QAAQ,EAAE,CAAC;oBACpC,SAAS,GAAG,KAAK,CAAC;oBAClB,MAAM;gBACR,CAAC;gBACD,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAAE;oBACjD,IAAI,EAAE,WAAW;oBACjB,KAAK,EAAE,CAAC;oBACR,SAAS,EAAE,UAAU;oBACrB,KAAK,EAAE,UAAU;iBAClB,CAAC,CAAC;gBACH,MAAM,IAAI,GAAG,GAAG;oBACd,CAAC,CAAC,WAAW,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,aAAa,EAAE,MAAM,EAAE,GAAG,CAAC,cAAc,EAAE,CAAC;oBAC5E,CAAC,CAAC,IAAI,CAAC;gBACT,IAAI,CAAC,IAAI;oBAAE,SAAS;gBACpB,qEAAqE;gBACrE,MAAM,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;gBAC9B,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;gBACnF,MAAM,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC;gBAClD,KAAK,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,CAAC,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;gBACzF,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YACxB,CAAC;QACH,CAAC;QAAC,MAAM,CAAC;YACP,kEAAkE;YAClE,SAAS,GAAG,KAAK,CAAC;QACpB,CAAC;gBAAS,CAAC;YACT,MAAM,KAAK,EAAE,CAAC;QAChB,CAAC;QACD,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IACrD,CAAC;IAED,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;AACvE,CAAC"}

package/dist/shared/design-values.d.ts

@@ -0,0 +1,71 @@
+/**
+ * Polishd — naming a measured design value, and framing a picture of it.
+ *
+ * The Design tab flags values that break the system (a one-off 17px type
+ * style, a stray #fafafa, a 7px padding). A flag alone says *what*; a picture
+ * of the element carrying it says *where*. Those pictures are shot while a
+ * site snapshot is captured (see server/value-previews.ts), and this module
+ * holds the pure pieces both ends of that agree on:
+ *
+ *   • **Keys.** One string per value — `font:Inter|17|500`, `color:#fafafa`,
+ *     `radius:6px`, `spacing:7` — so a preview shot at capture time can be
+ *     found again from the row the dashboard renders.
+ *   • **Targets.** Which values are worth picturing: the ones flagged one-off
+ *     or off-grid. Every other value is the system working as intended.
+ *   • **Framing.** The crop around a located element: wide enough to show the
+ *     component it sits in, never so wide the element disappears.
+ *
+ * Pure: no DOM, no store, no React — the test file pins the edge cases.
+ */
+import type { PolishdDesignData } from "../server/design";
+/** The identity of one measured value, as the design scan tallies it. */
+export type DesignValueRef = {
+    kind: "font";
+    family: string;
+    sizePx: number;
+    weight: number;
+} | {
+    kind: "color";
+    hex: string;
+    roles: ("text" | "background" | "border")[];
+} | {
+    kind: "radius";
+    value: string;
+} | {
+    kind: "spacing";
+    px: number;
+};
+/** A value to picture at capture time, and the pages it was measured on. */
+export interface DesignPreviewTarget {
+    key: string;
+    ref: DesignValueRef;
+    pages: string[];
+}
+/** A stable key per value. Colors key on the hex alone, whatever the roles. */
+export declare function designValueKey(ref: DesignValueRef): string;
+/** Hard cap on values pictured per capture, bounding its extra screenshots. */
+export declare const MAX_PREVIEW_TARGETS = 48;
+/**
+ * The values worth a picture: every one-off font, color and radius, plus the
+ * most used off-grid paddings. One-offs come first so a site drowning in
+ * off-grid spacing still gets its one-offs pictured under the cap.
+ */
+export declare function designPreviewTargets(data: PolishdDesignData): DesignPreviewTarget[];
+export interface Box {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+/**
+ * The clip to screenshot for an element at `el` (viewport coordinates, after
+ * it was scrolled into view): the element plus context, grown to 16:10,
+ * centered on the element's visible part and kept inside the viewport.
+ * Null when no part of the element is on screen — a drawer parked off-canvas,
+ * say — since a crop of whatever sits there instead would be a lie.
+ */
+export declare function previewClip(el: Box, viewport: {
+    width: number;
+    height: number;
+}): Box | null;
+//# sourceMappingURL=design-values.d.ts.map

package/dist/shared/design-values.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-values.d.ts","sourceRoot":"","sources":["../../src/shared/design-values.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,yEAAyE;AACzE,MAAM,MAAM,cAAc,GACtB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAChE;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,CAAC,MAAM,GAAG,YAAY,GAAG,QAAQ,CAAC,EAAE,CAAA;CAAE,GAC3E;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACjC;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpC,4EAA4E;AAC5E,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,cAAc,CAAC;IACpB,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,+EAA+E;AAC/E,wBAAgB,cAAc,CAAC,GAAG,EAAE,cAAc,GAAG,MAAM,CAW1D;AAID,+EAA+E;AAC/E,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,iBAAiB,GAAG,mBAAmB,EAAE,CA4BnF;AAID,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AASD;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,GAAG,IAAI,CA4B5F"}

package/dist/shared/design-values.js

@@ -0,0 +1,98 @@
+/** A stable key per value. Colors key on the hex alone, whatever the roles. */
+export function designValueKey(ref) {
+    switch (ref.kind) {
+        case "font":
+            return `font:${ref.family}|${ref.sizePx}|${ref.weight}`;
+        case "color":
+            return `color:${ref.hex.toLowerCase()}`;
+        case "radius":
+            return `radius:${ref.value}`;
+        case "spacing":
+            return `spacing:${ref.px}`;
+    }
+}
+/** Off-grid paddings pictured per capture, most used first. */
+const MAX_SPACING_TARGETS = 8;
+/** Hard cap on values pictured per capture, bounding its extra screenshots. */
+export const MAX_PREVIEW_TARGETS = 48;
+/**
+ * The values worth a picture: every one-off font, color and radius, plus the
+ * most used off-grid paddings. One-offs come first so a site drowning in
+ * off-grid spacing still gets its one-offs pictured under the cap.
+ */
+export function designPreviewTargets(data) {
+    const refs = [];
+    for (const f of data.fonts) {
+        if (!f.outlier)
+            continue;
+        refs.push({
+            ref: { kind: "font", family: f.family, sizePx: f.sizePx, weight: f.weight },
+            pages: f.pages,
+        });
+    }
+    for (const c of data.colors) {
+        if (!c.outlier)
+            continue;
+        const roles = ["text", "background", "border"].filter((r) => c.roles[r] > 0);
+        refs.push({ ref: { kind: "color", hex: c.hex, roles: [...roles] }, pages: c.pages });
+    }
+    for (const r of data.radii) {
+        if (!r.outlier)
+            continue;
+        refs.push({ ref: { kind: "radius", value: r.value }, pages: r.pages });
+    }
+    const offGrid = data.spacing
+        .filter((s) => s.offGrid)
+        .sort((a, b) => b.count - a.count)
+        .slice(0, MAX_SPACING_TARGETS);
+    for (const s of offGrid) {
+        refs.push({ ref: { kind: "spacing", px: s.px }, pages: s.pages });
+    }
+    return refs
+        .slice(0, MAX_PREVIEW_TARGETS)
+        .map(({ ref, pages }) => ({ key: designValueKey(ref), ref, pages }));
+}
+/** Context kept around the element on every side, in CSS px. */
+const CONTEXT_PX = 40;
+/** Crops come out 16:10 — the hover card's shape — unless the viewport can't fit it. */
+const ASPECT = 1.6;
+/** Small elements still get a component's worth of surroundings. */
+const MIN_WIDTH = 360;
+/**
+ * The clip to screenshot for an element at `el` (viewport coordinates, after
+ * it was scrolled into view): the element plus context, grown to 16:10,
+ * centered on the element's visible part and kept inside the viewport.
+ * Null when no part of the element is on screen — a drawer parked off-canvas,
+ * say — since a crop of whatever sits there instead would be a lie.
+ */
+export function previewClip(el, viewport) {
+    const vw = Math.floor(viewport.width);
+    const vh = Math.floor(viewport.height);
+    if (vw <= 0 || vh <= 0 || el.width <= 0 || el.height <= 0)
+        return null;
+    // The part of the element actually on screen.
+    const left = Math.max(el.x, 0);
+    const top = Math.max(el.y, 0);
+    const right = Math.min(el.x + el.width, vw);
+    const bottom = Math.min(el.y + el.height, vh);
+    if (right <= left || bottom <= top)
+        return null;
+    let width = right - left + CONTEXT_PX * 2;
+    let height = bottom - top + CONTEXT_PX * 2;
+    if (width / height < ASPECT)
+        width = height * ASPECT;
+    else
+        height = width / ASPECT;
+    if (width < MIN_WIDTH) {
+        width = MIN_WIDTH;
+        height = MIN_WIDTH / ASPECT;
+    }
+    width = Math.min(Math.ceil(width), vw);
+    height = Math.min(Math.ceil(height), vh);
+    const cx = (left + right) / 2;
+    const cy = (top + bottom) / 2;
+    const x = Math.min(Math.max(Math.round(cx - width / 2), 0), vw - width);
+    const y = Math.min(Math.max(Math.round(cy - height / 2), 0), vh - height);
+    return { x, y, width, height };
+}
+//# sourceMappingURL=design-values.js.map

package/dist/shared/design-values.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-values.js","sourceRoot":"","sources":["../../src/shared/design-values.ts"],"names":[],"mappings":"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"}

package/docs/SETUP.md

@@ -441,8 +441,10 @@ SQLite file cannot persist there. Production capture needs Postgres.
 4. Deploy. Tables are created automatically on first use.
 
 For **site snapshots** in production on Vercel, connect a
-[Blob store](https://vercel.com/docs/vercel-blob) — its `BLOB_READ_WRITE_TOKEN`
-switches image storage over automatically. Capture runs as one short server
+[Blob store](https://vercel.com/docs/vercel-blob) — whichever variable the
+connection injects, `BLOB_STORE_ID` (OIDC) or `BLOB_READ_WRITE_TOKEN`, switches
+image storage over automatically. `BLOB_WEBHOOK_PUBLIC_KEY` isn't needed, and
+public and private stores both work. Capture runs as one short server
 call per page so it fits inside function time limits; keeping
 `export const maxDuration = 300` on the dashboard's `page.tsx` adds headroom
 for heavy pages.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@polishd/next",
-  "version": "0.2.3-dev.5",
+  "version": "0.2.3-dev.7",
   "description": "Drop-in product analytics for Next.js — capture real user behavioral signals (rage/dead clicks, scroll depth, errors, web vitals) and explore them on a built-in dashboard. What gets measured gets improved.",
   "type": "module",
   "license": "MIT",