@crvouga/mockingbird-service-google-maps 1.7.0 → 1.7.1

package/CHANGELOG.md

@@ -1,6 +1,15 @@
 # Changelog — @crvouga/mockingbird-service-google-maps
 
-## 1.7.0 (2026-09-30)
+## 1.7.1 (2026-09-30)
+
+### Fixes and improvements
+
+- keep validated address lines within 80 characters ([2ba2574](https://github.com/crvouga/mockingbird/commit/2ba2574450c6900155e7b25a09891052faf7ba6f))
+- keep admin buttons pressed until the action finishes ([0aabfcb](https://github.com/crvouga/mockingbird/commit/0aabfcb5f392aa51e193f9c3f817d5877d92bc6a))
+- size admin select fields like the text inputs beside them ([0fb3ef2](https://github.com/crvouga/mockingbird/commit/0fb3ef2ddbf43376c93a2ae6d87c6c9bf890dafc))
+- keep admin section tabs wired when boot is renamed ([4eda25e](https://github.com/crvouga/mockingbird/commit/4eda25eacd59da048d196f7cc8369d7a02b47bfc))
+
+## 1.7.0 (2026-09-29)
 
 ### Features
 

package/dist/{chunk-KOTM4DOF.js → chunk-AIMXHIOX.js}

@@ -2088,6 +2088,50 @@ function bootAdmin(config) {
     if (render)
       await render();
   }
+  const delay = (ms) => new Promise((resolve2) => {
+    window.setTimeout(resolve2, ms);
+  });
+  const confirmAction = async (button, pending, done, work) => {
+    if (button.dataset.pending === "1")
+      return;
+    const label = button.textContent ?? "";
+    const width = button.offsetWidth;
+    button.dataset.pending = "1";
+    button.classList.add("pressed");
+    button.setAttribute("aria-busy", "true");
+    button.style.minWidth = `${width}px`;
+    button.textContent = pending;
+    try {
+      await work();
+      button.textContent = done;
+      await delay(1e3);
+    } catch (error) {
+      showError(error);
+    } finally {
+      button.textContent = label;
+      button.style.minWidth = "";
+      button.classList.remove("pressed");
+      button.removeAttribute("aria-busy");
+      delete button.dataset.pending;
+    }
+  };
+  document.addEventListener("click", (event) => {
+    const target = event.target;
+    if (!(target instanceof Element))
+      return;
+    const button = target.closest("button");
+    if (!(button instanceof HTMLButtonElement) || button.dataset.pending === "1")
+      return;
+    button.classList.add("pressed");
+    const token = String(Date.now());
+    button.dataset.press = token;
+    window.setTimeout(() => {
+      if (button.dataset.press !== token || button.dataset.pending === "1")
+        return;
+      button.classList.remove("pressed");
+      delete button.dataset.press;
+    }, 450);
+  });
   el("namespace", HTMLSelectElement).addEventListener("change", () => {
     state.namespace = el("namespace", HTMLSelectElement).value;
     refresh().catch(showError);
@@ -2098,7 +2142,7 @@ function bootAdmin(config) {
     refresh().catch(showError);
   });
   el("refresh", HTMLButtonElement).addEventListener("click", () => {
-    refresh().catch(showError);
+    confirmAction(el("refresh", HTMLButtonElement), "Refreshing...", "Updated", () => refresh()).catch(showError);
   });
   el("collections", HTMLElement).addEventListener("click", (event) => {
     const target = event.target;
@@ -2221,10 +2265,10 @@ function bootAdmin(config) {
     }).then(() => renderFaults()).catch(showError);
   });
   el("fault-clear", HTMLButtonElement).addEventListener("click", () => {
-    api("DELETE", "/faults").then(() => renderFaults()).catch(showError);
+    confirmAction(el("fault-clear", HTMLButtonElement), "Clearing...", "Cleared", () => api("DELETE", "/faults").then(() => renderFaults())).catch(showError);
   });
   el("journal-clear", HTMLButtonElement).addEventListener("click", () => {
-    api("DELETE", "/requests").then(() => renderJournal()).catch(showError);
+    confirmAction(el("journal-clear", HTMLButtonElement), "Clearing...", "Cleared", () => api("DELETE", "/requests").then(() => renderJournal())).catch(showError);
   });
   el("route-list", HTMLElement).addEventListener("click", (event) => {
     const target = event.target;
@@ -2339,9 +2383,13 @@ function bootAdmin(config) {
 var clientPrelude = [isRecord2, mountAdminBrand, startAdminBrand, faultPresetList, bootAdmin].map((fn) => fn.toString()).join("\n");
 var adminClientSource = (config) => {
   const payload = JSON.stringify(config).replace(/</g, "\\u003c");
+  const entry = bootAdmin.name;
+  if (!/^[A-Za-z_$][\w$]*$/.test(entry)) {
+    throw new Error("admin client cannot call its boot function");
+  }
   return `<script>
 ${clientPrelude}
-bootAdmin(${payload});
+${entry}(${payload});
 </script>`;
 };
 
@@ -2555,9 +2603,24 @@ var renderAdminDocument = (service) => {
   .controls { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
   label.field { display: flex; flex-direction: column; gap: 2px; font-size: 11px; color: var(--faint); }
   label.field input, label.field select, .controls input[type="password"] {
-    background: var(--bg-inset); border: 1px solid var(--line); border-radius: 8px;
-    padding: 7px 8px; min-height: 36px;
-  }
+    background-color: var(--bg-inset); border: 1px solid var(--line); border-radius: 8px;
+    padding: 7px 8px; min-height: 36px; line-height: 1.2;
+  }
+  /* A native menu ignores min-height, so Preset rendered about half as tall as
+     the text fields in the same form. Paint it like those fields. */
+  label.field select {
+    -webkit-appearance: none; appearance: none;
+    padding-right: 28px;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%2371717a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E");
+    background-repeat: no-repeat; background-position: right 10px center; background-size: 12px 12px;
+  }
+  .stack > .field > input,
+  .stack > .field > select,
+  .stack > .field > textarea,
+  dialog .field > input,
+  dialog .field > select,
+  dialog .field > textarea { width: 100%; }
+  .icon-btn, .btn, .btn-primary, .btn-quiet, .btn-danger, nav.side button { cursor: pointer; }
   .icon-btn, .btn, .btn-primary, .btn-quiet, .btn-danger {
     border-radius: 9px; min-height: 36px; padding: 0 12px; border: 1px solid var(--line);
     background: var(--bg-elev);
@@ -2565,6 +2628,14 @@ var renderAdminDocument = (service) => {
   .btn-primary { background: var(--accent); color: var(--accent-ink); border-color: transparent; }
   .btn-quiet { background: transparent; }
   .btn-danger { color: var(--err); }
+  /* Held after mouseup. Clearing an empty journal changes nothing on screen,
+     so the press itself has to stay visible. */
+  .icon-btn:active, .btn:active, .btn-quiet:active, .btn-danger:active, nav.side button:active,
+  .icon-btn.pressed, .btn.pressed, .btn-quiet.pressed, .btn-danger.pressed, nav.side button.pressed {
+    background: var(--bg-inset); border-color: var(--line-strong); color: var(--ink);
+  }
+  .btn-danger:active, .btn-danger.pressed { background: var(--err-soft); color: var(--err); }
+  .btn-primary:active, .btn-primary.pressed { filter: brightness(0.88); color: var(--accent-ink); }
   /* minmax(0, 1fr): a 1fr column will not shrink below its content, so a long
      record or the full nav row would widen the page past the viewport. */
   .layout {
@@ -2653,8 +2724,16 @@ var renderAdminDocument = (service) => {
     input, select, textarea { font-size: 16px; }
     .brand, .vendor, .controls { width: 100%; }
     label.field, label.field select, label.field input { flex: 1; min-width: 0; }
-    .layout { grid-template-columns: minmax(0, 1fr); }
+    /* The layout fills the screen. A single-column grid stretches every auto
+       row, so the tab bar grew with the leftover height and the buttons floated
+       in the middle of it. The bar stays one row; the page below takes the rest. */
+    .layout {
+      grid-template-columns: minmax(0, 1fr);
+      grid-template-rows: auto minmax(0, 1fr);
+      align-content: start;
+    }
     nav.side {
+      align-self: start; height: auto;
       flex-direction: row; align-items: center; overflow-x: auto; min-width: 0;
       border-right: 0; border-bottom: 1px solid var(--line);
       padding: 8px;
@@ -3448,7 +3527,7 @@ var stateAdminRoutes = (routes) => {
 };
 
 // ../core/dist/version.js
-var PACKAGE_VERSION = true ? "1.7.0" : UNRELEASED_VERSION;
+var PACKAGE_VERSION = true ? "1.7.1" : UNRELEASED_VERSION;
 
 // ../core/dist/signing.js
 var encoder = new TextEncoder();
@@ -5266,6 +5345,14 @@ var POSTAL_ADDRESS = /* @__PURE__ */ new Set([
 var MAX_INPUT_LENGTH = 280;
 var MAX_ADDRESS_LINES = 3;
 var MAX_ADDRESS_LINE_LENGTH = 80;
+var MAX_BARE_UNIT_LENGTH = 8;
+var postalLines = (parts) => {
+  const pieces = parts.map((part) => part.trim()).filter(Boolean);
+  if (pieces.length === 0) return [];
+  const joined = pieces.join(" ");
+  if (joined.length <= MAX_ADDRESS_LINE_LENGTH) return [joined];
+  return pieces.map((part) => part.slice(0, MAX_ADDRESS_LINE_LENGTH)).slice(0, MAX_ADDRESS_LINES);
+};
 var isRecord6 = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
 var optionalString = (value, field) => {
   if (value === void 0 || value === null) return void 0;
@@ -5447,7 +5534,10 @@ var resolve = (input, rows) => {
     const second = rest.join(" ").trim();
     if (second) {
       const only = UNIT_ONLY.exec(second);
-      if (only) unit = parseUnit(only[1], only[2]);
+      const value = only?.[2];
+      if (only && value && (only[1] !== void 0 || value.length <= MAX_BARE_UNIT_LENGTH)) {
+        unit = parseUnit(only[1], value);
+      }
     }
   } else {
     const joined = input.addressLines.join(", ");
@@ -5610,13 +5700,14 @@ var validateAddress = (request, rows, options = {}) => {
     hasInferred = input.regionCode === void 0;
     unconfirmed = components.filter((c) => c.confirmationLevel !== "CONFIRMED").map((c) => c.componentType);
     const line = [streetText, unit ? unitText(unit) : ""].filter(Boolean).join(" ");
+    const lines = postalLines([streetText, unit ? unitText(unit) : ""]);
     postalAddress = compact({
       regionCode: region,
       languageCode: "en",
       postalCode: input.postalCode,
       administrativeArea: state,
       locality: input.locality,
-      addressLines: line ? [line] : void 0
+      addressLines: lines.length > 0 ? lines : void 0
     });
     formattedAddress2 = [
       line,
@@ -5700,7 +5791,7 @@ var validateAddress = (request, rows, options = {}) => {
       postalCode: zip,
       administrativeArea: row2.state,
       locality: row2.city,
-      addressLines: [line]
+      addressLines: postalLines([street, r.unit ? unitText(r.unit) : ""])
     };
     formattedAddress2 = `${line}, ${row2.city}, ${row2.state} ${zip}, USA`;
     const place = r.inCorpus ? { placeId: corpusPlaceId(row2), lat: row2.lat, lng: row2.lng } : synthesize(street, row2);
@@ -6294,4 +6385,4 @@ export {
   keyCredential,
   GoogleMapsAPI
 };
-//# sourceMappingURL=chunk-KOTM4DOF.js.map
+//# sourceMappingURL=chunk-AIMXHIOX.js.map