@derive-to/artifacts 0.0.0-stage → 0.6.1

package/dist/react/composer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composer.js","sourceRoot":"","sources":["../../src/react/composer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAUvC,0FAA0F;AAC1F,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,KAAK,EACL,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,GACM,EAAE,EAAE;IAClB,MAAM,EAAE,GAAG,KAAK,EAAE,CAAA;IAClB,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAA;IAC9B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACpC,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAC1B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IACvD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAA;IAExD,MAAM,IAAI,GAAG,KAAK,IAAI,EAAE;QACtB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,OAAO;YAAE,OAAM;QACxC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;QACnB,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,QAAQ,CAAC,IAAI,CAAC,CAAA;QACd,IAAI,CAAC;YACH,MAAM,QAAQ,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,SAAS,CAAC,CAAC,CAAA;YACxD,OAAO,CAAC,EAAE,CAAC,CAAA;YACX,YAAY,CAAC,EAAE,CAAC,CAAA;QAClB,CAAC;QAAC,OAAO,MAAM,EAAE,CAAC;YAChB,QAAQ,CACN,MAAM,YAAY,KAAK,IAAI,CAAC,CAAC,MAAM,YAAY,SAAS,CAAC;gBACvD,CAAC,CAAC,MAAM,CAAC,OAAO;gBAChB,CAAC,CAAC,MAAM,CAAC,UAAU,CACtB,CAAA;QACH,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;YACpB,UAAU,CAAC,KAAK,CAAC,CAAA;QACnB,CAAC;IACH,CAAC,CAAA;IACD,MAAM,YAAY,GAAG,CAAC,KAAgB,EAAE,EAAE;QACxC,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,KAAK,IAAI,EAAE,CAAA;IACb,CAAC,CAAA;IAED,OAAO,CACL,gBAAM,SAAS,EAAC,aAAa,EAAC,QAAQ,EAAE,YAAY,aAClD,gBAAO,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAE,EAAE,YAC9C,KAAK,GACA,EACR,KAAC,YAAY,IACX,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,GAAG,EAAE,MAAM,CAAC,CAAC,EAC9D,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,EACrC,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,IAAI,EAAE,EACzB,QAAQ,EAAE,QAAQ,GAClB,EACD,KAAK,CAAC,CAAC,CAAC,CACP,YAAG,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,YAC7D,KAAK,GACJ,CACL,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAC,qBAAqB,aACjC,QAAQ,CAAC,CAAC,CAAC,CACV,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,YAC7E,MAAM,CAAC,MAAM,GACP,CACV,CAAC,CAAC,CAAC,IAAI,EACR,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,6BAA6B,EACvC,QAAQ,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,OAAO,YAEhC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,GAChC,IACL,IACD,CACR,CAAA;AACH,CAAC,CAAA"}

package/dist/react/context.d.ts

@@ -0,0 +1,57 @@
+import type { ArtifactClient, ArtifactView, HostContext, LiveChannel } from "../host/index.js";
+import type { Actor, Artifact, Point, Quote, Rect, Thread, ThreadState } from "../protocol/index.js";
+import type { EditingActions, EditingState } from "./use-editing.js";
+export interface Selection {
+    quote: Quote;
+    rect: Rect;
+}
+export interface RemoteCursor {
+    actor: Actor;
+    point: Point;
+}
+export interface ArtifactState extends EditingState {
+    client: ArtifactClient;
+    live: LiveChannel;
+    artifactId: string;
+    sandboxUrl: string;
+    hostContext: HostContext | undefined;
+    onOpenLink?: ((url: string) => boolean | Promise<boolean>) | undefined;
+    artifact: Artifact | null;
+    actor: Actor | null;
+    canEdit: boolean;
+    error: Error | null;
+    threads: Thread[];
+    /** Where each anchored thread sits in the artifact, in frame coordinates. */
+    positions: ReadonlyMap<string, Rect>;
+    /** The 0-based slide each anchored thread is on, in a slides artifact. */
+    anchorSlides: ReadonlyMap<string, number>;
+    /** Threads whose quoted text is no longer in this version. */
+    missing: ReadonlySet<string>;
+    selection: Selection | null;
+    activeThreadId: string | null;
+    /** True while the viewer is writing a new comment on the current selection. */
+    composing: boolean;
+    cursors: ReadonlyMap<string, RemoteCursor>;
+}
+export interface ArtifactActions extends EditingActions {
+    /** Reload metadata after a host-owned publication. Preserve local comment drafts. */
+    refresh(): Promise<void>;
+    setView(view: ArtifactView | null, version?: number): void;
+    setSelection(selection: Selection | null): void;
+    setPositions(positions: Map<string, Rect>, missing: Set<string>, slides?: Map<string, number>): void;
+    activate(threadId: string | null): void;
+    compose(open: boolean): void;
+    startThread(body: string): Promise<void>;
+    reply(threadId: string, body: string): Promise<void>;
+    setThreadState(threadId: string, state: ThreadState): Promise<void>;
+    /** People to @mention, from the host's directory. Empty without the mentions plugin. */
+    searchPeople(query: string): Promise<Person[]>;
+    /** The page as it looks now, live data included, for printing. */
+    snapshot(): Promise<string>;
+}
+export type Person = Pick<Actor, "id" | "name" | "avatarUrl">;
+/** Actions are stable for the provider's lifetime, so effects can depend on them freely. */
+export declare const ArtifactContext: import("react").Context<(ArtifactState & ArtifactActions) | null>;
+/** Everything about the artifact in view, plus the actions the components share. */
+export declare const useArtifact: () => ArtifactState & ArtifactActions;
+//# sourceMappingURL=context.d.ts.map

package/dist/react/context.d.ts.map

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

package/dist/react/context.js

@@ -0,0 +1,11 @@
+import { createContext, useContext } from "react";
+/** Actions are stable for the provider's lifetime, so effects can depend on them freely. */
+export const ArtifactContext = createContext(null);
+/** Everything about the artifact in view, plus the actions the components share. */
+export const useArtifact = () => {
+    const value = useContext(ArtifactContext);
+    if (!value)
+        throw new Error("useArtifact must be used inside <ArtifactProvider>.");
+    return value;
+};
+//# sourceMappingURL=context.js.map

package/dist/react/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/react/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AA+DjD,4FAA4F;AAC5F,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAA2C,IAAI,CAAC,CAAA;AAE5F,oFAAoF;AACpF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,KAAK,GAAG,UAAU,CAAC,eAAe,CAAC,CAAA;IACzC,IAAI,CAAC,KAAK;QAAE,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAA;IAClF,OAAO,KAAK,CAAA;AACd,CAAC,CAAA"}

package/dist/react/cursors.d.ts

@@ -0,0 +1,3 @@
+/** Other viewers' pointers, drawn over the frame in its coordinates. */
+export declare const Cursors: () => import("react").JSX.Element;
+//# sourceMappingURL=cursors.d.ts.map

package/dist/react/cursors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cursors.d.ts","sourceRoot":"","sources":["../../src/react/cursors.tsx"],"names":[],"mappings":"AAEA,wEAAwE;AACxE,eAAO,MAAM,OAAO,mCAenB,CAAA"}

package/dist/react/cursors.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useArtifact } from "./context.js";
+/** Other viewers' pointers, drawn over the frame in its coordinates. */
+export const Cursors = () => {
+    const { cursors } = useArtifact();
+    return (_jsx("div", { className: "oa-cursors", "aria-hidden": "true", children: [...cursors.values()].map(({ actor, point }) => (_jsx("span", { className: "oa-cursor", style: { transform: `translate(${point.x}px, ${point.y}px)` }, children: _jsx("span", { className: "oa-cursor-label", children: actor.name }) }, actor.id))) }));
+};
+//# sourceMappingURL=cursors.js.map

package/dist/react/cursors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cursors.js","sourceRoot":"","sources":["../../src/react/cursors.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,wEAAwE;AACxE,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,MAAM,EAAE,OAAO,EAAE,GAAG,WAAW,EAAE,CAAA;IACjC,OAAO,CACL,cAAK,SAAS,EAAC,YAAY,iBAAa,MAAM,YAC3C,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC/C,eAEE,SAAS,EAAC,WAAW,EACrB,KAAK,EAAE,EAAE,SAAS,EAAE,aAAa,KAAK,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,KAAK,EAAE,YAE7D,eAAM,SAAS,EAAC,iBAAiB,YAAE,KAAK,CAAC,IAAI,GAAQ,IAJhD,KAAK,CAAC,EAAE,CAKR,CACR,CAAC,GACE,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/react/edit-controls.d.ts

@@ -0,0 +1,4 @@
+/** Edit, then Save or Cancel: shown to people who may edit, when the server has the
+ *  editing plugin. Saving publishes one new version with every change. */
+export declare const EditControls: () => import("react").JSX.Element | null;
+//# sourceMappingURL=edit-controls.d.ts.map

package/dist/react/edit-controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-controls.d.ts","sourceRoot":"","sources":["../../src/react/edit-controls.tsx"],"names":[],"mappings":"AAIA;0EAC0E;AAC1E,eAAO,MAAM,YAAY,0CA4DxB,CAAA"}

package/dist/react/edit-controls.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { useArtifact } from "./context.js";
+import { useLabels } from "./labels.js";
+/** Edit, then Save or Cancel: shown to people who may edit, when the server has the
+ *  editing plugin. Saving publishes one new version with every change. */
+export const EditControls = () => {
+    const { artifact, canEdit, editing, layoutEditable, saving, editError, editConflict, startEditing, saveEditing, cancelEditing, leaveEditing, } = useArtifact();
+    const { labels } = useLabels();
+    // Escape on the host page leaves editing too, unless something nearer used it.
+    useEffect(() => {
+        if (!editing)
+            return undefined;
+        const keys = (event) => {
+            if (event.key !== "Escape" || event.defaultPrevented)
+                return;
+            event.preventDefault();
+            void leaveEditing();
+        };
+        document.addEventListener("keydown", keys);
+        return () => document.removeEventListener("keydown", keys);
+    }, [editing, leaveEditing]);
+    if (!artifact?.features.includes("editing") || !canEdit)
+        return null;
+    if (!editing)
+        return (_jsx("div", { className: "oa-edit-controls", children: _jsx("button", { type: "button", className: "oa-button", onClick: startEditing, children: layoutEditable ? labels.editPage : labels.editText }) }));
+    return (_jsxs("fieldset", { className: "oa-edit-controls", disabled: saving, "aria-busy": saving, children: [_jsx("legend", { className: "oa-visually-hidden", children: layoutEditable ? labels.editPage : labels.editingText }), editError ? (_jsx("p", { className: "oa-edit-error", role: "alert", children: editError })) : (_jsx("span", { className: "oa-edit-hint", children: layoutEditable ? labels.layoutHint : labels.editHint })), _jsx("button", { type: "button", className: "oa-button", onClick: () => void cancelEditing(), children: labels.cancel }), _jsx("button", { type: "button", className: "oa-button oa-button-primary", disabled: editConflict, onClick: () => void saveEditing(), children: labels.save })] }));
+};
+//# sourceMappingURL=edit-controls.js.map

package/dist/react/edit-controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-controls.js","sourceRoot":"","sources":["../../src/react/edit-controls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC;0EAC0E;AAC1E,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,OAAO,EACP,cAAc,EACd,MAAM,EACN,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,YAAY,GACb,GAAG,WAAW,EAAE,CAAA;IACjB,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAA;IAC9B,+EAA+E;IAC/E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAO,SAAS,CAAA;QAC9B,MAAM,IAAI,GAAG,CAAC,KAAoB,EAAE,EAAE;YACpC,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,KAAK,CAAC,gBAAgB;gBAAE,OAAM;YAC5D,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,KAAK,YAAY,EAAE,CAAA;QACrB,CAAC,CAAA;QACD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAA;QAC1C,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAA;IAC5D,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAA;IAC3B,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IACpE,IAAI,CAAC,OAAO;QACV,OAAO,CACL,cAAK,SAAS,EAAC,kBAAkB,YAC/B,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,YAAY,YAC9D,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,GAC5C,GACL,CACP,CAAA;IACH,OAAO,CACL,oBAAU,SAAS,EAAC,kBAAkB,EAAC,QAAQ,EAAE,MAAM,eAAa,MAAM,aACxE,iBAAQ,SAAS,EAAC,oBAAoB,YACnC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,GAC/C,EACR,SAAS,CAAC,CAAC,CAAC,CACX,YAAG,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,OAAO,YACtC,SAAS,GACR,CACL,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,cAAc,YAAE,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,GAAQ,CAC7F,EACD,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,aAAa,EAAE,YAC5E,MAAM,CAAC,MAAM,GACP,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,6BAA6B,EACvC,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,WAAW,EAAE,YAEhC,MAAM,CAAC,IAAI,GACL,IACA,CACZ,CAAA;AACH,CAAC,CAAA"}

package/dist/react/editing-actions.d.ts

@@ -0,0 +1,44 @@
+import type { RefObject } from "react";
+import type { ArtifactClient, ArtifactView, LiveChannel } from "../host/index.js";
+import type { Artifact, ArtifactLayout, Params, TextEdit } from "../protocol/index.js";
+import type { ArtifactLabels } from "./labels.js";
+export interface ArtifactSourceEditor {
+    enabled: boolean;
+    text?: boolean;
+    version?: number;
+    /** The host rechecks source access and the expected revision before saving. */
+    save(expected: number, draft: Params<"edits">): Promise<void>;
+}
+export interface EditingInputs {
+    client: ArtifactClient;
+    live: LiveChannel;
+    artifactId: string;
+    artifact: Artifact | null;
+    view: ArtifactView | null;
+    sourceEditor?: ArtifactSourceEditor | undefined;
+}
+export interface EditingDraft {
+    busy: boolean;
+    version: number | null;
+    edits: TextEdit[];
+    layout: ArtifactLayout | undefined;
+    source: ArtifactSourceEditor | undefined;
+}
+export interface ActionsInputs {
+    latest: RefObject<EditingInputs>;
+    draft: RefObject<EditingDraft>;
+    labels: RefObject<ArtifactLabels>;
+    state: {
+        editing(value: boolean): void;
+        saving(value: boolean): void;
+        version(value: number): void;
+        error(value: string | null): void;
+        reload(): void;
+    };
+}
+export declare const startEditing: (inputs: ActionsInputs) => void;
+export declare const saveEditing: (inputs: ActionsInputs) => Promise<void>;
+/** Escape keeps changed drafts. A disconnected frame keeps edit mode and an error. */
+export declare const leaveEditing: (inputs: ActionsInputs) => Promise<void>;
+export declare const cancelEditing: (inputs: ActionsInputs) => Promise<void>;
+//# sourceMappingURL=editing-actions.d.ts.map

package/dist/react/editing-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editing-actions.d.ts","sourceRoot":"","sources":["../../src/react/editing-actions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACjF,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAEjD,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,+EAA+E;IAC/E,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CAC9D;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,cAAc,CAAA;IACtB,IAAI,EAAE,WAAW,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAA;IACzB,IAAI,EAAE,YAAY,GAAG,IAAI,CAAA;IACzB,YAAY,CAAC,EAAE,oBAAoB,GAAG,SAAS,CAAA;CAChD;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,MAAM,EAAE,cAAc,GAAG,SAAS,CAAA;IAClC,MAAM,EAAE,oBAAoB,GAAG,SAAS,CAAA;CACzC;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,SAAS,CAAC,aAAa,CAAC,CAAA;IAChC,KAAK,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;IAC9B,MAAM,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;IACjC,KAAK,EAAE;QACL,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;QAC7B,MAAM,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;QAC5B,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;QAC5B,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;QACjC,MAAM,IAAI,IAAI,CAAA;KACf,CAAA;CACF;AAgBD,eAAO,MAAM,YAAY,WAAY,aAAa,SAWjD,CAAA;AAyCD,eAAO,MAAM,WAAW,WAAkB,aAAa,kBAmBtD,CAAA;AAED,sFAAsF;AACtF,eAAO,MAAM,YAAY,WAAkB,aAAa,kBAmBvD,CAAA;AAED,eAAO,MAAM,aAAa,WAAkB,aAAa,kBAiBxD,CAAA"}

package/dist/react/editing-actions.js

@@ -0,0 +1,129 @@
+const openEditor = ({ latest, labels }) => {
+    const { artifact, view, sourceEditor } = latest.current;
+    view?.setEditing(true, {
+        layout: view.layoutAvailable && !!artifact?.features.includes("layout"),
+        text: sourceEditor?.text ?? true,
+        labels: {
+            move: labels.current.moveElement,
+            resize: labels.current.resizeElement,
+            instructions: labels.current.dragInstructions,
+            changed: labels.current.layoutChanged,
+        },
+    });
+};
+export const startEditing = (inputs) => {
+    const { artifact, view, sourceEditor } = inputs.latest.current;
+    if (!view || !artifact || inputs.draft.current.busy)
+        return;
+    if (!(sourceEditor?.enabled ?? artifact.can.includes("edit")))
+        return;
+    const version = sourceEditor?.version ?? artifact.currentVersion;
+    inputs.draft.current.source = sourceEditor;
+    inputs.draft.current.version = version;
+    inputs.state.version(version);
+    openEditor(inputs);
+    inputs.state.error(null);
+    inputs.state.editing(true);
+};
+const collect = async (view, draft) => {
+    const next = await view.finishEditing();
+    draft.edits = [...draft.edits, ...next.edits];
+    draft.layout = next.layout ?? draft.layout;
+};
+const clear = (draft) => {
+    draft.edits = [];
+    draft.layout = undefined;
+    draft.source = undefined;
+};
+const publish = async (inputs, draft, version) => {
+    if (draft.edits.length === 0 && !draft.layout)
+        return;
+    if (draft.source) {
+        await draft.source.save(version, {
+            edits: draft.edits,
+            ...(draft.layout ? { layout: draft.layout } : {}),
+        });
+    }
+    else {
+        const published = await inputs.client.editText(inputs.artifactId, version, draft.edits, draft.layout);
+        inputs.live.announce({ type: "version.published", version: published });
+    }
+};
+const refusal = (inputs, reason, version) => {
+    const artifact = inputs.latest.current.artifact;
+    if (!inputs.draft.current.source && artifact && artifact.currentVersion > version)
+        return inputs.labels.current.editConflict;
+    return reason instanceof Error && !(reason instanceof TypeError)
+        ? reason.message
+        : inputs.labels.current.saveFailed;
+};
+export const saveEditing = async (inputs) => {
+    const { view, artifact } = inputs.latest.current;
+    const draft = inputs.draft.current;
+    if (!view || !artifact || draft.version === null || draft.busy)
+        return;
+    draft.busy = true;
+    inputs.state.saving(true);
+    try {
+        await collect(view, draft);
+        await publish(inputs.latest.current, draft, draft.version);
+        clear(draft);
+        inputs.state.error(null);
+        inputs.state.editing(false);
+    }
+    catch (reason) {
+        inputs.state.error(refusal(inputs, reason, draft.version));
+        openEditor(inputs);
+    }
+    finally {
+        draft.busy = false;
+        inputs.state.saving(false);
+    }
+};
+/** Escape keeps changed drafts. A disconnected frame keeps edit mode and an error. */
+export const leaveEditing = async (inputs) => {
+    const { view } = inputs.latest.current;
+    const draft = inputs.draft.current;
+    if (!view || draft.version === null || draft.busy)
+        return;
+    draft.busy = true;
+    try {
+        await collect(view, draft);
+        if (draft.edits.length === 0 && !draft.layout) {
+            inputs.state.error(null);
+            inputs.state.editing(false);
+            return;
+        }
+        openEditor(inputs);
+        inputs.state.error(inputs.labels.current.unsavedChanges ?? null);
+    }
+    catch {
+        inputs.state.error(inputs.labels.current.saveFailed);
+    }
+    finally {
+        draft.busy = false;
+    }
+};
+export const cancelEditing = async (inputs) => {
+    const draft = inputs.draft.current;
+    if (draft.busy)
+        return;
+    draft.busy = true;
+    inputs.state.saving(true);
+    try {
+        await inputs.latest.current.view?.setEditing(false, { discard: true });
+        if (draft.edits.length > 0 || draft.layout)
+            inputs.state.reload();
+    }
+    catch {
+        inputs.state.reload();
+    }
+    finally {
+        clear(draft);
+        inputs.state.error(null);
+        inputs.state.editing(false);
+        draft.busy = false;
+        inputs.state.saving(false);
+    }
+};
+//# sourceMappingURL=editing-actions.js.map

package/dist/react/editing-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editing-actions.js","sourceRoot":"","sources":["../../src/react/editing-actions.ts"],"names":[],"mappings":"AA2CA,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,EAAiB,EAAE,EAAE;IACvD,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC,OAAO,CAAA;IACvD,IAAI,EAAE,UAAU,CAAC,IAAI,EAAE;QACrB,MAAM,EAAE,IAAI,CAAC,eAAe,IAAI,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC;QACvE,IAAI,EAAE,YAAY,EAAE,IAAI,IAAI,IAAI;QAChC,MAAM,EAAE;YACN,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,WAAW;YAChC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,aAAa;YACpC,YAAY,EAAE,MAAM,CAAC,OAAO,CAAC,gBAAgB;YAC7C,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,aAAa;SACtC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAqB,EAAE,EAAE;IACpD,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAA;IAC9D,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,IAAI,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;QAAE,OAAM;IAC3D,IAAI,CAAC,CAAC,YAAY,EAAE,OAAO,IAAI,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAAE,OAAM;IACrE,MAAM,OAAO,GAAG,YAAY,EAAE,OAAO,IAAI,QAAQ,CAAC,cAAc,CAAA;IAChE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,YAAY,CAAA;IAC1C,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,GAAG,OAAO,CAAA;IACtC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;IAC7B,UAAU,CAAC,MAAM,CAAC,CAAA;IAClB,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IACxB,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;AAC5B,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,KAAK,EAAE,IAAkB,EAAE,KAAmB,EAAE,EAAE;IAChE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,aAAa,EAAE,CAAA;IACvC,KAAK,CAAC,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAA;IAC7C,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,CAAA;AAC5C,CAAC,CAAA;AAED,MAAM,KAAK,GAAG,CAAC,KAAmB,EAAE,EAAE;IACpC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAA;IAChB,KAAK,CAAC,MAAM,GAAG,SAAS,CAAA;IACxB,KAAK,CAAC,MAAM,GAAG,SAAS,CAAA;AAC1B,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,KAAK,EAAE,MAAqB,EAAE,KAAmB,EAAE,OAAe,EAAE,EAAE;IACpF,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM;QAAE,OAAM;IACrD,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QACjB,MAAM,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE;YAC/B,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;SAClD,CAAC,CAAA;IACJ,CAAC;SAAM,CAAC;QACN,MAAM,SAAS,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,QAAQ,CAC5C,MAAM,CAAC,UAAU,EACjB,OAAO,EACP,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,MAAM,CACb,CAAA;QACD,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,mBAAmB,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAA;IACzE,CAAC;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,CAAC,MAAqB,EAAE,MAAe,EAAE,OAAe,EAAE,EAAE;IAC1E,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAA;IAC/C,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,IAAI,QAAQ,IAAI,QAAQ,CAAC,cAAc,GAAG,OAAO;QAC/E,OAAO,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAA;IAC3C,OAAO,MAAM,YAAY,KAAK,IAAI,CAAC,CAAC,MAAM,YAAY,SAAS,CAAC;QAC9D,CAAC,CAAC,MAAM,CAAC,OAAO;QAChB,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAA;AACtC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,EAAE,MAAqB,EAAE,EAAE;IACzD,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAA;IAChD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAA;IAClC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO,KAAK,IAAI,IAAI,KAAK,CAAC,IAAI;QAAE,OAAM;IACtE,KAAK,CAAC,IAAI,GAAG,IAAI,CAAA;IACjB,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IACzB,IAAI,CAAC;QACH,MAAM,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;QAC1B,MAAM,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;QAC1D,KAAK,CAAC,KAAK,CAAC,CAAA;QACZ,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QACxB,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;IAC7B,CAAC;IAAC,OAAO,MAAM,EAAE,CAAC;QAChB,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;QAC1D,UAAU,CAAC,MAAM,CAAC,CAAA;IACpB,CAAC;YAAS,CAAC;QACT,KAAK,CAAC,IAAI,GAAG,KAAK,CAAA;QAClB,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAC5B,CAAC;AACH,CAAC,CAAA;AAED,sFAAsF;AACtF,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,EAAE,MAAqB,EAAE,EAAE;IAC1D,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAA;IACtC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAA;IAClC,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,KAAK,IAAI,IAAI,KAAK,CAAC,IAAI;QAAE,OAAM;IACzD,KAAK,CAAC,IAAI,GAAG,IAAI,CAAA;IACjB,IAAI,CAAC;QACH,MAAM,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;QAC1B,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAC9C,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;YACxB,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;YAC3B,OAAM;QACR,CAAC;QACD,UAAU,CAAC,MAAM,CAAC,CAAA;QAClB,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,cAAc,IAAI,IAAI,CAAC,CAAA;IAClE,CAAC;IAAC,MAAM,CAAC;QACP,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAA;IACtD,CAAC;YAAS,CAAC;QACT,KAAK,CAAC,IAAI,GAAG,KAAK,CAAA;IACpB,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,EAAE,MAAqB,EAAE,EAAE;IAC3D,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,CAAA;IAClC,IAAI,KAAK,CAAC,IAAI;QAAE,OAAM;IACtB,KAAK,CAAC,IAAI,GAAG,IAAI,CAAA;IACjB,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IACzB,IAAI,CAAC;QACH,MAAM,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,UAAU,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QACtE,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,MAAM;YAAE,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,CAAA;IACnE,CAAC;IAAC,MAAM,CAAC;QACP,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,CAAA;IACvB,CAAC;YAAS,CAAC;QACT,KAAK,CAAC,KAAK,CAAC,CAAA;QACZ,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QACxB,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAC3B,KAAK,CAAC,IAAI,GAAG,KAAK,CAAA;QAClB,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAC5B,CAAC;AACH,CAAC,CAAA"}

package/dist/react/history.css

@@ -0,0 +1,79 @@
+.oa-versions {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  font: 13px / 1.5 var(--oa-font);
+  color: var(--oa-text);
+}
+.oa-version-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  max-height: min(24rem, 60dvh);
+  overflow-y: auto;
+}
+.oa-version {
+  display: flex;
+  gap: 8px;
+  align-items: baseline;
+  width: 100%;
+  padding: 10px 12px;
+  border: 0;
+  border-radius: 6px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  text-align: start;
+  cursor: pointer;
+}
+.oa-version:hover,
+.oa-version[aria-current="true"] {
+  background: var(--oa-bg-subtle);
+}
+.oa-version:focus-visible {
+  outline: 2px solid var(--oa-accent);
+  outline-offset: 2px;
+}
+.oa-version-restore {
+  align-self: stretch;
+  text-align: start;
+}
+.oa-version-n {
+  font-weight: 600;
+}
+.oa-version-who {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.oa-version-n,
+.oa-version .oa-badge,
+.oa-version time {
+  flex-shrink: 0;
+  white-space: nowrap;
+}
+.oa-version time {
+  color: var(--oa-text-muted);
+  font-size: 12px;
+}
+
+.oa-edit-controls {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  min-inline-size: 0;
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  font: 13px / 1.5 var(--oa-font);
+  color: var(--oa-text);
+}
+.oa-edit-hint {
+  color: var(--oa-text-muted);
+}
+.oa-edit-error {
+  margin: 0;
+  color: var(--oa-danger);
+}

package/dist/react/index.d.ts

@@ -0,0 +1,20 @@
+export { ArtifactList, type ArtifactListProps } from "./artifact-list.js";
+export { type ArtifactActions, type ArtifactState, type RemoteCursor, type Selection, useArtifact, } from "./context.js";
+export { EditControls } from "./edit-controls.js";
+export { type ArtifactLabels, defaultLabels, useLabels } from "./labels.js";
+export { ArtifactLayoutSurface, type ArtifactLayoutSurfaceProps, type LayoutSurfaceHandle, } from "./layout-surface.js";
+export { ArtifactNativeStage } from "./native-stage.js";
+export { ArtifactPanel, type ArtifactPanelProps, type PanelHeaderParts, type PanelTab, } from "./panel.js";
+export { Presence } from "./presence.js";
+export { PresentButton } from "./present-button.js";
+export { ArtifactProvider, type ArtifactProviderProps } from "./provider.js";
+export { CommentRail, type CommentRailProps } from "./rail.js";
+export { RoleBadge } from "./role-badge.js";
+export { SharingPanel, type SharingPanelProps } from "./sharing-panel.js";
+export { SlideNavigator } from "./slide-navigator.js";
+export { ArtifactStage, type ArtifactStageProps } from "./stage.js";
+export type { ArtifactSourceEditor } from "./use-editing.js";
+export { type Presenting, usePresenting } from "./use-presenting.js";
+export { type SharingState, useSharing } from "./use-sharing.js";
+export { VersionHistory, type VersionHistoryProps } from "./version-history.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AACzE,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,WAAW,GACZ,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,KAAK,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC3E,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,EAC/B,KAAK,mBAAmB,GACzB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AACvD,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,EACrB,KAAK,QAAQ,GACd,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAC5E,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,YAAY,CAAA;AACnE,YAAY,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,KAAK,UAAU,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACpE,OAAO,EAAE,KAAK,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/react/index.js

@@ -0,0 +1,19 @@
+export { ArtifactList } from "./artifact-list.js";
+export { useArtifact, } from "./context.js";
+export { EditControls } from "./edit-controls.js";
+export { defaultLabels, useLabels } from "./labels.js";
+export { ArtifactLayoutSurface, } from "./layout-surface.js";
+export { ArtifactNativeStage } from "./native-stage.js";
+export { ArtifactPanel, } from "./panel.js";
+export { Presence } from "./presence.js";
+export { PresentButton } from "./present-button.js";
+export { ArtifactProvider } from "./provider.js";
+export { CommentRail } from "./rail.js";
+export { RoleBadge } from "./role-badge.js";
+export { SharingPanel } from "./sharing-panel.js";
+export { SlideNavigator } from "./slide-navigator.js";
+export { ArtifactStage } from "./stage.js";
+export { usePresenting } from "./use-presenting.js";
+export { useSharing } from "./use-sharing.js";
+export { VersionHistory } from "./version-history.js";
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA0B,MAAM,oBAAoB,CAAA;AACzE,OAAO,EAKL,WAAW,GACZ,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAuB,aAAa,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC3E,OAAO,EACL,qBAAqB,GAGtB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AACvD,OAAO,EACL,aAAa,GAId,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAA8B,MAAM,eAAe,CAAA;AAC5E,OAAO,EAAE,WAAW,EAAyB,MAAM,WAAW,CAAA;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,YAAY,EAA0B,MAAM,oBAAoB,CAAA;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,aAAa,EAA2B,MAAM,YAAY,CAAA;AAEnE,OAAO,EAAmB,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACpE,OAAO,EAAqB,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAChE,OAAO,EAAE,cAAc,EAA4B,MAAM,sBAAsB,CAAA"}

package/dist/react/labels.d.ts

@@ -0,0 +1,124 @@
+/** Every word the kit's components show. Pass translations to `ArtifactProvider`'s `labels`;
+ *  anything left out stays English. Functions take the values they place in the sentence. */
+export interface ArtifactLabels {
+    comments: string;
+    otherComments: string;
+    newComment: string;
+    addComment: string;
+    addCommentPlaceholder: string;
+    comment: string;
+    emptyCanComment: string;
+    emptyReadOnly: string;
+    reply: string;
+    replyPlaceholder: string;
+    resolve: string;
+    reopen: string;
+    /** Optional so existing label sets keep compiling. */
+    resolved?: string;
+    outdated: string;
+    commentBy: (name: string) => string;
+    sending: string;
+    sendFailed: string;
+    editText: string;
+    editPage: string;
+    layoutHint: string;
+    moveElement: string;
+    resizeElement: string;
+    dragInstructions: string;
+    layoutChanged: string;
+    editingText: string;
+    editHint: string;
+    cancel: string;
+    save: string;
+    saveFailed: string;
+    editConflict: string;
+    /** Escape or leaving the page while editing, with changes not yet saved. */
+    unsavedChanges?: string;
+    previousSlide: string;
+    nextSlide: string;
+    versionHistory: string;
+    version: (n: number) => string;
+    current: string;
+    restore: (n: number) => string;
+    restoreFailed: string;
+    people: string;
+    viewing: (count: number) => string;
+    you: (name: string) => string;
+    justNow: string;
+    loading: string;
+    loadFailed: string;
+    retry: string;
+    slides: string;
+    present: string;
+    exitPresentation?: string;
+    zoomSlide?: string;
+    fitSlide?: string;
+    panSlide?: string;
+    /** A comment's slide: "Slide 3". */
+    slideNumber?: (index: number) => string;
+    /** "Slide 3 of 12". */
+    slideOf: (index: number, count: number) => string;
+    /** Selected target for navigation and Present, independent of manual scrolling. */
+    selectedSlide?: (index: number, count: number) => string;
+    history: string;
+    sharing: string;
+    share: string;
+    page: string;
+    kindPage: string;
+    kindSlides: string;
+    roleOwner: string;
+    roleEdit: string;
+    roleComment: string;
+    roleView: string;
+    viewingVersion: (n: number) => string;
+    backToCurrent: string;
+    signInToTakePart: string;
+    signIn: string;
+    notFound: string;
+    accessRevoked: string;
+    spaceAccessHeading: string;
+    spaceMember: string;
+    spaceMemberHint: string;
+    spaceNone: string;
+    spaceNoneHint: string;
+    peopleHeading: string;
+    invitePlaceholder: string;
+    invite: string;
+    removeAccess: (name: string) => string;
+    createdIt: string;
+    linkHeading: string;
+    linkOff: string;
+    linkOffHint: string;
+    linkViewer: string;
+    linkViewerHint: string;
+    linkCommenter: string;
+    linkEditor: string;
+    copyLink: string;
+    copied: string;
+    copyFailed: string;
+    resetLink: string;
+    resetLinkHint: string;
+    roleName: (role: "viewer" | "commenter" | "editor" | "owner") => string;
+    searchDocuments: string;
+    filterAll: string;
+    filterMine: string;
+    filterShared: string;
+    noDocuments: string;
+    openComments: (count: number) => string;
+    selected: (count: number) => string;
+    deleteSelected: string;
+    confirmDelete: (count: number) => string;
+    deleteFailed: (count: number) => string;
+    clearSelection: string;
+    loadMore: string;
+}
+export declare const defaultLabels: ArtifactLabels;
+export interface LabelSettings {
+    labels: ArtifactLabels;
+    /** BCP 47 locale for relative times; the viewer's own when unset. */
+    locale: string | undefined;
+}
+export declare const LabelsContext: import("react").Context<LabelSettings>;
+/** The labels and locale the nearest `ArtifactProvider` was given. */
+export declare const useLabels: () => LabelSettings;
+//# sourceMappingURL=labels.d.ts.map

package/dist/react/labels.d.ts.map

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