@chrisjowen/wheelhouse 0.2.0 → 0.2.1

package/build/server/chunks/chunks/DictateTextarea.js-CbkGsd1h.js

@@ -1,415 +0,0 @@
-import { ac as spread_props, al as escape_html, am as attr, ak as attr_class, a6 as bind_props, _ as derived, a4 as attributes, a5 as clsx } from './index.js-B0NFhRTN.js';
-import { c as cn } from './button.js-BF2PsvWw.js';
-import { o as onDestroy } from './index-server2.js-Fb2GE8KQ.js';
-import { I as Icon } from './Icon.js-CVZZ-yuB.js';
-import { X } from './x.js-YxaUOlq9.js';
-
-function Mic($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconData = {
-    "name": "mic",
-    "size": 24,
-    "node": [
-      ["path", { "d": "M12 19v3" }],
-      ["path", { "d": "M19 10v2a7 7 0 0 1-14 0v-2" }],
-      [
-        "rect",
-        { "x": "9", "y": "2", "width": "6", "height": "13", "rx": "3" }
-      ]
-    ]
-  };
-  Icon($$renderer, spread_props([props, { icon: iconData }]));
-}
-function Square($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconData = {
-    "name": "square",
-    "size": 24,
-    "node": [
-      [
-        "rect",
-        { "width": "18", "height": "18", "x": "3", "y": "3", "rx": "2" }
-      ]
-    ]
-  };
-  Icon($$renderer, spread_props([props, { icon: iconData }]));
-}
-function Textarea($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      ref = null,
-      value = void 0,
-      class: className,
-      "data-slot": dataSlot = "textarea",
-      $$slots,
-      $$events,
-      ...restProps
-    } = $$props;
-    $$renderer2.push(`<textarea${attributes({
-      "data-slot": dataSlot,
-      class: clsx(cn("flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-2.5 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className)),
-      ...restProps
-    })}>`);
-    const $$body = escape_html(value);
-    if ($$body) {
-      $$renderer2.push(`${$$body}`);
-    }
-    $$renderer2.push(`</textarea>`);
-    bind_props($$props, { ref, value });
-  });
-}
-const problemText = {
-  unsupported: "This browser cannot turn speech into text. Chrome and Edge can; you can still type.",
-  blocked: "The microphone is blocked for Wheelhouse. Allow it from the icon in the address bar, then try again.",
-  "no-microphone": "No microphone was found. Connect one, then try again.",
-  "no-speech": "Nothing was heard. Try again a little closer to the microphone.",
-  network: "The browser’s speech service could not be reached. Check the connection and try again.",
-  failed: "Dictation stopped unexpectedly. Try again, or type instead."
-};
-function recognitionClass() {
-  if (typeof window === "undefined") return null;
-  const w = window;
-  return w.SpeechRecognition ?? w.webkitSpeechRecognition ?? null;
-}
-const webSpeechProblem = {
-  "not-allowed": "blocked",
-  "service-not-allowed": "blocked",
-  "audio-capture": "no-microphone",
-  "no-speech": "no-speech",
-  network: "network",
-  "language-not-supported": "unsupported"
-};
-const webSpeechEngine = {
-  privacyNote: "Dictation uses your browser’s speech service. In Chrome that sends what you say to Google to turn it into text, only while the microphone is on.",
-  supported: () => recognitionClass() !== null,
-  start(lang, on) {
-    const Class = recognitionClass();
-    if (!Class) {
-      on.problem("unsupported");
-      on.end();
-      return { stop() {
-      }, abort() {
-      } };
-    }
-    const r = new Class();
-    r.lang = lang;
-    r.continuous = true;
-    r.interimResults = true;
-    r.onresult = (e) => {
-      let final = "";
-      let interim = "";
-      for (let i = 0; i < e.results.length; i++) {
-        const res = e.results[i];
-        if (res.isFinal) final += res[0].transcript;
-        else interim += res[0].transcript;
-      }
-      on.text(final, interim);
-    };
-    r.onerror = (e) => {
-      if (e.error !== "aborted") on.problem(webSpeechProblem[e.error] ?? "failed");
-    };
-    r.onend = () => on.end();
-    try {
-      r.start();
-    } catch {
-      on.problem("failed");
-      on.end();
-    }
-    return { stop: () => r.stop(), abort: () => r.abort() };
-  }
-};
-let current = webSpeechEngine;
-const dictationEngine = () => current;
-const STOP_GRACE_MS = 2e3;
-class Dictation {
-  /** Which mic button is dictating, or last reported a problem. */
-  owner = null;
-  phase = "idle";
-  startedAt = 0;
-  problem = null;
-  #session = null;
-  #target = null;
-  #grace = null;
-  /** Whether `owner` is listening (or finishing up). */
-  active(owner) {
-    return this.owner === owner && this.phase !== "idle";
-  }
-  start(owner, target, lang = defaultLang()) {
-    if (this.phase !== "idle") this.commit();
-    const engine = dictationEngine();
-    this.owner = owner;
-    this.problem = null;
-    if (!engine.supported()) {
-      this.problem = "unsupported";
-      return;
-    }
-    this.#target = target;
-    target.begin();
-    this.phase = "listening";
-    this.startedAt = Date.now();
-    let session = null;
-    const mine = () => session === null || this.#session === session;
-    session = engine.start(lang, {
-      text: (final, interim) => {
-        if (mine() && this.#target === target) target.show(...tidy(final, interim));
-      },
-      problem: (p) => {
-        if (mine()) this.problem = p;
-      },
-      end: () => {
-        if (mine() && this.#target === target) this.#settle("finish");
-      }
-    });
-    if (this.#target === target) this.#session = session;
-  }
-  /** Stop listening; the last words still arrive, then the box keeps them. */
-  stop() {
-    if (this.phase !== "listening") return;
-    this.phase = "stopping";
-    this.#session?.stop();
-    this.#grace = setTimeout(() => this.#settle("finish"), STOP_GRACE_MS);
-  }
-  /** Keep what is shown now and stop listening. */
-  commit() {
-    if (this.phase !== "idle") this.#settle("finish");
-  }
-  /** Stop listening and put the box back as it was. */
-  cancel() {
-    if (this.phase !== "idle") this.#settle("revert");
-  }
-  dismiss() {
-    this.problem = null;
-  }
-  #settle(how) {
-    const session = this.#session;
-    const target = this.#target;
-    this.#session = null;
-    this.#target = null;
-    if (this.#grace) clearTimeout(this.#grace);
-    this.#grace = null;
-    this.phase = "idle";
-    session?.abort();
-    target?.[how]();
-  }
-}
-const dictation = new Dictation();
-function defaultLang() {
-  return typeof navigator !== "undefined" && navigator.language ? navigator.language : "en-US";
-}
-function tidy(final, interim) {
-  const settled = final.replace(/\s+/g, " ").trim();
-  const forming = interim.replace(/\s+/g, " ").trim();
-  return [settled, settled && forming ? ` ${forming}` : forming];
-}
-const lead = (before) => before && !/\s$/.test(before) ? " " : "";
-const trail = (after) => /^[\p{L}\p{N}]/u.test(after) ? " " : "";
-function fieldTarget(el) {
-  let original = "";
-  let before = "";
-  let after = "";
-  let shown = false;
-  const write = (value, caret) => {
-    el.value = value;
-    try {
-      el.setSelectionRange(caret, caret);
-    } catch {
-    }
-    el.dispatchEvent(new Event("input", { bubbles: true }));
-  };
-  return {
-    begin() {
-      original = el.value;
-      const s = el.selectionStart ?? original.length;
-      const e = el.selectionEnd ?? s;
-      before = original.slice(0, s);
-      after = original.slice(e);
-      shown = false;
-    },
-    show(settled, forming) {
-      const text = settled + forming;
-      if (!text) return;
-      const head = before + lead(before) + text;
-      write(head + trail(after) + after, head.length);
-      shown = true;
-    },
-    // The words are already in the box.
-    finish() {
-    },
-    revert() {
-      if (shown) write(original, before.length);
-      shown = false;
-    }
-  };
-}
-function editableTarget(editor, changed) {
-  let span = null;
-  let replaced = null;
-  let space = "";
-  const caretAfter = (n) => {
-    const r = document.createRange();
-    r.setStartAfter(n);
-    r.collapse(true);
-    const sel = window.getSelection();
-    sel?.removeAllRanges();
-    sel?.addRange(r);
-  };
-  return {
-    begin() {
-      const sel = window.getSelection();
-      let range;
-      if (sel?.rangeCount && editor.contains(sel.getRangeAt(0).startContainer)) {
-        range = sel.getRangeAt(0);
-        replaced = range.extractContents();
-      } else {
-        range = document.createRange();
-        range.selectNodeContents(editor);
-        range.collapse(false);
-        replaced = null;
-      }
-      const head = document.createRange();
-      head.setStart(editor, 0);
-      head.setEnd(range.startContainer, range.startOffset);
-      space = lead(head.toString().replace(/\u00a0/g, " "));
-      span = document.createElement("span");
-      span.dataset.dictation = "";
-      range.insertNode(span);
-    },
-    show(settled, forming) {
-      if (!span) return;
-      const words = document.createTextNode(settled || forming ? space + settled : "");
-      const guess = document.createElement("span");
-      guess.className = "dictation-forming";
-      guess.textContent = forming;
-      span.replaceChildren(words, ...forming ? [guess] : []);
-    },
-    finish() {
-      if (!span) return;
-      const text = span.textContent ?? "";
-      if (text) {
-        const node = document.createTextNode(text);
-        span.replaceWith(node);
-        if (editor.contains(document.activeElement) || document.activeElement === editor) caretAfter(node);
-      } else span.replaceWith(replaced ?? "");
-      span = null;
-      replaced = null;
-    },
-    revert() {
-      span?.replaceWith(replaced ?? "");
-      span = null;
-      replaced = null;
-    }
-  };
-}
-function MicButton($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      field,
-      target,
-      label = "Dictate",
-      size = "md",
-      disabled = false,
-      listening = false
-      /** The box the keyboard shortcut works in. */
-      /** Where the words go, made fresh for each dictation. */
-      /** Out: whether this button is dictating, so the box can make room for the timer. */
-    } = $$props;
-    const owner = {};
-    const stopping = derived(() => listening && dictation.phase === "stopping");
-    const problem = derived(() => dictation.owner === owner ? dictation.problem : null);
-    let now = Date.now();
-    let shortcut = "Ctrl+Shift+Space";
-    const elapsed = derived(() => {
-      const s = Math.max(0, Math.floor((now - dictation.startedAt) / 1e3));
-      return `${Math.floor(s / 60)}:${String(s % 60).padStart(2, "0")}`;
-    });
-    onDestroy(() => {
-      if (dictation.active(owner)) dictation.commit();
-    });
-    $$renderer2.push(`<span class="relative inline-flex shrink-0 items-center gap-1.5 svelte-1uxx7q9">`);
-    if (listening) {
-      $$renderer2.push(`<!--[0--><span class="tabular text-xs text-muted-foreground svelte-1uxx7q9" data-dictation-time="">${escape_html(stopping() ? "Finishing…" : elapsed())}</span>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--> <button type="button"${attr("aria-label", listening ? "Stop dictating" : label)}${attr("aria-pressed", listening)}${attr("title", listening ? "Stop dictating · Esc cancels" : `${label} (${shortcut}; hold for push-to-talk)`)}${attr("disabled", disabled, true)}${attr("data-dictating", listening ? "" : void 0)}${attr_class(
-      `mic flex shrink-0 cursor-pointer items-center justify-center rounded-full transition-colors disabled:cursor-not-allowed disabled:opacity-30 ${size === "md" ? "size-9" : "size-7"} ${listening ? "bg-danger/10 text-danger" : "text-muted-foreground hover:bg-muted hover:text-foreground"}`,
-      "svelte-1uxx7q9"
-    )}>`);
-    if (listening) {
-      $$renderer2.push("<!--[0-->");
-      Square($$renderer2, {
-        class: size === "md" ? "size-3.5 fill-current" : "size-3 fill-current"
-      });
-    } else {
-      $$renderer2.push("<!--[-1-->");
-      Mic($$renderer2, { class: size === "md" ? "size-4.5" : "size-4" });
-    }
-    $$renderer2.push(`<!--]--></button> <span class="sr-only svelte-1uxx7q9" aria-live="polite">${escape_html(listening ? "Listening" : "")}</span> `);
-    if (problem()) {
-      $$renderer2.push(`<!--[1--><div class="absolute right-0 bottom-full z-30 mb-2 flex w-72 items-start gap-2 rounded-md border bg-popover p-3 text-left text-xs leading-relaxed text-popover-foreground shadow-md svelte-1uxx7q9" role="alert" data-dictation-problem=""><p class="min-w-0 flex-1 svelte-1uxx7q9">${escape_html(problemText[problem()])}</p> <button type="button" class="-m-1 rounded-sm p-1 text-muted-foreground hover:text-foreground svelte-1uxx7q9" aria-label="Dismiss">`);
-      X($$renderer2, { class: "size-3.5" });
-      $$renderer2.push(`<!----></button></div>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--></span>`);
-    bind_props($$props, { listening });
-  });
-}
-function DictateTextarea($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { value = void 0, class: className, $$slots, $$events, ...rest } = $$props;
-    let ref = null;
-    let listening = false;
-    let $$settled = true;
-    let $$inner_renderer;
-    function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div class="relative w-full min-w-0">`);
-      Textarea($$renderer3, spread_props([
-        { class: cn(className, listening ? "pr-24" : "pr-10") },
-        rest,
-        {
-          get ref() {
-            return ref;
-          },
-          set ref($$value) {
-            ref = $$value;
-            $$settled = false;
-          },
-          get value() {
-            return value;
-          },
-          set value($$value) {
-            value = $$value;
-            $$settled = false;
-          }
-        }
-      ]));
-      $$renderer3.push(`<!----> <div class="absolute right-1.5 bottom-1.5">`);
-      MicButton($$renderer3, {
-        field: ref,
-        target: () => fieldTarget(ref),
-        size: "sm",
-        disabled: !!rest.disabled,
-        get listening() {
-          return listening;
-        },
-        set listening($$value) {
-          listening = $$value;
-          $$settled = false;
-        }
-      });
-      $$renderer3.push(`<!----></div></div>`);
-    }
-    do {
-      $$settled = true;
-      $$inner_renderer = $$renderer2.copy();
-      $$render_inner($$inner_renderer);
-    } while (!$$settled);
-    $$renderer2.subsume($$inner_renderer);
-    bind_props($$props, { value });
-  });
-}
-
-export { DictateTextarea as D, MicButton as M, Square as S, editableTarget as e };
-//# sourceMappingURL=DictateTextarea.js-CbkGsd1h.js.map

package/build/server/chunks/chunks/EtaLine.js-5SCP9O1f.js

@@ -1,79 +0,0 @@
-import { ap as attr_style, an as stringify, am as attr, a8 as ensure_array_like, ak as attr_class, al as escape_html, _ as derived } from './index.js-B0NFhRTN.js';
-import { l as live } from './live.svelte.js-By2dseJB.js';
-import { s as segmentTone, c as checksLine } from './checks.js-DR3fVVpO.js';
-import { C as CONFIDENCE, e as etaLine } from './insights.js-CzzfyHGp.js';
-import { C as Clock } from './clock.js-CHhHTWK_.js';
-
-const segmentClass = {
-  done: "bg-foreground/45",
-  active: "bg-foreground",
-  fixing: "bg-foreground",
-  waiting: "bg-warning",
-  failed: "bg-danger",
-  skipped: "border border-dashed border-muted-foreground/50",
-  todo: "bg-border"
-};
-const segmentWord = {
-  done: "done",
-  active: "under way",
-  fixing: "fixing",
-  waiting: "waiting on Firstmate",
-  failed: "failed",
-  skipped: "skipped",
-  todo: "not reached"
-};
-function ChecksStrip($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      pipeline,
-      busy = false,
-      lead = null,
-      leadClass = "",
-      size = "card",
-      questions = null
-      /** A status the card leads with (trouble, Firstmate), before the line. */
-      /** card: a Harbour card; rail: the home page's narrower rail cards. */
-      /** Makes the line a button that shows the review's questions (the card's panel, by id). */
-    } = $$props;
-    const segments = derived(() => pipeline.steps.map((s) => ({ s, tone: segmentTone(s, pipeline) })));
-    const line = derived(() => checksLine(pipeline, live.now));
-    const label = derived(() => `Checks: ${segments().map(({ s, tone }) => `${s.label} ${segmentWord[tone]}`).join(", ")}`);
-    $$renderer2.push(`<div data-checks=""><ol class="grid gap-0.5"${attr_style(`grid-template-columns: repeat(${stringify(segments().length)}, minmax(0, 1fr))`)}${attr("aria-label", label())}><!--[-->`);
-    const each_array = ensure_array_like(segments());
-    for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-      let { s, tone } = each_array[$$index];
-      $$renderer2.push(`<li${attr_class(`h-1 rounded-full ${stringify(segmentClass[tone])} ${busy && (tone === "active" || tone === "fixing") ? "motion-safe:animate-pulse" : ""}`)}${attr("title", `${stringify(s.label)}: ${stringify(segmentWord[tone])}`)}></li>`);
-    }
-    $$renderer2.push(`<!--]--></ol> <p${attr_class(`tabular line-clamp-2 text-muted-foreground ${size === "rail" ? "mt-1 text-xs leading-snug" : "mt-1.5 text-sm"}`)} data-checks-line="">`);
-    if (lead) {
-      $$renderer2.push(`<!--[0--><span${attr_class(`font-medium ${stringify(leadClass)}`)}>${escape_html(lead)}.</span>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--> `);
-    if (questions) {
-      $$renderer2.push(`<!--[0--><button type="button" class="relative z-10 cursor-pointer text-left text-foreground/80 underline decoration-foreground/30 underline-offset-2 hover:text-foreground hover:decoration-foreground"${attr("aria-expanded", questions.expanded)}${attr("aria-controls", questions.controls)}${attr("title", questions.expanded ? "Hide the questions" : "Show the questions")} data-checks-questions="">${escape_html(line())}</button>`);
-    } else {
-      $$renderer2.push(`<!--[-1--><span class="text-foreground/80">${escape_html(line())}</span>`);
-    }
-    $$renderer2.push(`<!--]--></p></div>`);
-  });
-}
-function EtaLine($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { eta } = $$props;
-    const l = derived(() => etaLine(eta));
-    $$renderer2.push(`<p${attr_class(`flex min-w-0 items-center gap-1.5 text-xs ${l().tone === "warning" ? "text-warning" : l().tone === "muted" ? "text-muted-foreground" : "text-foreground"}`)}${attr("title", l().note)}>`);
-    Clock($$renderer2, { class: "size-3.5 shrink-0", "aria-hidden": "true" });
-    $$renderer2.push(`<!----> <span class="truncate font-medium">${escape_html(l().text)}</span> `);
-    if (l().tone === "normal" && eta.confidence !== "none") {
-      $$renderer2.push(`<!--[0--><span class="shrink-0 text-muted-foreground">· ${escape_html(CONFIDENCE[eta.confidence].toLowerCase())}</span>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--> <span class="sr-only">${escape_html(l().note)}</span></p>`);
-  });
-}
-
-export { ChecksStrip as C, EtaLine as E };
-//# sourceMappingURL=EtaLine.js-5SCP9O1f.js.map