@sikkuumiii/defuse 0.0.0-stage → 0.5.0

package/dist/src/report/site.d.ts

@@ -0,0 +1,87 @@
+import type { BenchmarkResult, LabelSplitResult } from './coverage-table.js';
+/**
+ * THE SITE IS GENERATED, FOR THE SAME REASON THE README BLOCKS ARE.
+ * ================================================================
+ *
+ * A marketing page is the single most likely thing in any project to carry a
+ * number the code moved past two months ago. It is written once, in a hurry,
+ * by someone who knows the figures by heart - and then it sits there being
+ * quietly wrong while the engine improves underneath it.
+ *
+ * This tool cannot afford that. Its whole claim is that it does not say more
+ * than it knows, and a landing page boasting a precision figure the benchmark
+ * has since revised would be exactly the failure it sells against.
+ *
+ * So every figure on the page comes from `docs/benchmark-result.json` and
+ * `docs/label-split-result.json`, the rule and language counts come from the
+ * registry, and `npm test` fails if `docs/index.html` disagrees with what this
+ * function produces. The page cannot be wrong without the build going red.
+ *
+ * Nothing here is hand-typed except the prose - and the prose makes no
+ * quantitative claims at all, which is deliberate rather than lazy.
+ *
+ *
+ * ON THE LOOK.
+ * ============
+ *
+ * ONE ACCENT, AND IT IS THE MARK'S OWN.
+ *
+ * #792CF7 is not a purple chosen to go with the logo - it is the exact value
+ * sampled out of `docs/defuse-mark.png`, and the same value the Instagram
+ * carousel uses. An earlier version of this page ran on #9F6BFF, a lighter
+ * purple that matched nothing, which is how a brand ends up with three
+ * different primaries and no one able to say which is right.
+ *
+ * The ground (#262626), the raised surface (#2C2C2C), the white (#F5F5F5) and
+ * the muted text (#A8A8A8) are all measured out of the carousel for the same
+ * reason. The site and the social page are now one thing.
+ *
+ * PROVEN VERSUS GUESSED IS CARRIED BY VALUE AND SHAPE, NOT BY HUE.
+ *
+ * This replaces an ice/rose temperature split, and the replacement is better
+ * rather than merely different. Any hue pair - green/amber, blue/pink - fails
+ * for someone: red-green colour blindness is the most common kind there is,
+ * and every one of them dies in a grayscale print. So the distinction is now
+ * carried three ways at once, none of which is colour:
+ *
+ *     flow-verified   solid filled dot   white text    solid border
+ *     signature-based hollow ring        muted text    dashed border
+ *
+ * Filled against hollow. Bright against dim. Unbroken against broken. That
+ * survives grayscale, every form of colour blindness, and a bad monitor - and
+ * it reads as what it means, because a proof is substantial and a guess is an
+ * outline. Purple stays a brand colour and never becomes a status colour,
+ * which is the mistake that made the previous palette need four accents.
+ *
+ * GLASS, HONESTLY.
+ *
+ * Surfaces are translucent over the grid, so the panels read as laid on the
+ * page rather than cut into it. Every one also declares a solid base colour
+ * underneath, because `backdrop-filter` is the first thing to be switched off
+ * on a locked-down machine and a panel that becomes unreadable without it is
+ * a decoration pretending to be a layout.
+ *
+ * MOTION EARNS ITS PLACE ONCE.
+ *
+ * The trace on the proof section draws itself, source to sink, one hop at a
+ * time. That animation IS the product. The glow sweep and the pulsing halos
+ * that used to be here were not - they were the house style of every generated
+ * landing page on the internet, and they have been removed. Everything that
+ * remains is disabled under `prefers-reduced-motion`.
+ */
+export declare const esc: (s: string) => string;
+/** The install line, in one place - the hero prints it and the button copies it. */
+export declare const INSTALL_COMMAND = "npx github:Sikkuumi/Defuse scan .";
+/**
+ * WHAT EVERY PAGE OF THE SITE SHARES - the fonts, the colours, the base type,
+ * the glass surface, the navigation bar and the footer - so the landing page
+ * and the pricing page cannot drift apart in the brand they wear.
+ */
+export declare const BASE_CSS = "  /*\n   * THE FONTS ARE SERVED FROM THIS ORIGIN. THE PAGE CALLS NOBODY.\n   *\n   * This used to be a stylesheet link to fonts.googleapis.com, which meant the\n   * homepage of a security tool made a request to a third party before it had\n   * drawn anything - handing that third party the visitor's IP address and\n   * user agent on the way. The people most likely to open devtools on this\n   * page are exactly the people who would notice, and they would be right to.\n   *\n   * Six files, about 100KB, latin subsets only. Both families are SIL Open\n   * Font License 1.1, which permits redistribution and requires the licence to\n   * travel with the files - hence docs/fonts/LICENSE-*.txt, which are served\n   * alongside rather than being a gesture.\n   *\n   * font-display:swap draws the text immediately in the fallback and repaints\n   * when the real face arrives. The alternative, block, hides the heading until\n   * the font loads, and a blank hero is a worse failure than a brief reflow.\n   */\n  @font-face{font-family:\"Space Grotesk\";src:url(\"fonts/space-grotesk-latin-300-normal.woff2\") format(\"woff2\");font-weight:300;font-style:normal;font-display:swap}\n  @font-face{font-family:\"Space Grotesk\";src:url(\"fonts/space-grotesk-latin-400-normal.woff2\") format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}\n  @font-face{font-family:\"Space Grotesk\";src:url(\"fonts/space-grotesk-latin-500-normal.woff2\") format(\"woff2\");font-weight:500;font-style:normal;font-display:swap}\n  @font-face{font-family:\"Space Grotesk\";src:url(\"fonts/space-grotesk-latin-700-normal.woff2\") format(\"woff2\");font-weight:700;font-style:normal;font-display:swap}\n  @font-face{font-family:\"IBM Plex Mono\";src:url(\"fonts/ibm-plex-mono-latin-400-normal.woff2\") format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}\n  @font-face{font-family:\"IBM Plex Mono\";src:url(\"fonts/ibm-plex-mono-latin-500-normal.woff2\") format(\"woff2\");font-weight:500;font-style:normal;font-display:swap}\n\n  :root{\n    /* Ground and surfaces, sampled from the Instagram carousel. */\n    --bg:#262626; --panel:#2C2C2C; --raised:#2F2F2F;\n    --white:#F5F5F5; --mute:#A8A8A8; --faint:#6E6E6E;\n    /* One accent, three tints. #792CF7 is the mark's own value; the lighter two\n       exist only so that text on this ground clears contrast - 792CF7 sits at\n       3.4:1, which is fine for a 40px heading and not fine for a 14px line. */\n    --brand:#792CF7; --brand-lift:#9153F7; --brand-soft:#A87BFF;\n    --line:rgba(245,245,245,.10); --hair:rgba(245,245,245,.06);\n    --glass:rgba(245,245,245,.035);\n  }\n  *{box-sizing:border-box;margin:0;padding:0}\n  html{scroll-behavior:smooth}\n  body{\n    background:var(--bg); color:var(--white);\n    font-family:\"Space Grotesk\",system-ui,sans-serif; font-weight:400; line-height:1.6;\n    -webkit-font-smoothing:antialiased; overflow-x:hidden;\n    /* The 34px grid from the carousel, at the faintest weight that still reads. */\n    background-image:\n      linear-gradient(rgba(245,245,245,.020) 1px,transparent 1px),\n      linear-gradient(90deg,rgba(245,245,245,.020) 1px,transparent 1px);\n    background-size:34px 34px;\n  }\n  .wrap{max-width:1140px;margin:0 auto;padding:0 28px}\n  a{color:var(--brand-soft);text-decoration:none;transition:color 200ms ease}\n  a:hover{color:var(--white)}\n  .mono,code{font-family:\"IBM Plex Mono\",ui-monospace,monospace}\n  .kicker{font-family:\"IBM Plex Mono\",monospace;font-size:12px;letter-spacing:2.6px;text-transform:uppercase;color:var(--faint)}\n  h1,h2,h3{font-weight:700;letter-spacing:-.9px;line-height:1.06}\n  h2{font-size:clamp(32px,4.6vw,52px);margin:18px 0 0}\n  p{color:var(--mute);max-width:66ch}\n  section{padding:clamp(60px,8vw,104px) 0;border-top:1px solid var(--hair);position:relative}\n\n  /* ---------- glass ---------- */\n  /* Every glass surface names --panel first, so the layout survives with\n     backdrop-filter switched off or unsupported. */\n  .glass{\n    background:var(--panel); background:linear-gradient(180deg,var(--glass),rgba(245,245,245,.012)),var(--panel);\n    -webkit-backdrop-filter:blur(16px) saturate(118%); backdrop-filter:blur(16px) saturate(118%);\n    border:1px solid var(--line); border-radius:16px;\n  }\n\n";
+export declare const NAV_CSS = "  nav{position:relative;display:flex;align-items:center;gap:18px;padding:26px 0}\n  nav img{width:29px;height:auto}\n  .word{font-weight:700;font-size:25px;letter-spacing:-.6px;color:var(--brand-lift)}\n  .navlinks{display:none;gap:30px;margin-left:26px}\n  .navlinks a{font-size:14px;color:var(--mute)}\n  .navlinks a:hover{color:var(--white)}\n  @media(min-width:880px){.navlinks{display:flex}}\n  .ghbtn{margin-left:auto;font-family:\"IBM Plex Mono\",monospace;font-size:13px;color:var(--white);border:1px solid var(--line);border-radius:999px;padding:10px 19px;transition:background 220ms ease,border-color 220ms ease}\n  .ghbtn:hover{background:var(--glass);border-color:var(--brand-lift);color:var(--white)}\n\n";
+export declare const FOOTER_CSS = "  footer{border-top:1px solid var(--hair);padding:46px 0 70px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}\n";
+/** The navigation bar, the same on every page; `page` decides where the section links point. */
+export declare function siteNav(page: 'home' | 'pricing'): string;
+/** The footer, the same on every page. */
+export declare function siteFooter(): string;
+export declare function renderSite(benchmark: BenchmarkResult, split: LabelSplitResult): string;