@polishd/next 0.2.0 → 0.2.1-dev.1

package/dist/dashboard/show-more.js

@@ -0,0 +1,18 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Polishd — collapse long lists behind a "Show more" toggle.
+ *
+ * The Design tab's sections are server-rendered; this is the one client-side
+ * piece they share. The server passes the overflow rows as `children`, so the
+ * hidden content is already rendered and toggling costs nothing — no state
+ * beyond a boolean, no refetch.
+ */
+import { useState } from "react";
+export default function ShowMore({ count, label, children, }) {
+    const [open, setOpen] = useState(false);
+    if (count <= 0)
+        return _jsx(_Fragment, { children: children });
+    return (_jsxs(_Fragment, { children: [open && children, _jsx("div", { className: "border-t border-[#2e2e2e] px-4 py-2.5 sm:px-5", children: _jsx("button", { type: "button", onClick: () => setOpen((o) => !o), className: "text-[11px] font-medium text-[#888] transition-colors hover:text-white", children: open ? `Show less ↑` : `Show ${count} more ${label} ↓` }) })] }));
+}
+//# sourceMappingURL=show-more.js.map

package/dist/dashboard/show-more.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"show-more.js","sourceRoot":"","sources":["../../src/dashboard/show-more.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;GAOG;AACH,OAAO,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,QAAQ,GAOT;IACC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,IAAI,KAAK,IAAI,CAAC;QAAE,OAAO,4BAAG,QAAQ,GAAI,CAAC;IACvC,OAAO,CACL,8BACG,IAAI,IAAI,QAAQ,EACjB,cAAK,SAAS,EAAC,+CAA+C,YAC5D,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EACjC,SAAS,EAAC,wEAAwE,YAEjF,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,KAAK,SAAS,KAAK,IAAI,GAChD,GACL,IACL,CACJ,CAAC;AACJ,CAAC"}

package/dist/dashboard.css

@@ -78,6 +78,7 @@
     --color-red-950: oklch(25.8% .092 26.042);
     --color-amber-300: oklch(87.9% .169 91.605);
     --color-amber-400: oklch(82.8% .189 84.429);
+    --color-amber-500: oklch(76.9% .188 70.08);
     --color-amber-900: oklch(41.4% .112 45.904);
     --color-amber-950: oklch(27.9% .077 45.635);
     --color-emerald-400: oklch(76.5% .177 163.223);
@@ -100,6 +101,7 @@
     --container-lg: 32rem;
     --container-xl: 36rem;
     --container-5xl: 64rem;
+    --container-6xl: 72rem;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
@@ -109,6 +111,7 @@
     --tracking-wider: .05em;
     --leading-snug: 1.375;
     --leading-relaxed: 1.625;
+    --radius-sm: .25rem;
     --radius-md: .375rem;
     --radius-lg: .5rem;
     --radius-xl: .75rem;
@@ -218,6 +221,10 @@
     pointer-events: none;
   }
 
+.polishd-root.polishd-root .collapse {
+    visibility: collapse;
+  }
+
 .polishd-root.polishd-root .invisible {
     visibility: hidden;
   }
@@ -428,6 +435,10 @@
     margin-top: 5px;
   }
 
+.polishd-root.polishd-root .mt-\[7px\] {
+    margin-top: 7px;
+  }
+
 .polishd-root.polishd-root .mt-\[18px\] {
     margin-top: 18px;
   }
@@ -540,6 +551,10 @@
     height: calc(var(--spacing) * 3.5);
   }
 
+.polishd-root.polishd-root .h-4 {
+    height: calc(var(--spacing) * 4);
+  }
+
 .polishd-root.polishd-root .h-5 {
     height: calc(var(--spacing) * 5);
   }
@@ -548,6 +563,18 @@
     height: calc(var(--spacing) * 7);
   }
 
+.polishd-root.polishd-root .h-9 {
+    height: calc(var(--spacing) * 9);
+  }
+
+.polishd-root.polishd-root .h-12 {
+    height: calc(var(--spacing) * 12);
+  }
+
+.polishd-root.polishd-root .h-16 {
+    height: calc(var(--spacing) * 16);
+  }
+
 .polishd-root.polishd-root .h-\[5px\] {
     height: 5px;
   }
@@ -592,6 +619,10 @@
     min-height: 100dvh;
   }
 
+.polishd-root.polishd-root .w-1 {
+    width: var(--spacing);
+  }
+
 .polishd-root.polishd-root .w-1\.5 {
     width: calc(var(--spacing) * 1.5);
   }
@@ -608,6 +639,10 @@
     width: calc(var(--spacing) * 3.5);
   }
 
+.polishd-root.polishd-root .w-4 {
+    width: calc(var(--spacing) * 4);
+  }
+
 .polishd-root.polishd-root .w-7 {
     width: calc(var(--spacing) * 7);
   }
@@ -620,6 +655,10 @@
     width: calc(var(--spacing) * 12);
   }
 
+.polishd-root.polishd-root .w-14 {
+    width: calc(var(--spacing) * 14);
+  }
+
 .polishd-root.polishd-root .w-16 {
     width: calc(var(--spacing) * 16);
   }
@@ -672,6 +711,10 @@
     max-width: var(--container-5xl);
   }
 
+.polishd-root.polishd-root .max-w-6xl {
+    max-width: var(--container-6xl);
+  }
+
 .polishd-root.polishd-root .max-w-\[15ch\] {
     max-width: 15ch;
   }
@@ -833,6 +876,10 @@
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
+.polishd-root.polishd-root .grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
 .polishd-root.polishd-root .flex-col {
     flex-direction: column;
   }
@@ -873,6 +920,10 @@
     gap: calc(var(--spacing) * .5);
   }
 
+.polishd-root.polishd-root .gap-1 {
+    gap: var(--spacing);
+  }
+
 .polishd-root.polishd-root .gap-1\.5 {
     gap: calc(var(--spacing) * 1.5);
   }
@@ -901,6 +952,10 @@
     gap: calc(var(--spacing) * 5);
   }
 
+.polishd-root.polishd-root .gap-6 {
+    gap: calc(var(--spacing) * 6);
+  }
+
 .polishd-root.polishd-root .gap-10 {
     gap: calc(var(--spacing) * 10);
   }
@@ -947,6 +1002,10 @@
     column-gap: calc(var(--spacing) * 3);
   }
 
+.polishd-root.polishd-root .gap-x-4 {
+    column-gap: calc(var(--spacing) * 4);
+  }
+
 .polishd-root.polishd-root .gap-y-0\.5 {
     row-gap: calc(var(--spacing) * .5);
   }
@@ -1013,6 +1072,10 @@
     border-radius: var(--radius-md);
   }
 
+.polishd-root.polishd-root .rounded-sm {
+    border-radius: var(--radius-sm);
+  }
+
 .polishd-root.polishd-root .rounded-t-xl {
     border-top-left-radius: var(--radius-xl);
     border-top-right-radius: var(--radius-xl);
@@ -1057,6 +1120,10 @@
     border-color: #1a1a1a;
   }
 
+.polishd-root.polishd-root .border-\[\#1e3a5f\]\/60 {
+    border-color: oklab(34.6182% -.0177443 -.0713795 / .6);
+  }
+
 .polishd-root.polishd-root .border-\[\#2e2e2e\] {
     border-color: #2e2e2e;
   }
@@ -1111,6 +1178,10 @@
     background-color: #0a0a0a;
   }
 
+.polishd-root.polishd-root .bg-\[\#0c1a2b\]\/60 {
+    background-color: oklab(21.479% -.0106614 -.037564 / .6);
+  }
+
 .polishd-root.polishd-root .bg-\[\#1a1a1a\] {
     background-color: #1a1a1a;
   }
@@ -1119,6 +1190,10 @@
     background-color: #2e2e2e;
   }
 
+.polishd-root.polishd-root .bg-\[\#7fb2e5\] {
+    background-color: #7fb2e5;
+  }
+
 .polishd-root.polishd-root .bg-\[\#101c14\] {
     background-color: #101c14;
   }
@@ -1159,10 +1234,28 @@
     background-color: #141414;
   }
 
+.polishd-root.polishd-root .bg-\[\#161616\] {
+    background-color: #161616;
+  }
+
 .polishd-root.polishd-root .bg-\[\#f5a623\] {
     background-color: #f5a623;
   }
 
+.polishd-root.polishd-root .bg-amber-400 {
+    background-color: var(--color-amber-400);
+  }
+
+.polishd-root.polishd-root .bg-amber-500\/70 {
+    background-color: #f99c00b3;
+  }
+
+@supports (color: color-mix(in lab, red, red)) {
+    .polishd-root.polishd-root .bg-amber-500\/70 {
+      background-color: color-mix(in oklab, var(--color-amber-500) 70%, transparent);
+    }
+  }
+
 .polishd-root.polishd-root .bg-amber-950 {
     background-color: var(--color-amber-950);
   }
@@ -1221,6 +1314,16 @@
     background-color: var(--color-blue-500);
   }
 
+.polishd-root.polishd-root .bg-blue-500\/80 {
+    background-color: #3080ffcc;
+  }
+
+@supports (color: color-mix(in lab, red, red)) {
+    .polishd-root.polishd-root .bg-blue-500\/80 {
+      background-color: color-mix(in oklab, var(--color-blue-500) 80%, transparent);
+    }
+  }
+
 .polishd-root.polishd-root .bg-blue-950 {
     background-color: var(--color-blue-950);
   }
@@ -1405,6 +1508,10 @@
     padding-top: 88px;
   }
 
+.polishd-root.polishd-root .pr-2\.5 {
+    padding-right: calc(var(--spacing) * 2.5);
+  }
+
 .polishd-root.polishd-root .pr-3 {
     padding-right: calc(var(--spacing) * 3);
   }
@@ -1421,10 +1528,18 @@
     padding-right: calc(var(--spacing) * 6);
   }
 
+.polishd-root.polishd-root .pb-1 {
+    padding-bottom: var(--spacing);
+  }
+
 .polishd-root.polishd-root .pb-3 {
     padding-bottom: calc(var(--spacing) * 3);
   }
 
+.polishd-root.polishd-root .pb-4 {
+    padding-bottom: calc(var(--spacing) * 4);
+  }
+
 .polishd-root.polishd-root .pb-6 {
     padding-bottom: calc(var(--spacing) * 6);
   }
@@ -1441,6 +1556,10 @@
     padding-bottom: 72px;
   }
 
+.polishd-root.polishd-root .pl-1\.5 {
+    padding-left: calc(var(--spacing) * 1.5);
+  }
+
 .polishd-root.polishd-root .pl-4 {
     padding-left: calc(var(--spacing) * 4);
   }
@@ -1760,6 +1879,10 @@
     color: #0cce6b;
   }
 
+.polishd-root.polishd-root .text-\[\#7fb2e5\] {
+    color: #7fb2e5;
+  }
+
 .polishd-root.polishd-root .text-\[\#444\] {
     color: #444;
   }
@@ -2032,6 +2155,10 @@
       border-color: #555;
     }
 
+    .polishd-root.polishd-root .hover\:bg-\[\#0f0f0f\]:hover {
+      background-color: #0f0f0f;
+    }
+
     .polishd-root.polishd-root .hover\:bg-\[\#1a1a1a\]:hover {
       background-color: #1a1a1a;
     }
@@ -2153,6 +2280,10 @@
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
 
+    .polishd-root.polishd-root .sm\:grid-cols-6 {
+      grid-template-columns: repeat(6, minmax(0, 1fr));
+    }
+
     .polishd-root.polishd-root .sm\:gap-4 {
       gap: calc(var(--spacing) * 4);
     }
@@ -2221,14 +2352,30 @@
       position: sticky;
     }
 
+    .polishd-root.polishd-root .lg\:top-8 {
+      top: calc(var(--spacing) * 8);
+    }
+
     .polishd-root.polishd-root .lg\:top-\[128px\] {
       top: 128px;
     }
 
+    .polishd-root.polishd-root .lg\:mt-5 {
+      margin-top: calc(var(--spacing) * 5);
+    }
+
+    .polishd-root.polishd-root .lg\:block {
+      display: block;
+    }
+
     .polishd-root.polishd-root .lg\:min-h-\[52vh\] {
       min-height: 52vh;
     }
 
+    .polishd-root.polishd-root .lg\:w-44 {
+      width: calc(var(--spacing) * 44);
+    }
+
     .polishd-root.polishd-root .lg\:grid-cols-3 {
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
@@ -2245,6 +2392,18 @@
       grid-template-columns: 380px 1fr;
     }
 
+    .polishd-root.polishd-root .lg\:flex-col {
+      flex-direction: column;
+    }
+
+    .polishd-root.polishd-root .lg\:flex-row {
+      flex-direction: row;
+    }
+
+    .polishd-root.polishd-root .lg\:gap-10 {
+      gap: calc(var(--spacing) * 10);
+    }
+
     .polishd-root.polishd-root .lg\:gap-16 {
       gap: calc(var(--spacing) * 16);
     }

package/dist/server/design.d.ts

@@ -0,0 +1,93 @@
+export interface DesignFontUsage {
+    family: string;
+    sizePx: number;
+    weight: number;
+    /** Elements across all pages rendering this exact combination. */
+    count: number;
+    /** Real text sampled from the site in this style. */
+    sample: string | null;
+    /** Tag names seen carrying it (h1, p, button…). */
+    tags: string[];
+    pages: string[];
+    /** True when this looks like a one-off rather than part of the type scale. */
+    outlier: boolean;
+}
+export type DesignColorRole = "text" | "background" | "border";
+export interface DesignColorUsage {
+    hex: string;
+    /** Total tallies across roles. */
+    count: number;
+    roles: Record<DesignColorRole, number>;
+    pages: string[];
+    /** Share of all color tallies, 0–100. */
+    pct: number;
+    outlier: boolean;
+}
+export interface DesignContrastPair {
+    fg: string;
+    bg: string;
+    count: number;
+    /** Smallest font size this pair was seen at, px. */
+    minSizePx: number;
+    /** WCAG 2.x contrast ratio, e.g. 4.53. */
+    ratio: number;
+    /** The AA threshold that applies at `minSizePx` (3 for large text, else 4.5). */
+    required: number;
+    passes: boolean;
+    pages: string[];
+}
+export interface DesignRadiusUsage {
+    /** "8px", "9999px (full)" style label. */
+    value: string;
+    count: number;
+    pages: string[];
+    outlier: boolean;
+}
+export interface DesignSpacingUsage {
+    px: number;
+    count: number;
+    pages: string[];
+    /** True when the value sits off the site's dominant spacing grid. */
+    offGrid: boolean;
+}
+export type DesignFlagSection = "typography" | "color" | "contrast" | "radius" | "spacing";
+export interface DesignFlag {
+    section: DesignFlagSection;
+    severity: "warn" | "info";
+    message: string;
+}
+export interface DesignPageScan {
+    path: string;
+    scannedAt: number;
+    elements: number;
+}
+export interface PolishdDesignData {
+    ready: boolean;
+    /** Pages with a scan, newest first. */
+    pages: DesignPageScan[];
+    fonts: DesignFontUsage[];
+    /** Distinct font families, most used first. */
+    families: {
+        family: string;
+        count: number;
+    }[];
+    colors: DesignColorUsage[];
+    contrast: DesignContrastPair[];
+    radii: DesignRadiusUsage[];
+    spacing: DesignSpacingUsage[];
+    flags: DesignFlag[];
+}
+export declare const EMPTY_DESIGN_DATA: PolishdDesignData;
+/** WCAG 2.x contrast ratio between two hex colors, or null if unparseable. */
+export declare function contrastRatio(a: string, b: string): number | null;
+/**
+ * Build the full design dataset: merge per-page tallies site-wide, then run
+ * the deterministic checks. Read-only; degrades to `EMPTY_DESIGN_DATA`.
+ */
+export declare function getDesignData(): Promise<PolishdDesignData>;
+/**
+ * Rule-based checks over the aggregated data. Pure function of its input so
+ * it's easy to test and the AI layer can quote the same findings verbatim.
+ */
+export declare function buildDesignFlags(data: PolishdDesignData): DesignFlag[];
+//# sourceMappingURL=design.d.ts.map

package/dist/server/design.d.ts.map

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