@edv4h/usketch-plugin-community-chat 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/chat-client.d.ts

@@ -0,0 +1,11 @@
+import type { ChatMessage } from "./types.js";
+export interface ChatClientOptions {
+    apiUrl: string;
+    extraHeaders?: Record<string, string>;
+}
+export declare function createChatClient(options: ChatClientOptions): {
+    list: (threadId: string, limit?: number, before?: string) => Promise<ChatMessage[]>;
+    send: (threadId: string, text: string, authorName: string) => Promise<ChatMessage | null>;
+};
+export type ChatClient = ReturnType<typeof createChatClient>;
+//# sourceMappingURL=chat-client.d.ts.map

package/dist/chat-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-client.d.ts","sourceRoot":"","sources":["../src/chat-client.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,MAAM,WAAW,iBAAiB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACtC;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,iBAAiB;qBAc5B,MAAM,2BAAuB,MAAM,KAAG,OAAO,CAAC,WAAW,EAAE,CAAC;qBAgB/E,MAAM,QACV,MAAM,cACA,MAAM,KAChB,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC;EAgB9B;AAED,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/dist/chat-client.js

@@ -0,0 +1,47 @@
+export function createChatClient(options) {
+    const { apiUrl, extraHeaders } = options;
+    function jsonHeaders() {
+        return {
+            "Content-Type": "application/json",
+            ...extraHeaders,
+        };
+    }
+    function baseHeaders() {
+        return { ...extraHeaders };
+    }
+    async function list(threadId, limit = 50, before) {
+        try {
+            const params = new URLSearchParams({ limit: String(limit), threadId });
+            if (before)
+                params.set("before", before);
+            const res = await fetch(`${apiUrl}?${params}`, {
+                credentials: "include",
+                headers: baseHeaders(),
+            });
+            if (!res.ok)
+                return [];
+            return (await res.json());
+        }
+        catch {
+            return [];
+        }
+    }
+    async function send(threadId, text, authorName) {
+        try {
+            const res = await fetch(apiUrl, {
+                method: "POST",
+                credentials: "include",
+                headers: jsonHeaders(),
+                body: JSON.stringify({ text, authorName, threadId }),
+            });
+            if (!res.ok)
+                return null;
+            return (await res.json());
+        }
+        catch {
+            return null;
+        }
+    }
+    return { list, send };
+}
+//# sourceMappingURL=chat-client.js.map

package/dist/chat-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-client.js","sourceRoot":"","sources":["../src/chat-client.ts"],"names":[],"mappings":"AAOA,MAAM,UAAU,gBAAgB,CAAC,OAA0B;IAC1D,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,OAAO,CAAC;IAEzC,SAAS,WAAW;QACnB,OAAO;YACN,cAAc,EAAE,kBAAkB;YAClC,GAAG,YAAY;SACf,CAAC;IACH,CAAC;IAED,SAAS,WAAW;QACnB,OAAO,EAAE,GAAG,YAAY,EAAE,CAAC;IAC5B,CAAC;IAED,KAAK,UAAU,IAAI,CAAC,QAAgB,EAAE,KAAK,GAAG,EAAE,EAAE,MAAe;QAChE,IAAI,CAAC;YACJ,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;YACvE,IAAI,MAAM;gBAAE,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YACzC,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,GAAG,MAAM,IAAI,MAAM,EAAE,EAAE;gBAC9C,WAAW,EAAE,SAAS;gBACtB,OAAO,EAAE,WAAW,EAAE;aACtB,CAAC,CAAC;YACH,IAAI,CAAC,GAAG,CAAC,EAAE;gBAAE,OAAO,EAAE,CAAC;YACvB,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,EAAE,CAAkB,CAAC;QAC5C,CAAC;QAAC,MAAM,CAAC;YACR,OAAO,EAAE,CAAC;QACX,CAAC;IACF,CAAC;IAED,KAAK,UAAU,IAAI,CAClB,QAAgB,EAChB,IAAY,EACZ,UAAkB;QAElB,IAAI,CAAC;YACJ,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,MAAM,EAAE;gBAC/B,MAAM,EAAE,MAAM;gBACd,WAAW,EAAE,SAAS;gBACtB,OAAO,EAAE,WAAW,EAAE;gBACtB,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;aACpD,CAAC,CAAC;YACH,IAAI,CAAC,GAAG,CAAC,EAAE;gBAAE,OAAO,IAAI,CAAC;YACzB,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,EAAE,CAAgB,CAAC;QAC1C,CAAC;QAAC,MAAM,CAAC;YACR,OAAO,IAAI,CAAC;QACb,CAAC;IACF,CAAC;IAED,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AACvB,CAAC"}

package/dist/chat-tab.d.ts

@@ -0,0 +1,14 @@
+import type { EventBus } from "@edv4h/usketch-shared";
+import type { WsProviderHandle } from "@edv4h/usketch-sync";
+import type { ChatClient } from "./chat-client.js";
+export interface ChatTabProps {
+    client: ChatClient;
+    wsProvider: WsProviderHandle | null;
+    userId: string;
+    userName: string;
+    threadId: string;
+    /** chat-widget シェイプの最終メッセージ表示を更新するため、送受信時に emit する */
+    events?: EventBus;
+}
+export declare function ChatTab({ client, wsProvider, userId, userName, threadId, events }: ChatTabProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chat-tab.d.ts.map

package/dist/chat-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-tab.d.ts","sourceRoot":"","sources":["../src/chat-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGnD,MAAM,WAAW,YAAY;IAC5B,MAAM,EAAE,UAAU,CAAC;IACnB,UAAU,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,sDAAsD;IACtD,MAAM,CAAC,EAAE,QAAQ,CAAC;CAClB;AAID,wBAAgB,OAAO,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,YAAY,2CA8P/F"}

package/dist/chat-tab.js

@@ -0,0 +1,182 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+const LOAD_LIMIT = 50;
+export function ChatTab({ client, wsProvider, userId, userName, threadId, events }) {
+    const [messages, setMessages] = useState([]);
+    const [input, setInput] = useState("");
+    const [isComposing, setIsComposing] = useState(false);
+    const [isSending, setIsSending] = useState(false);
+    const [hasMore, setHasMore] = useState(true);
+    const [isLoadingMore, setIsLoadingMore] = useState(false);
+    const scrollRef = useRef(null);
+    const isInitialLoad = useRef(true);
+    const messagesRef = useRef(messages);
+    messagesRef.current = messages;
+    const scrollToBottom = useCallback(() => {
+        requestAnimationFrame(() => {
+            if (scrollRef.current) {
+                scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+            }
+        });
+    }, []);
+    // threadId が変わったらメッセージをリセットして再取得
+    useEffect(() => {
+        let cancelled = false;
+        setMessages([]);
+        setHasMore(true);
+        isInitialLoad.current = true;
+        client.list(threadId, LOAD_LIMIT).then((msgs) => {
+            if (cancelled)
+                return;
+            setMessages(msgs);
+            setHasMore(msgs.length >= LOAD_LIMIT);
+            isInitialLoad.current = false;
+            scrollToBottom();
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [client, threadId, scrollToBottom]);
+    // WebSocket broadcast でリアルタイム受信（同じスレッドのみ）
+    useEffect(() => {
+        if (!wsProvider)
+            return;
+        return wsProvider.onBroadcast((msg) => {
+            if (msg.kind !== "chat-message")
+                return;
+            const chatMsg = msg;
+            if (chatMsg.message.authorId === userId)
+                return;
+            // アクティブタブで見ているスレッドのみ表示に追加（他スレッドも shape 更新イベントは出す）
+            if (chatMsg.message.threadId === threadId) {
+                setMessages((prev) => [...prev, chatMsg.message]);
+                scrollToBottom();
+            }
+            events?.emit("chat-widget:new-message", {
+                message: chatMsg.message,
+                fromActiveTab: chatMsg.message.threadId === threadId,
+            });
+        });
+    }, [wsProvider, userId, threadId, scrollToBottom, events]);
+    // 上スクロールで過去メッセージ読み込み
+    const handleScroll = useCallback(() => {
+        if (!scrollRef.current || !hasMore || isLoadingMore)
+            return;
+        if (scrollRef.current.scrollTop > 50)
+            return;
+        const oldest = messagesRef.current[0];
+        if (!oldest)
+            return;
+        setIsLoadingMore(true);
+        const el = scrollRef.current;
+        const prevHeight = el.scrollHeight;
+        client.list(threadId, LOAD_LIMIT, oldest.createdAt).then((older) => {
+            if (older.length < LOAD_LIMIT)
+                setHasMore(false);
+            if (older.length > 0) {
+                setMessages((prev) => [...older, ...prev]);
+                requestAnimationFrame(() => {
+                    el.scrollTop = el.scrollHeight - prevHeight;
+                });
+            }
+            setIsLoadingMore(false);
+        });
+    }, [client, threadId, hasMore, isLoadingMore]);
+    const handleSend = useCallback(async () => {
+        const text = input.trim();
+        if (!text || isSending)
+            return;
+        setIsSending(true);
+        setInput("");
+        const saved = await client.send(threadId, text, userName);
+        if (saved) {
+            setMessages((prev) => [...prev, saved]);
+            scrollToBottom();
+            wsProvider?.broadcast({ kind: "chat-message", message: saved });
+            // 自分の送信は wsProvider.broadcast では自分に届かない想定なので明示的に emit
+            events?.emit("chat-widget:new-message", {
+                message: saved,
+                fromActiveTab: true,
+            });
+        }
+        setIsSending(false);
+    }, [input, isSending, client, threadId, userName, wsProvider, scrollToBottom, events]);
+    return (_jsxs("div", { style: {
+            display: "flex",
+            flexDirection: "column",
+            height: "100%",
+            minHeight: 300,
+            color: "var(--fg-primary)",
+        }, children: [_jsxs("div", { ref: scrollRef, onScroll: handleScroll, style: { flex: 1, overflowY: "auto", padding: "12px 16px" }, children: [isLoadingMore && (_jsx("div", { style: {
+                            textAlign: "center",
+                            color: "var(--fg-tertiary)",
+                            fontSize: 12,
+                            padding: "8px 0",
+                        }, children: "\u8AAD\u307F\u8FBC\u307F\u4E2D\u2026" })), messages.length === 0 && !isInitialLoad.current && (_jsx("div", { style: {
+                            textAlign: "center",
+                            color: "var(--fg-tertiary)",
+                            fontSize: 13,
+                            padding: "24px 0",
+                        }, children: "\u307E\u3060\u30E1\u30C3\u30BB\u30FC\u30B8\u306F\u3042\u308A\u307E\u305B\u3093\u3002\u4F1A\u8A71\u3092\u59CB\u3081\u307E\u3057\u3087\u3046\u3002" })), messages.map((msg) => {
+                        const isOwn = msg.authorId === userId;
+                        return (_jsxs("div", { style: {
+                                marginBottom: 10,
+                                display: "flex",
+                                flexDirection: "column",
+                                alignItems: isOwn ? "flex-end" : "flex-start",
+                            }, children: [!isOwn && (_jsx("div", { style: {
+                                        fontSize: 11,
+                                        color: "var(--fg-tertiary)",
+                                        marginBottom: 2,
+                                        padding: "0 4px",
+                                    }, children: msg.authorName })), _jsx("div", { style: {
+                                        maxWidth: "85%",
+                                        padding: "8px 12px",
+                                        borderRadius: isOwn ? "12px 12px 4px 12px" : "12px 12px 12px 4px",
+                                        background: isOwn ? "var(--brand-gradient)" : "var(--bg-input)",
+                                        color: isOwn ? "white" : "var(--fg-primary)",
+                                        fontSize: 13,
+                                        lineHeight: 1.5,
+                                        wordBreak: "break-word",
+                                    }, children: msg.text }), _jsx("div", { style: {
+                                        fontSize: 10,
+                                        color: "var(--fg-tertiary)",
+                                        marginTop: 2,
+                                        padding: "0 4px",
+                                    }, children: new Date(msg.createdAt).toLocaleTimeString([], {
+                                        hour: "2-digit",
+                                        minute: "2-digit",
+                                    }) })] }, msg.id));
+                    })] }), _jsxs("div", { style: {
+                    borderTop: "1px solid var(--border-subtle)",
+                    padding: "10px 12px",
+                    display: "flex",
+                    gap: 8,
+                }, children: [_jsx("input", { type: "text", value: input, onChange: (e) => setInput(e.target.value), onCompositionStart: () => setIsComposing(true), onCompositionEnd: () => setIsComposing(false), onKeyDown: (e) => {
+                            e.stopPropagation();
+                            if (e.key === "Enter" && !isComposing && !isSending)
+                                handleSend();
+                        }, placeholder: "\u30E1\u30C3\u30BB\u30FC\u30B8\u3092\u5165\u529B\u2026", disabled: isSending, style: {
+                            flex: 1,
+                            border: "1px solid var(--border-default)",
+                            background: "var(--bg-input)",
+                            color: "var(--fg-primary)",
+                            borderRadius: 8,
+                            padding: "8px 12px",
+                            fontSize: 13,
+                            outline: "none",
+                            fontFamily: "inherit",
+                        } }), _jsx("button", { type: "button", onClick: handleSend, disabled: isSending || !input.trim(), style: {
+                            border: "none",
+                            background: isSending || !input.trim() ? "var(--bg-input)" : "var(--brand-gradient)",
+                            color: isSending || !input.trim() ? "var(--fg-tertiary)" : "white",
+                            borderRadius: 8,
+                            padding: "8px 14px",
+                            fontSize: 13,
+                            fontWeight: 500,
+                            cursor: isSending || !input.trim() ? "default" : "pointer",
+                            flexShrink: 0,
+                            fontFamily: "inherit",
+                        }, children: "\u9001\u4FE1" })] })] }));
+}
+//# sourceMappingURL=chat-tab.js.map

package/dist/chat-tab.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export type { CommunityChatOptions } from "./plugin.js";
+export { createCommunityChatPlugin } from "./plugin.js";
+export type { ChatMessage } from "./types.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,YAAY,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export { createCommunityChatPlugin } 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":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC"}

package/dist/plugin.d.ts

@@ -0,0 +1,11 @@
+import { type UsketchPlugin } from "@edv4h/usketch-shared";
+import type { WsProviderHandle } from "@edv4h/usketch-sync";
+export interface CommunityChatOptions {
+    apiUrl: string;
+    extraHeaders?: Record<string, string>;
+    wsProvider: WsProviderHandle | null;
+    userId: string;
+    userName: string;
+}
+export declare function createCommunityChatPlugin(options: CommunityChatOptions): 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,EAUN,KAAK,aAAa,EAClB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAI5D,MAAM,WAAW,oBAAoB;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,UAAU,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CACjB;AAqWD,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,oBAAoB,GAAG,aAAa,CAoMtF"}

package/dist/plugin.js

@@ -0,0 +1,402 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DEFAULT_STYLE, generateId, } from "@edv4h/usketch-shared";
+import { createAddShapeCommand } from "@edv4h/usketch-store";
+import { createChatClient } from "./chat-client.js";
+// ── ピン定数 ──
+// モックの ChatThreadPin (expanded 状態) 相当: 横長の pill 型
+const PIN_W = 280;
+const PIN_H = 60;
+const ASPECT = PIN_H / PIN_W;
+const MIN_W = 180;
+// threadId をハッシュしてアバター色を決める
+const THREAD_HUES = [265, 330, 195, 150, 20, 210, 0, 175, 240, 35];
+function threadHue(id) {
+    let hash = 0;
+    for (let i = 0; i < id.length; i++) {
+        hash = (hash * 31 + id.charCodeAt(i)) | 0;
+    }
+    return THREAD_HUES[Math.abs(hash) % THREAD_HUES.length] ?? 265;
+}
+function formatRelativeTime(iso) {
+    const then = new Date(iso).getTime();
+    if (!Number.isFinite(then))
+        return "";
+    const diff = Date.now() - then;
+    if (diff < 0)
+        return "今";
+    const sec = Math.floor(diff / 1000);
+    if (sec < 60)
+        return "今";
+    const min = Math.floor(sec / 60);
+    if (min < 60)
+        return `${min}分前`;
+    const hr = Math.floor(min / 60);
+    if (hr < 24)
+        return `${hr}時間前`;
+    const day = Math.floor(hr / 24);
+    if (day < 7)
+        return `${day}日前`;
+    return new Date(iso).toLocaleDateString();
+}
+// ── ピン描画 ──
+function renderChatPin(data) {
+    const label = data.chatLabel || "Chat";
+    const lastMessage = data.lastMessage || "";
+    const lastAuthor = data.lastAuthor || "";
+    const lastMessageAt = data.lastMessageAt || "";
+    const unread = Number(data.unread ?? 0);
+    const hue = threadHue(data.threadId || data.id);
+    const accentColor = `hsl(${hue}, 70%, 60%)`;
+    const softColor = `hsl(${hue}, 70%, 85%)`;
+    const relTime = lastMessageAt ? formatRelativeTime(lastMessageAt) : "";
+    // tail を含めるため、外側ラッパーは overflow: visible で、
+    // 内部の pill だけに overflow: hidden をかける。
+    // tail は pill の下辺から張り出す SVG で描画し、pill 背景と border を一筆で継承する。
+    const TAIL_W = 14;
+    const TAIL_H = 8;
+    const TAIL_OFFSET_LEFT = 24; // アバター中心の少し右下から生やす
+    return (_jsxs("div", { style: {
+            width: "100%",
+            height: "100%",
+            position: "relative",
+            pointerEvents: "none",
+            userSelect: "none",
+            boxSizing: "border-box",
+            fontFamily: "var(--font-sans, system-ui, sans-serif)",
+            filter: `drop-shadow(0 6px 14px color-mix(in oklab, ${accentColor} 28%, transparent))`,
+        }, children: [_jsxs("div", { style: {
+                    position: "absolute",
+                    inset: 0,
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 10,
+                    padding: "8px 14px 8px 8px",
+                    background: "var(--bg-surface-raised)",
+                    border: `1.5px solid ${accentColor}`,
+                    borderRadius: 99,
+                    backdropFilter: "blur(20px) saturate(1.4)",
+                    WebkitBackdropFilter: "blur(20px) saturate(1.4)",
+                    overflow: "hidden",
+                    boxSizing: "border-box",
+                }, children: [_jsxs("div", { style: {
+                            width: 32,
+                            height: 32,
+                            borderRadius: 99,
+                            flexShrink: 0,
+                            background: `linear-gradient(135deg, ${accentColor}, ${softColor})`,
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            position: "relative",
+                        }, children: [_jsx("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M2.5 7.5c0-2.8 2.5-5 5.5-5s5.5 2.2 5.5 5-2.5 5-5.5 5c-.7 0-1.4-.1-2-.3L3 13.5l.8-2.4a4.8 4.8 0 0 1-1.3-3.6Z" }) }), unread > 0 && (_jsx("div", { style: {
+                                    position: "absolute",
+                                    top: -3,
+                                    right: -3,
+                                    minWidth: 16,
+                                    height: 16,
+                                    padding: "0 4px",
+                                    borderRadius: 99,
+                                    background: "var(--danger)",
+                                    color: "white",
+                                    fontSize: 9.5,
+                                    fontWeight: 700,
+                                    display: "flex",
+                                    alignItems: "center",
+                                    justifyContent: "center",
+                                    border: "2px solid var(--bg-canvas)",
+                                }, children: unread > 99 ? "99+" : unread }))] }), _jsxs("div", { style: { minWidth: 0, lineHeight: 1.25, flex: 1 }, children: [_jsxs("div", { style: {
+                                    display: "flex",
+                                    alignItems: "baseline",
+                                    gap: 6,
+                                    minWidth: 0,
+                                }, children: [_jsx("div", { style: {
+                                            fontSize: 12,
+                                            fontWeight: 600,
+                                            color: "var(--fg-primary)",
+                                            whiteSpace: "nowrap",
+                                            overflow: "hidden",
+                                            textOverflow: "ellipsis",
+                                            flex: 1,
+                                            minWidth: 0,
+                                        }, title: label, children: label }), relTime && (_jsx("div", { style: {
+                                            fontSize: 9.5,
+                                            color: "var(--fg-tertiary)",
+                                            fontFamily: "var(--font-mono)",
+                                            flexShrink: 0,
+                                        }, children: relTime }))] }), lastMessage && (_jsxs("div", { style: {
+                                    fontSize: 10.5,
+                                    color: "var(--fg-tertiary)",
+                                    whiteSpace: "nowrap",
+                                    overflow: "hidden",
+                                    textOverflow: "ellipsis",
+                                }, children: [lastAuthor && (_jsxs("span", { style: { color: accentColor, fontWeight: 500 }, children: [lastAuthor, ": "] })), lastMessage] }))] })] }), _jsxs("svg", { "aria-hidden": "true", width: TAIL_W, height: TAIL_H + 2, viewBox: `0 0 ${TAIL_W} ${TAIL_H + 2}`, style: {
+                    position: "absolute",
+                    left: TAIL_OFFSET_LEFT,
+                    // pill の下端線にちょうど重ねる。pill の border 1.5px の外側に出すため少し上から。
+                    bottom: -(TAIL_H + 1),
+                    pointerEvents: "none",
+                }, children: [_jsx("path", { d: `M0 0 L${TAIL_W} 0 L${TAIL_W / 2} ${TAIL_H} Z`, fill: "var(--bg-surface-raised)", stroke: accentColor, strokeWidth: "1.5", strokeLinejoin: "round" }), _jsx("line", { x1: "1", y1: "0", x2: TAIL_W - 1, y2: "0", stroke: "var(--bg-surface-raised)", strokeWidth: "2" })] })] }));
+}
+// ── シェイプ関数 ──
+function getBounds(data) {
+    return { x: data.x, y: data.y, width: data.width, height: data.height };
+}
+function hitTest(data, point) {
+    return (point.x >= data.x &&
+        point.x <= data.x + data.width &&
+        point.y >= data.y &&
+        point.y <= data.y + data.height);
+}
+function resize(data, handle, delta) {
+    let { x, y, width, height } = data;
+    switch (handle) {
+        case "se":
+            width += delta.x;
+            height = width * ASPECT;
+            break;
+        case "nw": {
+            const newW = width - delta.x;
+            x = data.x + data.width - newW;
+            y = data.y + data.height - newW * ASPECT;
+            width = newW;
+            height = newW * ASPECT;
+            break;
+        }
+        case "ne": {
+            width += delta.x;
+            y = data.y + data.height - width * ASPECT;
+            height = width * ASPECT;
+            break;
+        }
+        case "sw": {
+            const newW = width - delta.x;
+            x = data.x + data.width - newW;
+            width = newW;
+            height = newW * ASPECT;
+            break;
+        }
+        case "e":
+            width += delta.x;
+            height = width * ASPECT;
+            break;
+        case "w": {
+            const newW = width - delta.x;
+            x = data.x + data.width - newW;
+            width = newW;
+            height = newW * ASPECT;
+            break;
+        }
+        case "n": {
+            height -= delta.y;
+            const newW = height / ASPECT;
+            x = data.x + (data.width - newW) / 2;
+            y += delta.y;
+            width = newW;
+            break;
+        }
+        case "s":
+            height += delta.y;
+            width = height / ASPECT;
+            x = data.x + (data.width - width) / 2;
+            break;
+    }
+    const minH = MIN_W * ASPECT;
+    if (width < MIN_W) {
+        width = MIN_W;
+        height = minH;
+    }
+    return { ...data, x, y, width, height };
+}
+function createDefault(params) {
+    return {
+        id: params.id,
+        type: "chat-widget",
+        x: params.x,
+        y: params.y,
+        width: PIN_W,
+        height: PIN_H,
+        style: { ...DEFAULT_STYLE, fill: "transparent", stroke: "transparent", strokeWidth: 0 },
+        chatLabel: "Chat",
+        threadId: generateId(),
+        unread: 0,
+    };
+}
+function ChatIcon() {
+    return (_jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", children: [_jsx("title", { children: "Chat" }), _jsx("path", { d: "M4 4h12a2 2 0 012 2v7a2 2 0 01-2 2H8l-4 3v-3a2 2 0 01-2-2V6a2 2 0 012-2z", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }), _jsx("line", { x1: "7", y1: "8", x2: "13", y2: "8", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" }), _jsx("line", { x1: "7", y1: "11", x2: "11", y2: "11", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" })] }));
+}
+// ── プラグイン ──
+export function createCommunityChatPlugin(options) {
+    let cleanup;
+    const client = createChatClient({
+        apiUrl: options.apiUrl,
+        extraHeaders: options.extraHeaders,
+    });
+    return {
+        id: "usketch-plugin-community-chat",
+        name: "Community Chat",
+        async setup(ctx) {
+            const { ChatTab } = await import("./chat-tab.js");
+            // 現在選択中のスレッドID を追跡
+            let activeThreadId = "default";
+            // サイドパネルタブ登録 — render 内で activeThreadId を参照
+            ctx.events.emit("side-panel:register-tab", {
+                tab: {
+                    id: "community-chat",
+                    label: "Chat",
+                    icon: "\u{1F4AC}",
+                    order: 3,
+                    render: () => (_jsx(ChatTab, { client: client, wsProvider: options.wsProvider, userId: options.userId, userName: options.userName, threadId: activeThreadId, events: ctx.events })),
+                },
+            });
+            // チャットピンシェイプ登録
+            ctx.shapes.register("chat-widget", {
+                render: renderChatPin,
+                getBounds,
+                hitTest,
+                resize,
+                createDefault,
+                renderTarget: "html",
+                minSize: { width: MIN_W, height: MIN_W * ASPECT },
+            });
+            // chat-widget シェイプの最終メッセージ / unread を更新するイベント購読
+            const unsubNewMessage = ctx.events.on("chat-widget:new-message", ({ message, fromActiveTab }) => {
+                const shapes = ctx.store.getShapes();
+                for (const [id, shape] of shapes) {
+                    if (shape.type !== "chat-widget")
+                        continue;
+                    if (shape.threadId !== message.threadId)
+                        continue;
+                    const prevUnread = Number(shape.unread ?? 0);
+                    const nextUnread = fromActiveTab ? 0 : prevUnread + 1;
+                    ctx.store.updateShape(id, {
+                        lastMessage: message.text,
+                        lastAuthor: message.authorName,
+                        lastAuthorId: message.authorId,
+                        lastMessageAt: message.createdAt,
+                        unread: nextUnread,
+                    });
+                }
+            });
+            // アクティブスレッド切替時 / タブを開いた時、そのスレッドの unread をリセット
+            const clearUnreadForThread = (threadId) => {
+                const shapes = ctx.store.getShapes();
+                for (const [id, shape] of shapes) {
+                    if (shape.type !== "chat-widget")
+                        continue;
+                    if (shape.threadId !== threadId)
+                        continue;
+                    if (Number(shape.unread ?? 0) === 0)
+                        continue;
+                    ctx.store.updateShape(id, { unread: 0 });
+                }
+            };
+            // 初期ロード時: 画面にある chat-widget シェイプ全ての最新メッセージを fetch して反映
+            // （新規 shape が後から増えたときのためにも、追加時に再 fetch する）
+            const refreshShapeMetadata = async (shapeId, threadId) => {
+                const msgs = await client.list(threadId, 1);
+                const last = msgs[msgs.length - 1];
+                if (!last)
+                    return;
+                const shape = ctx.store.getShape(shapeId);
+                if (!shape || shape.type !== "chat-widget")
+                    return;
+                if (shape.lastMessageAt === last.createdAt)
+                    return; // 変更なし
+                ctx.store.updateShape(shapeId, {
+                    lastMessage: last.text,
+                    lastAuthor: last.authorName,
+                    lastAuthorId: last.authorId,
+                    lastMessageAt: last.createdAt,
+                });
+            };
+            // 初期同期: 現在ある chat-widget シェイプ全てを 1 回 fetch
+            setTimeout(() => {
+                const shapes = ctx.store.getShapes();
+                for (const [id, shape] of shapes) {
+                    if (shape.type !== "chat-widget")
+                        continue;
+                    const threadId = shape.threadId || "";
+                    if (threadId)
+                        refreshShapeMetadata(id, threadId);
+                }
+            }, 0);
+            // 新規 chat-widget が追加されたら fetch
+            const unsubShapeAdd = ctx.store.onMutation((event) => {
+                if (event.type !== "shape:added")
+                    return;
+                const payload = event.payload;
+                const shapeId = payload?.id;
+                if (typeof shapeId !== "string")
+                    return;
+                const shape = ctx.store.getShape(shapeId);
+                if (!shape || shape.type !== "chat-widget")
+                    return;
+                const threadId = shape.threadId || "";
+                if (threadId)
+                    refreshShapeMetadata(shapeId, threadId);
+            });
+            // チャットピン選択時 → そのスレッドをサイドパネルで開く
+            let prevSelectedChatId = null;
+            const unsubMutation = ctx.store.onMutation(() => {
+                const selection = ctx.store.getSelection();
+                if (selection.size !== 1) {
+                    prevSelectedChatId = null;
+                    return;
+                }
+                const shapeId = [...selection][0];
+                const shape = ctx.store.getShape(shapeId);
+                if (!shape || shape.type !== "chat-widget") {
+                    prevSelectedChatId = null;
+                    return;
+                }
+                const threadId = shape.threadId || "default";
+                if (shapeId !== prevSelectedChatId) {
+                    prevSelectedChatId = shapeId;
+                    activeThreadId = threadId;
+                    clearUnreadForThread(threadId);
+                    // タブを再登録してスレッドを切り替え
+                    ctx.events.emit("side-panel:unregister-tab", { tabId: "community-chat" });
+                    ctx.events.emit("side-panel:register-tab", {
+                        tab: {
+                            id: "community-chat",
+                            label: shape.chatLabel || "Chat",
+                            icon: "\u{1F4AC}",
+                            order: 3,
+                            render: () => (_jsx(ChatTab, { client: client, wsProvider: options.wsProvider, userId: options.userId, userName: options.userName, threadId: activeThreadId, events: ctx.events })),
+                        },
+                    });
+                    ctx.events.emit("side-panel:open", { tabId: "community-chat" });
+                }
+            });
+            // チャットピン作成ツール
+            ctx.tools.register("chat-widget-create", {
+                icon: ChatIcon,
+                cursor: "crosshair",
+                shortcut: undefined,
+                order: 6,
+                onPointerDown: (_toolCtx, _event) => { },
+                onPointerMove: (_toolCtx, _event) => { },
+                onPointerUp: (toolCtx, event) => {
+                    const id = generateId();
+                    const shape = createDefault({
+                        id,
+                        x: event.worldPoint.x - PIN_W / 2,
+                        y: event.worldPoint.y - PIN_H / 2,
+                    });
+                    toolCtx.commands.execute(createAddShapeCommand(toolCtx.store, shape));
+                    toolCtx.store.setActiveToolId("select");
+                },
+            });
+            cleanup = () => {
+                unsubMutation();
+                unsubNewMessage();
+                unsubShapeAdd();
+                ctx.events.emit("side-panel:unregister-tab", { tabId: "community-chat" });
+            };
+        },
+        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/types.d.ts

@@ -0,0 +1,16 @@
+export interface ChatMessage {
+    id: string;
+    boardId: string;
+    threadId: string;
+    authorId: string;
+    authorName: string;
+    text: string;
+    createdAt: string;
+}
+/** chat-widget シェイプが subscribe する新着メッセージイベント */
+export interface ChatNewMessageEvent {
+    message: ChatMessage;
+    /** このイベントは「現在アクティブなタブで受信/送信された」= unread に計上しない */
+    fromActiveTab: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CAClB;AAED,gDAAgD;AAChD,MAAM,WAAW,mBAAmB;IACnC,OAAO,EAAE,WAAW,CAAC;IACrB,kDAAkD;IAClD,aAAa,EAAE,OAAO,CAAC;CACvB"}

package/dist/types.js

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

package/dist/types.js.map

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

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@edv4h/usketch-plugin-community-chat",
+  "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",
+    "@edv4h/usketch-sync": "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-community-chat"
+  },
+  "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"
+  }
+}