@shivaedev/work-board 0.11.0 → 0.12.0

package/dist/client/client.js

@@ -0,0 +1,64 @@
+import { Effect, Layer } from "effect";
+import { FetchHttpClient } from "effect/unstable/http";
+import * as AtomRegistry from "effect/unstable/reactivity/AtomRegistry";
+import * as AtomRpc from "effect/unstable/reactivity/AtomRpc";
+import { RpcClient, RpcSerialization } from "effect/unstable/rpc";
+import { bind } from "@shivaedev/effect-contract/bind.ts";
+import { live } from "@shivaedev/effect-contract/live.ts";
+import { resumeSignal } from "@shivaedev/effect-contract/resume.ts";
+import { Subscribe, workContract, workRpcs } from "#rpc/contract.ts";
+import { handoffContract } from "#rpc/handoffContract.ts";
+import { responseContract } from "#rpc/responseContract.ts";
+export function browserClient(url, options = {}) {
+    class Client extends AtomRpc.Service()("WorkBoard/Reader", {
+        group: workRpcs,
+        protocol: RpcClient.layerProtocolHttp({ url: `${url}/_board/rpc` }).pipe(Layer.provide([FetchHttpClient.layer, RpcSerialization.layerNdjson])),
+    }) {
+    }
+    const api = bind(workContract, Client);
+    const registry = AtomRegistry.make({ "defaultIdleTTL": 0, timeoutResolution: 1 });
+    const updates = live(Client.runtime, {
+        resume: resumeSignal(options),
+        resyncKeys: Subscribe.reads(undefined),
+        stream: api.subscribe.run(undefined),
+    });
+    registry.mount(updates.connection);
+    async function read(atom, signal) {
+        try {
+            return await Effect.runPromise(AtomRegistry.getResult(registry, atom, { suspendOnWaiting: true }), { signal });
+        }
+        catch (error) {
+            if (signal?.aborted) {
+                const canceled = new Error("Reading canceled", { cause: error });
+                canceled.name = "AbortError";
+                throw canceled;
+            }
+            throw error;
+        }
+    }
+    async function run(effect, signal) {
+        try {
+            return await Effect.runPromise(Effect.flatMap(AtomRegistry.getResult(registry, Client.runtime), (context) => Effect.provideContext(effect, context)), { signal });
+        }
+        catch (error) {
+            if (signal?.aborted) {
+                const canceled = new Error("Reading canceled", { cause: error });
+                canceled.name = "AbortError";
+                throw canceled;
+            }
+            throw error;
+        }
+    }
+    async function mutate(effect, signal) {
+        const result = await Effect.runPromise(Effect.result(AtomRegistry.getResult(registry, Client.runtime.atom(effect), { suspendOnWaiting: true })), {
+            signal,
+        });
+        if (result._tag === "Failure") {
+            throw result.failure;
+        }
+        return result.success;
+    }
+    const responses = bind(responseContract, Client);
+    return { api, handoffs: bind(handoffContract, Client), mutate, read, registry, responses, run, updates };
+}
+//# sourceMappingURL=client.js.map

package/dist/client/client.js.map

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

package/dist/client/diagnostics/script.d.ts

@@ -0,0 +1,2 @@
+export declare function diagnosticsScript(): string;
+//# sourceMappingURL=script.d.ts.map

package/dist/client/diagnostics/script.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"script.d.ts","sourceRoot":"","sources":["../../../src/client/diagnostics/script.ts"],"names":[],"mappings":"AAGA,wBAAgB,iBAAiB,IAAI,MAAM,CA2B1C"}

package/dist/client/diagnostics/script.js

@@ -0,0 +1,31 @@
+import { routeQueryOptions } from "#client/page/routeQuery.ts";
+import { resetLabel } from "#diagnostics/resetLabel.ts";
+export function diagnosticsScript() {
+    return `
+import { session } from "/_board/native.js";
+const resetLabel = ${resetLabel.toString()};
+const localizeResets = () => {
+  for (const time of document.querySelectorAll("time[data-reset]")) {
+    time.textContent = resetLabel(Date.parse(time.dateTime), Date.now());
+  }
+};
+localizeResets();
+document.addEventListener("board-page", localizeResets);
+const refresh = () => {
+  if (location.pathname !== "/_board/diagnostics" || document.visibilityState === "hidden") return;
+  const native = session(window);
+  const page = native.api.page.query({ url: location.pathname + location.search }, ${JSON.stringify(routeQueryOptions)});
+  if (!native.registry.get(native.updates.paused) && !native.registry.get(page).waiting) native.registry.refresh(page);
+};
+let timer = setInterval(refresh, 15000);
+document.addEventListener("visibilitychange", refresh);
+document.addEventListener("board-updates-resumed", refresh);
+window.addEventListener("pagehide", () => clearInterval(timer));
+window.addEventListener("pageshow", (event) => {
+  if (!event.persisted) return;
+  clearInterval(timer);
+  timer = setInterval(refresh, 15000);
+});
+`;
+}
+//# sourceMappingURL=script.js.map

package/dist/client/diagnostics/script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"script.js","sourceRoot":"","sources":["../../../src/client/diagnostics/script.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,MAAM,UAAU,iBAAiB;IAChC,OAAO;;qBAEa,UAAU,CAAC,QAAQ,EAAE;;;;;;;;;;;qFAW2C,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC;;;;;;;;;;;;CAYrH,CAAC;AACF,CAAC"}

package/dist/client/document/Details.d.ts

@@ -0,0 +1,289 @@
+import { type ComponentProps } from "react";
+import type { ExtraProps } from "react-markdown";
+export declare const DetailStatesContext: import("react").Context<Map<string, boolean>>;
+export declare function DocumentDetails({ node, children, ...props }: ComponentProps<"details"> & ExtraProps): import("react").DetailedReactHTMLElement<{
+    key?: import("react").Key | null | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: import("react").ClipboardEventHandler<HTMLDetailsElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDetailsElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLDetailsElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLDetailsElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLDetailsElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDetailsElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDetailsElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDetailsElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLDetailsElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDetailsElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDetailsElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDetailsElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLDetailsElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLDetailsElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLDetailsElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLDetailsElement> | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLDetailsElement, Element> | undefined;
+    onChangeCapture?: import("react").ChangeEventHandler<HTMLDetailsElement, Element> | undefined;
+    onBeforeInput?: import("react").InputEventHandler<HTMLDetailsElement> | undefined;
+    onBeforeInputCapture?: import("react").InputEventHandler<HTMLDetailsElement> | undefined;
+    onInput?: import("react").InputEventHandler<HTMLDetailsElement> | undefined;
+    onInputCapture?: import("react").InputEventHandler<HTMLDetailsElement> | undefined;
+    onReset?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onResetCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onSubmit?: import("react").SubmitEventHandler<HTMLDetailsElement> | undefined;
+    onSubmitCapture?: import("react").SubmitEventHandler<HTMLDetailsElement> | undefined;
+    onInvalid?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onInvalidCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLDetailsElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDetailsElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLDetailsElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDetailsElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLDetailsElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDetailsElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLDetailsElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDetailsElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLDetailsElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLDetailsElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDetailsElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLDetailsElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDetailsElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLDetailsElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDetailsElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLDetailsElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDetailsElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDetailsElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLDetailsElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLDetailsElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDetailsElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDetailsElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLDetailsElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLDetailsElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLDetailsElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDetailsElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDetailsElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDetailsElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLDetailsElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDetailsElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDetailsElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDetailsElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDetailsElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDetailsElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLDetailsElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDetailsElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDetailsElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDetailsElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDetailsElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDetailsElement> | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: ("false" | "true" | boolean) | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: ("false" | "true" | boolean) | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: ("false" | "true" | boolean) | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: ("false" | "true" | boolean) | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: ("false" | "true" | boolean) | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: ("false" | "true" | boolean) | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: ("false" | "true" | boolean) | undefined;
+    "aria-multiline"?: ("false" | "true" | boolean) | undefined;
+    "aria-multiselectable"?: ("false" | "true" | boolean) | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: ("false" | "true" | boolean) | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: ("false" | "true" | boolean) | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: ("false" | "true" | boolean) | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+    autoFocus?: boolean | undefined;
+    className?: string | undefined;
+    contentEditable?: ("false" | "true" | boolean) | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: ("false" | "true" | boolean) | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: ("false" | "true" | boolean) | undefined;
+    style?: import("react").CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+    popoverTarget?: string | undefined;
+    inert?: boolean | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
+    open?: boolean | undefined;
+    name?: string | undefined;
+    ref: import("react").RefObject<HTMLDetailsElement | null>;
+}, HTMLDetailsElement>;
+//# sourceMappingURL=Details.d.ts.map

package/dist/client/document/Details.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Details.d.ts","sourceRoot":"","sources":["../../../src/client/document/Details.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAqE,MAAM,OAAO,CAAC;AAC/G,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGjD,eAAO,MAAM,mBAAmB,+CAA4C,CAAC;AAE7E,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAenG"}

package/dist/client/document/Details.js

@@ -0,0 +1,20 @@
+import { createContext, createElement, useContext, useLayoutEffect, useRef } from "react";
+import { textContent } from "#render/textContent.ts";
+export const DetailStatesContext = createContext(new Map());
+export function DocumentDetails({ node, children, ...props }) {
+    const states = useContext(DetailStatesContext);
+    const elementRef = useRef(null);
+    const identity = node?.children.map(textContent).join("") ?? "";
+    useLayoutEffect(() => {
+        const element = elementRef.current;
+        if (!element) {
+            return;
+        }
+        element.open = states.get(identity) ?? props.open ?? false;
+        return () => {
+            states.set(identity, element.open);
+        };
+    }, [identity, props.open, states]);
+    return createElement("details", { ...props, ref: elementRef }, children);
+}
+//# sourceMappingURL=Details.js.map

package/dist/client/document/Details.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Details.js","sourceRoot":"","sources":["../../../src/client/document/Details.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/G,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAC,IAAI,GAAG,EAAmB,CAAC,CAAC;AAE7E,MAAM,UAAU,eAAe,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA0C;IACnG,MAAM,MAAM,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAC/C,MAAM,UAAU,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;IAChE,eAAe,CAAC,GAAG,EAAE;QACpB,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QACnC,IAAI,CAAC,OAAO,EAAE,CAAC;YACd,OAAO;QACR,CAAC;QACD,OAAO,CAAC,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC;QAC3D,OAAO,GAAG,EAAE;YACX,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IACnC,OAAO,aAAa,CAAC,SAAS,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,EAAE,QAAQ,CAAC,CAAC;AAC1E,CAAC"}

package/dist/client/document/Mermaid.d.ts

@@ -0,0 +1,9 @@
+export declare function Mermaid({ source }: {
+    readonly source: string;
+}): import("react").DetailedReactHTMLElement<{
+    className: string;
+    "data-error": string | undefined;
+    "data-react-diagram": string;
+    "data-state": string;
+}, HTMLElement>;
+//# sourceMappingURL=Mermaid.d.ts.map

package/dist/client/document/Mermaid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mermaid.d.ts","sourceRoot":"","sources":["../../../src/client/document/Mermaid.ts"],"names":[],"mappings":"AAIA,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CAAE;;;;;gBAqE9D"}

package/dist/client/document/Mermaid.js

@@ -0,0 +1,76 @@
+import { createElement, useEffect, useId, useState } from "react";
+export function Mermaid({ source }) {
+    const id = useId().replace(/[^a-z\d_-]/giu, "");
+    const [drawing, setDrawing] = useState();
+    const [theme, setTheme] = useState(() => document.documentElement.dataset.scheme ?? "light");
+    useEffect(() => {
+        function sync() {
+            setTheme(document.documentElement.dataset.scheme ?? "light");
+        }
+        document.addEventListener("board-theme", sync);
+        return () => document.removeEventListener("board-theme", sync);
+    }, []);
+    useEffect(() => {
+        let current = true;
+        async function draw() {
+            try {
+                const { default: mermaid } = await import("mermaid");
+                function token(name) {
+                    return getComputedStyle(document.documentElement).getPropertyValue(name).trim();
+                }
+                mermaid.initialize({
+                    securityLevel: "strict",
+                    startOnLoad: false,
+                    suppressErrorRendering: true,
+                    theme: "base",
+                    themeVariables: {
+                        background: token("--bg"),
+                        darkMode: theme === "dark",
+                        fontFamily: token("--sans"),
+                        lineColor: token("--muted"),
+                        primaryBorderColor: token("--border"),
+                        primaryColor: token("--surface"),
+                        primaryTextColor: token("--text"),
+                        textColor: token("--text"),
+                    },
+                });
+                const { svg } = await mermaid.render(`document-diagram-${id}`, source);
+                if (current) {
+                    setDrawing({ source, svg });
+                }
+            }
+            catch (error) {
+                if (current) {
+                    setDrawing({ error: error instanceof Error ? error.message : String(error), source });
+                }
+            }
+        }
+        void draw();
+        return () => {
+            current = false;
+        };
+    }, [id, source, theme]);
+    const shown = drawing?.source === source || (drawing && "svg" in drawing) ? drawing : undefined;
+    const state = drawingState(shown, source);
+    return createElement("figure", { className: "diagram", "data-error": shown && "error" in shown ? shown.error : undefined, "data-react-diagram": "", "data-state": state }, shown && "svg" in shown
+        ? createElement("div", {
+            className: "diagram-svg",
+            ref: (element) => {
+                if (element) {
+                    const svg = new DOMParser().parseFromString(shown.svg, "image/svg+xml").documentElement;
+                    element.replaceChildren(document.importNode(svg, true));
+                }
+            },
+        })
+        : null, createElement("pre", { className: "diagram-source" }, source), shown && "error" in shown ? createElement("p", { "data-diagram-error": "", role: "status" }, `Diagram could not be drawn: ${shown.error}`) : null);
+}
+function drawingState(shown, source) {
+    if (!shown) {
+        return "pending";
+    }
+    if ("error" in shown) {
+        return "failed";
+    }
+    return shown.source === source ? "drawn" : "redrawing";
+}
+//# sourceMappingURL=Mermaid.js.map

package/dist/client/document/Mermaid.js.map

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

package/dist/client/document/View.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from "react";
+import type { Document } from "#browser/document/schema.ts";
+export interface DocumentViewProps {
+    readonly context?: ReactNode;
+    readonly document: Document;
+    readonly idPrefix?: string;
+    readonly introduction?: ReactNode;
+}
+export declare function DocumentView({ document, idPrefix, context, introduction }: DocumentViewProps): import("react").DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+//# sourceMappingURL=View.d.ts.map

package/dist/client/document/View.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../../src/client/document/View.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoD,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAI9G,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAyB5D,MAAM,WAAW,iBAAiB;IACjC,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC;CAClC;AAqBD,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,QAAa,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,iBAAiB;;gBAmCjG"}

package/dist/client/document/View.js

@@ -0,0 +1,59 @@
+import { Children, createContext, createElement, Fragment, useContext, useMemo } from "react";
+import { MarkdownHooks } from "react-markdown";
+import rehypeRaw from "rehype-raw";
+import { documentHeadings } from "#render/documentHeadings.ts";
+import { documentLinks } from "#render/documentLinks.ts";
+import { documentPlugins } from "#render/documentPlugins.ts";
+import { footnoteIds } from "#render/footnotes.ts";
+import { DetailStatesContext, DocumentDetails } from "./Details.js";
+import { highlightDocument } from "./highlight.js";
+import { documentLayout, documentSourceId } from "./layout.js";
+import { Mermaid } from "./Mermaid.js";
+const components = {
+    code: ({ node: _node, className, children, ...props }) => className?.split(" ").includes("language-mermaid")
+        ? createElement(Mermaid, { source: String(children) })
+        : createElement("code", { ...props, className }, children),
+    details: DocumentDetails,
+    img: ({ node: _node, ...props }) => createElement("img", { ...props, loading: "lazy" }),
+    pre: ({ node, children, ...props }) => {
+        const code = node?.children[0];
+        return code?.type === "element" && Array.isArray(code.properties.className) && code.properties.className.includes("language-mermaid")
+            ? createElement(Fragment, null, children)
+            : createElement("pre", props, children);
+    },
+};
+const LayoutContext = createContext({
+    context: null,
+    file: "",
+    introduction: null,
+});
+const layoutComponents = { ...components, header: LayoutHeader };
+function LayoutHeader({ node: _node, children, ...props }) {
+    const { context, introduction, file } = useContext(LayoutContext);
+    const header = createElement("header", props, children);
+    if (props.className !== "item-introduction") {
+        return header;
+    }
+    return createElement(Fragment, null, createElement("header", props, Children.count(children) > 0 ? children : createElement("h1", null, file), introduction), context);
+}
+export function DocumentView({ document, idPrefix = "", context, introduction }) {
+    const layout = context !== undefined;
+    const identity = document.identity ?? document.file;
+    const states = useMemo(() => ({ identity, values: new Map() }), [identity]);
+    const rehypePlugins = [
+        rehypeRaw,
+        highlightDocument,
+        footnoteIds(idPrefix),
+        documentLinks(document.file, document.links),
+        documentHeadings(true).plugin,
+    ];
+    if (layout) {
+        rehypePlugins.push([documentLayout, documentSourceId(document)]);
+    }
+    return createElement(layout ? "div" : "article", { className: layout ? "document-layout" : "doc" }, createElement(DetailStatesContext.Provider, { key: states.identity, value: states.values }, createElement(LayoutContext.Provider, { value: { context, file: document.file, introduction } }, createElement(MarkdownHooks, {
+        components: layout ? layoutComponents : components,
+        rehypePlugins,
+        remarkPlugins: documentPlugins(new Map(Object.entries(document.questionActions))),
+    }, document.source))));
+}
+//# sourceMappingURL=View.js.map

package/dist/client/document/View.js.map

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