@bkazemi/verily 0.7.0 → 0.8.1

package/dist/server/style.js

@@ -15,6 +15,7 @@ export const stylesheet = `:root {
   --surface: #fff;
   --raised: #f7f9f7;
   --accent: #245f43;
+  --warn: #a4442b;
   color-scheme: light dark;
   accent-color: var(--accent);
 }
@@ -27,6 +28,7 @@ export const stylesheet = `:root {
     --surface: #161a18;
     --raised: #1d2220;
     --accent: #7fc4a2;
+    --warn: #e59a82;
   }
 }
 
@@ -74,6 +76,13 @@ h1 {
  */
 main.single h1 { margin-bottom: 1.25rem; padding-bottom: 0; border-bottom: none; }
 
+/*
+ * A page holding one thing sits in the middle of the window rather than at its top,
+ * where it would leave most of the window empty below it.
+ */
+body:has(main.single) { display: flex; min-height: 100vh; min-height: 100dvh; }
+main.single { width: 100%; max-width: 24rem; margin: auto; padding-bottom: 3rem; }
+
 h2 { margin: 2rem 0 .75rem; font-size: 1.125rem; font-weight: 620; letter-spacing: -.01em; }
 
 h3 { margin: 0 0 .5rem; font-size: 1rem; font-weight: 620; }
@@ -179,6 +188,9 @@ main:has(.accounts) { max-width: 54rem; }
   letter-spacing: .02em;
 }
 
+/* A provider's mark before its name, at the height of the letters. */
+.who .provider { display: inline-block; width: .875rem; height: .875rem; margin-right: .375rem; vertical-align: -.125rem; }
+
 /* Clipped 4px left of the text, which hides the date's dot when the date wraps to a new line. */
 .name { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 1rem; margin: 0 0 0 -4px; padding-left: 4px; overflow-x: clip; font-size: 1.0625rem; font-weight: 620; letter-spacing: -.01em; }
 
@@ -228,6 +240,10 @@ dd { margin: 0; font-variant-numeric: tabular-nums; }
 section dl { margin: .5rem 0 1rem; padding-top: 0; border-top: 0; }
 .side dl { margin: .625rem 0 0; padding-top: .625rem; }
 
+/* The links under a record, ruled off from the record and its disclaimer. */
+footer { margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid var(--line); }
+footer > :last-child { margin-bottom: 0; }
+
 section {
   margin: 0 0 1.25rem;
   padding: 1.25rem 1.375rem;
@@ -264,12 +280,140 @@ button {
   border-radius: 6px;
   background: var(--accent);
   color: var(--surface);
-  font: 500 .9375rem/1.4 inherit;
+  font: 500 .9375rem/1.4 system-ui, -apple-system, 'Segoe UI', sans-serif;
   cursor: pointer;
 }
 
+/* A link that starts something, drawn as a button. */
+a.button {
+  display: inline-block;
+  padding: .5rem 1rem;
+  border: 1px solid var(--accent);
+  border-radius: 6px;
+  background: var(--accent);
+  color: var(--surface);
+  font-weight: 500;
+  font-size: .9375rem;
+  line-height: 1.4;
+  text-decoration: none;
+}
+
 button + button { margin-left: .5rem; border-color: var(--line); background: none; color: var(--ink); }
 
+/* The other choice beside a page's one action, such as Cancel. */
+a.button.secondary { border-color: var(--line); background: none; color: var(--ink); }
+
+/* A page's action and its alternative, side by side. */
+.choice { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.5rem; }
+.choice form { margin: 0; }
+
+/* Ways to verify: one full-width button per method, none filled over the others. */
+.choices { display: grid; gap: .5rem; margin-bottom: 1.5rem; }
+.choices form { margin: 0; }
+
+.choices button {
+  width: 100%;
+  text-align: left;
+  border-color: var(--line);
+  background: var(--surface);
+  color: var(--ink);
+}
+
+.choices button:hover { border-color: var(--muted); }
+
+/* A provider's mark before a button's label, at the height of the letters. */
+button .provider { width: 1rem; height: 1rem; margin-right: .5rem; vertical-align: -.1875rem; }
+
+/* A control that ends something. Filled where it is the page's one action. */
+button.danger { border-color: var(--warn); background: var(--warn); }
+
+/*
+ * A connection on the settings page: the account's card, then what can be done with it.
+ * Its state sits in the card's corner, on the line that names the method.
+ */
+.connection { position: relative; margin-bottom: 1rem; }
+
+.state {
+  position: absolute;
+  top: .75rem;
+  right: .875rem;
+  display: flex;
+  align-items: center;
+  gap: .375rem;
+  height: 1.625rem;
+  padding: 0 .75rem 0 .5rem;
+  border: 1px solid var(--line);
+  border-radius: 999px;
+  background: var(--surface);
+  color: var(--ink);
+  font-size: .8125rem;
+  font-weight: 550;
+}
+
+/*
+ * The V the badge draws, in the tone that says how the record stands. A record that claims
+ * nothing is drawn faint in the text colour, as the badge draws it.
+ */
+.verdict { flex-shrink: 0; width: 1rem; height: 1rem; }
+.verdict.pending { opacity: .45; }
+.how .verdict { width: .875rem; height: .875rem; margin-right: .3125rem; vertical-align: -.125rem; }
+/* Cropped to its strokes and taller than the heading's letters, centred beside them. */
+h1:has(.verdict) { display: flex; align-items: center; gap: .75rem; }
+h1 .verdict { width: auto; height: 2.25rem; }
+
+/*
+ * In a state pill the V is cropped to its strokes and fills the pill's height, so its arms
+ * and its foot meet the border. The pill's left padding keeps the arms clear of its curve.
+ */
+.state .verdict { width: auto; height: 100%; }
+
+/*
+ * A pill's line includes room for descenders below the letters, which leaves its text
+ * sitting high. Trimmed to the letters, the padding alone sets the space above and below.
+ * In a state pill the word alone is trimmed, so it centres on the V by its letters.
+ */
+@supports (text-box: trim-both cap alphabetic) {
+  .listing { padding: .3125rem .5rem; text-box: trim-both cap alphabetic; }
+  .state > span { text-box: trim-both cap alphabetic; }
+}
+
+/* Links that sit together on one line, wrapping where there is no room. */
+.links { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.25rem; font-size: .875rem; }
+
+/* Under the account's id, with the facts about it rather than the controls. */
+.evidence { margin: .375rem 0 0; font-size: .8125rem; }
+
+.connection dl { margin-bottom: .75rem; }
+.connection .side > :last-child { margin-bottom: 0; }
+.connection pre { margin: .75rem 0; background: var(--surface); }
+.connection .actions { margin-top: .875rem; }
+
+/* The buttons for one connection in a row, wrapping where there is no room. */
+.actions { display: flex; flex-wrap: wrap; gap: .5rem; }
+.actions form { display: contents; }
+
+.actions button, .actions a.button {
+  margin: 0;
+  padding: .3125rem .75rem;
+  border-color: var(--line);
+  background: var(--surface);
+  color: var(--ink);
+  font-size: .8125rem;
+}
+
+.actions button:hover, .actions a.button:hover { border-color: var(--muted); }
+
+/* The controls that cannot be undone, together at the foot of the card. */
+.ending { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; margin-top: .75rem; padding-top: .75rem; border-top: 1px solid var(--line); }
+.ending form { margin: 0; }
+
+.ending button.danger {
+  padding: .3125rem .75rem;
+  background: var(--surface);
+  color: var(--warn);
+  font-size: .8125rem;
+}
+
 fieldset { margin: 0 0 1.25rem; padding: 1rem 1.125rem .25rem; border: 1px solid var(--line); border-radius: 8px; }
 
 legend { padding: 0 .375rem; color: var(--muted); font-size: .8125rem; }

package/dist/verily.js

@@ -9627,9 +9627,9 @@ var Verily = (() => {
   async function read(signed) {
     if (typeof signed !== "string" || signed.length > maxSignedLength) return void 0;
     const text = signed.trim();
-    const lines2 = text.split(/\r?\n/);
-    const only = (line) => lines2.indexOf(line) === lines2.lastIndexOf(line);
-    if (lines2[0] !== "-----BEGIN PGP SIGNED MESSAGE-----" || lines2.at(-1) !== "-----END PGP SIGNATURE-----" || !lines2.includes("-----BEGIN PGP SIGNATURE-----") || ![lines2[0], lines2.at(-1), "-----BEGIN PGP SIGNATURE-----"].every(only))
+    const lines = text.split(/\r?\n/);
+    const only = (line) => lines.indexOf(line) === lines.lastIndexOf(line);
+    if (lines[0] !== "-----BEGIN PGP SIGNED MESSAGE-----" || lines.at(-1) !== "-----END PGP SIGNATURE-----" || !lines.includes("-----BEGIN PGP SIGNATURE-----") || ![lines[0], lines.at(-1), "-----BEGIN PGP SIGNATURE-----"].every(only))
       return void 0;
     try {
       const { pgp, config } = await library();
@@ -9825,12 +9825,75 @@ var Verily = (() => {
     return attestation.hosted ? where : `${where} | Last checked ${when(attestation.confirmedAt)}`;
   }
 
-  // src/browser/mark.ts
+  // src/marks.ts
+  var github = {
+    viewBox: "0 0 16 16",
+    paths: [
+      "M6.766 11.328c-2.063-.25-3.516-1.734-3.516-3.656 0-.781.281-1.625.75-2.188-.203-.515-.172-1.609.063-2.062.625-.078 1.468.25 1.968.703.594-.187 1.219-.281 1.985-.281.765 0 1.39.094 1.953.265.484-.437 1.344-.765 1.969-.687.218.422.25 1.515.046 2.047.5.593.766 1.39.766 2.203 0 1.922-1.453 3.375-3.547 3.64.531.344.89 1.094.89 1.954v1.625c0 .468.391.734.86.547C13.781 14.359 16 11.53 16 8.03 16 3.61 12.406 0 7.984 0 3.563 0 0 3.61 0 8.031a7.88 7.88 0 0 0 5.172 7.422c.422.156.828-.125.828-.547v-1.25c-.219.094-.5.156-.75.156-1.031 0-1.64-.562-2.078-1.609-.172-.422-.36-.672-.719-.719-.187-.015-.25-.093-.25-.187 0-.188.313-.328.625-.328.453 0 .844.281 1.25.86.313.452.64.655 1.031.655s.641-.14 1-.5c.266-.265.47-.5.657-.656"
+    ]
+  };
+  var discord = {
+    viewBox: "0 0 24 24",
+    paths: [
+      "M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"
+    ]
+  };
+  var youtube = {
+    viewBox: "0 0 24 24",
+    paths: [
+      "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"
+    ]
+  };
+  var key = {
+    viewBox: "0 0 16 16",
+    stroke: true,
+    paths: [
+      "M7.4 8.6a3.3 3.3 0 1 0-4.7 4.7 3.3 3.3 0 0 0 4.7-4.7Z",
+      "M7.4 8.6 14 2",
+      "M11.2 4.8l1.6 1.6",
+      "M9.4 6.6l1.6 1.6"
+    ]
+  };
+  var globe = {
+    viewBox: "0 0 16 16",
+    stroke: true,
+    paths: [
+      "M8 1.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13Z",
+      "M1.5 8h13",
+      "M8 1.5C6.1 3.3 5.1 5.5 5.1 8s1 4.7 2.9 6.5",
+      "M8 1.5c1.9 1.8 2.9 4 2.9 6.5s-1 4.7-2.9 6.5"
+    ]
+  };
+  var envelope = {
+    viewBox: "0 0 16 16",
+    stroke: true,
+    paths: ["M2 3.5h12v9H2z", "M2.4 4l5.6 4.6L13.6 4"]
+  };
+  var marks2 = { github, discord, youtube, openpgp: key, email: envelope };
+  function markOf(provider, method) {
+    return marks2[provider] ?? (["backlink", "dns", "wellknown"].includes(method ?? "") ? globe : void 0);
+  }
+  var pathAttributes = (mark) => mark.stroke ? [
+    ["stroke", "currentColor"],
+    ["stroke-width", "1.6"],
+    ["stroke-linecap", "round"],
+    ["stroke-linejoin", "round"]
+  ] : [];
   var tones = {
     current: ["#D3444C", "#149766"],
     inactive: ["#149766", "#D3444C"],
     pending: ["currentColor", "currentColor"]
   };
+  var verification = {
+    viewBox: "-4 -4 264 264",
+    /** The box around the strokes alone: the arms' squared ends and the mitred foot. */
+    strokes: "25.6 29.1 204.8 228",
+    path: "M40 36 128 220 216 36",
+    /** The check's stretch of the V, as a dash along a path measured as 176 long. */
+    check: { pathLength: "176", "stroke-dasharray": "108 176", "stroke-dashoffset": "-54" }
+  };
+
+  // src/browser/mark.ts
   var markStyles = `
   @media (prefers-reduced-motion: no-preference) {
     .mark.current path:last-child { animation: verily-draw .8s cubic-bezier(.65, 0, .35, 1) .1s backwards; }
@@ -9846,20 +9909,18 @@ var Verily = (() => {
   function verificationMark(tone = "current") {
     const namespace2 = "http://www.w3.org/2000/svg";
     const svg = document.createElementNS(namespace2, "svg");
-    svg.setAttribute("viewBox", "-4 -4 264 264");
+    svg.setAttribute("viewBox", verification.viewBox);
     svg.setAttribute("fill", "none");
     svg.setAttribute("aria-hidden", "true");
     svg.setAttribute("focusable", "false");
     for (const layer of [0, 1]) {
       const path = document.createElementNS(namespace2, "path");
-      path.setAttribute("d", "M40 36 128 220 216 36");
+      path.setAttribute("d", verification.path);
       path.setAttribute("stroke-width", "32");
       path.setAttribute("stroke-linejoin", "miter");
-      if (layer === 1) {
-        path.setAttribute("pathLength", "176");
-        path.setAttribute("stroke-dasharray", "108 176");
-        path.setAttribute("stroke-dashoffset", "-54");
-      }
+      if (layer === 1)
+        for (const [name, value] of Object.entries(verification.check))
+          path.setAttribute(name, value);
       svg.append(path);
     }
     paintMark(svg, tone);
@@ -9896,92 +9957,23 @@ var Verily = (() => {
 
   // src/browser/provider-mark.ts
   var namespace = "http://www.w3.org/2000/svg";
-  function mark() {
+  function providerMark(provider, method) {
+    const mark = markOf(provider, method);
+    if (!mark) return void 0;
     const svg = document.createElementNS(namespace, "svg");
-    svg.setAttribute("viewBox", "0 0 16 16");
+    svg.setAttribute("viewBox", mark.viewBox);
     svg.setAttribute("class", "provider");
     svg.setAttribute("aria-hidden", "true");
     svg.setAttribute("focusable", "false");
-    return svg;
-  }
-  function github() {
-    const svg = mark();
-    const path = document.createElementNS(namespace, "path");
-    svg.setAttribute("fill", "currentColor");
-    path.setAttribute(
-      "d",
-      "M6.766 11.328c-2.063-.25-3.516-1.734-3.516-3.656 0-.781.281-1.625.75-2.188-.203-.515-.172-1.609.063-2.062.625-.078 1.468.25 1.968.703.594-.187 1.219-.281 1.985-.281.765 0 1.39.094 1.953.265.484-.437 1.344-.765 1.969-.687.218.422.25 1.515.046 2.047.5.593.766 1.39.766 2.203 0 1.922-1.453 3.375-3.547 3.64.531.344.89 1.094.89 1.954v1.625c0 .468.391.734.86.547C13.781 14.359 16 11.53 16 8.03 16 3.61 12.406 0 7.984 0 3.563 0 0 3.61 0 8.031a7.88 7.88 0 0 0 5.172 7.422c.422.156.828-.125.828-.547v-1.25c-.219.094-.5.156-.75.156-1.031 0-1.64-.562-2.078-1.609-.172-.422-.36-.672-.719-.719-.187-.015-.25-.093-.25-.187 0-.188.313-.328.625-.328.453 0 .844.281 1.25.86.313.452.64.655 1.031.655s.641-.14 1-.5c.266-.265.47-.5.657-.656"
-    );
-    svg.append(path);
-    return svg;
-  }
-  function discord() {
-    const svg = mark();
-    const path = document.createElementNS(namespace, "path");
-    svg.setAttribute("viewBox", "0 0 24 24");
-    svg.setAttribute("fill", "currentColor");
-    path.setAttribute(
-      "d",
-      "M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"
-    );
-    svg.append(path);
-    return svg;
-  }
-  function youtube() {
-    const svg = mark();
-    const path = document.createElementNS(namespace, "path");
-    svg.setAttribute("viewBox", "0 0 24 24");
-    svg.setAttribute("fill", "currentColor");
-    path.setAttribute(
-      "d",
-      "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"
-    );
-    svg.append(path);
-    return svg;
-  }
-  function key() {
-    return lines([
-      "M7.4 8.6a3.3 3.3 0 1 0-4.7 4.7 3.3 3.3 0 0 0 4.7-4.7Z",
-      "M7.4 8.6 14 2",
-      "M11.2 4.8l1.6 1.6",
-      "M9.4 6.6l1.6 1.6"
-    ]);
-  }
-  function globe() {
-    return lines([
-      "M8 1.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13Z",
-      "M1.5 8h13",
-      "M8 1.5C6.1 3.3 5.1 5.5 5.1 8s1 4.7 2.9 6.5",
-      "M8 1.5c1.9 1.8 2.9 4 2.9 6.5s-1 4.7-2.9 6.5"
-    ]);
-  }
-  function envelope() {
-    return lines(["M2 3.5h12v9H2z", "M2.4 4l5.6 4.6L13.6 4"]);
-  }
-  function lines(paths) {
-    const svg = mark();
-    svg.setAttribute("fill", "none");
-    for (const d2 of paths) {
+    svg.setAttribute("fill", mark.stroke ? "none" : "currentColor");
+    for (const d2 of mark.paths) {
       const path = document.createElementNS(namespace, "path");
       path.setAttribute("d", d2);
-      path.setAttribute("stroke", "currentColor");
-      path.setAttribute("stroke-width", "1.6");
-      path.setAttribute("stroke-linecap", "round");
-      path.setAttribute("stroke-linejoin", "round");
+      for (const [name, value] of pathAttributes(mark)) path.setAttribute(name, value);
       svg.append(path);
     }
     return svg;
   }
-  function providerMark(provider, method) {
-    const marks2 = {
-      github,
-      discord,
-      youtube,
-      openpgp: key,
-      email: envelope
-    };
-    return marks2[provider]?.() ?? (["backlink", "dns", "wellknown"].includes(method ?? "") ? globe() : void 0);
-  }
 
   // src/browser/badge.ts
   var styles = `
@@ -10134,8 +10126,8 @@ var Verily = (() => {
   }
   function renderBadgePending(element) {
     if (intact(element) && messages.get(element) === pendingKey) return;
-    const { pill, mark: mark2 } = frame(element, "pending");
-    paintMark(mark2, "pending");
+    const { pill, mark } = frame(element, "pending");
+    paintMark(mark, "pending");
     pill.setAttribute("role", "status");
     pill.setAttribute("aria-label", "Checking verification");
     const divider = span("divider", "");
@@ -10147,8 +10139,8 @@ var Verily = (() => {
   }
   function renderBadgeMessage(element, message) {
     if (intact(element) && messages.get(element) === message) return;
-    const { pill, mark: mark2 } = frame(element, "message");
-    paintMark(mark2, "inactive");
+    const { pill, mark } = frame(element, "message");
+    paintMark(mark, "inactive");
     pill.setAttribute("tabindex", "0");
     pill.setAttribute("role", "status");
     pill.setAttribute("aria-label", message);
@@ -10175,11 +10167,11 @@ var Verily = (() => {
     const key2 = renderKey(evidence, current, label, more, linked, rows, peek, href);
     if (intact(element) && shown.get(element) === key2) return null;
     const handle = externalName(evidence.external);
-    const { pill: badge, mark: mark2 } = frame(element, state, !linked);
+    const { pill: badge, mark } = frame(element, state, !linked);
     const unnamed = Math.max(more - rows.length, 0);
     const named = rows.map((row) => `, ${row.providerName} ${externalName(row.external)}`).join("");
     const others = `${named}${unnamed ? ` and ${unnamed} more` : ""}`;
-    paintMark(mark2, current ? "current" : retired ? "pending" : "inactive");
+    paintMark(mark, current ? "current" : retired ? "pending" : "inactive");
     if (linked) {
       badge.href = href;
       badge.rel = "noreferrer";
@@ -10316,9 +10308,9 @@ var Verily = (() => {
     panel.style.left = `${Math.max(edge, Math.min(at2.left, innerWidth - edge - size.width))}px`;
   }
   function renderConnectPill(element) {
-    const { pill, mark: mark2 } = frame(element, "connect");
+    const { pill, mark } = frame(element, "connect");
     const button2 = pill;
-    paintMark(mark2, "pending");
+    paintMark(mark, "pending");
     button2.type = "button";
     const divider = span("divider", "");
     divider.setAttribute("aria-hidden", "true");
@@ -10528,7 +10520,7 @@ ${claims(evidence)}`;
   }
 
   // src/version.ts
-  var version = "v0.7.0";
+  var version = "v0.8.1";
 
   // src/browser/evidence-dialog.ts
   function stampLink() {
@@ -10828,14 +10820,14 @@ ${claims(evidence)}`;
       return control;
     };
     const [named] = removable(evidence);
-    const { mark: mark2 } = manage;
-    const listable = mark2 !== void 0 && named !== void 0 && !["revoked", "retired"].includes(evidence.status);
+    const { mark } = manage;
+    const listable = mark !== void 0 && named !== void 0 && !["revoked", "retired"].includes(evidence.status);
     const list = (label, as2) => {
       const control = act(label);
       control.onclick = async () => {
         for (const other of row.children) other.disabled = true;
         try {
-          await mark2(named, as2);
+          await mark(named, as2);
         } catch {
           offer("That did not go through.");
         }
@@ -10910,7 +10902,7 @@ ${claims(evidence)}`;
     );
   }
   function signedMark(evidence, later, warned) {
-    const mark2 = node("span");
+    const mark = node("span");
     const link = outward(node("a", "signed", "signed"), `${evidence.evidenceUrl}#signed`);
     const see = "See the signature (opens in a new tab)";
     const settle = (results) => {
@@ -10919,14 +10911,14 @@ ${claims(evidence)}`;
         const warning = node("span", "bad signature", "signed bad");
         warning.setAttribute("role", "alert");
         warning.title = `This record does not match the signature ${evidence.verifierName} put on it, so it may have been altered. Do not rely on it.`;
-        mark2.replaceChildren(warning);
+        mark.replaceChildren(warning);
         warned();
         return;
       }
       if (first?.state === "valid" && results.every((result) => result.state === "valid")) {
         link.textContent = "signed";
         link.title = `Signature checked in this browser against the keys ${new URL(evidence.evidenceUrl).host} publishes (key ${first.keyId}). ${see}`;
-        mark2.replaceChildren(link);
+        mark.replaceChildren(link);
         return;
       }
       const why = results.find((result) => result.state === "unchecked");
@@ -10939,11 +10931,11 @@ ${claims(evidence)}`;
       link.textContent = "signed";
       link.append(caution);
       link.title = `${reason} ${see}`;
-      mark2.replaceChildren(link);
+      mark.replaceChildren(link);
       if (why) later(() => void signatures(evidence).then(settle));
     };
     void signatures(evidence).then(settle);
-    return mark2;
+    return mark;
   }
   function cautionMark() {
     const namespace2 = "http://www.w3.org/2000/svg";

package/dist/version.d.ts

@@ -7,4 +7,4 @@
  * output stays what tsc emitted and nothing has to be substituted into it. A version bump
  * changes this line with package.json.
  */
-export declare const version = "v0.7.0";
+export declare const version = "v0.8.1";

package/dist/version.js

@@ -7,4 +7,4 @@
  * output stays what tsc emitted and nothing has to be substituted into it. A version bump
  * changes this line with package.json.
  */
-export const version = 'v0.7.0';
+export const version = 'v0.8.1';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bkazemi/verily",
-  "version": "0.7.0",
+  "version": "0.8.1",
   "description": "Self-hosted account-to-account verification for Node.js",
   "type": "module",
   "license": "MIT",
@@ -30,7 +30,8 @@
     "preview": "npm run build && tsx example/preview.ts",
     "cloudflare:dev": "wrangler dev --local",
     "cloudflare:check": "wrangler deploy --dry-run --outdir .wrangler/build",
-    "cloudflare:deploy": "wrangler deploy"
+    "starter:check": "rm -rf .wrangler/starter && node dist/instance/bin.js init cloudflare .wrangler/starter && wrangler deploy --dry-run --config .wrangler/starter/wrangler.jsonc --outdir .wrangler/starter-build",
+    "release:deploy": "wrangler deploy"
   },
   "devDependencies": {
     "@cloudflare/workers-types": "^5.20260915.1",
@@ -62,6 +63,9 @@
     "dist",
     "docs/licenses"
   ],
+  "bin": {
+    "verily": "./dist/instance/bin.js"
+  },
   "exports": {
     ".": {
       "browser": {
@@ -81,6 +85,30 @@
       "types": "./dist/site/index.d.ts",
       "default": "./dist/site/index.js"
     },
+    "./instance": {
+      "types": "./dist/instance/index.d.ts",
+      "default": "./dist/instance/index.js"
+    },
+    "./instance/node": {
+      "types": "./dist/instance/node.d.ts",
+      "default": "./dist/instance/node.js"
+    },
+    "./instance/postgres": {
+      "types": "./dist/instance/postgres.d.ts",
+      "default": "./dist/instance/postgres.js"
+    },
+    "./instance/serve": {
+      "types": "./dist/instance/serve.d.ts",
+      "default": "./dist/instance/serve.js"
+    },
+    "./instance/cloudflare": {
+      "types": "./dist/instance/cloudflare.d.ts",
+      "default": "./dist/instance/cloudflare.js"
+    },
+    "./instance/undici": {
+      "types": "./dist/instance/undici.d.ts",
+      "default": "./dist/instance/undici.js"
+    },
     "./verily.js": "./dist/verily.js"
   }
 }