@edv4h/usketch-plugin-ai-chat 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/dist/ai-chat-tab.d.ts +8 -0
- package/dist/ai-chat-tab.d.ts.map +1 -0
- package/dist/ai-chat-tab.js +165 -0
- package/dist/ai-chat-tab.js.map +1 -0
- package/dist/command-palette.d.ts +11 -0
- package/dist/command-palette.d.ts.map +1 -0
- package/dist/command-palette.js +226 -0
- package/dist/command-palette.js.map +1 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -0
- package/dist/plugin.d.ts +12 -0
- package/dist/plugin.d.ts.map +1 -0
- package/dist/plugin.js +54 -0
- package/dist/plugin.js.map +1 -0
- package/dist/types.d.ts +7 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +2 -0
- package/dist/types.js.map +1 -0
- package/package.json +50 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 EdV4H
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { EventBus } from "@edv4h/usketch-shared";
|
|
2
|
+
interface AiChatTabProps {
|
|
3
|
+
events: EventBus;
|
|
4
|
+
boardId: string;
|
|
5
|
+
}
|
|
6
|
+
export declare function AiChatTab({ events, boardId }: AiChatTabProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=ai-chat-tab.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ai-chat-tab.d.ts","sourceRoot":"","sources":["../src/ai-chat-tab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAItD,UAAU,cAAc;IACvB,MAAM,EAAE,QAAQ,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CAChB;AAOD,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,cAAc,2CAwO5D"}
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useCallback, useEffect, useRef, useState } from "react";
|
|
3
|
+
let messageCounter = 0;
|
|
4
|
+
function nextId() {
|
|
5
|
+
return `chat-${Date.now()}-${++messageCounter}`;
|
|
6
|
+
}
|
|
7
|
+
export function AiChatTab({ events, boardId }) {
|
|
8
|
+
const [messages, setMessages] = useState([]);
|
|
9
|
+
const [input, setInput] = useState("");
|
|
10
|
+
const [isLoading, setIsLoading] = useState(false);
|
|
11
|
+
const [statusText, setStatusText] = useState("");
|
|
12
|
+
const [isComposing, setIsComposing] = useState(false);
|
|
13
|
+
const scrollRef = useRef(null);
|
|
14
|
+
const inputRef = useRef(null);
|
|
15
|
+
const scrollToBottom = useCallback(() => {
|
|
16
|
+
requestAnimationFrame(() => {
|
|
17
|
+
if (scrollRef.current) {
|
|
18
|
+
scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
}, []);
|
|
22
|
+
// AIステータスイベントをリッスン
|
|
23
|
+
useEffect(() => {
|
|
24
|
+
return events.on("ai:status", (status) => {
|
|
25
|
+
switch (status.status) {
|
|
26
|
+
case "thinking":
|
|
27
|
+
setIsLoading(true);
|
|
28
|
+
setStatusText("AI が考えています…");
|
|
29
|
+
scrollToBottom();
|
|
30
|
+
break;
|
|
31
|
+
case "placing":
|
|
32
|
+
setStatusText(`${status.shapeCount ?? 0} 個のシェイプを配置中…`);
|
|
33
|
+
scrollToBottom();
|
|
34
|
+
break;
|
|
35
|
+
case "done":
|
|
36
|
+
setIsLoading(false);
|
|
37
|
+
setStatusText("");
|
|
38
|
+
setMessages((prev) => [
|
|
39
|
+
...prev,
|
|
40
|
+
{
|
|
41
|
+
id: nextId(),
|
|
42
|
+
role: "assistant",
|
|
43
|
+
text: status.shapeCount
|
|
44
|
+
? `完了 — ${status.shapeCount} 個のシェイプを配置しました。`
|
|
45
|
+
: "完了しました。",
|
|
46
|
+
createdAt: new Date().toISOString(),
|
|
47
|
+
},
|
|
48
|
+
]);
|
|
49
|
+
scrollToBottom();
|
|
50
|
+
break;
|
|
51
|
+
case "error":
|
|
52
|
+
setIsLoading(false);
|
|
53
|
+
setStatusText("");
|
|
54
|
+
setMessages((prev) => [
|
|
55
|
+
...prev,
|
|
56
|
+
{
|
|
57
|
+
id: nextId(),
|
|
58
|
+
role: "assistant",
|
|
59
|
+
text: `エラー: ${status.message ?? "予期しない問題が発生しました"}`,
|
|
60
|
+
createdAt: new Date().toISOString(),
|
|
61
|
+
},
|
|
62
|
+
]);
|
|
63
|
+
scrollToBottom();
|
|
64
|
+
break;
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
}, [events, scrollToBottom]);
|
|
68
|
+
const handleSend = useCallback(() => {
|
|
69
|
+
const text = input.trim();
|
|
70
|
+
if (!text || isLoading)
|
|
71
|
+
return;
|
|
72
|
+
setMessages((prev) => [
|
|
73
|
+
...prev,
|
|
74
|
+
{
|
|
75
|
+
id: nextId(),
|
|
76
|
+
role: "user",
|
|
77
|
+
text,
|
|
78
|
+
createdAt: new Date().toISOString(),
|
|
79
|
+
},
|
|
80
|
+
]);
|
|
81
|
+
setInput("");
|
|
82
|
+
scrollToBottom();
|
|
83
|
+
events.emit("ai:request", { prompt: text, boardId });
|
|
84
|
+
}, [input, isLoading, events, boardId, scrollToBottom]);
|
|
85
|
+
return (_jsxs("div", { style: {
|
|
86
|
+
display: "flex",
|
|
87
|
+
flexDirection: "column",
|
|
88
|
+
height: "100%",
|
|
89
|
+
minHeight: 300,
|
|
90
|
+
color: "var(--fg-primary)",
|
|
91
|
+
}, children: [_jsxs("div", { ref: scrollRef, style: { flex: 1, overflowY: "auto", padding: "12px 16px" }, children: [messages.length === 0 && !isLoading && (_jsx("div", { style: {
|
|
92
|
+
textAlign: "center",
|
|
93
|
+
color: "var(--fg-tertiary)",
|
|
94
|
+
fontSize: 13,
|
|
95
|
+
padding: "24px 0",
|
|
96
|
+
}, children: "AI \u306B\u30AD\u30E3\u30F3\u30D0\u30B9\u4E0A\u306E\u30B7\u30A7\u30A4\u30D7\u306E\u4F5C\u6210\u30FB\u7DE8\u96C6\u30FB\u6574\u5217\u3092\u4F9D\u983C\u3067\u304D\u307E\u3059\u3002" })), messages.map((msg) => (_jsxs("div", { style: {
|
|
97
|
+
marginBottom: 12,
|
|
98
|
+
display: "flex",
|
|
99
|
+
flexDirection: "column",
|
|
100
|
+
alignItems: msg.role === "user" ? "flex-end" : "flex-start",
|
|
101
|
+
}, children: [_jsx("div", { style: {
|
|
102
|
+
maxWidth: "85%",
|
|
103
|
+
padding: "8px 12px",
|
|
104
|
+
borderRadius: msg.role === "user" ? "12px 12px 4px 12px" : "12px 12px 12px 4px",
|
|
105
|
+
background: msg.role === "user" ? "var(--brand-gradient)" : "var(--bg-input)",
|
|
106
|
+
color: msg.role === "user" ? "white" : "var(--fg-primary)",
|
|
107
|
+
fontSize: 13,
|
|
108
|
+
lineHeight: 1.5,
|
|
109
|
+
wordBreak: "break-word",
|
|
110
|
+
}, children: msg.text }), _jsx("div", { style: {
|
|
111
|
+
fontSize: 10,
|
|
112
|
+
color: "var(--fg-tertiary)",
|
|
113
|
+
marginTop: 2,
|
|
114
|
+
padding: "0 4px",
|
|
115
|
+
}, children: new Date(msg.createdAt).toLocaleTimeString([], {
|
|
116
|
+
hour: "2-digit",
|
|
117
|
+
minute: "2-digit",
|
|
118
|
+
}) })] }, msg.id))), isLoading && statusText && (_jsxs("div", { style: {
|
|
119
|
+
display: "flex",
|
|
120
|
+
alignItems: "center",
|
|
121
|
+
gap: 8,
|
|
122
|
+
padding: "8px 0",
|
|
123
|
+
fontSize: 13,
|
|
124
|
+
color: "var(--fg-secondary)",
|
|
125
|
+
}, children: [_jsx("div", { style: {
|
|
126
|
+
width: 14,
|
|
127
|
+
height: 14,
|
|
128
|
+
border: "2px solid var(--border-default)",
|
|
129
|
+
borderTopColor: "var(--brand-violet)",
|
|
130
|
+
borderRadius: "50%",
|
|
131
|
+
animation: "ai-chat-spin 0.6s linear infinite",
|
|
132
|
+
flexShrink: 0,
|
|
133
|
+
} }), statusText] }))] }), _jsxs("div", { style: {
|
|
134
|
+
borderTop: "1px solid var(--border-subtle)",
|
|
135
|
+
padding: "10px 12px",
|
|
136
|
+
display: "flex",
|
|
137
|
+
gap: 8,
|
|
138
|
+
}, children: [_jsx("input", { ref: inputRef, type: "text", value: input, onChange: (e) => setInput(e.target.value), onCompositionStart: () => setIsComposing(true), onCompositionEnd: () => setIsComposing(false), onKeyDown: (e) => {
|
|
139
|
+
e.stopPropagation();
|
|
140
|
+
if (e.key === "Enter" && !isComposing && !isLoading)
|
|
141
|
+
handleSend();
|
|
142
|
+
}, placeholder: "AI \u306B\u4F9D\u983C\u2026", disabled: isLoading, style: {
|
|
143
|
+
flex: 1,
|
|
144
|
+
border: "1px solid var(--border-default)",
|
|
145
|
+
background: "var(--bg-input)",
|
|
146
|
+
color: "var(--fg-primary)",
|
|
147
|
+
borderRadius: 8,
|
|
148
|
+
padding: "8px 12px",
|
|
149
|
+
fontSize: 13,
|
|
150
|
+
outline: "none",
|
|
151
|
+
fontFamily: "inherit",
|
|
152
|
+
} }), _jsx("button", { type: "button", onClick: handleSend, disabled: isLoading || !input.trim(), style: {
|
|
153
|
+
border: "none",
|
|
154
|
+
background: isLoading || !input.trim() ? "var(--bg-input)" : "var(--brand-gradient)",
|
|
155
|
+
color: isLoading || !input.trim() ? "var(--fg-tertiary)" : "white",
|
|
156
|
+
borderRadius: 8,
|
|
157
|
+
padding: "8px 14px",
|
|
158
|
+
fontSize: 13,
|
|
159
|
+
fontWeight: 500,
|
|
160
|
+
cursor: isLoading || !input.trim() ? "default" : "pointer",
|
|
161
|
+
flexShrink: 0,
|
|
162
|
+
fontFamily: "inherit",
|
|
163
|
+
}, children: "\u9001\u4FE1" })] }), _jsx("style", { children: `@keyframes ai-chat-spin { to { transform: rotate(360deg); } }` })] }));
|
|
164
|
+
}
|
|
165
|
+
//# sourceMappingURL=ai-chat-tab.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ai-chat-tab.js","sourceRoot":"","sources":["../src/ai-chat-tab.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { EventBus } from "@edv4h/usketch-shared";
|
|
2
|
+
export interface CommandPaletteOptions {
|
|
3
|
+
events: EventBus;
|
|
4
|
+
boardId: string;
|
|
5
|
+
}
|
|
6
|
+
export declare function createCommandPalette(options: CommandPaletteOptions): {
|
|
7
|
+
open: () => void;
|
|
8
|
+
close: () => void;
|
|
9
|
+
destroy: () => void;
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=command-palette.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"command-palette.d.ts","sourceRoot":"","sources":["../src/command-palette.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAmFtD,MAAM,WAAW,qBAAqB;IACrC,MAAM,EAAE,QAAQ,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,qBAAqB,GAAG;IACrE,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB,CAwJA"}
|
|
@@ -0,0 +1,226 @@
|
|
|
1
|
+
const PALETTE_ID = "usketch-ai-command-palette";
|
|
2
|
+
const STYLES = `
|
|
3
|
+
#${PALETTE_ID} {
|
|
4
|
+
position: fixed;
|
|
5
|
+
top: 80px;
|
|
6
|
+
left: 50%;
|
|
7
|
+
transform: translateX(-50%);
|
|
8
|
+
width: 560px;
|
|
9
|
+
max-width: calc(100vw - 32px);
|
|
10
|
+
background: white;
|
|
11
|
+
border-radius: 12px;
|
|
12
|
+
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.05);
|
|
13
|
+
z-index: 9999;
|
|
14
|
+
font-family: system-ui, -apple-system, sans-serif;
|
|
15
|
+
overflow: hidden;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
#${PALETTE_ID} .ai-palette-input-wrap {
|
|
19
|
+
display: flex;
|
|
20
|
+
align-items: center;
|
|
21
|
+
padding: 12px 16px;
|
|
22
|
+
gap: 10px;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
#${PALETTE_ID} .ai-palette-icon {
|
|
26
|
+
flex-shrink: 0;
|
|
27
|
+
width: 20px;
|
|
28
|
+
height: 20px;
|
|
29
|
+
color: #999;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
#${PALETTE_ID} input {
|
|
33
|
+
flex: 1;
|
|
34
|
+
border: none;
|
|
35
|
+
outline: none;
|
|
36
|
+
font-size: 15px;
|
|
37
|
+
line-height: 1.5;
|
|
38
|
+
background: transparent;
|
|
39
|
+
color: #1e1e1e;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
#${PALETTE_ID} input::placeholder {
|
|
43
|
+
color: #aaa;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
#${PALETTE_ID} .ai-palette-status {
|
|
47
|
+
padding: 8px 16px 12px;
|
|
48
|
+
font-size: 13px;
|
|
49
|
+
color: #666;
|
|
50
|
+
border-top: 1px solid #f0f0f0;
|
|
51
|
+
display: flex;
|
|
52
|
+
align-items: center;
|
|
53
|
+
gap: 8px;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
#${PALETTE_ID} .ai-palette-spinner {
|
|
57
|
+
width: 14px;
|
|
58
|
+
height: 14px;
|
|
59
|
+
border: 2px solid #ddd;
|
|
60
|
+
border-top-color: #666;
|
|
61
|
+
border-radius: 50%;
|
|
62
|
+
animation: ai-spin 0.6s linear infinite;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
@keyframes ai-spin {
|
|
66
|
+
to { transform: rotate(360deg); }
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
#${PALETTE_ID} .ai-palette-error {
|
|
70
|
+
color: #c33;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
#${PALETTE_ID}-backdrop {
|
|
74
|
+
position: fixed;
|
|
75
|
+
inset: 0;
|
|
76
|
+
z-index: 9998;
|
|
77
|
+
background: rgba(0, 0, 0, 0.1);
|
|
78
|
+
}
|
|
79
|
+
`;
|
|
80
|
+
export function createCommandPalette(options) {
|
|
81
|
+
const { events, boardId } = options;
|
|
82
|
+
let isOpen = false;
|
|
83
|
+
let paletteEl = null;
|
|
84
|
+
let backdropEl = null;
|
|
85
|
+
let styleEl = null;
|
|
86
|
+
let statusText = "";
|
|
87
|
+
let isLoading = false;
|
|
88
|
+
let errorMessage = "";
|
|
89
|
+
// ステータス購読
|
|
90
|
+
const unsubStatus = events.on("ai:status", (status) => {
|
|
91
|
+
switch (status.status) {
|
|
92
|
+
case "thinking":
|
|
93
|
+
isLoading = true;
|
|
94
|
+
errorMessage = "";
|
|
95
|
+
statusText = "AI is thinking...";
|
|
96
|
+
break;
|
|
97
|
+
case "placing":
|
|
98
|
+
statusText = `Placing ${status.shapeCount ?? 0} shapes...`;
|
|
99
|
+
break;
|
|
100
|
+
case "done":
|
|
101
|
+
isLoading = false;
|
|
102
|
+
statusText = "";
|
|
103
|
+
close();
|
|
104
|
+
break;
|
|
105
|
+
case "error":
|
|
106
|
+
isLoading = false;
|
|
107
|
+
errorMessage = status.message ?? "An error occurred";
|
|
108
|
+
statusText = "";
|
|
109
|
+
break;
|
|
110
|
+
}
|
|
111
|
+
updateStatusUI();
|
|
112
|
+
});
|
|
113
|
+
function injectStyles() {
|
|
114
|
+
if (styleEl)
|
|
115
|
+
return;
|
|
116
|
+
styleEl = document.createElement("style");
|
|
117
|
+
styleEl.textContent = STYLES;
|
|
118
|
+
document.head.appendChild(styleEl);
|
|
119
|
+
}
|
|
120
|
+
function updateStatusUI() {
|
|
121
|
+
if (!paletteEl)
|
|
122
|
+
return;
|
|
123
|
+
const statusEl = paletteEl.querySelector(".ai-palette-status");
|
|
124
|
+
if (!statusEl)
|
|
125
|
+
return;
|
|
126
|
+
// DOM操作で更新（XSS防止のためinnerHTMLは使わない）
|
|
127
|
+
while (statusEl.firstChild) {
|
|
128
|
+
statusEl.removeChild(statusEl.firstChild);
|
|
129
|
+
}
|
|
130
|
+
if (isLoading && statusText) {
|
|
131
|
+
statusEl.style.display = "flex";
|
|
132
|
+
const spinnerEl = document.createElement("div");
|
|
133
|
+
spinnerEl.className = "ai-palette-spinner";
|
|
134
|
+
const textEl = document.createElement("span");
|
|
135
|
+
textEl.textContent = statusText;
|
|
136
|
+
statusEl.appendChild(spinnerEl);
|
|
137
|
+
statusEl.appendChild(textEl);
|
|
138
|
+
}
|
|
139
|
+
else if (errorMessage) {
|
|
140
|
+
statusEl.style.display = "flex";
|
|
141
|
+
const errorEl = document.createElement("span");
|
|
142
|
+
errorEl.className = "ai-palette-error";
|
|
143
|
+
errorEl.textContent = errorMessage;
|
|
144
|
+
statusEl.appendChild(errorEl);
|
|
145
|
+
}
|
|
146
|
+
else {
|
|
147
|
+
statusEl.style.display = "none";
|
|
148
|
+
}
|
|
149
|
+
// ロード中はinputを無効化
|
|
150
|
+
const input = paletteEl.querySelector("input");
|
|
151
|
+
if (input) {
|
|
152
|
+
input.disabled = isLoading;
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
function open() {
|
|
156
|
+
if (isOpen)
|
|
157
|
+
return;
|
|
158
|
+
isOpen = true;
|
|
159
|
+
errorMessage = "";
|
|
160
|
+
statusText = "";
|
|
161
|
+
isLoading = false;
|
|
162
|
+
injectStyles();
|
|
163
|
+
// Backdrop
|
|
164
|
+
backdropEl = document.createElement("div");
|
|
165
|
+
backdropEl.id = `${PALETTE_ID}-backdrop`;
|
|
166
|
+
backdropEl.addEventListener("click", close);
|
|
167
|
+
document.body.appendChild(backdropEl);
|
|
168
|
+
// Palette
|
|
169
|
+
paletteEl = document.createElement("div");
|
|
170
|
+
paletteEl.id = PALETTE_ID;
|
|
171
|
+
paletteEl.innerHTML = `
|
|
172
|
+
<div class="ai-palette-input-wrap">
|
|
173
|
+
<svg class="ai-palette-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
174
|
+
<path d="M12 2L2 7l10 5 10-5-10-5z"/>
|
|
175
|
+
<path d="M2 17l10 5 10-5"/>
|
|
176
|
+
<path d="M2 12l10 5 10-5"/>
|
|
177
|
+
</svg>
|
|
178
|
+
<input type="text" placeholder="Ask AI to draw something..." autofocus />
|
|
179
|
+
</div>
|
|
180
|
+
<div class="ai-palette-status" style="display: none"></div>
|
|
181
|
+
`;
|
|
182
|
+
document.body.appendChild(paletteEl);
|
|
183
|
+
const input = paletteEl.querySelector("input");
|
|
184
|
+
input.focus();
|
|
185
|
+
// IME対応: compositionendの後のEnterのみ処理
|
|
186
|
+
let isComposing = false;
|
|
187
|
+
input.addEventListener("compositionstart", () => {
|
|
188
|
+
isComposing = true;
|
|
189
|
+
});
|
|
190
|
+
input.addEventListener("compositionend", () => {
|
|
191
|
+
isComposing = false;
|
|
192
|
+
});
|
|
193
|
+
input.addEventListener("keydown", (e) => {
|
|
194
|
+
if (e.key === "Escape") {
|
|
195
|
+
close();
|
|
196
|
+
return;
|
|
197
|
+
}
|
|
198
|
+
if (e.key === "Enter" && !isComposing && !isLoading) {
|
|
199
|
+
const prompt = input.value.trim();
|
|
200
|
+
if (!prompt)
|
|
201
|
+
return;
|
|
202
|
+
events.emit("ai:request", {
|
|
203
|
+
prompt,
|
|
204
|
+
boardId,
|
|
205
|
+
});
|
|
206
|
+
}
|
|
207
|
+
});
|
|
208
|
+
}
|
|
209
|
+
function close() {
|
|
210
|
+
if (!isOpen)
|
|
211
|
+
return;
|
|
212
|
+
isOpen = false;
|
|
213
|
+
paletteEl?.remove();
|
|
214
|
+
backdropEl?.remove();
|
|
215
|
+
paletteEl = null;
|
|
216
|
+
backdropEl = null;
|
|
217
|
+
}
|
|
218
|
+
function destroy() {
|
|
219
|
+
close();
|
|
220
|
+
unsubStatus();
|
|
221
|
+
styleEl?.remove();
|
|
222
|
+
styleEl = null;
|
|
223
|
+
}
|
|
224
|
+
return { open, close, destroy };
|
|
225
|
+
}
|
|
226
|
+
//# sourceMappingURL=command-palette.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"command-palette.js","sourceRoot":"","sources":["../src/command-palette.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC"}
|
package/dist/plugin.d.ts
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { UsketchPlugin } from "@edv4h/usketch-shared";
|
|
2
|
+
export interface AiChatOptions {
|
|
3
|
+
boardId: string;
|
|
4
|
+
/**
|
|
5
|
+
* Cmd+K で開くコマンドパレット UI をこのプラグインから登録するかどうか。
|
|
6
|
+
* apps/web 側で独自のコマンドパレットを提供する場合は false を渡して無効化する。
|
|
7
|
+
* 既定は true（後方互換）。
|
|
8
|
+
*/
|
|
9
|
+
enableCommandPalette?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare function createAiChatPlugin(options: AiChatOptions): UsketchPlugin;
|
|
12
|
+
//# sourceMappingURL=plugin.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAqB1E,MAAM,WAAW,aAAa;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,aAAa,GAAG,aAAa,CAsDxE"}
|
package/dist/plugin.js
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { createCommandPalette } from "./command-palette.js";
|
|
3
|
+
function AiChatIcon() {
|
|
4
|
+
return (_jsx("svg", { width: 13, height: 13, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: _jsx("path", { d: "M8 2v3M8 11v3M2 8h3M11 8h3M4.5 4.5l2 2M9.5 9.5l2 2M11.5 4.5l-2 2M6.5 9.5l-2 2" }) }));
|
|
5
|
+
}
|
|
6
|
+
export function createAiChatPlugin(options) {
|
|
7
|
+
let cleanup;
|
|
8
|
+
const paletteEnabled = options.enableCommandPalette !== false;
|
|
9
|
+
return {
|
|
10
|
+
id: "usketch-plugin-ai-chat",
|
|
11
|
+
name: "AI Chat",
|
|
12
|
+
async setup(ctx) {
|
|
13
|
+
let paletteCleanup;
|
|
14
|
+
if (paletteEnabled) {
|
|
15
|
+
const palette = createCommandPalette({
|
|
16
|
+
events: ctx.events,
|
|
17
|
+
boardId: options.boardId,
|
|
18
|
+
});
|
|
19
|
+
const handleKeyDown = (e) => {
|
|
20
|
+
// Cmd+K (Mac) / Ctrl+K (Windows/Linux)
|
|
21
|
+
if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
|
|
22
|
+
e.preventDefault();
|
|
23
|
+
palette.open();
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
window.addEventListener("keydown", handleKeyDown);
|
|
27
|
+
paletteCleanup = () => {
|
|
28
|
+
window.removeEventListener("keydown", handleKeyDown);
|
|
29
|
+
palette.destroy();
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
// サイドパネルにAIチャットタブを登録（遅延インポートでReact依存を分離）
|
|
33
|
+
const { AiChatTab } = await import("./ai-chat-tab.js");
|
|
34
|
+
ctx.events.emit("side-panel:register-tab", {
|
|
35
|
+
tab: {
|
|
36
|
+
id: "ai-chat",
|
|
37
|
+
label: "AI",
|
|
38
|
+
icon: "🤖",
|
|
39
|
+
iconComponent: () => _jsx(AiChatIcon, {}),
|
|
40
|
+
order: 20,
|
|
41
|
+
render: () => _jsx(AiChatTab, { events: ctx.events, boardId: options.boardId }),
|
|
42
|
+
},
|
|
43
|
+
});
|
|
44
|
+
cleanup = () => {
|
|
45
|
+
paletteCleanup?.();
|
|
46
|
+
ctx.events.emit("side-panel:unregister-tab", { tabId: "ai-chat" });
|
|
47
|
+
};
|
|
48
|
+
},
|
|
49
|
+
teardown() {
|
|
50
|
+
cleanup?.();
|
|
51
|
+
},
|
|
52
|
+
};
|
|
53
|
+
}
|
|
54
|
+
//# sourceMappingURL=plugin.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"plugin.js","sourceRoot":"","sources":["../src/plugin.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,SAAS,UAAU;IAClB,OAAO,CACN,cACC,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACV,MAAM,YAElB,eAAM,CAAC,EAAC,+EAA+E,GAAG,GACrF,CACN,CAAC;AACH,CAAC;AAYD,MAAM,UAAU,kBAAkB,CAAC,OAAsB;IACxD,IAAI,OAAiC,CAAC;IACtC,MAAM,cAAc,GAAG,OAAO,CAAC,oBAAoB,KAAK,KAAK,CAAC;IAE9D,OAAO;QACN,EAAE,EAAE,wBAAwB;QAC5B,IAAI,EAAE,SAAS;QAEf,KAAK,CAAC,KAAK,CAAC,GAAkB;YAC7B,IAAI,cAAwC,CAAC;YAC7C,IAAI,cAAc,EAAE,CAAC;gBACpB,MAAM,OAAO,GAAG,oBAAoB,CAAC;oBACpC,MAAM,EAAE,GAAG,CAAC,MAAM;oBAClB,OAAO,EAAE,OAAO,CAAC,OAAO;iBACxB,CAAC,CAAC;gBAEH,MAAM,aAAa,GAAG,CAAC,CAAgB,EAAE,EAAE;oBAC1C,uCAAuC;oBACvC,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC;wBAC/C,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,OAAO,CAAC,IAAI,EAAE,CAAC;oBAChB,CAAC;gBACF,CAAC,CAAC;gBAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;gBAClD,cAAc,GAAG,GAAG,EAAE;oBACrB,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;oBACrD,OAAO,CAAC,OAAO,EAAE,CAAC;gBACnB,CAAC,CAAC;YACH,CAAC;YAED,yCAAyC;YACzC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,MAAM,CAAC,kBAAkB,CAAC,CAAC;YACvD,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,yBAAyB,EAAE;gBAC1C,GAAG,EAAE;oBACJ,EAAE,EAAE,SAAS;oBACb,KAAK,EAAE,IAAI;oBACX,IAAI,EAAE,IAAI;oBACV,aAAa,EAAE,GAAG,EAAE,CAAC,KAAC,UAAU,KAAG;oBACnC,KAAK,EAAE,EAAE;oBACT,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,SAAS,IAAC,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,GAAI;iBACzE;aACD,CAAC,CAAC;YAEH,OAAO,GAAG,GAAG,EAAE;gBACd,cAAc,EAAE,EAAE,CAAC;gBACnB,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,2BAA2B,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;YACpE,CAAC,CAAC;QACH,CAAC;QAED,QAAQ;YACP,OAAO,EAAE,EAAE,CAAC;QACb,CAAC;KACD,CAAC;AACH,CAAC"}
|
package/dist/types.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CAClB"}
|
package/dist/types.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}
|
package/package.json
ADDED
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@edv4h/usketch-plugin-ai-chat",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"main": "./dist/index.js",
|
|
6
|
+
"types": "./dist/index.d.ts",
|
|
7
|
+
"exports": {
|
|
8
|
+
".": {
|
|
9
|
+
"source": "./src/index.ts",
|
|
10
|
+
"types": "./dist/index.d.ts",
|
|
11
|
+
"import": "./dist/index.js"
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
"dependencies": {
|
|
15
|
+
"@edv4h/usketch-shared": "1.0.0",
|
|
16
|
+
"@edv4h/usketch-plugin-ai-agent": "1.0.0",
|
|
17
|
+
"@edv4h/usketch-plugin-side-panel": "1.0.0"
|
|
18
|
+
},
|
|
19
|
+
"peerDependencies": {
|
|
20
|
+
"react": ">=19"
|
|
21
|
+
},
|
|
22
|
+
"devDependencies": {
|
|
23
|
+
"@types/react": "19.2.14",
|
|
24
|
+
"typescript": "5.9.3",
|
|
25
|
+
"vitest": "3.2.4"
|
|
26
|
+
},
|
|
27
|
+
"publishConfig": {
|
|
28
|
+
"access": "public"
|
|
29
|
+
},
|
|
30
|
+
"files": [
|
|
31
|
+
"dist",
|
|
32
|
+
"README.md"
|
|
33
|
+
],
|
|
34
|
+
"license": "MIT",
|
|
35
|
+
"repository": {
|
|
36
|
+
"type": "git",
|
|
37
|
+
"url": "git+https://github.com/EdV4H/usketch.git",
|
|
38
|
+
"directory": "plugins/usketch-plugin-ai-chat"
|
|
39
|
+
},
|
|
40
|
+
"homepage": "https://github.com/EdV4H/usketch#readme",
|
|
41
|
+
"bugs": {
|
|
42
|
+
"url": "https://github.com/EdV4H/usketch/issues"
|
|
43
|
+
},
|
|
44
|
+
"scripts": {
|
|
45
|
+
"build": "tsc -p tsconfig.json",
|
|
46
|
+
"typecheck": "tsc --noEmit",
|
|
47
|
+
"test": "vitest run --passWithNoTests",
|
|
48
|
+
"clean": "rm -rf dist"
|
|
49
|
+
}
|
|
50
|
+
}
|