@mokly/mokly 0.8.0

package/dist/client/component_controls.js

@@ -0,0 +1,242 @@
+/** Local-only temporary editing, with saved and transient evidence kept together. */
+import { encodeProps, decodeProps } from "../components/codec.js";
+import { currentColorScheme, setColorScheme } from "./browse_state.js";
+import { controlFields } from "./control_fields.js";
+import { requestComponentPreview, componentPreviewExpired, } from "./control_transport.js";
+import { controlSurface, controlsUnavailable } from "./control_surface.js";
+import { renderProps } from "./inspector_panels.js";
+import { applyVariant } from "./workspace_variants.js";
+export class ComponentControls {
+    root;
+    data;
+    changed;
+    ui;
+    fields;
+    variant;
+    contexts = [];
+    contextKey = "";
+    comparing = false;
+    edits = {};
+    previews = new Map();
+    timer;
+    request;
+    sequence = 0;
+    disposed = false;
+    dirty = false;
+    pageId = crypto.randomUUID().replaceAll("-", "");
+    constructor(root, data, signal, changed) {
+        this.root = root;
+        this.data = data;
+        this.changed = changed;
+        this.ui = controlSurface(root.ownerDocument, () => {
+            this.reset();
+            this.buildFields();
+            this.changed();
+        }, () => this.edit(true));
+        signal.addEventListener("abort", () => {
+            this.disposed = true;
+            this.cancel();
+        }, { once: true });
+        for (const frame of root.querySelectorAll("iframe[data-workspace-frame]"))
+            frame.addEventListener("load", () => void this.verifyLoaded(frame, signal), { signal });
+    }
+    sync(variant, contexts, comparing) {
+        const changedVariant = this.variant?.value.id !== variant?.value.id;
+        this.variant = variant;
+        this.contexts = contexts;
+        const contextKey = contexts.map(key).join("|");
+        const changedContext = this.contextKey !== contextKey;
+        this.contextKey = contextKey;
+        if (changedVariant || (comparing && !this.comparing)) {
+            this.reset();
+            this.buildFields();
+        }
+        this.comparing = comparing;
+        const disabled = this.unavailable();
+        this.fields?.disable(Boolean(disabled));
+        if (disabled) {
+            this.ui.status.textContent = disabled;
+            this.ui.resetButton.disabled = true;
+        }
+        else
+            this.ui.resetButton.disabled = !this.dirty;
+        if (changedContext && !changedVariant && !disabled) {
+            this.cancel();
+            const edits = this.fields?.read() ?? this.edits;
+            if (Object.keys(edits).length)
+                void this.render(edits);
+            else
+                this.ui.status.textContent = "Saved props";
+        }
+    }
+    mount(panel) {
+        if (this.ui.panel.parentElement !== panel)
+            panel.replaceChildren(this.ui.panel);
+    }
+    views(saved) {
+        return saved.map((view) => {
+            const preview = this.previews.get(key(view));
+            return preview
+                ? {
+                    ...view,
+                    path: decodeURIComponent(preview.previewUrl),
+                    usage: preview.view,
+                }
+                : view;
+        });
+    }
+    props() {
+        const context = this.contexts[0];
+        return ((context ? this.previews.get(key(context))?.props : undefined) ??
+            this.variant?.value.props);
+    }
+    unavailable() {
+        return controlsUnavailable(this.data, this.variant, this.comparing);
+    }
+    buildFields() {
+        if (this.data.entry.kind !== "component" || !this.variant) {
+            this.ui.form.replaceChildren();
+            return;
+        }
+        this.fields = controlFields(this.root.ownerDocument, this.data.entry, this.variant.value, (immediate) => this.edit(immediate));
+        this.ui.form.replaceChildren(this.fields.root);
+        this.details(this.variant.value.props);
+    }
+    details(props) {
+        const component = this.data.entry;
+        if (component.kind !== "component")
+            return;
+        const other = Object.fromEntries(Object.entries(decodeProps(props)).filter(([name]) => !Object.hasOwn(component.controls, name)));
+        renderProps(this.ui.propsPanel, this.data, {
+            props: encodeProps(other),
+            slots: this.variant?.value.suppliedSlots ?? [],
+        });
+        if (!Object.keys(other).length && !this.variant?.value.suppliedSlots.length)
+            this.ui.propsPanel.replaceChildren();
+    }
+    edit(immediate) {
+        if (this.unavailable())
+            return;
+        this.cancel();
+        this.ui.error.hidden = true;
+        this.ui.retry.hidden = true;
+        const overrides = this.fields?.read();
+        this.dirty = true;
+        this.ui.resetButton.disabled = false;
+        if (!overrides) {
+            this.ui.status.textContent =
+                "Check the highlighted values. The preview shows the last valid props.";
+            return;
+        }
+        this.ui.error.hidden = true;
+        this.ui.retry.hidden = true;
+        const submit = () => {
+            if (!Object.keys(overrides).length) {
+                this.reset();
+                this.changed();
+            }
+            else
+                void this.render(overrides);
+        };
+        if (immediate)
+            submit();
+        else
+            this.timer = setTimeout(submit, 150);
+    }
+    async render(overrides) {
+        const capability = this.data.renderCapability;
+        const variant = this.variant;
+        if (!capability || !variant || this.unavailable())
+            return;
+        this.cancel();
+        const sequence = this.sequence;
+        const controller = new AbortController();
+        this.request = controller;
+        this.ui.status.textContent = "Updating preview…";
+        this.ui.error.hidden = true;
+        this.ui.retry.hidden = true;
+        const previews = new Map();
+        try {
+            for (const view of this.contexts)
+                previews.set(key(view), await requestComponentPreview({
+                    componentId: this.data.entry.id,
+                    variantId: variant.value.id,
+                    viewport: view.viewport,
+                    colorScheme: view.colorScheme,
+                    generation: capability.generation,
+                    pageId: this.pageId,
+                    overrides,
+                }, capability, view, controller.signal));
+            if (controller.signal.aborted ||
+                sequence !== this.sequence ||
+                this.disposed)
+                return;
+            for (const [context, preview] of previews)
+                this.previews.set(context, preview);
+            this.edits = overrides;
+            for (const result of previews.values()) {
+                const frame = this.root.querySelector(`iframe[data-workspace-frame="${result.view.viewport}"]`);
+                if (frame)
+                    frame.setAttribute(`data-fragment-${result.view.colorScheme}`, result.previewUrl);
+            }
+            setColorScheme(this.root.ownerDocument, currentColorScheme(this.root.ownerDocument));
+            this.ui.status.textContent = "Edited props";
+            this.ui.resetButton.disabled = false;
+            const props = this.props();
+            if (props)
+                this.details(props);
+            this.changed();
+        }
+        catch (error) {
+            if (controller.signal.aborted ||
+                sequence !== this.sequence ||
+                this.disposed)
+                return;
+            this.ui.status.textContent = "The preview shows the last valid props.";
+            this.ui.error.textContent =
+                error instanceof Error
+                    ? error.message
+                    : "The preview could not be updated. Try again.";
+            this.ui.error.hidden = false;
+            this.ui.retry.hidden = false;
+        }
+    }
+    cancel() {
+        this.sequence++;
+        clearTimeout(this.timer);
+        this.request?.abort();
+        this.request = undefined;
+    }
+    async verifyLoaded(frame, signal) {
+        const sequence = this.sequence;
+        try {
+            const expired = await componentPreviewExpired(frame, this.previews.values(), signal);
+            if (this.disposed || sequence !== this.sequence || !expired)
+                return;
+            this.ui.status.textContent = "The temporary preview expired.";
+            this.ui.error.textContent =
+                "Render it again to continue with these props.";
+            this.ui.error.hidden = false;
+            this.ui.retry.hidden = false;
+        }
+        catch {
+            /* Navigation and disconnects invalidate this optional lifetime check. */
+        }
+    }
+    reset() {
+        this.cancel();
+        this.dirty = false;
+        this.edits = {};
+        this.previews.clear();
+        this.ui.error.hidden = true;
+        this.ui.retry.hidden = true;
+        this.ui.status.textContent = "Saved props";
+        this.ui.resetButton.disabled = true;
+        if (this.variant)
+            applyVariant(this.root, this.data, this.variant);
+    }
+}
+function key(view) {
+    return `${view.viewport}/${view.colorScheme}`;
+}
+//# sourceMappingURL=component_controls.js.map

package/dist/client/component_controls.js.map

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

package/dist/client/component_geometry.d.ts

@@ -0,0 +1,25 @@
+/** Read-only DOM range authentication and clipped geometry in immediate frames. */
+import type { ComponentViewRecord } from "../components/manifest_types.js";
+export interface ComponentBounds {
+    key: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface AuthenticatedRanges {
+    doc: Document;
+    ranges: ReadonlyMap<string, readonly Range[]>;
+}
+export declare function authenticateRanges(frame: HTMLIFrameElement, path: string, usage: ComponentViewRecord): AuthenticatedRanges | undefined;
+interface Box {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+}
+/** Read each actual range without inserting wrappers or changing consumer styles. */
+export declare function rangeBounds(frame: HTMLIFrameElement, authenticated: AuthenticatedRanges, keys: ReadonlySet<string>): ComponentBounds[];
+export declare function visibleFrameBox(frame: HTMLIFrameElement): Box | undefined;
+export {};
+//# sourceMappingURL=component_geometry.d.ts.map

package/dist/client/component_geometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component_geometry.d.ts","sourceRoot":"","sources":["../../src/client/component_geometry.ts"],"names":[],"mappings":"AAAA,mFAAmF;AACnF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAI3E,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AACD,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,QAAQ,CAAC;IACd,MAAM,EAAE,WAAW,CAAC,MAAM,EAAE,SAAS,KAAK,EAAE,CAAC,CAAC;CAC/C;AACD,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,iBAAiB,EACxB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,mBAAmB,GACzB,mBAAmB,GAAG,SAAS,CAqDjC;AAED,UAAU,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAgCD,qFAAqF;AACrF,wBAAgB,WAAW,CACzB,KAAK,EAAE,iBAAiB,EACxB,aAAa,EAAE,mBAAmB,EAClC,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,GACxB,eAAe,EAAE,CA6CnB;AACD,wBAAgB,eAAe,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,GAAG,SAAS,CAYzE"}

package/dist/client/component_geometry.js

@@ -0,0 +1,147 @@
+import { componentNodeRects } from "./component_range_nodes.js";
+import { uncoveredBoxes } from "./component_occlusion.js";
+export function authenticateRanges(frame, path, usage) {
+    try {
+        const doc = frame.contentDocument;
+        const parent = frame.ownerDocument;
+        const location = doc?.defaultView?.location;
+        if (!doc ||
+            !location ||
+            doc.defaultView?.frameElement !== frame ||
+            frame.sandbox.value !== "allow-same-origin" ||
+            location.origin !== parent.defaultView?.location.origin)
+            return;
+        const actual = decodeURIComponent(location.pathname).replace(/\.html$/, "");
+        const expected = path.startsWith("/__mokly/components/renders/")
+            ? path
+            : `/static/${path}`;
+        if (actual !== expected.replace(/\.html$/, ""))
+            return;
+        const walker = doc.createTreeWalker(doc, 128);
+        const stack = [];
+        const ranges = new Map();
+        let next = 0;
+        let node;
+        while ((node = walker.nextNode())) {
+            const text = node.textContent ?? "";
+            if (!text.startsWith("mokly-component:"))
+                continue;
+            const match = /^mokly-component:(start|end):(r-[0-9]+)$/.exec(text);
+            if (!match)
+                return;
+            const record = usage.ranges.find((item) => item.id === match[2]);
+            if (!record)
+                return;
+            if (match[1] === "start") {
+                if (usage.ranges[next++]?.id !== record.id ||
+                    record.parentId !== stack.at(-1)?.id)
+                    return;
+                stack.push({ id: record.id, node });
+            }
+            else {
+                const start = stack.pop();
+                if (start?.id !== record.id)
+                    return;
+                if (record.target.kind !== "instance")
+                    continue;
+                const range = doc.createRange();
+                range.setStartAfter(start.node);
+                range.setEndBefore(node);
+                const key = record.target.instanceKey;
+                ranges.set(key, [...(ranges.get(key) ?? []), range]);
+            }
+        }
+        if (stack.length || next !== usage.ranges.length)
+            return;
+        return { doc, ranges };
+    }
+    catch {
+        return;
+    }
+}
+function intersect(a, b) {
+    const box = {
+        left: Math.max(a.left, b.left),
+        top: Math.max(a.top, b.top),
+        right: Math.min(a.right, b.right),
+        bottom: Math.min(a.bottom, b.bottom),
+    };
+    return box.right > box.left && box.bottom > box.top ? box : undefined;
+}
+function clipAncestors(box, node, win) {
+    let current = box;
+    for (let parent = node; parent && current; parent = parent.parentElement) {
+        const style = win.getComputedStyle(parent);
+        const bounds = parent.getBoundingClientRect();
+        const clipX = /(hidden|clip|scroll|auto)/.test(style.overflowX);
+        const clipY = /(hidden|clip|scroll|auto)/.test(style.overflowY);
+        if (clipX || clipY)
+            current = intersect(current, {
+                left: clipX ? bounds.left : current.left,
+                right: clipX ? bounds.right : current.right,
+                top: clipY ? bounds.top : current.top,
+                bottom: clipY ? bounds.bottom : current.bottom,
+            });
+        if (style.position === "fixed")
+            break;
+    }
+    return current;
+}
+/** Read each actual range without inserting wrappers or changing consumer styles. */
+export function rangeBounds(frame, authenticated, keys) {
+    const { doc, ranges } = authenticated;
+    const win = doc.defaultView;
+    const result = [];
+    const candidates = [...doc.querySelectorAll("body *")];
+    const rects = new WeakMap();
+    for (const [key, values] of ranges) {
+        if (!keys.has(key))
+            continue;
+        for (const range of values) {
+            for (const { rect, parent } of componentNodeRects(range)) {
+                let box = intersect(rect, {
+                    left: 0,
+                    top: 0,
+                    right: frame.clientWidth,
+                    bottom: frame.clientHeight,
+                });
+                if (!box)
+                    continue;
+                box = clipAncestors(box, parent, win);
+                if (!box)
+                    continue;
+                for (const visible of uncoveredBoxes(box, range, candidates, rects))
+                    result.push({
+                        key,
+                        x: visible.left,
+                        y: visible.top,
+                        width: visible.right - visible.left,
+                        height: visible.bottom - visible.top,
+                    });
+            }
+        }
+    }
+    return result.filter((box, index) => !result.some((other, otherIndex) => other.key === box.key &&
+        otherIndex !== index &&
+        other.x <= box.x &&
+        other.y <= box.y &&
+        other.x + other.width >= box.x + box.width &&
+        other.y + other.height >= box.y + box.height &&
+        (other.width > box.width ||
+            other.height > box.height ||
+            otherIndex < index)));
+}
+export function visibleFrameBox(frame) {
+    const win = frame.ownerDocument.defaultView;
+    const bounds = frame.getBoundingClientRect();
+    const viewport = intersect(bounds, {
+        left: 0,
+        top: 0,
+        right: win.innerWidth,
+        bottom: win.innerHeight,
+    });
+    return viewport
+        ? clipAncestors(viewport, frame.parentElement, win)
+        : undefined;
+}
+//# sourceMappingURL=component_geometry.js.map

package/dist/client/component_geometry.js.map

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

package/dist/client/component_highlight.d.ts

@@ -0,0 +1,9 @@
+/** Parent-owned masks and selection listeners; consumer DOM remains unchanged. */
+import type { ComponentViewRecord } from "../components/manifest_types.js";
+export interface HighlightFrame {
+    frame: HTMLIFrameElement;
+    path: string;
+    usage: ComponentViewRecord;
+}
+export declare function installComponentHighlight(root: HTMLElement, frames: readonly HighlightFrame[], selected: string | undefined, label: (key: string) => string, select: (key: string, viewport: "mobile" | "desktop") => void, exit: () => void): () => void;
+//# sourceMappingURL=component_highlight.d.ts.map

package/dist/client/component_highlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component_highlight.d.ts","sourceRoot":"","sources":["../../src/client/component_highlight.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAS3E,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,iBAAiB,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,mBAAmB,CAAC;CAC5B;AACD,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,SAAS,cAAc,EAAE,EACjC,QAAQ,EAAE,MAAM,GAAG,SAAS,EAC5B,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,EAC9B,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,EAC7D,IAAI,EAAE,MAAM,IAAI,GACf,MAAM,IAAI,CA+JZ"}

package/dist/client/component_highlight.js

@@ -0,0 +1,154 @@
+import { createOverlay } from "./component_overlay.js";
+import { authenticateRanges, rangeBounds, visibleFrameBox, } from "./component_geometry.js";
+export function installComponentHighlight(root, frames, selected, label, select, exit) {
+    const doc = root.ownerDocument;
+    const win = doc.defaultView;
+    const controller = new AbortController();
+    const cleanups = [];
+    let pending = 0;
+    const draws = [];
+    const schedule = () => {
+        if (!pending)
+            pending = win.requestAnimationFrame(() => {
+                pending = 0;
+                for (const draw of draws)
+                    draw();
+            });
+    };
+    for (const entry of frames) {
+        const { frame, usage } = entry;
+        const authenticated = authenticateRanges(frame, entry.path, usage);
+        if (!authenticated)
+            continue;
+        const layer = doc.createElement("div");
+        layer.className = "mbk-highlight-layer";
+        layer.dataset["highlightViewport"] = usage.viewport;
+        doc.body.append(layer);
+        cleanups.push(() => layer.remove());
+        const keys = new Set(usage.instances
+            .filter((instance) => selected
+            ? instance.key === selected
+            : instance.owner.kind === "entry")
+            .map((instance) => instance.key));
+        let bounds = [];
+        const draw = () => {
+            const visible = visibleFrameBox(frame);
+            layer.hidden = !visible || frame.getClientRects().length === 0;
+            if (layer.hidden || !visible)
+                return;
+            const rect = frame.getBoundingClientRect();
+            const scaleX = rect.width / frame.offsetWidth;
+            const scaleY = rect.height / frame.offsetHeight;
+            Object.assign(layer.style, {
+                left: `${visible.left}px`,
+                top: `${visible.top}px`,
+                width: `${visible.right - visible.left}px`,
+                height: `${visible.bottom - visible.top}px`,
+                zIndex: frame.closest(".browser-frame.is-expanded") ? "951" : "4",
+            });
+            bounds = rangeBounds(frame, authenticated, keys);
+            const width = visible.right - visible.left;
+            const height = visible.bottom - visible.top;
+            const overlay = createOverlay(doc, width, height);
+            const labels = [];
+            const seen = new Set();
+            for (const box of bounds) {
+                const x = rect.left + (box.x + frame.clientLeft) * scaleX - visible.left;
+                const y = rect.top + (box.y + frame.clientTop) * scaleY - visible.top;
+                const w = box.width * scaleX;
+                const h = box.height * scaleY;
+                overlay.cutout(x, y, w, h);
+                if (!seen.has(box.key) &&
+                    x + w > 0 &&
+                    y + h > 0 &&
+                    x < width &&
+                    y < height) {
+                    const button = doc.createElement("button");
+                    button.type = "button";
+                    button.className = "mbk-highlight-label";
+                    button.textContent = label(box.key);
+                    button.dataset["instanceKey"] = box.key;
+                    button.style.left = `${Math.max(0, Math.min(width - 40, x))}px`;
+                    button.style.top = `${Math.max(0, Math.min(height - 22, y - 22))}px`;
+                    button.addEventListener("click", () => select(box.key, usage.viewport));
+                    labels.push(button);
+                    seen.add(box.key);
+                }
+            }
+            const focusedKey = layer.contains(doc.activeElement)
+                ? doc.activeElement?.dataset["instanceKey"]
+                : undefined;
+            layer.replaceChildren(overlay.svg, ...labels);
+            if (focusedKey)
+                labels
+                    .find((button) => button.dataset["instanceKey"] === focusedKey)
+                    ?.focus({ preventScroll: true });
+        };
+        draws.push(draw);
+        const activate = (event) => {
+            const match = bounds.find((box) => event.clientX >= box.x &&
+                event.clientX <= box.x + box.width &&
+                event.clientY >= box.y &&
+                event.clientY <= box.y + box.height);
+            if (!match)
+                return;
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            select(match.key, usage.viewport);
+        };
+        authenticated.doc.addEventListener("click", activate, {
+            capture: true,
+            signal: controller.signal,
+        });
+        authenticated.doc.addEventListener("auxclick", activate, {
+            capture: true,
+            signal: controller.signal,
+        });
+        authenticated.doc.addEventListener("keydown", (event) => {
+            if (event.key === "Escape") {
+                event.preventDefault();
+                exit();
+            }
+        }, { signal: controller.signal });
+        authenticated.doc.addEventListener("scroll", schedule, {
+            capture: true,
+            passive: true,
+            signal: controller.signal,
+        });
+        authenticated.doc.addEventListener("load", schedule, {
+            capture: true,
+            signal: controller.signal,
+        });
+        authenticated.doc.fonts.addEventListener("loadingdone", schedule, {
+            signal: controller.signal,
+        });
+        const resize = new ResizeObserver(schedule);
+        resize.observe(frame);
+        if (authenticated.doc.body)
+            resize.observe(authenticated.doc.body);
+        cleanups.push(() => resize.disconnect());
+        const changes = new MutationObserver(schedule);
+        changes.observe(authenticated.doc, {
+            attributes: true,
+            childList: true,
+            characterData: true,
+            subtree: true,
+        });
+        cleanups.push(() => changes.disconnect());
+    }
+    doc.addEventListener("scroll", schedule, {
+        capture: true,
+        passive: true,
+        signal: controller.signal,
+    });
+    win.addEventListener("resize", schedule, { signal: controller.signal });
+    schedule();
+    return () => {
+        controller.abort();
+        if (pending)
+            win.cancelAnimationFrame(pending);
+        for (const cleanup of cleanups)
+            cleanup();
+    };
+}
+//# sourceMappingURL=component_highlight.js.map

package/dist/client/component_highlight.js.map

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

package/dist/client/component_occlusion.d.ts

@@ -0,0 +1,11 @@
+/** Remove areas covered by unrelated content using the live paint hit-test. */
+export interface VisibleBox {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+}
+export declare function intersectBoxes(a: VisibleBox, b: VisibleBox): VisibleBox | undefined;
+export declare function subtractBox(box: VisibleBox, cut: VisibleBox): VisibleBox[];
+export declare function uncoveredBoxes(box: VisibleBox, range: Range, candidates: readonly Element[], rects: WeakMap<Element, readonly DOMRect[]>): VisibleBox[];
+//# sourceMappingURL=component_occlusion.d.ts.map

package/dist/client/component_occlusion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component_occlusion.d.ts","sourceRoot":"","sources":["../../src/client/component_occlusion.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AACD,wBAAgB,cAAc,CAC5B,CAAC,EAAE,UAAU,EACb,CAAC,EAAE,UAAU,GACZ,UAAU,GAAG,SAAS,CAQxB;AACD,wBAAgB,WAAW,CAAC,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,GAAG,UAAU,EAAE,CAmB1E;AACD,wBAAgB,cAAc,CAC5B,GAAG,EAAE,UAAU,EACf,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,SAAS,OAAO,EAAE,EAC9B,KAAK,EAAE,OAAO,CAAC,OAAO,EAAE,SAAS,OAAO,EAAE,CAAC,GAC1C,UAAU,EAAE,CAoBd"}