@docmentis/udoc-editor 0.0.0-stage → 0.8.0

package/dist/insert.js

@@ -0,0 +1,129 @@
+// The Insert tab's commands: Shapes on a PDF, placed by a pointer gesture the
+// canvas carries out, and Image on a slide deck, asked for and inserted at once.
+import { ICON_SUBTOOL_ARROW, ICON_SUBTOOL_ELLIPSE, ICON_SUBTOOL_LINE, ICON_SUBTOOL_RECTANGLE, SHAPE_STROKE, SHAPE_STROKE_WIDTH, segmentsFor, } from "@docmentis/udoc-ui/internal";
+import { EditCommand } from "./edit-command.js";
+import { ICON_IMAGE } from "./icons.js";
+/** A placed shape's fill — translucent blue (filled shapes only). */
+const FILL = { components: [0.26, 0.55, 0.96], colorSpace: "srgb" };
+/** A placed shape's fill opacity. */
+const FILL_ALPHA = 0.18;
+/** The shapes the Insert tab places, as the shell carries their place tools. */
+const SHAPES = new Set(["rectangle", "ellipse", "line", "arrow"]);
+/** Shapes offered by the Insert tab's shape picker (`insertShape`). */
+const SHAPE_OPTIONS = [
+    ["rectangle", ICON_SUBTOOL_RECTANGLE, "shape.rectangle"],
+    ["ellipse", ICON_SUBTOOL_ELLIPSE, "shape.ellipse"],
+    ["line", ICON_SUBTOOL_LINE, "shape.line"],
+    ["arrow", ICON_SUBTOOL_ARROW, "shape.arrow"],
+].map(([shape, icon, label]) => ({ tool: { kind: "extension", tool: shape }, icon, label }));
+/**
+ * The model `GraphicsObject` for `shape` spanning the drag from `p0` to `p1`
+ * (page-local document points), ready to drop into an `InsertObjects` command's
+ * `objects`. The object carries **no `id`** — the `InsertObjects` command mints
+ * one on insert, so the host never allocates ids. Rectangle and ellipse use the
+ * box of the two points; line and arrow run `p0 → p1`, so the direction is
+ * preserved. Filled shapes (rectangle / ellipse) get the translucent fill +
+ * solid stroke; open shapes (line / arrow) are stroke only.
+ */
+function shapeObject(shape, p0, p1) {
+    const filled = shape === "rectangle" || shape === "ellipse";
+    const object = {
+        transform: { scaleX: 1, skewY: 0, skewX: 0, scaleY: 1, translateX: 0, translateY: 0 },
+        clips: [],
+        optionalContent: [],
+        content: {
+            path: {
+                path: { segments: segmentsFor(shape, p0, p1) },
+                windingRule: "nonZero",
+                nonstrokingStyle: { brush: { solid: FILL }, alpha: FILL_ALPHA, overprint: false },
+                strokingStyle: {
+                    brush: { solid: SHAPE_STROKE },
+                    alpha: 1.0,
+                    overprint: false,
+                    line: {
+                        width: SHAPE_STROKE_WIDTH,
+                        lineCap: "butt",
+                        lineJoin: "miter",
+                        miterLimit: 10.0,
+                        dashArray: null,
+                        dashOffset: 0.0,
+                    },
+                },
+                fill: filled,
+                stroke: true,
+                renderStyle: {
+                    blendMode: "normal",
+                    alphaIsShape: false,
+                    overprintMode: "default",
+                    renderingIntent: "relativeColorimetric",
+                },
+                softMask: null,
+            },
+        },
+    };
+    return object;
+}
+/** The shape the Insert tab's place `tool` drags out. */
+export function placedShape(tool) {
+    return SHAPES.has(tool) ? tool : null;
+}
+/** Place the Insert tab's `tool` on page `page`, spanning the page-local points
+ *  `p0 → p1`: a shape as a page object, on top of the page — the engine mints
+ *  its id and selects it. A no-op for a page with no id (no document, or not a
+ *  PDF). */
+export async function place(host, tool, page, p0, p1) {
+    const shape = placedShape(tool);
+    if (!shape || host.store.getState().status !== "ready")
+        return;
+    const pageId = await host.client.portable.pageIdByIndex(page);
+    if (pageId === undefined)
+        return;
+    await host.commit(() => host.client.execute(EditCommand.insertObjects(pageId, [shapeObject(shape, p0, p1)])));
+}
+/** Insert the image file `bytes` as a picture on the current slide, centred
+ *  and scaled down to fit, then selected — a committing edit, so the picture's
+ *  selection rides back. */
+export function insertImage(host, bytes, contentType) {
+    return host.commit(() => host.edit.insertImage(bytes, contentType));
+}
+/** Ask for an image file and {@link insertImage} it. The engine reads the
+ *  file's size and format from its bytes; the browser's MIME type rides along,
+ *  empty when it has none. */
+export function pickImage(host) {
+    const input = document.createElement("input");
+    input.type = "file";
+    input.accept = "image/*";
+    input.addEventListener("change", () => {
+        const file = input.files?.[0];
+        if (!file)
+            return;
+        void file
+            .arrayBuffer()
+            .then((buffer) => insertImage(host, new Uint8Array(buffer), file.type))
+            .catch((error) => console.error("udoc: inserting the image failed", error));
+    });
+    input.click();
+}
+/** The Insert tab's commands, Image asking for its file with `pickImage`. */
+export function insertCommands(pickImage) {
+    return {
+        insertImage: {
+            id: "insertImage",
+            label: "command.insertImage",
+            icon: ICON_IMAGE,
+            group: "insert",
+            labeled: true,
+            run: { kind: "action", press: pickImage },
+            enabledWhen: (c) => c.ready && c.docType === "presentation",
+        },
+        insertShape: {
+            id: "insertShape",
+            label: "command.insertShape",
+            icon: ICON_SUBTOOL_RECTANGLE,
+            group: "insert",
+            run: { kind: "armPicker", options: SHAPE_OPTIONS },
+            enabledWhen: (c) => c.ready && c.docType === "portable",
+        },
+    };
+}
+//# sourceMappingURL=insert.js.map

package/dist/insert.js.map

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

package/dist/menu-action.d.ts

@@ -0,0 +1,73 @@
+import type { TableSelectionEdit } from "@docmentis/udoc-wasm";
+import type { AlignEdge, EditAxis, MenuAction, TextParagraphAlign, ZOrder } from "@docmentis/udoc-ui/internal";
+import type { ClipboardOp, TableSelectScope } from "./context-menu.js";
+import type { ParagraphSpaceEdge } from "./text-format.js";
+import type { EditTools } from "./tools.js";
+/**
+ * What activating one of edit mode's menu rows does. Each variant carries its
+ * full payload, so the handler is a switch on `kind` with no side lookup
+ * tables. `reorder` is the Arrange dropdown's z-order; `align` / `distribute`
+ * / `flip` / `rotate` the Align and Rotate dropdowns; `alignToPage` the Align
+ * dropdown's reference toggle (a UI flag, not a document edit). `clipboard` /
+ * `delete` are the context menu's acts on the selection, and `selectTable` /
+ * `tableEdit` its rows over a table.
+ *
+ * The first five are the paragraph menus' rows. `indent` carries a *step*, not
+ * a measure: an indent is relative per paragraph — a selection spanning two
+ * levels keeps their offset instead of flattening to one — so the engine owns
+ * what one step means (the list level of a listed paragraph, the left indent of
+ * any other), and the menu only says which way.
+ */
+export type EditMenuAction = {
+    kind: "widthScale";
+    scale: number;
+} | {
+    kind: "paragraphAlign";
+    align: TextParagraphAlign;
+} | {
+    kind: "indent";
+    delta: number;
+} | {
+    kind: "lineSpacing";
+    lines: number;
+} | {
+    kind: "paragraphSpace";
+    edge: ParagraphSpaceEdge;
+} | {
+    kind: "reorder";
+    order: ZOrder;
+} | {
+    kind: "group";
+} | {
+    kind: "ungroup";
+} | {
+    kind: "align";
+    edge: AlignEdge;
+} | {
+    kind: "alignToPage";
+} | {
+    kind: "distribute";
+    axis: EditAxis;
+} | {
+    kind: "flip";
+    axis: EditAxis;
+} | {
+    kind: "rotate";
+    angle: number;
+} | {
+    kind: "clipboard";
+    op: ClipboardOp;
+} | {
+    kind: "delete";
+} | {
+    kind: "selectTable";
+    scope: TableSelectScope;
+} | {
+    kind: "tableEdit";
+    edit: TableSelectionEdit;
+};
+/** `action` as a shell {@link MenuAction}: carried as the extension's own. */
+export declare function editAction(action: EditMenuAction): MenuAction;
+/** Run one of edit mode's menu rows' intents on the current selection. */
+export declare function runEditMenuAction(tools: EditTools, action: EditMenuAction): void;
+//# sourceMappingURL=menu-action.d.ts.map

package/dist/menu-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-action.d.ts","sourceRoot":"","sources":["../src/menu-action.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC/G,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAEvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,cAAc,GACpB;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACrC;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,KAAK,EAAE,kBAAkB,CAAA;CAAE,GACrD;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACjC;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACtC;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,IAAI,EAAE,kBAAkB,CAAA;CAAE,GACpD;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAClC;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GACjB;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,GACnB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,SAAS,CAAA;CAAE,GAClC;IAAE,IAAI,EAAE,aAAa,CAAA;CAAE,GACvB;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAE,GACtC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAE,GAChC;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACjC;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,EAAE,EAAE,WAAW,CAAA;CAAE,GACtC;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAClB;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,KAAK,EAAE,gBAAgB,CAAA;CAAE,GAChD;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,kBAAkB,CAAA;CAAE,CAAC;AAEtD,8EAA8E;AAC9E,wBAAgB,UAAU,CAAC,MAAM,EAAE,cAAc,GAAG,UAAU,CAE7D;AAED,0EAA0E;AAC1E,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc,GAAG,IAAI,CAiFhF"}

package/dist/menu-action.js

@@ -0,0 +1,89 @@
+import { editState, updateEditState } from "./state.js";
+/** `action` as a shell {@link MenuAction}: carried as the extension's own. */
+export function editAction(action) {
+    return { kind: "extension", action };
+}
+/** Run one of edit mode's menu rows' intents on the current selection. */
+export function runEditMenuAction(tools, action) {
+    const { arrange, text, clipboard, host } = tools;
+    switch (action.kind) {
+        case "reorder":
+            void arrange.reorderSelection(action.order);
+            break;
+        case "group":
+            void arrange.groupSelection();
+            break;
+        case "ungroup":
+            void arrange.ungroupSelection();
+            break;
+        case "align":
+            void arrange.alignSelection(action.edge);
+            break;
+        case "distribute":
+            void arrange.distributeSelection(action.axis);
+            break;
+        case "flip":
+            void arrange.flipSelection(action.axis);
+            break;
+        case "rotate":
+            void arrange.rotateSelectionEach(action.angle);
+            break;
+        case "alignToPage":
+            updateEditState(host.store, { alignToPage: !editState(host.store.getState()).alignToPage });
+            break;
+        case "widthScale":
+            void text.setCharacterProperties([{ widthScale: action.scale }]);
+            break;
+        case "paragraphAlign":
+            void text.setParagraphProperties([{ align: action.align }]);
+            break;
+        case "lineSpacing":
+            void text.setParagraphProperties([{ lineSpacing: { percent: action.lines } }]);
+            break;
+        case "paragraphSpace":
+            void text.toggleParagraphSpace(action.edge);
+            break;
+        case "indent":
+            void text.indentSelection(action.delta);
+            break;
+        case "clipboard":
+            switch (action.op) {
+                case "cut":
+                    clipboard.cut();
+                    break;
+                case "paste":
+                    void clipboard.paste();
+                    break;
+            }
+            break;
+        case "delete":
+            void host.deleteSelection();
+            break;
+        case "selectTable":
+            // Presence, not an edit: the three widenings re-state what is
+            // picked inside the table and report fresh geometry, so they go
+            // straight to the client rather than through the edit path.
+            switch (action.scope) {
+                case "rows":
+                    host.client.selectTableRows();
+                    break;
+                case "columns":
+                    host.client.selectTableColumns();
+                    break;
+                case "table":
+                    host.client.selectTable();
+                    break;
+            }
+            break;
+        case "tableEdit": {
+            // A structural edit on the table the selection sits in — one
+            // committing edit like any other. The engine binds it to the
+            // innermost table the selection is in; its kind (`deleteRows`, not
+            // `delete`) is what keeps it off the frame around that table.
+            const { edit } = action;
+            void host.commit(() => host.client.executeOnSelection(edit));
+            break;
+        }
+    }
+}
+//# sourceMappingURL=menu-action.js.map

package/dist/menu-action.js.map

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

package/dist/mode.d.ts

@@ -0,0 +1,21 @@
+import type { Feature } from "@docmentis/udoc-wasm";
+/**
+ * The editor's top-level mode — what the user is doing *to* the document. Mode
+ * scopes which commands the toolbar offers and how the pointer behaves; it is
+ * usually fixed by the host before the editor is shown.
+ *
+ * - `view` — reading: navigation, filling in a form, and a PDF's annotations
+ *   (its Annotate tab).
+ * - `edit` — full content authoring (Office "select + insert" model).
+ */
+export type EditorMode = "view" | "edit";
+/** Canonical render order for the mode switcher. */
+export declare const ALL_MODES: readonly EditorMode[];
+/** Whether a session entitled to `features` may be in `mode`. */
+export declare function modeEntitled(mode: EditorMode, features: readonly Feature[]): boolean;
+/** Edit mode, as the shell knows it: its id and the feature it needs. */
+export declare const EDIT_MODE: {
+    readonly id: "edit";
+    readonly feature: Feature;
+};
+//# sourceMappingURL=mode.d.ts.map

package/dist/mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mode.d.ts","sourceRoot":"","sources":["../src/mode.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAEpD;;;;;;;;GAQG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AAEzC,oDAAoD;AACpD,eAAO,MAAM,SAAS,EAAE,SAAS,UAAU,EAAqB,CAAC;AAUjE,iEAAiE;AACjE,wBAAgB,YAAY,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,SAAS,OAAO,EAAE,GAAG,OAAO,CAGpF;AAED,yEAAyE;AACzE,eAAO,MAAM,SAAS;;;CAAwD,CAAC"}

package/dist/mode.js

@@ -0,0 +1,17 @@
+/** Canonical render order for the mode switcher. */
+export const ALL_MODES = ["view", "edit"];
+/** The feature each mode needs, or null for one every session may use. View's
+ *  own edits — a form's fields, a PDF's annotations — are gated where they
+ *  start, not by the mode. */
+const MODE_FEATURES = {
+    view: null,
+    edit: "editing",
+};
+/** Whether a session entitled to `features` may be in `mode`. */
+export function modeEntitled(mode, features) {
+    const feature = MODE_FEATURES[mode];
+    return feature === null || features.includes(feature);
+}
+/** Edit mode, as the shell knows it: its id and the feature it needs. */
+export const EDIT_MODE = { id: "edit", feature: MODE_FEATURES.edit };
+//# sourceMappingURL=mode.js.map

package/dist/mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mode.js","sourceRoot":"","sources":["../src/mode.ts"],"names":[],"mappings":"AAcA,oDAAoD;AACpD,MAAM,CAAC,MAAM,SAAS,GAA0B,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEjE;;8BAE8B;AAC9B,MAAM,aAAa,GAAuC;IACtD,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,SAAS;CAClB,CAAC;AAEF,iEAAiE;AACjE,MAAM,UAAU,YAAY,CAAC,IAAgB,EAAE,QAA4B;IACvE,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACpC,OAAO,OAAO,KAAK,IAAI,IAAI,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AAC1D,CAAC;AAED,yEAAyE;AACzE,MAAM,CAAC,MAAM,SAAS,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,CAAC,IAAK,EAAW,CAAC"}

package/dist/new-slide.d.ts

@@ -0,0 +1,21 @@
+import type { CommandDef } from "@docmentis/udoc-ui/internal";
+import type { EditHost } from "./edit-client.js";
+import type { I18n, MessageKey } from "./i18n/index.js";
+/** The layout picker, mounted into a shell. */
+export interface NewSlide {
+    /** Open the picker for a new slide after the current one. */
+    open(): Promise<void>;
+    destroy(): void;
+}
+/** Mount the layout picker into `host` — once, re-seeded with the current
+ *  layout roster each open. */
+export declare function mountNewSlide(host: EditHost, i18n: I18n): NewSlide;
+/**
+ * The New Slide command, opening the picker with `open` — a document-level
+ * action shown only with nothing selected: it sits where the selection's
+ * property controls go, so it shows on the empty canvas and yields to those
+ * controls the moment a shape or text is selected. Labeled, as its page-add
+ * glyph reads "slide" only once you know.
+ */
+export declare function newSlideCommand(open: () => void): CommandDef<MessageKey>;
+//# sourceMappingURL=new-slide.d.ts.map

package/dist/new-slide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-slide.d.ts","sourceRoot":"","sources":["../src/new-slide.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGjD,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAUxD,+CAA+C;AAC/C,MAAM,WAAW,QAAQ;IACrB,6DAA6D;IAC7D,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACtB,OAAO,IAAI,IAAI,CAAC;CACnB;AAED;+BAC+B;AAC/B,wBAAgB,aAAa,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAG,QAAQ,CAmClE;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,IAAI,GAAG,UAAU,CAAC,UAAU,CAAC,CAUxE"}

package/dist/new-slide.js

@@ -0,0 +1,63 @@
+import { createNewSlideModal } from "./components/NewSlideModal.js";
+import { ICON_PAGE_ADD } from "./icons.js";
+/** Create a slide at `index` (clamped), seeded with its layout's content
+ *  placeholders. `layout` is the slide-layout id to build on; omit it to copy
+ *  the neighbor slide's layout. */
+function createSlide(index, layout) {
+    return { presentation: { insertSlide: layout == null ? { index } : { index, layout } } };
+}
+/** Mount the layout picker into `host` — once, re-seeded with the current
+ *  layout roster each open. */
+export function mountNewSlide(host, i18n) {
+    const modal = createNewSlideModal(i18n);
+    modal.mount(host.root);
+    const execute = (command) => host.commit(() => host.client.execute(command));
+    return {
+        // Pull every slide master's summary, flatten it to pickable options
+        // (each slide layout previews on its slide master's plane at page
+        // `1 + its index`), and open. Falls back to the copy-neighbor default
+        // when no slide layouts are available. The 0-based page index nearest
+        // the viewport top is the current slide; +1 lands the new slide right
+        // after it, PowerPoint-style.
+        async open() {
+            const insertIndex = host.store.getState().pageIndex + 1;
+            const slideMasters = await host.edit.slideMastersSummary();
+            const options = slideMasters.flatMap((slideMaster) => slideMaster.slideLayouts.map((slideLayout, index) => ({
+                layout: slideLayout.id,
+                plane: slideMaster.plane,
+                page: index + 1,
+                name: slideLayout.name,
+            })));
+            if (options.length === 0) {
+                void execute(createSlide(insertIndex));
+                return;
+            }
+            modal.open({
+                insertIndex,
+                options,
+                renderPreview: (plane, page, scale) => host.client.renderPagePreview(plane, page, scale),
+                onPick: (layout) => void execute(createSlide(insertIndex, layout)),
+            });
+        },
+        destroy: () => modal.destroy(),
+    };
+}
+/**
+ * The New Slide command, opening the picker with `open` — a document-level
+ * action shown only with nothing selected: it sits where the selection's
+ * property controls go, so it shows on the empty canvas and yields to those
+ * controls the moment a shape or text is selected. Labeled, as its page-add
+ * glyph reads "slide" only once you know.
+ */
+export function newSlideCommand(open) {
+    return {
+        id: "createSlide",
+        label: "command.createSlide",
+        icon: ICON_PAGE_ADD,
+        group: "slide",
+        labeled: true,
+        run: { kind: "action", press: open },
+        enabledWhen: (c) => c.ready && c.selection.count === 0,
+    };
+}
+//# sourceMappingURL=new-slide.js.map

package/dist/new-slide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"new-slide.js","sourceRoot":"","sources":["../src/new-slide.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAGpE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C;;mCAEmC;AACnC,SAAS,WAAW,CAAC,KAAa,EAAE,MAAe;IAC/C,OAAO,EAAE,YAAY,EAAE,EAAE,WAAW,EAAE,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;AAC7F,CAAC;AASD;+BAC+B;AAC/B,MAAM,UAAU,aAAa,CAAC,IAAc,EAAE,IAAU;IACpD,MAAM,KAAK,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IACxC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACvB,MAAM,OAAO,GAAG,CAAC,OAAoB,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAC1F,OAAO;QACH,oEAAoE;QACpE,kEAAkE;QAClE,sEAAsE;QACtE,sEAAsE;QACtE,sEAAsE;QACtE,8BAA8B;QAC9B,KAAK,CAAC,IAAI;YACN,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,SAAS,GAAG,CAAC,CAAC;YACxD,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3D,MAAM,OAAO,GAAmB,YAAY,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CACjE,WAAW,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;gBAClD,MAAM,EAAE,WAAW,CAAC,EAAE;gBACtB,KAAK,EAAE,WAAW,CAAC,KAAK;gBACxB,IAAI,EAAE,KAAK,GAAG,CAAC;gBACf,IAAI,EAAE,WAAW,CAAC,IAAI;aACzB,CAAC,CAAC,CACN,CAAC;YACF,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACvB,KAAK,OAAO,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC;gBACvC,OAAO;YACX,CAAC;YACD,KAAK,CAAC,IAAI,CAAC;gBACP,WAAW;gBACX,OAAO;gBACP,aAAa,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC;gBACxF,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,KAAK,OAAO,CAAC,WAAW,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;aACrE,CAAC,CAAC;QACP,CAAC;QACD,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE;KACjC,CAAC;AACN,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAAC,IAAgB;IAC5C,OAAO;QACH,EAAE,EAAE,aAAa;QACjB,KAAK,EAAE,qBAAqB;QAC5B,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,IAAI;QACb,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;QACpC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,SAAS,CAAC,KAAK,KAAK,CAAC;KACzD,CAAC;AACN,CAAC"}

package/dist/page-controls.d.ts

@@ -0,0 +1,20 @@
+import type { PageSpacing, UIShellHost, UIState } from "@docmentis/udoc-ui/internal";
+import type { I18n } from "./i18n/index.js";
+/**
+ * The spacing the page controls show with. The insert strip is sized from the
+ * gap × the frame scale, so it fills the gap at every zoom. The paddings are
+ * screen-fixed (CSS px), so the rail in the right padding stays a constant size
+ * on screen — the side paddings are wide enough that the rail (offset + ~26px)
+ * clears the virtual scrollbar at fit-width.
+ */
+export declare const PAGE_CONTROLS_SPACING: PageSpacing;
+/**
+ * Whether the page controls show in `s`: in edit mode, for a doc type whose
+ * pages reorder ({@link PAGE_CONTROLLED}), in the continuous single-page
+ * arrangement — where the gaps they live in exist, and no facing page sits
+ * where the rail goes.
+ */
+export declare function pageControlsShown(s: UIState): boolean;
+/** Mount the page controls into `host`, shown while {@link pageControlsShown}; returns the teardown. */
+export declare function mountPageControls(host: UIShellHost, i18n: I18n): () => void;
+//# sourceMappingURL=page-controls.d.ts.map

package/dist/page-controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-controls.d.ts","sourceRoot":"","sources":["../src/page-controls.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAGrF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAM5C;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,EAAE,WAGnC,CAAC;AAqCF;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,OAAO,GAAG,OAAO,CAQrD;AAED,wGAAwG;AACxG,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,GAAG,MAAM,IAAI,CAyD3E"}

package/dist/page-controls.js

@@ -0,0 +1,99 @@
+import { arrangementFor, subscribeSelector } from "@docmentis/udoc-ui/internal";
+import { pageActions, pageInserts } from "./components/PageControls.js";
+import { createPageSettingsModal } from "./components/PageSettingsModal.js";
+/** The gap between pages, which the insert strip lives in: page-fixed
+ *  (document points), so it reads as part of the paper. */
+const GAP_PT = 24;
+/**
+ * The spacing the page controls show with. The insert strip is sized from the
+ * gap × the frame scale, so it fills the gap at every zoom. The paddings are
+ * screen-fixed (CSS px), so the rail in the right padding stays a constant size
+ * on screen — the side paddings are wide enough that the rail (offset + ~26px)
+ * clears the virtual scrollbar at fit-width.
+ */
+export const PAGE_CONTROLS_SPACING = {
+    padding: { top: { px: 36 }, right: { px: 48 }, bottom: { px: 36 }, left: { px: 48 } },
+    gap: { horizontal: GAP_PT, vertical: GAP_PT },
+};
+/** The `UDocCommand` for a page-structure edit. */
+function pageCommand(edit) {
+    switch (edit.kind) {
+        case "insert":
+            return { portable: { insertPage: { index: edit.index } } };
+        case "delete":
+            return { portable: { deletePage: { index: edit.index } } };
+        case "reorder":
+            return { portable: { reorderPage: { from: edit.from, to: edit.to } } };
+        case "rotate":
+            return { portable: { rotatePage: { index: edit.index, clockwise: edit.clockwise } } };
+        case "resize":
+            return {
+                portable: { resizePage: { index: edit.index, size: { width: edit.width, height: edit.height } } },
+            };
+    }
+}
+/** The doc types whose pages the page controls move, rotate, delete and
+ *  insert: the paginated, page-reorderable ones — PDF today. */
+const PAGE_CONTROLLED = new Set(["portable"]);
+/**
+ * Whether the page controls show in `s`: in edit mode, for a doc type whose
+ * pages reorder ({@link PAGE_CONTROLLED}), in the continuous single-page
+ * arrangement — where the gaps they live in exist, and no facing page sits
+ * where the rail goes.
+ */
+export function pageControlsShown(s) {
+    return (s.mode === "edit" &&
+        s.scrollMode === "continuous" &&
+        arrangementFor(s).layoutMode === "singlePage" &&
+        s.docType !== null &&
+        PAGE_CONTROLLED.has(s.docType));
+}
+/** Mount the page controls into `host`, shown while {@link pageControlsShown}; returns the teardown. */
+export function mountPageControls(host, i18n) {
+    // Mounted once and reused for whichever page's "more" button is clicked.
+    const settings = createPageSettingsModal(i18n);
+    settings.mount(host.root);
+    const pageEditAt = (edit) => host.commit(() => host.client.execute(pageCommand(edit)));
+    const composedPageCount = () => host.store.getState().composedPageCount;
+    function show(shown) {
+        if (!shown) {
+            host.removeOverlay("udoc:page-insert");
+            host.removeOverlay("udoc:page-actions");
+            return;
+        }
+        host.setOverlay("udoc:page-insert", pageInserts({
+            i18n,
+            gapPt: GAP_PT,
+            composedPageCount,
+            onInsert: (index) => void pageEditAt({ kind: "insert", index }),
+            // Yield the gap where a selection's resize/rotate handles
+            // floated into it, so the insert strip never sits under them.
+            keepOut: () => host.selectionKeepOut(),
+        }));
+        // Registered after the insert strips so the rail stacks above them —
+        // they share the inter-page gap.
+        host.setOverlay("udoc:page-actions", pageActions({
+            i18n,
+            composedPageCount,
+            hoveredPage: () => host.hoveredPage(),
+            onMoveUp: (index) => void pageEditAt({ kind: "reorder", from: index, to: index - 1 }),
+            onMoveDown: (index) => void pageEditAt({ kind: "reorder", from: index, to: index + 1 }),
+            onRotate: (index, clockwise) => void pageEditAt({ kind: "rotate", index, clockwise }),
+            onDelete: (index) => void pageEditAt({ kind: "delete", index }),
+            onOpenSettings: (index, size) => settings.open({
+                index,
+                width: size.width,
+                height: size.height,
+                onResize: (width, height) => void pageEditAt({ kind: "resize", index, width, height }),
+                onRotate: (clockwise) => void pageEditAt({ kind: "rotate", index, clockwise }),
+            }),
+        }));
+    }
+    show(pageControlsShown(host.store.getState()));
+    const unsubscribe = subscribeSelector(host.store, pageControlsShown, show);
+    return () => {
+        unsubscribe();
+        settings.destroy();
+    };
+}
+//# sourceMappingURL=page-controls.js.map

package/dist/page-controls.js.map

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

package/dist/paint.d.ts

@@ -0,0 +1,52 @@
+import type { PaintColor, PaintFill } from "@docmentis/udoc-wasm";
+import type { LineDash, PaintChannel, PaintSpec, RibbonControl, RibbonControlEnv, StrokeStyle, UIShellHost } from "@docmentis/udoc-ui/internal";
+import type { EditTools } from "./tools.js";
+/** A picker paint as a `PaintColor`, or `null` for "no fill": a solid sRGB
+ *  color, or a theme pick kept as a `schemeClr` reference with its tint/shade
+ *  transforms so it re-themes. The shared color construction behind
+ *  {@link paintToDrawingFill} and the text highlight (a bare color). */
+export declare function paintToDrawingColor(paint: PaintSpec): PaintColor | null;
+/** A picker paint as a `PaintFill`: a solid / theme color wrapped as a solid
+ *  fill, or explicit `"none"` for "no fill". */
+export declare function paintToDrawingFill(paint: PaintSpec): PaintFill;
+/** A composed stroke the Line picker applies: its color plus the weight and
+ *  dash from the Weight / Dashes fly-outs. The shell lowers it to the doc type's
+ *  outline model (`DrawingML` `Line` / PDF stroking style). */
+export interface StrokeSpec {
+    paint: PaintSpec;
+    /** Stroke weight in points. */
+    weight: number;
+    dash: LineDash;
+}
+/** The Fill / Line edits of the selection, on the shell `host` lends. */
+export declare function createPaintEdits(host: UIShellHost): {
+    fillSelection: (paint: PaintSpec) => Promise<void>;
+    strokeSelection: (stroke: StrokeSpec) => Promise<void>;
+};
+/** The Fill / Line edits {@link createPaintEdits} makes. */
+export type PaintEdits = ReturnType<typeof createPaintEdits>;
+/**
+ * The last picks — edit mode's write-side memory: the color per channel that the
+ * composed stroke re-sends when only its weight / dash change (the engine sets
+ * the outline as one thing), and the weight / dash the Line panel marks. Not
+ * shown on the triggers, which mirror the *selection*.
+ */
+export interface PaintMemory {
+    readonly lastPaint: Record<PaintChannel, PaintSpec>;
+    readonly lastStroke: StrokeStyle;
+}
+/** A {@link PaintMemory} at its defaults. */
+export declare function createPaintMemory(): PaintMemory;
+/**
+ * A Fill / Line / Text Color dropdown of `channel`, for command `id` drawn with
+ * `icon`: the channel glyph over a color bar reflecting the *selection's* color,
+ * the caret opening the color panel (rebuilt on each open). A mirror — clicking
+ * always opens the picker (no last-color re-apply); each render keeps the
+ * swatch in sync with the selection.
+ */
+export declare function paintControl(env: RibbonControlEnv, command: {
+    id: string;
+    icon: string;
+    channel: PaintChannel;
+}, tools: EditTools): RibbonControl;
+//# sourceMappingURL=paint.d.ts.map