@edv4h/usketch-plugin-shape-island 1.0.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/auto-group.d.ts

@@ -0,0 +1,20 @@
+import type { BoardStore } from "@edv4h/usketch-shared";
+/**
+ * 全島の接触状態を分析し、接触している島同士を group シェイプでまとめる。
+ * 離れた島はグループから外す。
+ */
+export declare function reconcileIslandGroups(store: BoardStore, commands: {
+    execute: (cmd: {
+        execute: () => void;
+        undo: () => void;
+    }) => void;
+}): void;
+/** Detach a single island from its island-group */
+export declare function detachIsland(store: BoardStore, commands: {
+    execute: (cmd: {
+        execute: () => void;
+        undo: () => void;
+    }) => void;
+}, islandId: string): void;
+export declare function cleanupIslandGroupTimers(): void;
+//# sourceMappingURL=auto-group.d.ts.map

package/dist/auto-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto-group.d.ts","sourceRoot":"","sources":["../src/auto-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAA0B,MAAM,uBAAuB,CAAC;AA6EhF;;;GAGG;AACH,wBAAgB,qBAAqB,CACpC,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE;IAAE,OAAO,EAAE,CAAC,GAAG,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAC;QAAC,IAAI,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,IAAI,CAAA;CAAE,GAC7E,IAAI,CA2LN;AAED,mDAAmD;AACnD,wBAAgB,YAAY,CAC3B,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE;IAAE,OAAO,EAAE,CAAC,GAAG,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAC;QAAC,IAAI,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,IAAI,CAAA;CAAE,EAC/E,QAAQ,EAAE,MAAM,GACd,IAAI,CAsCN;AAED,wBAAgB,wBAAwB,IAAI,IAAI,CAK/C"}

package/dist/auto-group.js

@@ -0,0 +1,276 @@
+import { generateId } from "@edv4h/usketch-shared";
+import { computeGroupBounds, createGroupCommand, createUngroupCommand, getChildShapes, intersectsAABB, } from "@edv4h/usketch-store";
+const TOUCH_PADDING = 4;
+const MERGE_ANIMATION_MS = 700;
+function expandBounds(b, pad) {
+    return {
+        x: b.x - pad,
+        y: b.y - pad,
+        width: b.width + pad * 2,
+        height: b.height + pad * 2,
+    };
+}
+// Union-Find for connected component analysis
+class UnionFind {
+    parent = new Map();
+    find(x) {
+        if (!this.parent.has(x)) {
+            this.parent.set(x, x);
+        }
+        let root = x;
+        while (this.parent.get(root) !== root) {
+            root = this.parent.get(root);
+        }
+        let curr = x;
+        while (curr !== root) {
+            const next = this.parent.get(curr);
+            this.parent.set(curr, root);
+            curr = next;
+        }
+        return root;
+    }
+    union(a, b) {
+        const ra = this.find(a);
+        const rb = this.find(b);
+        if (ra !== rb) {
+            if (ra < rb) {
+                this.parent.set(rb, ra);
+            }
+            else {
+                this.parent.set(ra, rb);
+            }
+        }
+    }
+}
+// Track merge animation timers
+const mergeTimers = new Map();
+function triggerMergeAnimation(store, islandId) {
+    store.updateShape(islandId, { _islandJustMerged: true });
+    const existing = mergeTimers.get(islandId);
+    if (existing)
+        clearTimeout(existing);
+    mergeTimers.set(islandId, setTimeout(() => {
+        mergeTimers.delete(islandId);
+        const shape = store.getShapes().get(islandId);
+        if (shape?._islandJustMerged) {
+            store.updateShape(islandId, { _islandJustMerged: undefined });
+        }
+    }, MERGE_ANIMATION_MS));
+}
+/**
+ * 全島の接触状態を分析し、接触している島同士を group シェイプでまとめる。
+ * 離れた島はグループから外す。
+ */
+export function reconcileIslandGroups(store, commands) {
+    // 1. Collect all top-level island shapes (not already in an island-group)
+    //    and islands that are in island-groups
+    const allIslands = [];
+    const islandGroupIds = new Set();
+    for (const [id, shape] of store.getShapes()) {
+        if (shape.type !== "island")
+            continue;
+        const parentId = shape.parentId;
+        // Track which groups are island-groups
+        if (parentId) {
+            const parent = store.getShapes().get(parentId);
+            if (parent?.type === "group" && parent._isIslandGroup) {
+                islandGroupIds.add(parentId);
+            }
+        }
+        allIslands.push({
+            id,
+            bounds: { x: shape.x, y: shape.y, width: shape.width, height: shape.height },
+            parentId,
+        });
+    }
+    if (allIslands.length < 2) {
+        // If only 0-1 islands, dissolve any existing island-groups
+        for (const groupId of islandGroupIds) {
+            commands.execute(createUngroupCommand(store, groupId));
+        }
+        return;
+    }
+    // 2. Build adjacency via Union-Find
+    const uf = new UnionFind();
+    for (let i = 0; i < allIslands.length; i++) {
+        uf.find(allIslands[i].id);
+        for (let j = i + 1; j < allIslands.length; j++) {
+            const a = expandBounds(allIslands[i].bounds, TOUCH_PADDING);
+            const b = expandBounds(allIslands[j].bounds, TOUCH_PADDING);
+            if (intersectsAABB(a, b)) {
+                uf.union(allIslands[i].id, allIslands[j].id);
+            }
+        }
+    }
+    // 3. Build desired clusters
+    const desiredClusters = new Map();
+    for (const island of allIslands) {
+        const root = uf.find(island.id);
+        if (!desiredClusters.has(root)) {
+            desiredClusters.set(root, []);
+        }
+        desiredClusters.get(root)?.push(island.id);
+    }
+    // 4. Build current clusters (based on existing island-groups)
+    const currentClusters = new Map(); // groupId → island IDs
+    for (const island of allIslands) {
+        if (island.parentId && islandGroupIds.has(island.parentId)) {
+            if (!currentClusters.has(island.parentId)) {
+                currentClusters.set(island.parentId, new Set());
+            }
+            currentClusters.get(island.parentId)?.add(island.id);
+        }
+    }
+    // 5. Find which island belongs to which current group
+    const islandToCurrentGroup = new Map();
+    for (const [groupId, members] of currentClusters) {
+        for (const memberId of members) {
+            islandToCurrentGroup.set(memberId, groupId);
+        }
+    }
+    // 6. Reconcile: compare desired vs current
+    const processedGroups = new Set();
+    for (const [, members] of desiredClusters) {
+        if (members.length < 2) {
+            // Single island — should not be in an island-group
+            const island = members[0];
+            const currentGroupId = islandToCurrentGroup.get(island);
+            if (currentGroupId && !processedGroups.has(currentGroupId)) {
+                processedGroups.add(currentGroupId);
+                commands.execute(createUngroupCommand(store, currentGroupId));
+            }
+            continue;
+        }
+        // Multi-island cluster — check if already correctly grouped
+        const memberSet = new Set(members);
+        let existingGroupId;
+        let needsRegroup = false;
+        // Check if all members share the same island-group
+        for (const id of members) {
+            const gid = islandToCurrentGroup.get(id);
+            if (!gid) {
+                needsRegroup = true;
+                break;
+            }
+            if (!existingGroupId) {
+                existingGroupId = gid;
+            }
+            else if (gid !== existingGroupId) {
+                needsRegroup = true;
+                break;
+            }
+        }
+        // Check if the existing group has extra members
+        if (existingGroupId && !needsRegroup) {
+            const currentMembers = currentClusters.get(existingGroupId);
+            if (currentMembers && currentMembers.size !== memberSet.size) {
+                needsRegroup = true;
+            }
+        }
+        if (!needsRegroup && existingGroupId) {
+            processedGroups.add(existingGroupId);
+            continue; // Already correctly grouped
+        }
+        // Dissolve any existing groups that overlap with this cluster
+        const groupsToDissolve = new Set();
+        for (const id of members) {
+            const gid = islandToCurrentGroup.get(id);
+            if (gid && !processedGroups.has(gid)) {
+                groupsToDissolve.add(gid);
+            }
+        }
+        for (const gid of groupsToDissolve) {
+            processedGroups.add(gid);
+            commands.execute(createUngroupCommand(store, gid));
+        }
+        // Create new group
+        const children = [];
+        for (const id of members) {
+            const shape = store.getShape(id);
+            if (shape)
+                children.push(shape);
+        }
+        if (children.length < 2)
+            continue;
+        const bounds = computeGroupBounds(children);
+        const groupId = generateId();
+        const groupShape = {
+            id: groupId,
+            type: "group",
+            x: bounds.x,
+            y: bounds.y,
+            width: bounds.width,
+            height: bounds.height,
+            style: { fill: "transparent", stroke: "transparent", strokeWidth: 0, opacity: 1 },
+            _isIslandGroup: true, // Mark as island-specific group
+        };
+        commands.execute(createGroupCommand(store, groupShape, members));
+        // Trigger merge animation on newly grouped islands
+        for (const id of members) {
+            triggerMergeAnimation(store, id);
+        }
+    }
+    // Dissolve any remaining island-groups not processed
+    for (const groupId of islandGroupIds) {
+        if (!processedGroups.has(groupId)) {
+            // Check if this group still has the right members
+            const currentMembers = currentClusters.get(groupId);
+            if (!currentMembers)
+                continue;
+            let allInSameCluster = true;
+            let clusterRoot;
+            for (const memberId of currentMembers) {
+                const root = uf.find(memberId);
+                if (!clusterRoot) {
+                    clusterRoot = root;
+                }
+                else if (root !== clusterRoot) {
+                    allInSameCluster = false;
+                    break;
+                }
+            }
+            if (!allInSameCluster) {
+                commands.execute(createUngroupCommand(store, groupId));
+            }
+        }
+    }
+}
+/** Detach a single island from its island-group */
+export function detachIsland(store, commands, islandId) {
+    const shape = store.getShape(islandId);
+    if (!shape || shape.type !== "island")
+        return;
+    const parentId = shape.parentId;
+    if (!parentId)
+        return;
+    const parent = store.getShapes().get(parentId);
+    if (!parent || parent.type !== "group" || !parent._isIslandGroup)
+        return;
+    // Get remaining children
+    const siblings = getChildShapes(store, parentId).filter((s) => s.id !== islandId);
+    // Ungroup the entire group
+    commands.execute(createUngroupCommand(store, parentId));
+    // If 2+ siblings remain, re-group them
+    if (siblings.length >= 2) {
+        const bounds = computeGroupBounds(siblings);
+        const newGroupId = generateId();
+        const newGroupShape = {
+            id: newGroupId,
+            type: "group",
+            x: bounds.x,
+            y: bounds.y,
+            width: bounds.width,
+            height: bounds.height,
+            style: { fill: "transparent", stroke: "transparent", strokeWidth: 0, opacity: 1 },
+            _isIslandGroup: true,
+        };
+        commands.execute(createGroupCommand(store, newGroupShape, siblings.map((s) => s.id)));
+    }
+}
+export function cleanupIslandGroupTimers() {
+    for (const timer of mergeTimers.values()) {
+        clearTimeout(timer);
+    }
+    mergeTimers.clear();
+}
+//# sourceMappingURL=auto-group.js.map

package/dist/auto-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto-group.js","sourceRoot":"","sources":["../src/auto-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EACN,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,cAAc,EACd,cAAc,GACd,MAAM,sBAAsB,CAAC;AAE9B,MAAM,aAAa,GAAG,CAAC,CAAC;AACxB,MAAM,kBAAkB,GAAG,GAAG,CAAC;AAE/B,SAAS,YAAY,CAAC,CAAc,EAAE,GAAW;IAChD,OAAO;QACN,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG;QACZ,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG;QACZ,KAAK,EAAE,CAAC,CAAC,KAAK,GAAG,GAAG,GAAG,CAAC;QACxB,MAAM,EAAE,CAAC,CAAC,MAAM,GAAG,GAAG,GAAG,CAAC;KAC1B,CAAC;AACH,CAAC;AAED,8CAA8C;AAC9C,MAAM,SAAS;IACN,MAAM,GAAwB,IAAI,GAAG,EAAE,CAAC;IAEhD,IAAI,CAAC,CAAS;QACb,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;YACzB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACvB,CAAC;QACD,IAAI,IAAI,GAAG,CAAC,CAAC;QACb,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC;YACvC,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAE,CAAC;QAC/B,CAAC;QACD,IAAI,IAAI,GAAG,CAAC,CAAC;QACb,OAAO,IAAI,KAAK,IAAI,EAAE,CAAC;YACtB,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAE,CAAC;YACpC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAC5B,IAAI,GAAG,IAAI,CAAC;QACb,CAAC;QACD,OAAO,IAAI,CAAC;IACb,CAAC;IAED,KAAK,CAAC,CAAS,EAAE,CAAS;QACzB,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACxB,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACxB,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;YACf,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC;gBACb,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;YACzB,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;YACzB,CAAC;QACF,CAAC;IACF,CAAC;CACD;AAED,+BAA+B;AAC/B,MAAM,WAAW,GAAG,IAAI,GAAG,EAAyC,CAAC;AAErE,SAAS,qBAAqB,CAAC,KAAiB,EAAE,QAAgB;IACjE,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC,CAAC;IAEzD,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC3C,IAAI,QAAQ;QAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;IAErC,WAAW,CAAC,GAAG,CACd,QAAQ,EACR,UAAU,CAAC,GAAG,EAAE;QACf,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC7B,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAC9C,IAAI,KAAK,EAAE,iBAAiB,EAAE,CAAC;YAC9B,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,CAAC,CAAC;QAC/D,CAAC;IACF,CAAC,EAAE,kBAAkB,CAAC,CACtB,CAAC;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,qBAAqB,CACpC,KAAiB,EACjB,QAA+E;IAE/E,0EAA0E;IAC1E,2CAA2C;IAC3C,MAAM,UAAU,GAA6D,EAAE,CAAC;IAChF,MAAM,cAAc,GAAG,IAAI,GAAG,EAAU,CAAC;IAEzC,KAAK,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,IAAI,KAAK,CAAC,SAAS,EAAE,EAAE,CAAC;QAC7C,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ;YAAE,SAAS;QACtC,MAAM,QAAQ,GAAG,KAAK,CAAC,QAA8B,CAAC;QACtD,uCAAuC;QACvC,IAAI,QAAQ,EAAE,CAAC;YACd,MAAM,MAAM,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YAC/C,IAAI,MAAM,EAAE,IAAI,KAAK,OAAO,IAAI,MAAM,CAAC,cAAc,EAAE,CAAC;gBACvD,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YAC9B,CAAC;QACF,CAAC;QACD,UAAU,CAAC,IAAI,CAAC;YACf,EAAE;YACF,MAAM,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE;YAC5E,QAAQ;SACR,CAAC,CAAC;IACJ,CAAC;IAED,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC3B,2DAA2D;QAC3D,KAAK,MAAM,OAAO,IAAI,cAAc,EAAE,CAAC;YACtC,QAAQ,CAAC,OAAO,CAAC,oBAAoB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;QACxD,CAAC;QACD,OAAO;IACR,CAAC;IAED,oCAAoC;IACpC,MAAM,EAAE,GAAG,IAAI,SAAS,EAAE,CAAC;IAC3B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAC5C,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAC1B,KAAK,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAChD,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;YAC5D,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;YAC5D,IAAI,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;gBAC1B,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YAC9C,CAAC;QACF,CAAC;IACF,CAAC;IAED,4BAA4B;IAC5B,MAAM,eAAe,GAAG,IAAI,GAAG,EAAoB,CAAC;IACpD,KAAK,MAAM,MAAM,IAAI,UAAU,EAAE,CAAC;QACjC,MAAM,IAAI,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAChC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;YAChC,eAAe,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAC/B,CAAC;QACD,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAC5C,CAAC;IAED,8DAA8D;IAC9D,MAAM,eAAe,GAAG,IAAI,GAAG,EAAuB,CAAC,CAAC,uBAAuB;IAC/E,KAAK,MAAM,MAAM,IAAI,UAAU,EAAE,CAAC;QACjC,IAAI,MAAM,CAAC,QAAQ,IAAI,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC5D,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAC3C,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;YACjD,CAAC;YACD,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACtD,CAAC;IACF,CAAC;IAED,sDAAsD;IACtD,MAAM,oBAAoB,GAAG,IAAI,GAAG,EAAkB,CAAC;IACvD,KAAK,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,IAAI,eAAe,EAAE,CAAC;QAClD,KAAK,MAAM,QAAQ,IAAI,OAAO,EAAE,CAAC;YAChC,oBAAoB,CAAC,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAC7C,CAAC;IACF,CAAC;IAED,2CAA2C;IAC3C,MAAM,eAAe,GAAG,IAAI,GAAG,EAAU,CAAC;IAE1C,KAAK,MAAM,CAAC,EAAE,OAAO,CAAC,IAAI,eAAe,EAAE,CAAC;QAC3C,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACxB,mDAAmD;YACnD,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YAC1B,MAAM,cAAc,GAAG,oBAAoB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YACxD,IAAI,cAAc,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE,CAAC;gBAC5D,eAAe,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;gBACpC,QAAQ,CAAC,OAAO,CAAC,oBAAoB,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC;YAC/D,CAAC;YACD,SAAS;QACV,CAAC;QAED,4DAA4D;QAC5D,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC;QACnC,IAAI,eAAmC,CAAC;QACxC,IAAI,YAAY,GAAG,KAAK,CAAC;QAEzB,mDAAmD;QACnD,KAAK,MAAM,EAAE,IAAI,OAAO,EAAE,CAAC;YAC1B,MAAM,GAAG,GAAG,oBAAoB,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YACzC,IAAI,CAAC,GAAG,EAAE,CAAC;gBACV,YAAY,GAAG,IAAI,CAAC;gBACpB,MAAM;YACP,CAAC;YACD,IAAI,CAAC,eAAe,EAAE,CAAC;gBACtB,eAAe,GAAG,GAAG,CAAC;YACvB,CAAC;iBAAM,IAAI,GAAG,KAAK,eAAe,EAAE,CAAC;gBACpC,YAAY,GAAG,IAAI,CAAC;gBACpB,MAAM;YACP,CAAC;QACF,CAAC;QAED,gDAAgD;QAChD,IAAI,eAAe,IAAI,CAAC,YAAY,EAAE,CAAC;YACtC,MAAM,cAAc,GAAG,eAAe,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;YAC5D,IAAI,cAAc,IAAI,cAAc,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,EAAE,CAAC;gBAC9D,YAAY,GAAG,IAAI,CAAC;YACrB,CAAC;QACF,CAAC;QAED,IAAI,CAAC,YAAY,IAAI,eAAe,EAAE,CAAC;YACtC,eAAe,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;YACrC,SAAS,CAAC,4BAA4B;QACvC,CAAC;QAED,8DAA8D;QAC9D,MAAM,gBAAgB,GAAG,IAAI,GAAG,EAAU,CAAC;QAC3C,KAAK,MAAM,EAAE,IAAI,OAAO,EAAE,CAAC;YAC1B,MAAM,GAAG,GAAG,oBAAoB,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YACzC,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;gBACtC,gBAAgB,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YAC3B,CAAC;QACF,CAAC;QACD,KAAK,MAAM,GAAG,IAAI,gBAAgB,EAAE,CAAC;YACpC,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YACzB,QAAQ,CAAC,OAAO,CAAC,oBAAoB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;QACpD,CAAC;QAED,mBAAmB;QACnB,MAAM,QAAQ,GAAgB,EAAE,CAAC;QACjC,KAAK,MAAM,EAAE,IAAI,OAAO,EAAE,CAAC;YAC1B,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;YACjC,IAAI,KAAK;gBAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC;QACD,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC;YAAE,SAAS;QAElC,MAAM,MAAM,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;QAC5C,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;QAC7B,MAAM,UAAU,GAAc;YAC7B,EAAE,EAAE,OAAO;YACX,IAAI,EAAE,OAAO;YACb,CAAC,EAAE,MAAM,CAAC,CAAC;YACX,CAAC,EAAE,MAAM,CAAC,CAAC;YACX,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,KAAK,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE;YACjF,cAAc,EAAE,IAAI,EAAE,gCAAgC;SACtD,CAAC;QAEF,QAAQ,CAAC,OAAO,CAAC,kBAAkB,CAAC,KAAK,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;QAEjE,mDAAmD;QACnD,KAAK,MAAM,EAAE,IAAI,OAAO,EAAE,CAAC;YAC1B,qBAAqB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAClC,CAAC;IACF,CAAC;IAED,qDAAqD;IACrD,KAAK,MAAM,OAAO,IAAI,cAAc,EAAE,CAAC;QACtC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACnC,kDAAkD;YAClD,MAAM,cAAc,GAAG,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YACpD,IAAI,CAAC,cAAc;gBAAE,SAAS;YAE9B,IAAI,gBAAgB,GAAG,IAAI,CAAC;YAC5B,IAAI,WAA+B,CAAC;YACpC,KAAK,MAAM,QAAQ,IAAI,cAAc,EAAE,CAAC;gBACvC,MAAM,IAAI,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBAC/B,IAAI,CAAC,WAAW,EAAE,CAAC;oBAClB,WAAW,GAAG,IAAI,CAAC;gBACpB,CAAC;qBAAM,IAAI,IAAI,KAAK,WAAW,EAAE,CAAC;oBACjC,gBAAgB,GAAG,KAAK,CAAC;oBACzB,MAAM;gBACP,CAAC;YACF,CAAC;YAED,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBACvB,QAAQ,CAAC,OAAO,CAAC,oBAAoB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;YACxD,CAAC;QACF,CAAC;IACF,CAAC;AACF,CAAC;AAED,mDAAmD;AACnD,MAAM,UAAU,YAAY,CAC3B,KAAiB,EACjB,QAA+E,EAC/E,QAAgB;IAEhB,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACvC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ;QAAE,OAAO;IAE9C,MAAM,QAAQ,GAAG,KAAK,CAAC,QAA8B,CAAC;IACtD,IAAI,CAAC,QAAQ;QAAE,OAAO;IAEtB,MAAM,MAAM,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC/C,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,MAAM,CAAC,cAAc;QAAE,OAAO;IAEzE,yBAAyB;IACzB,MAAM,QAAQ,GAAG,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,QAAQ,CAAC,CAAC;IAElF,2BAA2B;IAC3B,QAAQ,CAAC,OAAO,CAAC,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExD,uCAAuC;IACvC,IAAI,QAAQ,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;QAC1B,MAAM,MAAM,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;QAC5C,MAAM,UAAU,GAAG,UAAU,EAAE,CAAC;QAChC,MAAM,aAAa,GAAc;YAChC,EAAE,EAAE,UAAU;YACd,IAAI,EAAE,OAAO;YACb,CAAC,EAAE,MAAM,CAAC,CAAC;YACX,CAAC,EAAE,MAAM,CAAC,CAAC;YACX,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,KAAK,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE;YACjF,cAAc,EAAE,IAAI;SACpB,CAAC;QACF,QAAQ,CAAC,OAAO,CACf,kBAAkB,CACjB,KAAK,EACL,aAAa,EACb,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CACzB,CACD,CAAC;IACH,CAAC;AACF,CAAC;AAED,MAAM,UAAU,wBAAwB;IACvC,KAAK,MAAM,KAAK,IAAI,WAAW,CAAC,MAAM,EAAE,EAAE,CAAC;QAC1C,YAAY,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC;IACD,WAAW,CAAC,KAAK,EAAE,CAAC;AACrB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { islandPlugin } from "./plugin.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,YAAY,EAAE,MAAM,aAAa,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export { islandPlugin } from "./plugin.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,YAAY,EAAE,MAAM,aAAa,CAAC"}

package/dist/island-metaball-layer.d.ts

@@ -0,0 +1,5 @@
+import type { BoardStore } from "@edv4h/usketch-shared";
+export declare function IslandMetaballLayer({ store }: {
+    store: BoardStore;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=island-metaball-layer.d.ts.map

package/dist/island-metaball-layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"island-metaball-layer.d.ts","sourceRoot":"","sources":["../src/island-metaball-layer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAsCxD,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,UAAU,CAAA;CAAE,kDAsJnE"}

package/dist/island-metaball-layer.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+function collectBlobs(store) {
+    const blobs = [];
+    for (const [, shape] of store.getShapes()) {
+        if (shape.type !== "island")
+            continue;
+        let groupId;
+        const parentId = shape.parentId;
+        if (parentId) {
+            const parent = store.getShapes().get(parentId);
+            if (parent?.type === "group" && parent._isIslandGroup) {
+                groupId = parentId;
+            }
+        }
+        blobs.push({
+            id: shape.id,
+            x: shape.x,
+            y: shape.y,
+            width: shape.width,
+            height: shape.height,
+            color: shape.islandColor ?? "#a8d5ba",
+            groupId,
+        });
+    }
+    return blobs;
+}
+export function IslandMetaballLayer({ store }) {
+    const [blobs, setBlobs] = useState([]);
+    const [viewport, setViewport] = useState(store.getViewport());
+    const rafRef = useRef(0);
+    const update = useCallback(() => {
+        cancelAnimationFrame(rafRef.current);
+        rafRef.current = requestAnimationFrame(() => {
+            setBlobs(collectBlobs(store));
+            setViewport(store.getViewport());
+        });
+    }, [store]);
+    useEffect(() => {
+        update();
+        const unsub = store.subscribe(update);
+        return () => {
+            unsub();
+            cancelAnimationFrame(rafRef.current);
+        };
+    }, [store, update]);
+    if (blobs.length === 0)
+        return null;
+    // Group blobs by island-group
+    const groups = new Map();
+    const singles = [];
+    for (const blob of blobs) {
+        if (blob.groupId) {
+            if (!groups.has(blob.groupId)) {
+                groups.set(blob.groupId, []);
+            }
+            groups.get(blob.groupId)?.push(blob);
+        }
+        else {
+            singles.push(blob);
+        }
+    }
+    const R = 24;
+    return (_jsxs("div", { style: {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            width: "100%",
+            height: "100%",
+            pointerEvents: "none",
+            overflow: "hidden",
+        }, children: [[...groups.entries()].map(([groupId, groupBlobs]) => {
+                let minX = Infinity;
+                let minY = Infinity;
+                let maxX = -Infinity;
+                let maxY = -Infinity;
+                for (const b of groupBlobs) {
+                    minX = Math.min(minX, b.x);
+                    minY = Math.min(minY, b.y);
+                    maxX = Math.max(maxX, b.x + b.width);
+                    maxY = Math.max(maxY, b.y + b.height);
+                }
+                const pad = 40;
+                const gx = minX - pad;
+                const gy = minY - pad;
+                const gw = maxX - minX + pad * 2;
+                const gh = maxY - minY + pad * 2;
+                const color = groupBlobs[0].color;
+                const filterId = `island-merge-${groupId}`;
+                return (_jsx("div", { style: {
+                        position: "absolute",
+                        left: gx * viewport.zoom + viewport.x,
+                        top: gy * viewport.zoom + viewport.y,
+                        width: gw * viewport.zoom,
+                        height: gh * viewport.zoom,
+                        pointerEvents: "none",
+                    }, children: _jsxs("svg", { width: gw * viewport.zoom, height: gh * viewport.zoom, viewBox: `0 0 ${gw} ${gh}`, style: { display: "block", overflow: "visible" }, children: [_jsx("defs", { children: _jsxs("filter", { id: filterId, x: "-20%", y: "-20%", width: "140%", height: "140%", children: [_jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "5", result: "blur" }), _jsx("feColorMatrix", { in: "blur", type: "matrix", values: "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7", result: "metaball" }), _jsx("feComposite", { in: "SourceGraphic", in2: "metaball", operator: "atop" })] }) }), _jsx("g", { filter: `url(#${filterId})`, style: {
+                                    filter: `drop-shadow(0 4px 8px rgba(0,0,0,0.12)) drop-shadow(0 0 12px ${color}66)`,
+                                }, children: groupBlobs.map((blob) => (_jsx("rect", { x: blob.x - gx, y: blob.y - gy, width: blob.width, height: blob.height, rx: R, ry: R, fill: color, fillOpacity: 0.8, stroke: color, strokeWidth: 2 }, blob.id))) })] }) }, groupId));
+            }), singles.map((blob) => (_jsx("div", { style: {
+                    position: "absolute",
+                    left: blob.x * viewport.zoom + viewport.x,
+                    top: blob.y * viewport.zoom + viewport.y,
+                    width: blob.width * viewport.zoom,
+                    height: blob.height * viewport.zoom,
+                    borderRadius: R * viewport.zoom,
+                    background: `linear-gradient(145deg, ${blob.color}cc, ${blob.color}88)`,
+                    boxShadow: "0 4px 16px rgba(0,0,0,0.1)",
+                    pointerEvents: "none",
+                } }, blob.id)))] }));
+}
+//# sourceMappingURL=island-metaball-layer.js.map

package/dist/island-metaball-layer.js.map

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

package/dist/island-render.d.ts

@@ -0,0 +1,11 @@
+import type { BoundingBox, Point, ShapeData } from "@edv4h/usketch-shared";
+export declare function renderIsland(data: ShapeData): import("react/jsx-runtime").JSX.Element;
+export declare function getBoundsIsland(data: ShapeData): BoundingBox;
+export declare function hitTestIsland(data: ShapeData, point: Point): boolean;
+export declare function resizeIsland(data: ShapeData, handle: string, delta: Point): ShapeData;
+export declare function createDefaultIsland(params: {
+    id: string;
+    x: number;
+    y: number;
+}): ShapeData;
+//# sourceMappingURL=island-render.d.ts.map

package/dist/island-render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"island-render.d.ts","sourceRoot":"","sources":["../src/island-render.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AA0B3E,wBAAgB,YAAY,CAAC,IAAI,EAAE,SAAS,2CAsB3C;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,SAAS,GAAG,WAAW,CAE5D;AAED,wBAAgB,aAAa,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,OAAO,CAOpE;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,SAAS,CAqBrF;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CAY3F"}

package/dist/island-render.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const MIN_W = 100;
+const MIN_H = 100;
+// ── CSS injection for animations ──
+let styleInjected = false;
+function injectStyle() {
+    if (styleInjected)
+        return;
+    styleInjected = true;
+    const style = document.createElement("style");
+    style.textContent = `
+		@keyframes usketch-island-merge-pulse {
+			0% { box-shadow: 0 0 0 0 rgba(100, 200, 150, 0.6), 0 4px 16px rgba(0,0,0,0.1); }
+			50% { box-shadow: 0 0 24px 12px rgba(100, 200, 150, 0.3), 0 4px 16px rgba(0,0,0,0.1); }
+			100% { box-shadow: 0 0 16px 4px rgba(100, 200, 150, 0.15), 0 4px 16px rgba(0,0,0,0.1); }
+		}
+		@keyframes usketch-island-merge-ring {
+			0% { transform: scale(0.8); opacity: 0.8; }
+			100% { transform: scale(2); opacity: 0; }
+		}
+	`;
+    document.head.appendChild(style);
+}
+export function renderIsland(data) {
+    injectStyle();
+    const justMerged = data._islandJustMerged;
+    // Island body is transparent — background is rendered by the metaball layer.
+    // This div serves as the container for child shapes and hit-test target.
+    return (_jsx("div", { style: {
+            width: "100%",
+            height: "100%",
+            borderRadius: 24,
+            background: "transparent",
+            boxSizing: "border-box",
+            position: "relative",
+            pointerEvents: "none",
+            overflow: "visible",
+            animation: justMerged ? "usketch-island-merge-pulse 600ms ease-out" : undefined,
+        } }));
+}
+export function getBoundsIsland(data) {
+    return { x: data.x, y: data.y, width: data.width, height: data.height };
+}
+export function hitTestIsland(data, point) {
+    return (point.x >= data.x &&
+        point.x <= data.x + data.width &&
+        point.y >= data.y &&
+        point.y <= data.y + data.height);
+}
+export function resizeIsland(data, handle, delta) {
+    const result = { ...data };
+    if (handle.includes("e")) {
+        result.width = Math.max(MIN_W, data.width + delta.x);
+    }
+    if (handle.includes("w")) {
+        const newWidth = Math.max(MIN_W, data.width - delta.x);
+        result.x = data.x + data.width - newWidth;
+        result.width = newWidth;
+    }
+    if (handle.includes("s")) {
+        result.height = Math.max(MIN_H, data.height + delta.y);
+    }
+    if (handle.includes("n")) {
+        const newHeight = Math.max(MIN_H, data.height - delta.y);
+        result.y = data.y + data.height - newHeight;
+        result.height = newHeight;
+    }
+    return result;
+}
+export function createDefaultIsland(params) {
+    return {
+        id: params.id,
+        type: "island",
+        x: params.x,
+        y: params.y,
+        width: 400,
+        height: 300,
+        style: { fill: "#a8d5ba", stroke: "#8bc4a0", strokeWidth: 2, opacity: 1 },
+        islandTitle: "Island",
+        islandColor: "#a8d5ba",
+    };
+}
+//# sourceMappingURL=island-render.js.map

package/dist/island-render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"island-render.js","sourceRoot":"","sources":["../src/island-render.tsx"],"names":[],"mappings":";AAEA,MAAM,KAAK,GAAG,GAAG,CAAC;AAClB,MAAM,KAAK,GAAG,GAAG,CAAC;AAElB,qCAAqC;AAErC,IAAI,aAAa,GAAG,KAAK,CAAC;AAC1B,SAAS,WAAW;IACnB,IAAI,aAAa;QAAE,OAAO;IAC1B,aAAa,GAAG,IAAI,CAAC;IACrB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,WAAW,GAAG;;;;;;;;;;EAUnB,CAAC;IACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAClC,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,IAAe;IAC3C,WAAW,EAAE,CAAC;IAEd,MAAM,UAAU,GAAG,IAAI,CAAC,iBAAwC,CAAC;IAEjE,6EAA6E;IAC7E,yEAAyE;IACzE,OAAO,CACN,cACC,KAAK,EAAE;YACN,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,YAAY,EAAE,EAAE;YAChB,UAAU,EAAE,aAAa;YACzB,SAAS,EAAE,YAAY;YACvB,QAAQ,EAAE,UAAU;YACpB,aAAa,EAAE,MAAM;YACrB,QAAQ,EAAE,SAAS;YACnB,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,2CAA2C,CAAC,CAAC,CAAC,SAAS;SAC/E,GACA,CACF,CAAC;AACH,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,IAAe;IAC9C,OAAO,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;AACzE,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,IAAe,EAAE,KAAY;IAC1D,OAAO,CACN,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC;QACjB,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK;QAC9B,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC;QACjB,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAC/B,CAAC;AACH,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,IAAe,EAAE,MAAc,EAAE,KAAY;IACzE,MAAM,MAAM,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC;IAE3B,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QAC1B,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IACtD,CAAC;IACD,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACvD,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;QAC1C,MAAM,CAAC,KAAK,GAAG,QAAQ,CAAC;IACzB,CAAC;IACD,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QAC1B,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IACxD,CAAC;IACD,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QAC1B,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACzD,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;QAC5C,MAAM,CAAC,MAAM,GAAG,SAAS,CAAC;IAC3B,CAAC;IAED,OAAO,MAAM,CAAC;AACf,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,MAA4C;IAC/E,OAAO;QACN,EAAE,EAAE,MAAM,CAAC,EAAE;QACb,IAAI,EAAE,QAAQ;QACd,CAAC,EAAE,MAAM,CAAC,CAAC;QACX,CAAC,EAAE,MAAM,CAAC,CAAC;QACX,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE;QACzE,WAAW,EAAE,QAAQ;QACrB,WAAW,EAAE,SAAS;KACtB,CAAC;AACH,CAAC"}

package/dist/plugin.d.ts

@@ -0,0 +1,3 @@
+import type { UsketchPlugin } from "@edv4h/usketch-shared";
+export declare const islandPlugin: 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,EAKX,aAAa,EACb,MAAM,uBAAuB,CAAC;AAwB/B,eAAO,MAAM,YAAY,EAAE,aA+L1B,CAAC"}

package/dist/plugin.js

@@ -0,0 +1,191 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { generateId } from "@edv4h/usketch-shared";
+import { containsAABB, createAddShapeCommand, createReparentCommand } from "@edv4h/usketch-store";
+import { cleanupIslandGroupTimers, detachIsland, reconcileIslandGroups } from "./auto-group.js";
+import { IslandMetaballLayer } from "./island-metaball-layer.js";
+import { createDefaultIsland, getBoundsIsland, hitTestIsland, renderIsland, resizeIsland, } from "./island-render.js";
+function IslandIcon() {
+    return (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [_jsx("ellipse", { cx: "10", cy: "14", rx: "8", ry: "4", fill: "#a8d5ba", stroke: "#8bc4a0", strokeWidth: "1.5" }), _jsx("circle", { cx: "8", cy: "10", r: "2", fill: "#6b9" }), _jsx("circle", { cx: "12", cy: "8", r: "3", fill: "#5a8" }), _jsx("line", { x1: "12", y1: "5", x2: "12", y2: "8", stroke: "#764", strokeWidth: "1.5" })] }));
+}
+export const islandPlugin = {
+    id: "usketch-plugin-shape-island",
+    name: "Island",
+    setup(ctx) {
+        // ── Shape registration ──
+        ctx.shapes.register("island", {
+            render: renderIsland,
+            getBounds: getBoundsIsland,
+            hitTest: hitTestIsland,
+            resize: resizeIsland,
+            createDefault: createDefaultIsland,
+            renderTarget: "html",
+            minSize: { width: 100, height: 100 },
+        });
+        // ── Metaball background layer (renders below shapes) ──
+        ctx.layers.register({
+            id: "island-metaball",
+            order: -1,
+            fixed: true,
+            render: () => _jsx(IslandMetaballLayer, { store: ctx.store }),
+        });
+        // ── Drawing tool ──
+        let drawState = null;
+        function onPointerDown(toolCtx, event) {
+            const id = generateId();
+            drawState = { startX: event.worldPoint.x, startY: event.worldPoint.y, shapeId: id };
+            const shape = createDefaultIsland({ id, x: event.worldPoint.x, y: event.worldPoint.y });
+            shape.width = 0;
+            shape.height = 0;
+            toolCtx.store.addShape(shape);
+        }
+        function onPointerMove(toolCtx, event) {
+            if (!drawState)
+                return;
+            const x = Math.min(drawState.startX, event.worldPoint.x);
+            const y = Math.min(drawState.startY, event.worldPoint.y);
+            const width = Math.abs(event.worldPoint.x - drawState.startX);
+            const height = Math.abs(event.worldPoint.y - drawState.startY);
+            toolCtx.store.updateShape(drawState.shapeId, { x, y, width, height });
+        }
+        function onPointerUp(toolCtx) {
+            if (!drawState)
+                return;
+            const shape = toolCtx.store.getShape(drawState.shapeId);
+            if (shape && shape.width > 10 && shape.height > 10) {
+                toolCtx.store.deleteShape(drawState.shapeId);
+                toolCtx.commands.execute(createAddShapeCommand(toolCtx.store, shape));
+            }
+            else {
+                toolCtx.store.deleteShape(drawState.shapeId);
+            }
+            drawState = null;
+            toolCtx.store.setActiveToolId("select");
+        }
+        ctx.tools.register("island-draw", {
+            icon: IslandIcon,
+            cursor: "crosshair",
+            shortcut: "i",
+            order: 6,
+            onPointerDown,
+            onPointerMove,
+            onPointerUp,
+            onDeactivate() {
+                if (drawState) {
+                    ctx.store.deleteShape(drawState.shapeId);
+                    drawState = null;
+                }
+            },
+        });
+        // ── Auto-parenting (same pattern as frame plugin) ──
+        const CONTAINER_TYPES = new Set(["frame", "island"]);
+        function autoReparent(shapeId) {
+            const shape = ctx.store.getShape(shapeId);
+            if (!shape || CONTAINER_TYPES.has(shape.type) || shape.type === "connector")
+                return;
+            const shapeBounds = { x: shape.x, y: shape.y, width: shape.width, height: shape.height };
+            let bestContainer = null;
+            for (const [id, candidate] of ctx.store.getShapes()) {
+                if (id === shapeId || !CONTAINER_TYPES.has(candidate.type))
+                    continue;
+                const containerBounds = {
+                    x: candidate.x,
+                    y: candidate.y,
+                    width: candidate.width,
+                    height: candidate.height,
+                };
+                if (containsAABB(containerBounds, shapeBounds)) {
+                    if (!bestContainer ||
+                        candidate.width * candidate.height < bestContainer.width * bestContainer.height) {
+                        bestContainer = candidate;
+                    }
+                }
+            }
+            const currentParentId = shape.parentId;
+            const newParentId = bestContainer?.id;
+            if (currentParentId !== newParentId) {
+                ctx.commands.execute(createReparentCommand(ctx.store, [shapeId], newParentId ?? undefined));
+            }
+        }
+        // ── Auto-grouping: islands that touch form a group ──
+        const unsubMoveEnd = ctx.events.on("shapes:move-end", (data) => {
+            if (!data?.shapeIds)
+                return;
+            setTimeout(() => {
+                for (const shapeId of data.shapeIds) {
+                    const shape = ctx.store.getShape(shapeId);
+                    if (shape?.type === "island") {
+                        // Island moved — adopt shapes now inside it
+                        adoptContainedShapes(shapeId);
+                    }
+                    else {
+                        // Non-island moved — reparent into nearest container
+                        autoReparent(shapeId);
+                    }
+                }
+                const prevSelection = [...ctx.store.getSelection()];
+                reconcileIslandGroups(ctx.store, ctx.commands);
+                if (prevSelection.length > 0) {
+                    ctx.store.setSelection(prevSelection.filter((id) => ctx.store.getShape(id)));
+                }
+            }, 0);
+        });
+        // Adopt all non-container shapes fully inside an island
+        function adoptContainedShapes(islandId) {
+            const island = ctx.store.getShape(islandId);
+            if (!island || island.type !== "island")
+                return;
+            const islandBounds = {
+                x: island.x,
+                y: island.y,
+                width: island.width,
+                height: island.height,
+            };
+            for (const [childId, child] of ctx.store.getShapes()) {
+                if (childId === islandId || CONTAINER_TYPES.has(child.type) || child.type === "connector")
+                    continue;
+                if (child.parentId === islandId)
+                    continue;
+                const childBounds = { x: child.x, y: child.y, width: child.width, height: child.height };
+                if (containsAABB(islandBounds, childBounds)) {
+                    ctx.commands.execute(createReparentCommand(ctx.store, [childId], islandId));
+                }
+            }
+        }
+        const unsubAdded = ctx.store.onMutation((event) => {
+            if (event.type !== "shape:added")
+                return;
+            const payload = event.payload;
+            if (!payload?.id)
+                return;
+            const shape = ctx.store.getShape(payload.id);
+            if (!shape)
+                return;
+            if (shape.type === "island") {
+                // Island was just created — adopt shapes already inside it
+                adoptContainedShapes(payload.id);
+                return;
+            }
+            if (CONTAINER_TYPES.has(shape.type) || shape.type === "connector")
+                return;
+            autoReparent(payload.id);
+        });
+        // ── Detach: Shift+D to detach selected island from its group ──
+        const unsubDetach = ctx.shortcuts.register("Shift+D", () => {
+            const selection = ctx.store.getSelection();
+            for (const id of selection) {
+                const shape = ctx.store.getShape(id);
+                if (shape?.type === "island") {
+                    detachIsland(ctx.store, ctx.commands, id);
+                }
+            }
+        });
+        this.teardown = () => {
+            unsubMoveEnd();
+            unsubAdded();
+            unsubDetach();
+            cleanupIslandGroupTimers();
+            ctx.layers.unregister("island-metaball");
+        };
+    },
+};
+//# 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/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@edv4h/usketch-plugin-shape-island",
+  "version": "1.0.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": {
+    "@edv4h/usketch-shared": "1.0.0",
+    "@edv4h/usketch-store": "1.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=19"
+  },
+  "devDependencies": {
+    "@types/react": "19.2.14",
+    "typescript": "5.9.3",
+    "vitest": "3.2.4"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/EdV4H/usketch.git",
+    "directory": "plugins/usketch-plugin-shape-island"
+  },
+  "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"
+  }
+}