@edv4h/usketch-plugin-avatar 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/avatar-circle.d.ts

@@ -0,0 +1,8 @@
+export declare function AvatarCircle({ image, name, userId, size, opacity, }: {
+    image?: string | null;
+    name: string;
+    userId: string;
+    size?: number;
+    opacity?: number;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=avatar-circle.d.ts.map

package/dist/avatar-circle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-circle.d.ts","sourceRoot":"","sources":["../src/avatar-circle.tsx"],"names":[],"mappings":"AA+BA,wBAAgB,YAAY,CAAC,EAC5B,KAAK,EACL,IAAI,EACJ,MAAM,EACN,IAAkB,EAClB,OAAW,GACX,EAAE;IACF,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB,2CAgCA"}

package/dist/avatar-circle.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const AVATAR_SIZE = 40;
+const COLORS = [
+    "#e74c3c",
+    "#3498db",
+    "#2ecc71",
+    "#f39c12",
+    "#9b59b6",
+    "#1abc9c",
+    "#e67e22",
+    "#e84393",
+];
+function getUserColor(userId) {
+    let hash = 0;
+    for (let i = 0; i < userId.length; i++) {
+        hash = (hash * 31 + userId.charCodeAt(i)) | 0;
+    }
+    return COLORS[Math.abs(hash) % COLORS.length];
+}
+function getInitials(name) {
+    return name
+        .split(/\s+/)
+        .map((w) => w[0])
+        .filter(Boolean)
+        .slice(0, 2)
+        .join("")
+        .toUpperCase();
+}
+export function AvatarCircle({ image, name, userId, size = AVATAR_SIZE, opacity = 1, }) {
+    const color = getUserColor(userId);
+    const initials = getInitials(name || "?");
+    return (_jsx("div", { style: {
+            width: size,
+            height: size,
+            borderRadius: "50%",
+            overflow: "hidden",
+            border: `2px solid ${color}`,
+            background: color,
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            fontSize: size * 0.4,
+            fontWeight: 600,
+            color: "#fff",
+            fontFamily: "system-ui, sans-serif",
+            pointerEvents: "none",
+            opacity,
+            userSelect: "none",
+        }, children: image ? (_jsx("img", { src: image, alt: name, style: { width: "100%", height: "100%", objectFit: "cover" } })) : (initials) }));
+}
+//# sourceMappingURL=avatar-circle.js.map

package/dist/avatar-circle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-circle.js","sourceRoot":"","sources":["../src/avatar-circle.tsx"],"names":[],"mappings":";AAAA,MAAM,WAAW,GAAG,EAAE,CAAC;AAEvB,MAAM,MAAM,GAAG;IACd,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACT,CAAC;AAEF,SAAS,YAAY,CAAC,MAAc;IACnC,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACxC,IAAI,GAAG,CAAC,IAAI,GAAG,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;IAC/C,CAAC;IACD,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;AAC/C,CAAC;AAED,SAAS,WAAW,CAAC,IAAY;IAChC,OAAO,IAAI;SACT,KAAK,CAAC,KAAK,CAAC;SACZ,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAChB,MAAM,CAAC,OAAO,CAAC;SACf,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;SACX,IAAI,CAAC,EAAE,CAAC;SACR,WAAW,EAAE,CAAC;AACjB,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,EAC5B,KAAK,EACL,IAAI,EACJ,MAAM,EACN,IAAI,GAAG,WAAW,EAClB,OAAO,GAAG,CAAC,GAOX;IACA,MAAM,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;IACnC,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,IAAI,GAAG,CAAC,CAAC;IAE1C,OAAO,CACN,cACC,KAAK,EAAE;YACN,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;YACZ,YAAY,EAAE,KAAK;YACnB,QAAQ,EAAE,QAAQ;YAClB,MAAM,EAAE,aAAa,KAAK,EAAE;YAC5B,UAAU,EAAE,KAAK;YACjB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,QAAQ,EAAE,IAAI,GAAG,GAAG;YACpB,UAAU,EAAE,GAAG;YACf,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,uBAAuB;YACnC,aAAa,EAAE,MAAM;YACrB,OAAO;YACP,UAAU,EAAE,MAAM;SAClB,YAEA,KAAK,CAAC,CAAC,CAAC,CACR,cAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAI,CAC5F,CAAC,CAAC,CAAC,CACH,QAAQ,CACR,GACI,CACN,CAAC;AACH,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { createAvatarPlugin } 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,kBAAkB,EAAE,MAAM,aAAa,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export { createAvatarPlugin } 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,kBAAkB,EAAE,MAAM,aAAa,CAAC"}

package/dist/plugin.d.ts

@@ -0,0 +1,10 @@
+import type { UsketchPlugin } from "@edv4h/usketch-shared";
+import type { WsProviderHandle } from "@edv4h/usketch-sync";
+export interface AvatarPluginOptions {
+    wsProvider: WsProviderHandle;
+    userId: string;
+    userName: string;
+    userImage?: string | null;
+}
+export declare function createAvatarPlugin(options: AvatarPluginOptions): 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,EAAkC,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAyC5D,MAAM,WAAW,mBAAmB;IACnC,UAAU,EAAE,gBAAgB,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,mBAAmB,GAAG,aAAa,CAkQ9E"}

package/dist/plugin.js

@@ -0,0 +1,229 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AvatarCircle } from "./avatar-circle.js";
+import { RadialMenuRenderer } from "./radial-menu-renderer.js";
+const AVATAR_BASE_SIZE = 40;
+/** アバターの最小ピクセルサイズ */
+const AVATAR_MIN_SIZE = 20;
+function avatarSize(zoom) {
+    return Math.max(AVATAR_MIN_SIZE, AVATAR_BASE_SIZE * zoom);
+}
+function WorldAvatar({ obj }) {
+    const name = obj.data.name || "";
+    const image = obj.data.image ?? null;
+    const userId = obj.sourceUserId;
+    const size = AVATAR_BASE_SIZE;
+    return (_jsxs("div", { style: { position: "absolute", left: -size / 2, top: -size / 2 }, children: [_jsx(AvatarCircle, { image: image, name: name, userId: userId, size: size }), name && (_jsx("div", { style: {
+                    textAlign: "center",
+                    fontSize: 10,
+                    color: "#666",
+                    fontFamily: "system-ui, sans-serif",
+                    marginTop: 2,
+                    whiteSpace: "nowrap",
+                    pointerEvents: "none",
+                }, children: name }))] }));
+}
+export function createAvatarPlugin(options) {
+    const { wsProvider, userId, userName, userImage } = options;
+    const { awareness } = wsProvider;
+    let cleanup;
+    return {
+        id: "usketch-plugin-avatar",
+        name: "アバター",
+        setup(ctx) {
+            ctx.transient.registerType("avatar", {
+                render: (obj) => _jsx(WorldAvatar, { obj: obj }),
+            });
+            const activeAvatars = new Set();
+            // self-avatar用の状態（awareness変更時に更新→レイヤー再登録）
+            let selfName = userName;
+            let selfImage = userImage ?? null;
+            let selfUserId = userId;
+            function syncLocalViewportCenter() {
+                const viewport = ctx.store.getViewport();
+                // ビューポートの中央をワールド座標で計算
+                // viewport: { x, y, zoom } where x,y is the top-left offset
+                // 画面中央 = (screenWidth/2, screenHeight/2)
+                // ワールド座標 = (screenX - viewport.x) / viewport.zoom
+                const screenCenterX = window.innerWidth / 2;
+                const screenCenterY = window.innerHeight / 2;
+                const worldCenterX = (screenCenterX - viewport.x) / viewport.zoom;
+                const worldCenterY = (screenCenterY - viewport.y) / viewport.zoom;
+                awareness.setLocalStateField("viewportCenter", {
+                    x: worldCenterX,
+                    y: worldCenterY,
+                });
+            }
+            // ビューポート変更時のみ自分の位置を同期（他のstore変更は無視）
+            let lastVp = ctx.store.getViewport();
+            const unsubStore = ctx.store.subscribe(() => {
+                const vp = ctx.store.getViewport();
+                if (vp.x === lastVp.x && vp.y === lastVp.y && vp.zoom === lastVp.zoom)
+                    return;
+                const zoomChanged = vp.zoom !== lastVp.zoom;
+                lastVp = vp;
+                syncLocalViewportCenter();
+                // ズームが変わったらアバターサイズを更新
+                if (zoomChanged) {
+                    currentZoom = vp.zoom;
+                    registerSelfLayer();
+                }
+            });
+            // 初期同期
+            syncLocalViewportCenter();
+            // ユーザー情報をAwarenessに設定（既にセッション情報で設定済みなら上書きしない）
+            const existingAvatar = awareness.getLocalState()?.avatar;
+            if (!existingAvatar || existingAvatar.userId === "anonymous") {
+                awareness.setLocalStateField("avatar", {
+                    name: userName,
+                    image: userImage ?? null,
+                    userId,
+                });
+            }
+            const RADIAL_MENU_ID = "avatar-radial-menu";
+            let radialMenuVisible = false;
+            function getToolMenuItems() {
+                const tools = ctx.tools.getOrdered();
+                return tools.map(({ id, definition }) => ({
+                    id,
+                    label: `${id}${definition.shortcut ? ` (${definition.shortcut})` : ""}`,
+                    icon: definition.icon,
+                }));
+            }
+            // キャンバスクリックでメニューを閉じる
+            const unsubCanvasDown = ctx.events.on("canvas:pointerdown", () => {
+                if (radialMenuVisible)
+                    hideRadialMenu();
+            });
+            function showRadialMenu() {
+                radialMenuVisible = true;
+                const vp = ctx.store.getViewport();
+                const worldCenterX = (window.innerWidth / 2 - vp.x) / vp.zoom;
+                const worldCenterY = (window.innerHeight / 2 - vp.y) / vp.zoom;
+                ctx.transient.dismiss(RADIAL_MENU_ID);
+                ctx.transient.emit({
+                    id: RADIAL_MENU_ID,
+                    type: "radial-menu",
+                    sourceUserId: "local",
+                    position: { x: worldCenterX, y: worldCenterY },
+                    data: {
+                        items: getToolMenuItems(),
+                        interactive: true,
+                    },
+                    createdAt: Date.now(),
+                });
+            }
+            function hideRadialMenu() {
+                radialMenuVisible = false;
+                ctx.transient.dismiss(RADIAL_MENU_ID);
+            }
+            ctx.transient.registerType("radial-menu", {
+                render: (obj) => (_jsx(RadialMenuRenderer, { obj: obj, onSelect: (toolId) => {
+                        ctx.store.setActiveToolId(toolId);
+                        hideRadialMenu();
+                    } })),
+            });
+            let currentZoom = ctx.store.getViewport().zoom;
+            function registerSelfLayer() {
+                const size = avatarSize(currentZoom);
+                ctx.layers.unregister("avatar-self");
+                ctx.layers.register({
+                    id: "avatar-self",
+                    order: 85,
+                    fixed: true,
+                    render: () => (_jsx("div", { style: {
+                            position: "absolute",
+                            left: "50%",
+                            top: "50%",
+                            transform: "translate(-50%, -50%)",
+                            pointerEvents: "auto",
+                            cursor: "pointer",
+                        }, onPointerDown: (e) => {
+                            e.stopPropagation();
+                            if (radialMenuVisible) {
+                                hideRadialMenu();
+                            }
+                            else {
+                                showRadialMenu();
+                            }
+                        }, children: _jsx(AvatarCircle, { image: selfImage, name: selfName, userId: selfUserId, size: size, opacity: 0.6 }) })),
+                });
+            }
+            function onAwarenessChange() {
+                // self-avatar情報をawarenessから更新
+                const localState = awareness.getLocalState();
+                const av = localState?.avatar;
+                const newName = av?.name ?? userName;
+                const newImage = av?.image ?? userImage ?? null;
+                const newUserId = av?.userId ?? userId;
+                if (newName !== selfName || newImage !== selfImage || newUserId !== selfUserId) {
+                    selfName = newName;
+                    selfImage = newImage;
+                    selfUserId = newUserId;
+                    registerSelfLayer();
+                }
+                const states = awareness.getStates();
+                const currentClients = new Set();
+                for (const [clientId, state] of states) {
+                    if (clientId === awareness.doc.clientID)
+                        continue;
+                    const avatar = state.avatar;
+                    const viewportCenter = state.viewportCenter;
+                    if (!avatar ||
+                        !viewportCenter ||
+                        typeof viewportCenter.x !== "number" ||
+                        typeof viewportCenter.y !== "number") {
+                        continue;
+                    }
+                    currentClients.add(clientId);
+                    ctx.transient.emit({
+                        id: `avatar-${clientId}`,
+                        type: "avatar",
+                        sourceUserId: avatar.userId || String(clientId),
+                        position: { x: viewportCenter.x, y: viewportCenter.y },
+                        data: {
+                            name: avatar.name || "",
+                            image: avatar.image ?? null,
+                        },
+                        createdAt: Date.now(),
+                    });
+                }
+                // 切断されたクライアントのアバターを削除
+                for (const clientId of activeAvatars) {
+                    if (!currentClients.has(clientId)) {
+                        ctx.transient.dismiss(`avatar-${clientId}`);
+                    }
+                }
+                activeAvatars.clear();
+                for (const id of currentClients) {
+                    activeAvatars.add(id);
+                }
+            }
+            awareness.on("change", onAwarenessChange);
+            // 既にawarenessに設定されているavatar情報を読んで初期表示に反映
+            const existingState = awareness.getLocalState();
+            const existingAv = existingState?.avatar;
+            if (existingAv) {
+                selfName = existingAv.name ?? userName;
+                selfImage = existingAv.image ?? userImage ?? null;
+                selfUserId = existingAv.userId ?? userId;
+            }
+            // 自分のアバターをfixedレイヤーとして初期登録
+            registerSelfLayer();
+            // セッション情報はプラグイン初期化後に非同期で設定されるため、
+            // 遅延チェックでavatar情報の更新を拾う
+            const delayedCheck = setTimeout(() => onAwarenessChange(), 2000);
+            cleanup = () => {
+                clearTimeout(delayedCheck);
+                awareness.off("change", onAwarenessChange);
+                unsubStore();
+                unsubCanvasDown();
+                hideRadialMenu();
+                ctx.layers.unregister("avatar-self");
+            };
+        },
+        teardown() {
+            cleanup?.();
+        },
+    };
+}
+//# 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/radial-menu-renderer.d.ts

@@ -0,0 +1,6 @@
+import type { TransientObject } from "@edv4h/usketch-shared";
+export declare function RadialMenuRenderer({ obj, onSelect, }: {
+    obj: TransientObject;
+    onSelect: (toolId: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=radial-menu-renderer.d.ts.map

package/dist/radial-menu-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radial-menu-renderer.d.ts","sourceRoot":"","sources":["../src/radial-menu-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAM7D,wBAAgB,kBAAkB,CAAC,EAClC,GAAG,EACH,QAAQ,GACR,EAAE;IACF,GAAG,EAAE,eAAe,CAAC;IACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,2CAqDA"}

package/dist/radial-menu-renderer.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const RADIUS = 80;
+const ITEM_SIZE = 36;
+export function RadialMenuRenderer({ obj, onSelect, }) {
+    const items = obj.data.items || [];
+    const angleStep = (2 * Math.PI) / items.length;
+    const startAngle = -Math.PI / 2;
+    return (_jsx("div", { style: {
+            position: "absolute",
+            left: -RADIUS - ITEM_SIZE / 2,
+            top: -RADIUS - ITEM_SIZE / 2,
+            width: (RADIUS + ITEM_SIZE) * 2,
+            height: (RADIUS + ITEM_SIZE) * 2,
+        }, children: items.map((item, i) => {
+            const angle = startAngle + angleStep * i;
+            const x = RADIUS + ITEM_SIZE / 2 + Math.cos(angle) * RADIUS - ITEM_SIZE / 2;
+            const y = RADIUS + ITEM_SIZE / 2 + Math.sin(angle) * RADIUS - ITEM_SIZE / 2;
+            return (_jsx("button", { type: "button", title: item.label, onPointerDown: (e) => {
+                    e.stopPropagation();
+                    onSelect(item.id);
+                }, style: {
+                    position: "absolute",
+                    left: x,
+                    top: y,
+                    width: ITEM_SIZE,
+                    height: ITEM_SIZE,
+                    borderRadius: "50%",
+                    border: "none",
+                    background: "#fff",
+                    boxShadow: "0 2px 8px rgba(0,0,0,0.15)",
+                    cursor: "pointer",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    color: "#333",
+                    padding: 0,
+                }, children: item.icon() }, item.id));
+        }) }));
+}
+//# sourceMappingURL=radial-menu-renderer.js.map

package/dist/radial-menu-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radial-menu-renderer.js","sourceRoot":"","sources":["../src/radial-menu-renderer.tsx"],"names":[],"mappings":";AAGA,MAAM,MAAM,GAAG,EAAE,CAAC;AAClB,MAAM,SAAS,GAAG,EAAE,CAAC;AAErB,MAAM,UAAU,kBAAkB,CAAC,EAClC,GAAG,EACH,QAAQ,GAIR;IACA,MAAM,KAAK,GAAI,GAAG,CAAC,IAAI,CAAC,KAA0B,IAAI,EAAE,CAAC;IACzD,MAAM,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC;IAC/C,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC;IAEhC,OAAO,CACN,cACC,KAAK,EAAE;YACN,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,CAAC,MAAM,GAAG,SAAS,GAAG,CAAC;YAC7B,GAAG,EAAE,CAAC,MAAM,GAAG,SAAS,GAAG,CAAC;YAC5B,KAAK,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,CAAC;YAC/B,MAAM,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,CAAC;SAChC,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YACtB,MAAM,KAAK,GAAG,UAAU,GAAG,SAAS,GAAG,CAAC,CAAC;YACzC,MAAM,CAAC,GAAG,MAAM,GAAG,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,MAAM,GAAG,SAAS,GAAG,CAAC,CAAC;YAC5E,MAAM,CAAC,GAAG,MAAM,GAAG,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,MAAM,GAAG,SAAS,GAAG,CAAC,CAAC;YAE5E,OAAO,CACN,iBAEC,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;oBACpB,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBACnB,CAAC,EACD,KAAK,EAAE;oBACN,QAAQ,EAAE,UAAU;oBACpB,IAAI,EAAE,CAAC;oBACP,GAAG,EAAE,CAAC;oBACN,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,SAAS;oBACjB,YAAY,EAAE,KAAK;oBACnB,MAAM,EAAE,MAAM;oBACd,UAAU,EAAE,MAAM;oBAClB,SAAS,EAAE,4BAA4B;oBACvC,MAAM,EAAE,SAAS;oBACjB,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;oBACxB,KAAK,EAAE,MAAM;oBACb,OAAO,EAAE,CAAC;iBACV,YAEA,IAAI,CAAC,IAAI,EAAE,IAzBP,IAAI,CAAC,EAAE,CA0BJ,CACT,CAAC;QACH,CAAC,CAAC,GACG,CACN,CAAC;AACH,CAAC"}

package/dist/radial-menu.d.ts

@@ -0,0 +1,8 @@
+import type { ReactElement } from "react";
+export interface RadialMenuItem {
+    id: string;
+    label: string;
+    icon: () => ReactElement;
+}
+export type { RadialMenuItem as RadialMenuItemType };
+//# sourceMappingURL=radial-menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radial-menu.d.ts","sourceRoot":"","sources":["../src/radial-menu.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,cAAc;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,YAAY,CAAC;CACzB;AAED,YAAY,EAAE,cAAc,IAAI,kBAAkB,EAAE,CAAC"}

package/dist/radial-menu.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=radial-menu.js.map

package/dist/radial-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radial-menu.js","sourceRoot":"","sources":["../src/radial-menu.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@edv4h/usketch-plugin-avatar",
+  "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-sync": "1.0.0",
+    "@edv4h/usketch-shared": "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-avatar"
+  },
+  "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"
+  }
+}