@edv4h/usketch-plugin-side-panel 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/index.d.ts

@@ -0,0 +1,4 @@
+export { createSidePanelPlugin } from "./plugin.js";
+export type { TabStore } from "./tab-store.js";
+export type { SidePanelOpenEvent, SidePanelRegisterEvent, SidePanelTab, SidePanelUnregisterEvent, } 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,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,YAAY,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,YAAY,EACX,kBAAkB,EAClB,sBAAsB,EACtB,YAAY,EACZ,wBAAwB,GACxB,MAAM,YAAY,CAAC"}

package/dist/index.js

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

package/dist/plugin.d.ts

@@ -0,0 +1,12 @@
+import type { UsketchPlugin } from "@edv4h/usketch-shared";
+/**
+ * NOTE: このプラグインは `side-panel:register-tab` / `side-panel:unregister-tab`
+ * イベントを setup 時に listen する。EventBus は過去の emit を replay しないため、
+ * タブを登録する側のプラグイン（ai-chat / comments / activity-feed 等）より
+ * **先に** plugin 配列に入れて setup されている必要がある。
+ *
+ * 順序を誤るとタブが表示されない（silent failure）ので、apps 側でコメントで
+ * 明示することを推奨。
+ */
+export declare function createSidePanelPlugin(): 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,EAAiB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAK1E;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,IAAI,aAAa,CA2CrD"}

package/dist/plugin.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SidePanelUI } from "./side-panel-ui.js";
+import { createTabStore } from "./tab-store.js";
+/**
+ * NOTE: このプラグインは `side-panel:register-tab` / `side-panel:unregister-tab`
+ * イベントを setup 時に listen する。EventBus は過去の emit を replay しないため、
+ * タブを登録する側のプラグイン（ai-chat / comments / activity-feed 等）より
+ * **先に** plugin 配列に入れて setup されている必要がある。
+ *
+ * 順序を誤るとタブが表示されない（silent failure）ので、apps 側でコメントで
+ * 明示することを推奨。
+ */
+export function createSidePanelPlugin() {
+    let cleanup;
+    return {
+        id: "usketch-plugin-side-panel",
+        name: "Side Panel",
+        setup(ctx) {
+            const tabStore = createTabStore();
+            // EventBus → TabStore ブリッジ（プラグインsetup中のemitもキャッチ）
+            const unsubRegister = ctx.events.on("side-panel:register-tab", ({ tab }) => {
+                tabStore.register(tab);
+            });
+            const unsubUnregister = ctx.events.on("side-panel:unregister-tab", ({ tabId }) => {
+                tabStore.unregister(tabId);
+            });
+            ctx.layers.register({
+                id: "side-panel",
+                order: 190,
+                fixed: true,
+                render: () => _jsx(SidePanelUI, { events: ctx.events, tabStore: tabStore }),
+            });
+            cleanup = () => {
+                unsubRegister();
+                unsubUnregister();
+                ctx.layers.unregister("side-panel");
+            };
+        },
+        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":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGhD;;;;;;;;GAQG;AACH,MAAM,UAAU,qBAAqB;IACpC,IAAI,OAAiC,CAAC;IAEtC,OAAO;QACN,EAAE,EAAE,2BAA2B;QAC/B,IAAI,EAAE,YAAY;QAElB,KAAK,CAAC,GAAkB;YACvB,MAAM,QAAQ,GAAG,cAAc,EAAE,CAAC;YAElC,kDAAkD;YAClD,MAAM,aAAa,GAAG,GAAG,CAAC,MAAM,CAAC,EAAE,CAClC,yBAAyB,EACzB,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;gBACX,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YACxB,CAAC,CACD,CAAC;YAEF,MAAM,eAAe,GAAG,GAAG,CAAC,MAAM,CAAC,EAAE,CACpC,2BAA2B,EAC3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;gBACb,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC,CACD,CAAC;YAEF,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC;gBACnB,EAAE,EAAE,YAAY;gBAChB,KAAK,EAAE,GAAG;gBACV,KAAK,EAAE,IAAI;gBACX,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,WAAW,IAAC,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,GAAI;aACrE,CAAC,CAAC;YAEH,OAAO,GAAG,GAAG,EAAE;gBACd,aAAa,EAAE,CAAC;gBAChB,eAAe,EAAE,CAAC;gBAClB,GAAG,CAAC,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;YACrC,CAAC,CAAC;QACH,CAAC;QAED,QAAQ;YACP,OAAO,EAAE,EAAE,CAAC;QACb,CAAC;KACD,CAAC;AACH,CAAC"}

package/dist/side-panel-ui.d.ts

@@ -0,0 +1,9 @@
+import type { EventBus } from "@edv4h/usketch-shared";
+import type { TabStore } from "./tab-store.js";
+interface SidePanelUIProps {
+    events: EventBus;
+    tabStore: TabStore;
+}
+export declare function SidePanelUI({ events, tabStore }: SidePanelUIProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=side-panel-ui.d.ts.map

package/dist/side-panel-ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-panel-ui.d.ts","sourceRoot":"","sources":["../src/side-panel-ui.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG/C,UAAU,gBAAgB;IACzB,MAAM,EAAE,QAAQ,CAAC;IACjB,QAAQ,EAAE,QAAQ,CAAC;CACnB;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,gBAAgB,kDAwJjE"}

package/dist/side-panel-ui.js

@@ -0,0 +1,105 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useState, useSyncExternalStore } from "react";
+export function SidePanelUI({ events, tabStore }) {
+    const tabs = useSyncExternalStore(tabStore.subscribe, tabStore.getTabs, tabStore.getTabs);
+    const [activeTabId, setActiveTabId] = useState(null);
+    const [open, setOpen] = useState(false);
+    useEffect(() => {
+        const unsubs = [];
+        unsubs.push(events.on("side-panel:open", (ev) => {
+            setOpen(true);
+            if (ev.tabId)
+                setActiveTabId(ev.tabId);
+        }));
+        unsubs.push(events.on("side-panel:close", () => {
+            setOpen(false);
+        }));
+        unsubs.push(events.on("side-panel:toggle", (ev) => {
+            setOpen((prev) => {
+                const next = !prev;
+                if (next && ev.tabId)
+                    setActiveTabId(ev.tabId);
+                return next;
+            });
+        }));
+        return () => {
+            for (const u of unsubs)
+                u();
+        };
+    }, [events]);
+    // activeTabIdがnull、または存在しないタブを指している場合、最初のタブにフォールバック
+    const validTabId = activeTabId && tabs.some((t) => t.id === activeTabId) ? activeTabId : null;
+    const resolvedTabId = validTabId ?? tabs[0]?.id ?? null;
+    const activeTab = tabs.find((t) => t.id === resolvedTabId);
+    const handleClose = useCallback(() => {
+        setOpen(false);
+        events.emit("side-panel:close", {});
+    }, [events]);
+    if (!open || tabs.length === 0)
+        return null;
+    return (_jsxs("aside", { "aria-label": "Side Panel", className: "u-surface u-anim-in", onPointerDown: (e) => e.stopPropagation(), onPointerUp: (e) => e.stopPropagation(), onClick: (e) => e.stopPropagation(), onKeyDown: (e) => {
+            // Cmd/Ctrl ショートカットはグローバルリスナー（Cmd+K等）に伝播させる
+            if (e.metaKey || e.ctrlKey)
+                return;
+            e.stopPropagation();
+        }, onWheel: (e) => e.stopPropagation(), style: {
+            position: "fixed",
+            top: 70,
+            right: 12,
+            width: 340,
+            maxHeight: "calc(100vh - 160px)",
+            borderRadius: 14,
+            zIndex: 160,
+            display: "flex",
+            flexDirection: "column",
+            overflow: "hidden",
+            color: "var(--fg-primary)",
+            fontFamily: "var(--font-sans, system-ui, sans-serif)",
+        }, children: [_jsxs("div", { style: {
+                    display: "flex",
+                    padding: 6,
+                    gap: 2,
+                    borderBottom: "1px solid var(--border-subtle)",
+                    alignItems: "center",
+                }, children: [_jsx("div", { style: { display: "flex", flex: 1, minWidth: 0 }, children: tabs.map((tab) => {
+                            const active = resolvedTabId === tab.id;
+                            return (_jsxs("button", { type: "button", onClick: () => setActiveTabId(tab.id), title: tab.label, style: {
+                                    flex: 1,
+                                    display: "flex",
+                                    alignItems: "center",
+                                    justifyContent: "center",
+                                    gap: 5,
+                                    padding: "7px 6px",
+                                    background: active ? "var(--bg-active)" : "transparent",
+                                    color: active ? "var(--brand-violet)" : "var(--fg-secondary)",
+                                    border: "none",
+                                    borderRadius: 7,
+                                    cursor: "pointer",
+                                    fontSize: 11.5,
+                                    fontWeight: 500,
+                                    fontFamily: "inherit",
+                                    whiteSpace: "nowrap",
+                                    minWidth: 0,
+                                    transition: "background var(--dur-fast), color var(--dur-fast)",
+                                }, children: [_jsx(TabIcon, { tab: tab }), _jsx("span", { style: {
+                                            overflow: "hidden",
+                                            textOverflow: "ellipsis",
+                                        }, children: tab.label })] }, tab.id));
+                        }) }), _jsx("button", { type: "button", onClick: handleClose, "aria-label": "\u30B5\u30A4\u30C9\u30D1\u30CD\u30EB\u3092\u9589\u3058\u308B", style: {
+                            padding: 7,
+                            background: "transparent",
+                            border: "none",
+                            color: "var(--fg-tertiary)",
+                            cursor: "pointer",
+                            borderRadius: 6,
+                            fontSize: 14,
+                            lineHeight: 1,
+                            flexShrink: 0,
+                        }, children: "\u00D7" })] }), _jsx("div", { style: { flex: 1, overflow: "auto", minHeight: 0 }, children: activeTab ? activeTab.render() : null })] }));
+}
+function TabIcon({ tab }) {
+    if (tab.iconComponent)
+        return _jsx(_Fragment, { children: tab.iconComponent() });
+    return _jsx("span", { style: { fontSize: 13, lineHeight: 1 }, children: tab.icon });
+}
+//# sourceMappingURL=side-panel-ui.js.map

package/dist/side-panel-ui.js.map

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

package/dist/tab-store.d.ts

@@ -0,0 +1,10 @@
+import type { SidePanelTab } from "./types.js";
+export type TabStoreListener = () => void;
+export interface TabStore {
+    getTabs(): SidePanelTab[];
+    register(tab: SidePanelTab): void;
+    unregister(tabId: string): void;
+    subscribe(listener: TabStoreListener): () => void;
+}
+export declare function createTabStore(): TabStore;
+//# sourceMappingURL=tab-store.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tab-store.d.ts","sourceRoot":"","sources":["../src/tab-store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,MAAM,IAAI,CAAC;AAE1C,MAAM,WAAW,QAAQ;IACxB,OAAO,IAAI,YAAY,EAAE,CAAC;IAC1B,QAAQ,CAAC,GAAG,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,SAAS,CAAC,QAAQ,EAAE,gBAAgB,GAAG,MAAM,IAAI,CAAC;CAClD;AAED,wBAAgB,cAAc,IAAI,QAAQ,CA4BzC"}

package/dist/tab-store.js

@@ -0,0 +1,30 @@
+export function createTabStore() {
+    let tabs = [];
+    const listeners = new Set();
+    function notify() {
+        for (const l of listeners)
+            l();
+    }
+    return {
+        getTabs() {
+            return tabs;
+        },
+        register(tab) {
+            if (tabs.some((t) => t.id === tab.id))
+                return;
+            tabs = [...tabs, tab].sort((a, b) => a.order - b.order);
+            notify();
+        },
+        unregister(tabId) {
+            tabs = tabs.filter((t) => t.id !== tabId);
+            notify();
+        },
+        subscribe(listener) {
+            listeners.add(listener);
+            return () => {
+                listeners.delete(listener);
+            };
+        },
+    };
+}
+//# sourceMappingURL=tab-store.js.map

package/dist/tab-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-store.js","sourceRoot":"","sources":["../src/tab-store.ts"],"names":[],"mappings":"AAWA,MAAM,UAAU,cAAc;IAC7B,IAAI,IAAI,GAAmB,EAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,IAAI,GAAG,EAAoB,CAAC;IAE9C,SAAS,MAAM;QACd,KAAK,MAAM,CAAC,IAAI,SAAS;YAAE,CAAC,EAAE,CAAC;IAChC,CAAC;IAED,OAAO;QACN,OAAO;YACN,OAAO,IAAI,CAAC;QACb,CAAC;QACD,QAAQ,CAAC,GAAG;YACX,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC;gBAAE,OAAO;YAC9C,IAAI,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;YACxD,MAAM,EAAE,CAAC;QACV,CAAC;QACD,UAAU,CAAC,KAAK;YACf,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC;YAC1C,MAAM,EAAE,CAAC;QACV,CAAC;QACD,SAAS,CAAC,QAAQ;YACjB,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YACxB,OAAO,GAAG,EAAE;gBACX,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YAC5B,CAAC,CAAC;QACH,CAAC;KACD,CAAC;AACH,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode } from "react";
+export interface SidePanelTab {
+    id: string;
+    label: string;
+    /** 絵文字やテキストの short icon（後方互換）。iconComponent があれば優先される。 */
+    icon: string;
+    /**
+     * React コンポーネントで icon を描画する場合に指定する。SVG アイコン等を使いたい場合はこちら。
+     * 指定があれば icon (文字列) より優先される。
+     */
+    iconComponent?: () => ReactNode;
+    order: number;
+    render: () => ReactNode;
+}
+export interface SidePanelRegisterEvent {
+    tab: SidePanelTab;
+}
+export interface SidePanelUnregisterEvent {
+    tabId: string;
+}
+export interface SidePanelOpenEvent {
+    tabId?: string;
+}
+//# 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,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,YAAY;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,SAAS,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,sBAAsB;IACtC,GAAG,EAAE,YAAY,CAAC;CAClB;AAED,MAAM,WAAW,wBAAwB;IACxC,KAAK,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,kBAAkB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CACf"}

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,48 @@
+{
+  "name": "@edv4h/usketch-plugin-side-panel",
+  "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"
+  },
+  "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-side-panel"
+  },
+  "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"
+  }
+}