@edv4h/usketch-plugin-portal 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 EdV4H
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { createPortalPlugin, type PortalPluginOptions } from "./plugin.js";
+export { createPortalStore, defaultPortalBox, type PortalEntry, type PortalItem, type PortalStore, } from "./portal-store.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,KAAK,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAC3E,OAAO,EACN,iBAAiB,EACjB,gBAAgB,EAChB,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,WAAW,GAChB,MAAM,mBAAmB,CAAC"}

package/dist/index.js

@@ -0,0 +1,3 @@
+export { createPortalPlugin } from "./plugin.js";
+export { createPortalStore, defaultPortalBox, } from "./portal-store.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAA4B,MAAM,aAAa,CAAC;AAC3E,OAAO,EACN,iBAAiB,EACjB,gBAAgB,GAIhB,MAAM,mBAAmB,CAAC"}

package/dist/plugin.d.ts

@@ -0,0 +1,19 @@
+import type { UsketchPlugin } from "@edv4h/usketch-shared";
+import type * as Y from "yjs";
+export interface PortalPluginOptions {
+    /** Shared Yjs doc — shared portals live in its `portals` map. */
+    doc: Y.Doc;
+    /** For the per-user localStorage key. */
+    boardId?: string;
+    /** For the per-user localStorage key. Defaults to "local". */
+    userId?: string;
+}
+/**
+ * "Portal" — pin any shape to a fixed on-screen panel that stays visible through
+ * pan/zoom (picture-in-picture). Portals are per-user by default (localStorage)
+ * and can be toggled to shared (a `portals` Y.Map, synced to everyone). The panel
+ * re-renders the shape via its registered definition, so interactive shapes (e.g.
+ * the timer) remain operable inside the portal.
+ */
+export declare function createPortalPlugin(options: PortalPluginOptions): UsketchPlugin;
+//# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAA8B,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACvF,OAAO,KAAK,KAAK,CAAC,MAAM,KAAK,CAAC;AAI9B,MAAM,WAAW,mBAAmB;IACnC,iEAAiE;IACjE,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC;IACX,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAID;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,mBAAmB,GAAG,aAAa,CAkE9E"}

package/dist/plugin.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PortalLayer } from "./portal-layer.js";
+import { createPortalStore, defaultPortalBox } from "./portal-store.js";
+const LAYER_ID = "portal";
+/**
+ * "Portal" — pin any shape to a fixed on-screen panel that stays visible through
+ * pan/zoom (picture-in-picture). Portals are per-user by default (localStorage)
+ * and can be toggled to shared (a `portals` Y.Map, synced to everyone). The panel
+ * re-renders the shape via its registered definition, so interactive shapes (e.g.
+ * the timer) remain operable inside the portal.
+ */
+export function createPortalPlugin(options) {
+    return {
+        id: "usketch-plugin-portal",
+        name: "ポータル",
+        setup(ctx) {
+            const store = createPortalStore({
+                doc: options.doc,
+                userId: options.userId ?? "local",
+                boardId: options.boardId,
+            });
+            ctx.layers.register({
+                id: LAYER_ID,
+                order: 150,
+                fixed: true,
+                render: () => _jsx(PortalLayer, { portalStore: store, store: ctx.store, shapes: ctx.shapes }),
+            });
+            ctx.events.emit("layers:changed", {});
+            const boundsOf = (shapeId) => {
+                const shape = ctx.store.getShape(shapeId);
+                if (!shape)
+                    return null;
+                const def = ctx.shapes.get(shape.type);
+                return def
+                    ? def.getBounds(shape)
+                    : { x: shape.x, y: shape.y, width: shape.width, height: shape.height };
+            };
+            const offActions = [
+                ctx.actions.register({
+                    id: "portal:pin-selected",
+                    label: "📌 選択をポータル",
+                    group: "Portal",
+                    order: 0,
+                    isEnabled: () => ctx.store.getSelection().size >= 1,
+                    run: () => {
+                        const already = new Set(store.getAll().map((it) => it.entry.shapeId));
+                        let i = 0;
+                        for (const id of ctx.store.getSelection()) {
+                            if (already.has(id))
+                                continue;
+                            const bounds = boundsOf(id);
+                            if (!bounds)
+                                continue;
+                            store.add(id, defaultPortalBox(bounds, i));
+                            i++;
+                        }
+                    },
+                }),
+                ctx.actions.register({
+                    id: "portal:clear-mine",
+                    label: "✕ 自分のポータルを全解除",
+                    group: "Portal",
+                    order: 1,
+                    isEnabled: () => store.getAll().some((it) => !it.shared),
+                    run: () => store.clearPrivate(),
+                }),
+            ];
+            return () => {
+                for (const off of offActions)
+                    off();
+                ctx.layers.unregister(LAYER_ID);
+                ctx.events.emit("layers:changed", {});
+                store.destroy();
+            };
+        },
+    };
+}
+//# sourceMappingURL=plugin.js.map

package/dist/plugin.js.map

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

package/dist/portal-layer.d.ts

@@ -0,0 +1,8 @@
+import type { BoardStore, ShapeRegistry } from "@edv4h/usketch-shared";
+import { type PortalStore } from "./portal-store.js";
+export declare function PortalLayer({ portalStore, store, shapes, }: {
+    portalStore: PortalStore;
+    store: BoardStore;
+    shapes: ShapeRegistry;
+}): import("react").JSX.Element;
+//# sourceMappingURL=portal-layer.d.ts.map

package/dist/portal-layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-layer.d.ts","sourceRoot":"","sources":["../src/portal-layer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAA0B,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE/F,OAAO,EAAqC,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA+NxF,wBAAgB,WAAW,CAAC,EAC3B,WAAW,EACX,KAAK,EACL,MAAM,GACN,EAAE;IACF,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,UAAU,CAAC;IAClB,MAAM,EAAE,aAAa,CAAC;CACtB,+BAiCA"}

package/dist/portal-layer.js

@@ -0,0 +1,148 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useReducer, useSyncExternalStore } from "react";
+import { PORTAL_HEADER_H } from "./portal-store.js";
+// Keep panel pointer/click/wheel from reaching the canvas (which would pan/select).
+// Children (e.g. a timer shape's buttons) still receive their events at the target
+// first, so they keep working; this only stops bubbling up to the canvas.
+const stopCanvas = {
+    onPointerDown: (e) => e.stopPropagation(),
+    onWheel: (e) => e.stopPropagation(),
+    onContextMenu: (e) => e.stopPropagation(),
+};
+const clamp = (v, min, max) => Math.max(min, Math.min(max, v));
+/**
+ * Track a pointer drag on `window` until it ends. Cleans up on pointerup AND on
+ * pointercancel / window blur, so an interrupted gesture (OS gesture, lost
+ * capture, focus loss) never leaves listeners stuck updating the panel.
+ */
+function trackPointer(onMove) {
+    const end = () => {
+        window.removeEventListener("pointermove", onMove);
+        window.removeEventListener("pointerup", end);
+        window.removeEventListener("pointercancel", end);
+        window.removeEventListener("blur", end);
+    };
+    window.addEventListener("pointermove", onMove);
+    window.addEventListener("pointerup", end);
+    window.addEventListener("pointercancel", end);
+    window.addEventListener("blur", end);
+}
+function ShapeContent({ def, shape, bodyW, bodyH, }) {
+    if (!def)
+        return null;
+    const b = def.getBounds(shape);
+    if (def.renderTarget === "html") {
+        const k = Math.min(bodyW / Math.max(1, b.width), bodyH / Math.max(1, b.height));
+        return (_jsx("div", { style: { width: bodyW, height: bodyH, overflow: "hidden", position: "relative" }, children: _jsx("div", { style: {
+                    width: b.width,
+                    height: b.height,
+                    transform: `scale(${k})`,
+                    transformOrigin: "top left",
+                }, children: def.render(shape) }) }));
+    }
+    // SVG (default): viewBox does the world→box fit for us.
+    return (_jsx("svg", { width: bodyW, height: bodyH, viewBox: `${b.x} ${b.y} ${b.width} ${b.height}`, preserveAspectRatio: "xMidYMid meet", "aria-label": "portal shape", children: def.render(shape) }));
+}
+function PortalPanel({ entry, shared, shape, def, onUpdate, onRemove, onToggleShared, }) {
+    const bodyH = Math.max(0, entry.h - PORTAL_HEADER_H);
+    const startDrag = (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        const sx = e.clientX;
+        const sy = e.clientY;
+        const ox = entry.x;
+        const oy = entry.y;
+        trackPointer((ev) => {
+            const x = clamp(ox + ev.clientX - sx, 0, window.innerWidth - entry.w);
+            const y = clamp(oy + ev.clientY - sy, 0, window.innerHeight - entry.h);
+            onUpdate(entry.id, { x, y });
+        });
+    };
+    const startResize = (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        const sx = e.clientX;
+        const sy = e.clientY;
+        const ow = entry.w;
+        const oh = entry.h;
+        trackPointer((ev) => {
+            // Guard max ≥ min: near the right/bottom edge the available space can be
+            // smaller than the min, in which case clamp(min, max<min) would return min
+            // and push the panel off-screen.
+            const w = clamp(ow + ev.clientX - sx, 140, Math.max(140, window.innerWidth - entry.x));
+            const h = clamp(oh + ev.clientY - sy, 100, Math.max(100, window.innerHeight - entry.y));
+            onUpdate(entry.id, { w, h });
+        });
+    };
+    return (_jsxs("div", { ...stopCanvas, style: {
+            position: "fixed",
+            left: entry.x,
+            top: entry.y,
+            width: entry.w,
+            height: entry.h,
+            display: "flex",
+            flexDirection: "column",
+            background: "#fff",
+            border: "1px solid #d1d5db",
+            borderRadius: 8,
+            boxShadow: "0 4px 16px rgba(0,0,0,0.18)",
+            overflow: "hidden",
+            pointerEvents: "auto",
+            fontFamily: "system-ui, sans-serif",
+        }, children: [_jsxs("div", { onPointerDown: startDrag, style: {
+                    height: PORTAL_HEADER_H,
+                    flex: "0 0 auto",
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 4,
+                    padding: "0 6px",
+                    background: "#f3f4f6",
+                    borderBottom: "1px solid #e5e7eb",
+                    cursor: "move",
+                    userSelect: "none",
+                }, children: [_jsx("span", { style: {
+                            flex: 1,
+                            fontSize: 11,
+                            fontWeight: 600,
+                            color: "#374151",
+                            whiteSpace: "nowrap",
+                            overflow: "hidden",
+                            textOverflow: "ellipsis",
+                        }, children: shape.label || shape.type }), _jsx("button", { type: "button", title: shared ? "全員に共有中（クリックで個人に戻す）" : "個人（クリックで全員に共有）", onPointerDown: (e) => e.stopPropagation(), onClick: () => onToggleShared(entry.id, !shared), style: headerBtn, children: shared ? "👥" : "🔒" }), _jsx("button", { type: "button", title: "\u9589\u3058\u308B", onPointerDown: (e) => e.stopPropagation(), onClick: () => onRemove(entry.id), style: { ...headerBtn, color: "#9ca3af" }, children: "\u2715" })] }), _jsxs("div", { style: { flex: 1, minHeight: 0, position: "relative" }, children: [_jsx(ShapeContent, { def: def, shape: shape, bodyW: entry.w, bodyH: bodyH }), _jsx("div", { onPointerDown: startResize, style: {
+                            position: "absolute",
+                            right: 0,
+                            bottom: 0,
+                            width: 14,
+                            height: 14,
+                            cursor: "nwse-resize",
+                            background: "linear-gradient(135deg, transparent 50%, rgba(0,0,0,0.25) 50%, rgba(0,0,0,0.25) 60%, transparent 60%)",
+                        } })] })] }));
+}
+const headerBtn = {
+    border: "none",
+    background: "transparent",
+    cursor: "pointer",
+    fontSize: 13,
+    lineHeight: 1,
+    padding: 2,
+};
+export function PortalLayer({ portalStore, store, shapes, }) {
+    const items = useSyncExternalStore(portalStore.subscribe, portalStore.getAll);
+    // Re-render on any store mutation so pinned shapes reflect edits.
+    const [, tick] = useReducer((n) => n + 1, 0);
+    useEffect(() => store.subscribe(tick), [store]);
+    // Drop portals whose target shape no longer exists.
+    useEffect(() => {
+        for (const { entry } of items) {
+            if (!store.getShape(entry.shapeId))
+                portalStore.remove(entry.id);
+        }
+    }, [items, store, portalStore]);
+    return (_jsx(_Fragment, { children: items.map(({ entry, shared }) => {
+            const shape = store.getShape(entry.shapeId);
+            if (!shape)
+                return null;
+            return (_jsx(PortalPanel, { entry: entry, shared: shared, shape: shape, def: shapes.get(shape.type), onUpdate: portalStore.update, onRemove: portalStore.remove, onToggleShared: portalStore.setShared }, entry.id));
+        }) }));
+}
+//# sourceMappingURL=portal-layer.js.map

package/dist/portal-layer.js.map

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

package/dist/portal-store.d.ts

@@ -0,0 +1,61 @@
+import type * as Y from "yjs";
+/** A pinned widget: which shape, and where/how big on screen (screen px). */
+export interface PortalEntry {
+    id: string;
+    shapeId: string;
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}
+/** A portal plus whether it lives in the shared (everyone) or private (me) backend. */
+export interface PortalItem {
+    entry: PortalEntry;
+    shared: boolean;
+}
+export interface PortalBox {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}
+export interface PortalStore {
+    /** All portals (private + shared), stable reference until the next change. */
+    getAll(): PortalItem[];
+    /** Pin a shape (private by default). Returns the created entry. */
+    add(shapeId: string, box: PortalBox, shared?: boolean): PortalEntry;
+    /** Move/resize a portal (screen px). */
+    update(id: string, patch: Partial<PortalBox>): void;
+    remove(id: string): void;
+    /** Move a portal between the private and shared backends (keeps its id). */
+    setShared(id: string, shared: boolean): void;
+    /** Remove all of this user's private portals. */
+    clearPrivate(): void;
+    subscribe(cb: () => void): () => void;
+    destroy(): void;
+}
+type MinimalStorage = Pick<Storage, "getItem" | "setItem">;
+export interface CreatePortalStoreOptions {
+    /** Shared Yjs doc — shared portals live in its `portals` map. */
+    doc: Y.Doc;
+    userId: string;
+    boardId?: string;
+    /** Injectable storage (tests). Defaults to `localStorage` when available. */
+    storage?: MinimalStorage | null;
+}
+/** Portal panel header height (px) — shared with the layer for body sizing. */
+export declare const PORTAL_HEADER_H = 30;
+/**
+ * Default panel box for a freshly pinned shape: fit its bounds into MAX_W×MAX_H
+ * preserving aspect — the fit itself only downscales (`k ≤ 1`) — then apply a
+ * MIN_W/MIN_H floor (which may enlarge the panel for very small shapes; the
+ * renderer scales content to fill). Header height is added and the box cascades
+ * from the top-right corner by `index` so multiple pins don't stack exactly.
+ */
+export declare function defaultPortalBox(bounds: {
+    width: number;
+    height: number;
+}, index: number, viewportWidth?: number): PortalBox;
+export declare function createPortalStore(options: CreatePortalStoreOptions): PortalStore;
+export {};
+//# sourceMappingURL=portal-store.d.ts.map

package/dist/portal-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-store.d.ts","sourceRoot":"","sources":["../src/portal-store.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,CAAC,MAAM,KAAK,CAAC;AAE9B,6EAA6E;AAC7E,MAAM,WAAW,WAAW;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACV;AAED,uFAAuF;AACvF,MAAM,WAAW,UAAU;IAC1B,KAAK,EAAE,WAAW,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,SAAS;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACV;AAED,MAAM,WAAW,WAAW;IAC3B,8EAA8E;IAC9E,MAAM,IAAI,UAAU,EAAE,CAAC;IACvB,mEAAmE;IACnE,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IACpE,wCAAwC;IACxC,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IACpD,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,CAAC;IAC7C,iDAAiD;IACjD,YAAY,IAAI,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC;IACtC,OAAO,IAAI,IAAI,CAAC;CAChB;AAED,KAAK,cAAc,GAAG,IAAI,CAAC,OAAO,EAAE,SAAS,GAAG,SAAS,CAAC,CAAC;AAgB3D,MAAM,WAAW,wBAAwB;IACxC,iEAAiE;IACjE,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;CAChC;AAED,+EAA+E;AAC/E,eAAO,MAAM,eAAe,KAAK,CAAC;AAMlC;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC/B,MAAM,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EACzC,KAAK,EAAE,MAAM,EACb,aAAa,SAA2D,GACtE,SAAS,CASX;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,wBAAwB,GAAG,WAAW,CA4HhF"}

package/dist/portal-store.js

@@ -0,0 +1,161 @@
+import { generateId } from "@edv4h/usketch-shared";
+function storageKey(boardId, userId) {
+    return `usketch:portals:${boardId ?? "local"}:${userId}`;
+}
+/** localStorage may be unavailable (SSR / node tests / privacy mode) → in-memory fallback. */
+function safeStorage() {
+    try {
+        if (typeof localStorage === "undefined")
+            return null;
+        return localStorage;
+    }
+    catch {
+        return null;
+    }
+}
+/** Portal panel header height (px) — shared with the layer for body sizing. */
+export const PORTAL_HEADER_H = 30;
+const MAX_W = 260;
+const MAX_H = 200;
+const MIN_W = 140;
+const MIN_H = 100;
+/**
+ * Default panel box for a freshly pinned shape: fit its bounds into MAX_W×MAX_H
+ * preserving aspect — the fit itself only downscales (`k ≤ 1`) — then apply a
+ * MIN_W/MIN_H floor (which may enlarge the panel for very small shapes; the
+ * renderer scales content to fill). Header height is added and the box cascades
+ * from the top-right corner by `index` so multiple pins don't stack exactly.
+ */
+export function defaultPortalBox(bounds, index, viewportWidth = typeof window !== "undefined" ? window.innerWidth : 1200) {
+    const k = Math.min(MAX_W / Math.max(1, bounds.width), MAX_H / Math.max(1, bounds.height), 1);
+    const w = Math.max(MIN_W, Math.round(bounds.width * k));
+    const h = Math.max(MIN_H, Math.round(bounds.height * k)) + PORTAL_HEADER_H;
+    const margin = 16;
+    const step = 28;
+    const x = Math.max(margin, viewportWidth - w - margin - index * step);
+    const y = margin + index * step;
+    return { x, y, w, h };
+}
+export function createPortalStore(options) {
+    const { doc, userId, boardId } = options;
+    const storage = options.storage !== undefined ? options.storage : safeStorage();
+    const key = storageKey(boardId, userId);
+    const sharedMap = doc.getMap("portals");
+    const listeners = new Set();
+    let priv = loadPrivate();
+    function loadPrivate() {
+        if (!storage)
+            return [];
+        try {
+            const raw = storage.getItem(key);
+            const parsed = raw ? JSON.parse(raw) : null;
+            return Array.isArray(parsed) ? parsed : [];
+        }
+        catch {
+            return [];
+        }
+    }
+    function persistPrivate() {
+        if (!storage)
+            return;
+        try {
+            storage.setItem(key, JSON.stringify(priv));
+        }
+        catch {
+            // quota / disabled — keep in-memory copy only
+        }
+    }
+    function computeSnapshot() {
+        const shared = [];
+        sharedMap.forEach((entry) => {
+            if (entry)
+                shared.push({ entry, shared: true });
+        });
+        const mine = priv.map((entry) => ({ entry, shared: false }));
+        return [...mine, ...shared].sort((a, b) => a.entry.id.localeCompare(b.entry.id));
+    }
+    let snapshot = computeSnapshot();
+    function refresh() {
+        snapshot = computeSnapshot();
+        for (const cb of listeners)
+            cb();
+    }
+    const observer = () => refresh();
+    sharedMap.observe(observer);
+    const findPrivate = (id) => priv.find((e) => e.id === id);
+    return {
+        getAll: () => snapshot,
+        add(shapeId, box, shared = false) {
+            const entry = { id: generateId(), shapeId, ...box };
+            if (shared) {
+                sharedMap.set(entry.id, entry); // observe → refresh
+            }
+            else {
+                priv = [...priv, entry];
+                persistPrivate();
+                refresh();
+            }
+            return entry;
+        },
+        update(id, patch) {
+            const p = findPrivate(id);
+            if (p) {
+                priv = priv.map((e) => (e.id === id ? { ...e, ...patch } : e));
+                persistPrivate();
+                refresh();
+                return;
+            }
+            const s = sharedMap.get(id);
+            if (s)
+                sharedMap.set(id, { ...s, ...patch }); // observe → refresh
+        },
+        remove(id) {
+            if (findPrivate(id)) {
+                priv = priv.filter((e) => e.id !== id);
+                persistPrivate();
+                refresh();
+                return;
+            }
+            if (sharedMap.has(id))
+                sharedMap.delete(id);
+        },
+        setShared(id, shared) {
+            // In both directions we mutate the *other* backend first (silently), then
+            // touch the Y.Map last so its observer fires exactly one refresh over an
+            // already-consistent state — no double-notify, no transient frame where
+            // the portal is missing or duplicated.
+            if (shared) {
+                const p = findPrivate(id);
+                if (!p)
+                    return;
+                priv = priv.filter((e) => e.id !== id);
+                persistPrivate();
+                sharedMap.set(id, p); // observer → single refresh
+            }
+            else {
+                const s = sharedMap.get(id);
+                if (!s)
+                    return;
+                priv = [...priv, s];
+                persistPrivate();
+                sharedMap.delete(id); // observer → single refresh
+            }
+        },
+        clearPrivate() {
+            if (priv.length === 0)
+                return;
+            priv = [];
+            persistPrivate();
+            refresh();
+        },
+        subscribe(cb) {
+            listeners.add(cb);
+            return () => listeners.delete(cb);
+        },
+        destroy() {
+            sharedMap.unobserve(observer);
+            listeners.clear();
+        },
+    };
+}
+//# sourceMappingURL=portal-store.js.map

package/dist/portal-store.js.map

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

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@edv4h/usketch-plugin-portal",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "dependencies": {
+    "yjs": "^13.6.0",
+    "@edv4h/usketch-shared": "4.5.0"
+  },
+  "peerDependencies": {
+    "react": ">=19"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.17",
+    "typescript": "7.0.2",
+    "vitest": "4.1.10"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/EdV4H/usketch.git",
+    "directory": "plugins/usketch-plugin-portal"
+  },
+  "homepage": "https://github.com/EdV4H/usketch#readme",
+  "bugs": {
+    "url": "https://github.com/EdV4H/usketch/issues"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run --passWithNoTests",
+    "clean": "rm -rf dist"
+  }
+}