@shivaedev/work-board 0.11.0 → 0.13.0

package/dist/client/react/useResponseForm.d.ts

@@ -0,0 +1,107 @@
+import { Schema } from "effect";
+import type { Prompt } from "#browser/responses/Prompt.ts";
+import type { PromptAnswer, QuestionPreview } from "#browser/responses/schema.ts";
+export declare function useResponseForm(source: QuestionPreview, prompts: readonly Prompt[]): {
+    answers: {
+        prompt: string;
+        selected: readonly string[];
+        text: string;
+    }[] | undefined;
+    clear: () => void;
+    created: import("@shivaedev/effect-react/create.ts").Create<{
+        readonly answers: Schema.optional<Schema.$Array<Schema.Struct<{
+            readonly prompt: Schema.String;
+            readonly selected: Schema.$Array<Schema.String>;
+            readonly text: Schema.String;
+        }>>>;
+        readonly author: Schema.String;
+        readonly id: Schema.String;
+        readonly question: Schema.String;
+        readonly supersedes: Schema.optional<Schema.String>;
+        readonly answerContext: Schema.optional<Schema.String>;
+        readonly body: Schema.String;
+        readonly recovery: Schema.optionalKey<Schema.Union<readonly [Schema.String, Schema.Struct<{
+            readonly contexts: Schema.$Array<Schema.Struct<{
+                readonly context: Schema.String;
+                readonly text: Schema.String;
+            }>>;
+            readonly legacy: Schema.optionalKey<Schema.String>;
+        }>, Schema.Undefined]>>;
+        readonly revision: Schema.String;
+        readonly type: Schema.compose<Schema.Literals<readonly ["answer", "clarify", "not_now"]>, Schema.String>;
+    }, {
+        readonly answers?: readonly {
+            readonly prompt: string;
+            readonly selected: readonly string[];
+            readonly text: string;
+        }[] | undefined;
+        readonly author: string;
+        readonly id: string;
+        readonly question: string;
+        readonly supersedes?: string | undefined;
+        readonly answerContext?: string | undefined;
+        readonly body: string;
+        readonly recovery?: string | {
+            readonly contexts: readonly {
+                readonly context: string;
+                readonly text: string;
+            }[];
+            readonly legacy?: string;
+        } | undefined;
+        readonly revision: string;
+        readonly type: "answer" | "clarify" | "not_now";
+    }, unknown, never>;
+    draft: import("@shivaedev/effect-form/persistence.ts").PersistedDraftConfig;
+    edit: () => void;
+    editAnswers: (index: number, next: PromptAnswer) => void;
+    form: import("@shivaedev/effect-form/shape.ts").Form<{
+        readonly answers: Schema.optional<Schema.$Array<Schema.Struct<{
+            readonly prompt: Schema.String;
+            readonly selected: Schema.$Array<Schema.String>;
+            readonly text: Schema.String;
+        }>>>;
+        readonly author: Schema.String;
+        readonly id: Schema.String;
+        readonly question: Schema.String;
+        readonly supersedes: Schema.optional<Schema.String>;
+        readonly answerContext: Schema.optional<Schema.String>;
+        readonly body: Schema.String;
+        readonly recovery: Schema.optionalKey<Schema.Union<readonly [Schema.String, Schema.Struct<{
+            readonly contexts: Schema.$Array<Schema.Struct<{
+                readonly context: Schema.String;
+                readonly text: Schema.String;
+            }>>;
+            readonly legacy: Schema.optionalKey<Schema.String>;
+        }>, Schema.Undefined]>>;
+        readonly revision: Schema.String;
+        readonly type: Schema.compose<Schema.Literals<readonly ["answer", "clarify", "not_now"]>, Schema.String>;
+    }, {
+        readonly answers?: readonly {
+            readonly prompt: string;
+            readonly selected: readonly string[];
+            readonly text: string;
+        }[] | undefined;
+        readonly author: string;
+        readonly id: string;
+        readonly question: string;
+        readonly supersedes?: string | undefined;
+        readonly answerContext?: string | undefined;
+        readonly body: string;
+        readonly recovery?: string | {
+            readonly contexts: readonly {
+                readonly context: string;
+                readonly text: string;
+            }[];
+            readonly legacy?: string;
+        } | undefined;
+        readonly revision: string;
+        readonly type: "answer" | "clarify" | "not_now";
+    }, unknown, never>;
+    outcome: string | undefined;
+    preview: string | undefined;
+    recovery: string;
+    showPreview: () => void;
+    status: string;
+    valid: boolean;
+};
+//# sourceMappingURL=useResponseForm.d.ts.map

package/dist/client/react/useResponseForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResponseForm.d.ts","sourceRoot":"","sources":["../../../src/client/react/useResponseForm.ts"],"names":[],"mappings":"AACA,OAAO,EAAwB,MAAM,EAAE,MAAM,QAAQ,CAAC;AAItD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAalF,wBAAgB,eAAe,CAAC,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,SAAS,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA8DtD,MAAM,QAAQ,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiEtD"}

package/dist/client/react/useResponseForm.js

@@ -0,0 +1,138 @@
+import { useAtomRef } from "@effect/atom-react";
+import { Equal, Layer, Option, Schema } from "effect";
+import * as Atom from "effect/reactivity/Atom";
+import { useEffect, useRef, useState } from "react";
+import { useCreate } from "@shivaedev/effect-react/create.ts";
+import { formDraft } from "#client/formDraft.ts";
+import { answerRecovery, recoveryText } from "#client/responses/answerRecovery.ts";
+import { authorLabel } from "#client/responses/authorLabel.ts";
+import { responseFormSchema } from "#client/responses/formSchema.ts";
+import { responsePreview } from "#client/responses/preview.ts";
+import { retainContext } from "#client/responses/retainContext.ts";
+import { responseReadiness, responseSummary } from "#client/responses/summary.ts";
+import { sourceChanged } from "#client/sourceChanged.ts";
+import { createResponse } from "./createResponse.js";
+const runtime = Atom.runtime(Layer.empty);
+export function useResponseForm(source, prompts) {
+    const schema = responseFormSchema(prompts.length > 0);
+    const [preview, setPreview] = useState();
+    const [outcome, setOutcome] = useState();
+    const [status, setStatus] = useState("");
+    const [label] = useState(() => authorLabel(() => window.localStorage, typeof document === "undefined" ? undefined : document.documentElement.dataset.workspace));
+    const [initial] = useState(() => ({
+        answerContext: undefined,
+        answers: prompts.length > 0 ? prompts.map((prompt) => ({ prompt: prompt.id, selected: [], text: "" })) : undefined,
+        author: label.read(""),
+        body: "",
+        id: "",
+        question: "",
+        recovery: undefined,
+        revision: "",
+        supersedes: undefined,
+        type: "answer",
+    }));
+    const draft = formDraft("response", source.item, source.request);
+    const modelRef = useRef(undefined);
+    const created = useCreate({
+        create: (submission) => createResponse(source, submission, () => modelRef.current, setOutcome, setStatus),
+        fields: schema,
+        initialValues: initial,
+        persistedDraft: draft,
+        runtime,
+    });
+    const form = created.form;
+    const values = useAtomRef(form.values);
+    useEffect(() => {
+        if (Option.isSome(created.created)) {
+            form.receive({ ...initial, author: label.read("") });
+            if (created.dirty) {
+                retainContext(form, created.created.value);
+            }
+        }
+        for (const name of ["answerContext", "answers", "author", "body", "id", "question", "recovery", "revision", "supersedes", "type"]) {
+            form.blur(name);
+        }
+    }, [form, created.created, created.dirty, initial, label]);
+    modelRef.current = values;
+    const same = values.question === source.id && values.revision === source.reviewedRevision;
+    const stale = Boolean(values.id) && !same;
+    const recovery = answerRecovery(values, !stale || values.answerContext === JSON.stringify([source.id, source.reviewedRevision]));
+    useEffect(() => {
+        if (!Equal.equals(values.recovery, recovery)) {
+            form.change("recovery", recovery);
+        }
+    }, [form, values.recovery, recovery]);
+    function answers(snapshot = form.values.value) {
+        const changedSource = snapshot.answerContext !== JSON.stringify([source.id, source.reviewedRevision])
+            && (snapshot.question !== source.id || snapshot.revision !== source.reviewedRevision);
+        return prompts.length > 0
+            ? prompts.map((prompt) => {
+                const answer = snapshot.answers?.find((entry) => entry.prompt === prompt.id);
+                return { prompt: prompt.id, selected: changedSource ? [] : (answer?.selected ?? []), text: answer?.text ?? "" };
+            })
+            : undefined;
+    }
+    function editAnswers(index, next) {
+        form.change("answers", answers()?.map((answer, position) => (position === index ? next : answer)));
+        form.change("answerContext", JSON.stringify([source.id, source.reviewedRevision]));
+        edit();
+    }
+    function bind() {
+        if (!form.values.value.id || form.values.value.question !== source.id || form.values.value.revision !== source.reviewedRevision) {
+            form.change("id", `response.${crypto.randomUUID()}`);
+        }
+        form.change("answers", answers());
+        form.change("answerContext", JSON.stringify([source.id, source.reviewedRevision]));
+        form.change("question", source.id);
+        form.change("revision", source.reviewedRevision);
+    }
+    function edit() {
+        if (!form.values.value.id) {
+            form.change("id", `response.${crypto.randomUUID()}`);
+            form.change("question", source.id);
+            form.change("revision", source.reviewedRevision);
+        }
+        label.save(form.values.value.author);
+        setPreview(undefined);
+        if (!created.saving) {
+            setOutcome(undefined);
+            setStatus("");
+        }
+    }
+    function showPreview() {
+        setOutcome(undefined);
+        bind();
+        for (const name of ["answerContext", "answers", "author", "body", "id", "question", "recovery", "revision", "supersedes", "type"]) {
+            form.blur(name);
+        }
+        setPreview(form.values.value);
+        setStatus("");
+    }
+    function clear() {
+        setOutcome(undefined);
+        created.revert();
+        setPreview(undefined);
+        setStatus("Draft cleared. Saved responses are unchanged.");
+    }
+    const valid = Schema.is(schema)(values);
+    const previewed = preview !== undefined && same && Equal.equals(preview, values);
+    const summary = responseSummary(values, prompts, answers(values));
+    return {
+        answers: answers(values),
+        clear,
+        created,
+        draft,
+        edit,
+        editAnswers,
+        form,
+        outcome,
+        preview: previewed ? responsePreview(values, source.id, prompts) : undefined,
+        recovery: recoveryText(recovery),
+        showPreview,
+        status: [stale ? sourceChanged() : "", outcome || status.startsWith("Draft cleared") ? status : summary || responseReadiness(valid, previewed)]
+            .filter(Boolean)
+            .join(" "),
+        valid,
+    };
+}
+//# sourceMappingURL=useResponseForm.js.map

package/dist/client/react/useResponseForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResponseForm.js","sourceRoot":"","sources":["../../../src/client/react/useResponseForm.ts"],"names":[],"mappings":"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"}

package/dist/client/react/useSearchDialog.d.ts

@@ -0,0 +1,7 @@
+export declare function useSearchDialog(): {
+    open: boolean;
+    returnFocus?: HTMLElement | undefined;
+    close: () => void;
+    show: () => void;
+};
+//# sourceMappingURL=useSearchDialog.d.ts.map

package/dist/client/react/useSearchDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearchDialog.d.ts","sourceRoot":"","sources":["../../../src/client/react/useSearchDialog.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe;UACsB,OAAO;kBAAyB,WAAW,GAAG,SAAS;;;EAqB3G"}

package/dist/client/react/useSearchDialog.js

@@ -0,0 +1,26 @@
+import { useCallback, useEffect, useState } from "react";
+export function useSearchDialog() {
+    const [state, setState] = useState({ open: false });
+    const open = useCallback(() => {
+        const active = document.activeElement;
+        setState({ open: true, returnFocus: active instanceof HTMLElement ? active : undefined });
+    }, []);
+    const close = useCallback(() => setState((current) => ({ ...current, open: false })), []);
+    useEffect(() => {
+        function key(event) {
+            if ((event.ctrlKey || event.metaKey) && !event.altKey && event.key.toLowerCase() === "k") {
+                event.preventDefault();
+                if (state.open) {
+                    close();
+                }
+                else {
+                    open();
+                }
+            }
+        }
+        document.addEventListener("keydown", key);
+        return () => document.removeEventListener("keydown", key);
+    }, [state.open, open, close]);
+    return { ...state, close, show: open };
+}
+//# sourceMappingURL=useSearchDialog.js.map

package/dist/client/react/useSearchDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearchDialog.js","sourceRoot":"","sources":["../../../src/client/react/useSearchDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzD,MAAM,UAAU,eAAe;IAC9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAA6E,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;IAChI,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC;QACtC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,YAAY,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC;IAC3F,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC1F,SAAS,CAAC,GAAG,EAAE;QACd,SAAS,GAAG,CAAC,KAAoB;YAChC,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,GAAG,EAAE,CAAC;gBAC1F,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;oBAChB,KAAK,EAAE,CAAC;gBACT,CAAC;qBAAM,CAAC;oBACP,IAAI,EAAE,CAAC;gBACR,CAAC;YACF,CAAC;QACF,CAAC;QACD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;QAC1C,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;IAC3D,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAC9B,OAAO,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AACxC,CAAC"}

package/dist/client/react/useSidebar.d.ts

@@ -0,0 +1,9 @@
+import type { AppearanceControls } from "./useAppearance.ts";
+export declare function useSidebar(appearance: AppearanceControls): {
+    close: () => void;
+    narrow: boolean;
+    open: boolean;
+    toggle: () => void;
+};
+export type SidebarControls = ReturnType<typeof useSidebar>;
+//# sourceMappingURL=useSidebar.d.ts.map

package/dist/client/react/useSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSidebar.d.ts","sourceRoot":"","sources":["../../../src/client/react/useSidebar.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAG7D,wBAAgB,UAAU,CAAC,UAAU,EAAE,kBAAkB;;;;;EA4DxD;AACD,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC"}

package/dist/client/react/useSidebar.js

@@ -0,0 +1,77 @@
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
+import { useMedia } from "./useMedia.js";
+export function useSidebar(appearance) {
+    const narrow = useMedia("(max-width: 767px)");
+    const [drawer, setDrawer] = useState(false);
+    const open = narrow ? drawer : !appearance.closed;
+    const returnFocusRef = useRef(false);
+    const close = useCallback(() => {
+        returnFocusRef.current = true;
+        setDrawer(false);
+    }, []);
+    useLayoutEffect(() => {
+        if (!open && returnFocusRef.current) {
+            returnFocusRef.current = false;
+            document.getElementById("sidebar-toggle")?.focus({ preventScroll: true });
+        }
+    }, [open]);
+    function toggle() {
+        if (narrow) {
+            setDrawer(!drawer);
+        }
+        else {
+            appearance.change({ closed: !appearance.closed });
+        }
+    }
+    useEffect(() => {
+        setDrawer(false);
+        if (narrow && document.getElementById("sidebar")?.contains(document.activeElement)) {
+            close();
+        }
+    }, [narrow, close]);
+    useEffect(() => {
+        document.documentElement.dataset.sidebar = open ? "open" : "closed";
+        if (narrow && open) {
+            document.querySelector("#sidebar a")?.focus({ preventScroll: true });
+        }
+    }, [narrow, open]);
+    useEffect(() => {
+        if (!(narrow && open)) {
+            return;
+        }
+        function key(event) {
+            if (document.querySelector("dialog[open]")) {
+                return;
+            }
+            if (event.key === "Escape") {
+                event.preventDefault();
+                close();
+            }
+            if (event.key !== "Tab") {
+                return;
+            }
+            trapTab(event);
+        }
+        document.addEventListener("keydown", key);
+        document.addEventListener("board-navigate", close);
+        return () => {
+            document.removeEventListener("keydown", key);
+            document.removeEventListener("board-navigate", close);
+        };
+    }, [narrow, open, close]);
+    return { close, narrow, open, toggle };
+}
+function trapTab(event) {
+    const items = [...document.querySelectorAll("#sidebar a[href], #sidebar button:not(:disabled), #sidebar summary")].filter((element) => element.getClientRects().length > 0);
+    const first = items[0];
+    const last = items.at(-1);
+    if (event.shiftKey && document.activeElement === first) {
+        event.preventDefault();
+        last?.focus();
+    }
+    else if (!event.shiftKey && document.activeElement === last) {
+        event.preventDefault();
+        first?.focus();
+    }
+}
+//# sourceMappingURL=useSidebar.js.map

package/dist/client/react/useSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSidebar.js","sourceRoot":"","sources":["../../../src/client/react/useSidebar.ts"],"names":[],"mappings":"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"}

package/dist/client/react/visualDimensions.d.ts

@@ -0,0 +1,3 @@
+export declare function graphicWidth(graphic: Element | null | undefined): number | undefined;
+export declare function visualFilename(local: string | undefined): string;
+//# sourceMappingURL=visualDimensions.d.ts.map

package/dist/client/react/visualDimensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualDimensions.d.ts","sourceRoot":"","sources":["../../../src/client/react/visualDimensions.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,sBAQ/D;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,UASvD"}

package/dist/client/react/visualDimensions.js

@@ -0,0 +1,21 @@
+export function graphicWidth(graphic) {
+    if (graphic instanceof HTMLImageElement) {
+        return graphic.naturalWidth;
+    }
+    if (graphic instanceof SVGSVGElement) {
+        return graphic.viewBox?.baseVal?.width;
+    }
+    return undefined;
+}
+export function visualFilename(local) {
+    if (!local) {
+        return "work-board-diagram.svg";
+    }
+    try {
+        return decodeURIComponent(new URL(local, location.href).pathname.split("/").at(-1) ?? "work-board-image");
+    }
+    catch {
+        return "work-board-image";
+    }
+}
+//# sourceMappingURL=visualDimensions.js.map

package/dist/client/react/visualDimensions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualDimensions.js","sourceRoot":"","sources":["../../../src/client/react/visualDimensions.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,YAAY,CAAC,OAAmC;IAC/D,IAAI,OAAO,YAAY,gBAAgB,EAAE,CAAC;QACzC,OAAO,OAAO,CAAC,YAAY,CAAC;IAC7B,CAAC;IACD,IAAI,OAAO,YAAY,aAAa,EAAE,CAAC;QACtC,OAAO,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC;IACxC,CAAC;IACD,OAAO,SAAS,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,KAAyB;IACvD,IAAI,CAAC,KAAK,EAAE,CAAC;QACZ,OAAO,wBAAwB,CAAC;IACjC,CAAC;IACD,IAAI,CAAC;QACJ,OAAO,kBAAkB,CAAC,IAAI,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,kBAAkB,CAAC,CAAC;IAC3G,CAAC;IAAC,MAAM,CAAC;QACR,OAAO,kBAAkB,CAAC;IAC3B,CAAC;AACF,CAAC"}

package/dist/client/react/visualSources.d.ts

@@ -0,0 +1,13 @@
+export interface VisualSource {
+    readonly alt: string;
+    readonly local: string;
+    readonly src: string;
+}
+export interface VisualSelection {
+    readonly drawing?: SVGSVGElement;
+    readonly images: readonly VisualSource[];
+    readonly origin: HTMLElement;
+    readonly selected: number;
+}
+export declare function useVisualSources(inspect: (selection: VisualSelection) => void): void;
+//# sourceMappingURL=visualSources.d.ts.map

package/dist/client/react/visualSources.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualSources.d.ts","sourceRoot":"","sources":["../../../src/client/react/visualSources.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,YAAY;IAC5B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;CACrB;AACD,MAAM,WAAW,eAAe;IAC/B,QAAQ,CAAC,OAAO,CAAC,EAAE,aAAa,CAAC;IACjC,QAAQ,CAAC,MAAM,EAAE,SAAS,YAAY,EAAE,CAAC;IACzC,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC1B;AACD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,QA0F7E"}

package/dist/client/react/visualSources.js

@@ -0,0 +1,92 @@
+import { Clock, Effect } from "effect";
+import { useEffect } from "react";
+export function useVisualSources(inspect) {
+    useEffect(() => {
+        let revision = 0;
+        function refresh() {
+            revision += 1;
+            for (const graphic of document.querySelectorAll("#doc img[data-local-image]")) {
+                graphic.tabIndex = 0;
+                graphic.setAttribute("role", "button");
+                graphic.setAttribute("aria-label", `Inspect image: ${graphic.alt || "Local image"}`);
+                const url = new URL(graphic.dataset.localImage ?? graphic.src, location.href);
+                url.searchParams.set("_wb", `${Effect.runSync(Clock.currentTimeMillis)}-${revision}`);
+                graphic.src = url.href;
+                graphic.onerror = () => {
+                    if (!graphic.isConnected || graphic.nextElementSibling?.hasAttribute("data-image-error")) {
+                        return;
+                    }
+                    const error = document.createElement("span");
+                    error.setAttribute("data-image-error", "");
+                    error.setAttribute("role", "status");
+                    error.textContent = "Image unavailable. Check the local path, supported type, workspace boundary and 16 MiB limit.";
+                    graphic.after(error);
+                };
+                graphic.onload = () => {
+                    if (graphic.nextElementSibling?.hasAttribute("data-image-error")) {
+                        graphic.nextElementSibling.remove();
+                    }
+                };
+            }
+        }
+        function image(source) {
+            const images = [...document.querySelectorAll("#doc img[data-local-image]")];
+            inspect({
+                images: images.map((entry) => ({ alt: entry.alt, local: entry.dataset.localImage ?? entry.src, src: entry.src })),
+                origin: source,
+                selected: images.indexOf(source),
+            });
+        }
+        function click(event) {
+            if (event.defaultPrevented
+                || event.button !== 0
+                || event.ctrlKey
+                || event.metaKey
+                || event.shiftKey
+                || event.altKey
+                || !(event.target instanceof Element)) {
+                return;
+            }
+            inspectTarget(event, event.target);
+        }
+        function inspectTarget(event, target) {
+            const trigger = target.closest("#doc [data-inspect-diagram]");
+            const drawing = trigger?.closest("figure")?.querySelector("svg");
+            if (trigger && !trigger.disabled && drawing) {
+                inspect({ drawing, images: [], origin: trigger, selected: -1 });
+                return;
+            }
+            const link = target.closest('#doc a[href^="/_board/attachment/"]');
+            if (link && !link.hasAttribute("download") && (!link.target || link.target === "_self")) {
+                event.preventDefault();
+                inspect({
+                    images: [{ alt: link.textContent ?? "", local: link.getAttribute("href") ?? link.href, src: link.href }],
+                    origin: link,
+                    selected: 0,
+                });
+                return;
+            }
+            const source = target.closest("#doc img[data-local-image]");
+            if (source) {
+                event.preventDefault();
+                image(source);
+            }
+        }
+        function key(event) {
+            if (["Enter", " "].includes(event.key) && event.target instanceof HTMLImageElement && event.target.matches("#doc img[data-local-image]")) {
+                event.preventDefault();
+                image(event.target);
+            }
+        }
+        document.addEventListener("click", click);
+        document.addEventListener("keydown", key);
+        document.addEventListener("board-page", refresh);
+        refresh();
+        return () => {
+            document.removeEventListener("click", click);
+            document.removeEventListener("keydown", key);
+            document.removeEventListener("board-page", refresh);
+        };
+    }, [inspect]);
+}
+//# sourceMappingURL=visualSources.js.map

package/dist/client/react/visualSources.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualSources.js","sourceRoot":"","sources":["../../../src/client/react/visualSources.ts"],"names":[],"mappings":"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"}

package/dist/client/reconcile/at.d.ts

@@ -0,0 +1,2 @@
+export declare function at<T>(values: ArrayLike<T>, index: number): T;
+//# sourceMappingURL=at.d.ts.map

package/dist/client/reconcile/at.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"at.d.ts","sourceRoot":"","sources":["../../../src/client/reconcile/at.ts"],"names":[],"mappings":"AAAA,wBAAgB,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,CAM5D"}

package/dist/client/reconcile/at.js

@@ -0,0 +1,8 @@
+export function at(values, index) {
+    const value = values[index];
+    if (value === undefined) {
+        throw new Error("Invalid reconciliation index");
+    }
+    return value;
+}
+//# sourceMappingURL=at.js.map

package/dist/client/reconcile/at.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"at.js","sourceRoot":"","sources":["../../../src/client/reconcile/at.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,EAAE,CAAI,MAAoB,EAAE,KAAa;IACxD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5B,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACzB,MAAM,IAAI,KAAK,CAAC,8BAA8B,CAAC,CAAC;IACjD,CAAC;IACD,OAAO,KAAK,CAAC;AACd,CAAC"}

package/dist/client/reconcile/matches.d.ts

@@ -0,0 +1,4 @@
+type Signature = string | undefined;
+export declare function matches(a: readonly Signature[], b: readonly string[]): [number, number][];
+export {};
+//# sourceMappingURL=matches.d.ts.map

package/dist/client/reconcile/matches.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"matches.d.ts","sourceRoot":"","sources":["../../../src/client/reconcile/matches.ts"],"names":[],"mappings":"AAEA,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;AA0BpC,wBAAgB,OAAO,CAAC,CAAC,EAAE,SAAS,SAAS,EAAE,EAAE,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAsBzF"}