eddie-jekyll 0.4.0 → 0.4.2

data/assets/eddie-boot.js

@@ -0,0 +1,234 @@
+// SPDX-License-Identifier: GPL-3.0-only
+// Generated by widget/build.sh from widget/src/eddie-boot.js and widget/src/lib/*.js; edit those instead.
+(function () {
+"use strict";
+const EDDIE_ASSET_VERSION = "c0fdc503e01a";
+const EddieLib = {};
+// SPDX-License-Identifier: GPL-3.0-only
+
+// Boot loader decisions (widget/src/eddie-boot.js). Pure and tiny: the boot
+// script is on every page view, so it carries only what it needs to draw
+// the trigger button and decide when to fetch the full widget.
+
+(function (factory) {
+  const api = factory();
+  if (typeof module === "object" && module && module.exports) {
+    module.exports = api;
+  } else if (typeof EddieLib === "object" && EddieLib) {
+    Object.assign(EddieLib, api);
+  } else {
+    globalThis.EddieLib = Object.assign(globalThis.EddieLib || {}, api);
+  }
+})(function () {
+  "use strict";
+
+  const POSITIONS = ["top-left", "top-right", "bottom-left", "bottom-right"];
+  const SEARCH_CONSENT_KEY = "eddie.search.consent";
+  // Set on the first modal open on this browser: the boot loader treats the
+  // visitor as returning from then on (see decideBoot / decideWarm).
+  const SEARCH_USED_KEY = "eddie.search.used";
+
+  /** Trigger placement and theme from the `data-*` attributes (same rules as config.js). */
+  function bootLayout(get) {
+    const pos = String(get("data-position") || "").trim().toLowerCase();
+    const theme = String(get("data-theme") || "").trim().toLowerCase();
+    const num = (raw) => {
+      const v = Number(raw);
+      return raw != null && raw !== "" && Number.isFinite(v) ? Math.trunc(v) : 0;
+    };
+    const warm = String(get("data-warm") || "").trim().toLowerCase();
+    return {
+      position: POSITIONS.includes(pos) ? pos : "bottom-right",
+      theme: ["auto", "light", "dark"].includes(theme) ? theme : "auto",
+      offsetX: num(get("data-offset-x")),
+      offsetY: num(get("data-offset-y")),
+      warm: ["auto", "off", "always"].includes(warm) ? warm : "auto",
+    };
+  }
+
+  /**
+   * When the boot loader fetches the full widget.
+   *   warm        "auto" | "off" | "always" (data-warm)
+   *   saveData    navigator.connection.saveData
+   *   reducedData prefers-reduced-data: reduce
+   *   used        the visitor opened the search before on this browser
+   *   consented   a dense lane was accepted before on this browser
+   * Returns { action: "idle" | "interaction", reason }: "idle" loads the
+   * widget after the page has loaded and the browser is idle (the widget then
+   * runs its own warm-up), "interaction" waits for the trigger, the shortcut
+   * or a programmatic open.
+   */
+  function decideBoot(opts) {
+    const o = opts || {};
+    if (o.warm === "off") return { action: "interaction", reason: "warm is off" };
+    if (o.saveData) return { action: "interaction", reason: "data saver" };
+    if (o.reducedData) return { action: "interaction", reason: "prefers-reduced-data" };
+    if (o.warm === "always") return { action: "idle", reason: "warm is always" };
+    if (o.consented) return { action: "idle", reason: "model consented before" };
+    if (o.used) return { action: "idle", reason: "search used before" };
+    return { action: "interaction", reason: "first visit" };
+  }
+
+  /** `v` query parameter of a URL string, or null. */
+  function bootVersionOf(href) {
+    const m = /[?&]v=([^&#]+)/.exec(String(href || ""));
+    return m ? decodeURIComponent(m[1]) : null;
+  }
+
+  /** Runtime-asset `?v=`, stamped by widget/build.sh; see lib/urls.js. */
+  const ASSET_VERSION =
+    typeof EDDIE_ASSET_VERSION === "string" && EDDIE_ASSET_VERSION ? EDDIE_ASSET_VERSION : null;
+
+  /**
+   * URL of the full widget next to the boot script, versioned by the asset
+   * hash so a content rebuild does not re-download it. An explicit `?v=` on
+   * the boot script's own URL wins (a site pinning a build); the index's
+   * `?v=` is the last resort, for a bundle without the stamp.
+   */
+  function widgetScriptUrl(scriptHref, indexUrl) {
+    const base = scriptHref.split(/[?#]/)[0];
+    const dir = base.substring(0, base.lastIndexOf("/") + 1);
+    const v = bootVersionOf(scriptHref) || ASSET_VERSION || bootVersionOf(indexUrl);
+    return dir + "eddie-widget.js" + (v ? "?v=" + encodeURIComponent(v) : "");
+  }
+
+  return { SEARCH_CONSENT_KEY, SEARCH_USED_KEY, bootLayout, decideBoot, bootVersionOf, widgetScriptUrl };
+});
+
+// SPDX-License-Identifier: GPL-3.0-only
+
+// Eddie boot loader: the script a page carries by default. It draws the
+// trigger button (same data-* attributes, placement and theme as the full
+// widget) and installs the Ctrl/Cmd+K shortcut; the full widget
+// (eddie-widget.js, next to this file, same ?v=) is fetched on the first
+// interaction with the trigger, on the shortcut, on `window.eddie.open()`,
+// or after load when lib/boot.js decides the visitor is returning (the full
+// widget then runs its own warm-up). A first-time visitor pays for this
+// file only.
+//
+// widget/build.sh concatenates widget/src/lib/boot.js ahead of this file
+// inside one IIFE (`EddieLib`).
+
+"use strict";
+
+(function () {
+  const scriptEl = document.currentScript;
+  if (!scriptEl || document.getElementById("eddie-host") || document.getElementById("eddie-boot")) return;
+  const lib = EddieLib;
+  const get = (name) => scriptEl.getAttribute(name);
+  const layout = lib.bootLayout(get);
+  const scriptHref = new URL(scriptEl.src, location.href).href;
+  const widgetUrl = lib.widgetScriptUrl(scriptHref, get("data-index-url") || "");
+
+  const host = document.createElement("div");
+  host.id = "eddie-boot";
+  host.dataset.theme = layout.theme;
+  const shadow = host.attachShadow({ mode: "closed" });
+  const style = document.createElement("style");
+  style.textContent =
+    ":host{all:initial;position:fixed;z-index:999999;--b:#fff;--t:#1a1a1a;--l:#e0e0e0;--a:#2563eb}" +
+    ":host([data-theme=dark]){--b:#1a1a1a;--t:#e8e8e8;--l:#333;--a:#60a5fa}" +
+    "@media(prefers-color-scheme:dark){:host([data-theme=auto]){--b:#1a1a1a;--t:#e8e8e8;--l:#333;--a:#60a5fa}}" +
+    "button{position:fixed;width:48px;height:48px;border-radius:50%;border:1px solid var(--l);background:var(--b);color:var(--t);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 12px rgba(0,0,0,.1);transition:transform .15s ease,box-shadow .15s ease}" +
+    "button:hover{transform:scale(1.06);box-shadow:0 4px 16px rgba(0,0,0,.15)}button:active{transform:scale(.96)}" +
+    "button:focus-visible{outline:2px solid var(--a);outline-offset:2px}button[aria-busy=true]{opacity:.6}" +
+    "svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}" +
+    "@media(prefers-reduced-motion:reduce){button{transition:none}}";
+  shadow.appendChild(style);
+
+  const trigger = document.createElement("button");
+  trigger.type = "button";
+  trigger.setAttribute("aria-label", "Search");
+  const v = `${24 + layout.offsetY}px`;
+  const h = `${24 + layout.offsetX}px`;
+  trigger.style[layout.position.startsWith("top") ? "top" : "bottom"] = v;
+  trigger.style[layout.position.endsWith("left") ? "left" : "right"] = h;
+  trigger.innerHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>';
+  shadow.appendChild(trigger);
+
+  let loading = null; // the injected <script>, once requested
+  const handoff = {
+    open: false, // the visitor asked to open before the widget arrived
+    load,
+    dispose() {
+      if (host.parentNode) host.parentNode.removeChild(host);
+      document.removeEventListener("keydown", onKey);
+      if (window.__eddieBoot === handoff) delete window.__eddieBoot;
+    },
+  };
+  window.__eddieBoot = handoff;
+
+  /** Fetch the full widget once; it reads this script's data-* attributes from its own tag. */
+  function load(reason) {
+    if (loading) return;
+    const s = document.createElement("script");
+    for (const attr of Array.from(scriptEl.attributes)) {
+      if (attr.name.startsWith("data-")) s.setAttribute(attr.name, attr.value);
+    }
+    s.setAttribute("data-boot", reason || "");
+    s.src = widgetUrl;
+    s.async = true;
+    s.onerror = () => {
+      loading = null; // the next interaction retries
+      trigger.removeAttribute("aria-busy");
+    };
+    loading = s;
+    document.head.appendChild(s);
+  }
+
+  function open() {
+    handoff.open = true;
+    trigger.setAttribute("aria-busy", "true");
+    load("open");
+  }
+
+  function isEditable(node) {
+    if (!node || node.nodeType !== 1) return false;
+    if (node.isContentEditable) return true;
+    const tag = node.tagName;
+    return tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT";
+  }
+
+  function onKey(e) {
+    if (!(e.ctrlKey || e.metaKey) || e.altKey || typeof e.key !== "string" || e.key.toLowerCase() !== "k") return;
+    if (isEditable(e.composedPath ? e.composedPath()[0] : e.target)) return;
+    e.preventDefault();
+    open();
+  }
+
+  trigger.addEventListener("pointerover", () => load("hover"), { once: true });
+  trigger.addEventListener("focusin", () => load("focus"), { once: true });
+  trigger.addEventListener("click", open);
+  document.addEventListener("keydown", onKey);
+  // `window.eddie.open()` works before and after the full widget arrives.
+  window.eddie = Object.assign(window.eddie || {}, { open });
+  document.body.appendChild(host);
+
+  let saveData = false;
+  let reducedData = false;
+  try {
+    saveData = !!(navigator.connection && navigator.connection.saveData);
+    reducedData = !!(window.matchMedia && window.matchMedia("(prefers-reduced-data: reduce)").matches);
+  } catch (_) {
+    // no connection info: treat as a normal connection
+  }
+  let used = false;
+  let consented = false;
+  try {
+    used = !!localStorage.getItem(lib.SEARCH_USED_KEY);
+    consented = !!localStorage.getItem(lib.SEARCH_CONSENT_KEY);
+  } catch (_) {
+    // storage unavailable: first-visit rules
+  }
+  const decision = lib.decideBoot({ warm: layout.warm, saveData, reducedData, used, consented });
+  host.dataset.boot = decision.action;
+  if (decision.action === "idle") {
+    const go = () => {
+      if (typeof requestIdleCallback === "function") requestIdleCallback(() => load("idle"), { timeout: 3000 });
+      else setTimeout(() => load("idle"), 500);
+    };
+    if (document.readyState === "complete") go();
+    else window.addEventListener("load", go, { once: true });
+  }
+})();
+})();