@julianpedro/plugin-dev-ai-hub 0.1.6
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/dist/api/DevAiHubClient.esm.js +76 -0
- package/dist/api/DevAiHubClient.esm.js.map +1 -0
- package/dist/components/AssetCard/AssetCard.esm.js +200 -0
- package/dist/components/AssetCard/AssetCard.esm.js.map +1 -0
- package/dist/components/AssetDetailPanel/AssetDetailPanel.esm.js +327 -0
- package/dist/components/AssetDetailPanel/AssetDetailPanel.esm.js.map +1 -0
- package/dist/components/AssetFilters/AssetFilters.esm.js +216 -0
- package/dist/components/AssetFilters/AssetFilters.esm.js.map +1 -0
- package/dist/components/AssetInstallDialog/AssetInstallDialog.esm.js +194 -0
- package/dist/components/AssetInstallDialog/AssetInstallDialog.esm.js.map +1 -0
- package/dist/components/DevAiHubPage/DevAiHubPage.esm.js +320 -0
- package/dist/components/DevAiHubPage/DevAiHubPage.esm.js.map +1 -0
- package/dist/components/DevAiHubPage/index.esm.js +6 -0
- package/dist/components/DevAiHubPage/index.esm.js.map +1 -0
- package/dist/components/McpConfigDialog/McpConfigDialog.esm.js +314 -0
- package/dist/components/McpConfigDialog/McpConfigDialog.esm.js.map +1 -0
- package/dist/components/ToolIcon/ToolIcon.esm.js +41 -0
- package/dist/components/ToolIcon/ToolIcon.esm.js.map +1 -0
- package/dist/hooks/index.esm.js +114 -0
- package/dist/hooks/index.esm.js.map +1 -0
- package/dist/index.d.ts +104 -0
- package/dist/index.esm.js +5 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/plugin.esm.js +40 -0
- package/dist/plugin.esm.js.map +1 -0
- package/dist/pluginLegacy.esm.js +27 -0
- package/dist/pluginLegacy.esm.js.map +1 -0
- package/dist/routes.esm.js +6 -0
- package/dist/routes.esm.js.map +1 -0
- package/package.json +89 -0
|
@@ -0,0 +1,314 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useState, useEffect } from 'react';
|
|
3
|
+
import Box from '@mui/material/Box';
|
|
4
|
+
import Button from '@mui/material/Button';
|
|
5
|
+
import Chip from '@mui/material/Chip';
|
|
6
|
+
import Collapse from '@mui/material/Collapse';
|
|
7
|
+
import Dialog from '@mui/material/Dialog';
|
|
8
|
+
import DialogActions from '@mui/material/DialogActions';
|
|
9
|
+
import DialogContent from '@mui/material/DialogContent';
|
|
10
|
+
import DialogTitle from '@mui/material/DialogTitle';
|
|
11
|
+
import FormControlLabel from '@mui/material/FormControlLabel';
|
|
12
|
+
import IconButton from '@mui/material/IconButton';
|
|
13
|
+
import Switch from '@mui/material/Switch';
|
|
14
|
+
import Tab from '@mui/material/Tab';
|
|
15
|
+
import Tabs from '@mui/material/Tabs';
|
|
16
|
+
import Tooltip from '@mui/material/Tooltip';
|
|
17
|
+
import Typography from '@mui/material/Typography';
|
|
18
|
+
import { useTheme } from '@mui/material/styles';
|
|
19
|
+
import ContentCopyIcon from '@mui/icons-material/ContentCopy';
|
|
20
|
+
import CheckIcon from '@mui/icons-material/Check';
|
|
21
|
+
import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
|
|
22
|
+
import StorageIcon from '@mui/icons-material/Storage';
|
|
23
|
+
import { useApi, discoveryApiRef } from '@backstage/core-plugin-api';
|
|
24
|
+
import { ToolIcon } from '../ToolIcon/ToolIcon.esm.js';
|
|
25
|
+
import { useCopyToClipboard, useProviders } from '../../hooks/index.esm.js';
|
|
26
|
+
|
|
27
|
+
const TOOL_CONFIGS = [
|
|
28
|
+
{
|
|
29
|
+
tool: "claude-code",
|
|
30
|
+
label: "Claude Code",
|
|
31
|
+
file: ".mcp.json",
|
|
32
|
+
description: "Add to .mcp.json in your project root (or run via claude mcp add):",
|
|
33
|
+
buildConfig: (url) => JSON.stringify({
|
|
34
|
+
mcpServers: { "dev-ai-hub": { type: "http", url } }
|
|
35
|
+
}, null, 2)
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
tool: "github-copilot",
|
|
39
|
+
label: "GitHub Copilot",
|
|
40
|
+
file: ".vscode/settings.json",
|
|
41
|
+
description: "Add to your VS Code settings (.vscode/settings.json or user settings):",
|
|
42
|
+
buildConfig: (url) => JSON.stringify({
|
|
43
|
+
"github.copilot.chat.mcp.servers": { "dev-ai-hub": { type: "http", url } }
|
|
44
|
+
}, null, 2)
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
tool: "google-gemini",
|
|
48
|
+
label: "Google Gemini",
|
|
49
|
+
file: "gemini-config.json",
|
|
50
|
+
description: "Add to your Gemini CLI configuration:",
|
|
51
|
+
buildConfig: (url) => JSON.stringify({
|
|
52
|
+
mcpServers: { "dev-ai-hub": { url } }
|
|
53
|
+
}, null, 2)
|
|
54
|
+
}
|
|
55
|
+
];
|
|
56
|
+
function providerLabel(target) {
|
|
57
|
+
return target.split("/").pop()?.replace(/\.git$/, "") ?? target;
|
|
58
|
+
}
|
|
59
|
+
function McpConfigDialog({ open, onClose }) {
|
|
60
|
+
const theme = useTheme();
|
|
61
|
+
const discoveryApi = useApi(discoveryApiRef);
|
|
62
|
+
const { copy: copyUrl, copied: copiedUrl } = useCopyToClipboard();
|
|
63
|
+
const { copy: copySnippet, copied: copiedSnippet } = useCopyToClipboard();
|
|
64
|
+
const [tab, setTab] = useState(0);
|
|
65
|
+
const [baseUrl, setBaseUrl] = useState("");
|
|
66
|
+
const [selectedProvider, setSelectedProvider] = useState("");
|
|
67
|
+
const [proactiveEnabled, setProactiveEnabled] = useState(false);
|
|
68
|
+
const [manualExpanded, setManualExpanded] = useState(false);
|
|
69
|
+
const { providers } = useProviders();
|
|
70
|
+
const showProviderFilter = providers.length > 1;
|
|
71
|
+
useEffect(() => {
|
|
72
|
+
if (open) {
|
|
73
|
+
discoveryApi.getBaseUrl("dev-ai-hub").then((url) => setBaseUrl(url));
|
|
74
|
+
}
|
|
75
|
+
}, [open, discoveryApi]);
|
|
76
|
+
const cfg = TOOL_CONFIGS[tab];
|
|
77
|
+
const buildMcpUrl = () => {
|
|
78
|
+
if (!baseUrl) return "loading...";
|
|
79
|
+
const params = new URLSearchParams();
|
|
80
|
+
params.set("tool", cfg.tool);
|
|
81
|
+
if (selectedProvider) params.set("provider", selectedProvider);
|
|
82
|
+
if (proactiveEnabled) params.set("proactive", "true");
|
|
83
|
+
return `${baseUrl}/mcp?${params.toString()}`;
|
|
84
|
+
};
|
|
85
|
+
const mcpUrl = buildMcpUrl();
|
|
86
|
+
const configSnippet = baseUrl ? cfg.buildConfig(mcpUrl) : "";
|
|
87
|
+
return /* @__PURE__ */ jsxs(Dialog, { open, onClose, maxWidth: "sm", fullWidth: true, children: [
|
|
88
|
+
/* @__PURE__ */ jsxs(DialogTitle, { sx: { pb: 0 }, children: [
|
|
89
|
+
/* @__PURE__ */ jsx(Typography, { variant: "h6", fontWeight: 700, children: "Configure MCP Server" }),
|
|
90
|
+
/* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mt: 0.5 }, children: "Connect your AI tool to the Dev AI Hub via Model Context Protocol." })
|
|
91
|
+
] }),
|
|
92
|
+
/* @__PURE__ */ jsxs(DialogContent, { sx: { pt: 1 }, children: [
|
|
93
|
+
/* @__PURE__ */ jsx(
|
|
94
|
+
Tabs,
|
|
95
|
+
{
|
|
96
|
+
value: tab,
|
|
97
|
+
onChange: (_, v) => setTab(v),
|
|
98
|
+
sx: { mb: 2, borderBottom: 1, borderColor: "divider" },
|
|
99
|
+
children: TOOL_CONFIGS.map((t, i) => /* @__PURE__ */ jsx(
|
|
100
|
+
Tab,
|
|
101
|
+
{
|
|
102
|
+
value: i,
|
|
103
|
+
label: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
|
|
104
|
+
/* @__PURE__ */ jsx(
|
|
105
|
+
ToolIcon,
|
|
106
|
+
{
|
|
107
|
+
tool: t.tool,
|
|
108
|
+
sx: { fontSize: "1rem", color: theme.palette.mode === "dark" ? "#fff" : void 0 }
|
|
109
|
+
}
|
|
110
|
+
),
|
|
111
|
+
/* @__PURE__ */ jsx("span", { children: t.label })
|
|
112
|
+
] })
|
|
113
|
+
},
|
|
114
|
+
t.tool
|
|
115
|
+
))
|
|
116
|
+
}
|
|
117
|
+
),
|
|
118
|
+
showProviderFilter && /* @__PURE__ */ jsxs(Box, { sx: { mb: 2 }, children: [
|
|
119
|
+
/* @__PURE__ */ jsx(Typography, { variant: "caption", fontWeight: 600, color: "text.secondary", sx: { textTransform: "uppercase", letterSpacing: 0.5, display: "block", mb: 0.75 }, children: "Scope to Provider" }),
|
|
120
|
+
/* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: 0.75, flexWrap: "wrap" }, children: [
|
|
121
|
+
/* @__PURE__ */ jsx(
|
|
122
|
+
Chip,
|
|
123
|
+
{
|
|
124
|
+
label: "All providers",
|
|
125
|
+
size: "small",
|
|
126
|
+
clickable: true,
|
|
127
|
+
onClick: () => setSelectedProvider(""),
|
|
128
|
+
sx: {
|
|
129
|
+
fontWeight: 600,
|
|
130
|
+
fontSize: "0.75rem",
|
|
131
|
+
borderRadius: 2,
|
|
132
|
+
border: "1.5px solid",
|
|
133
|
+
borderColor: !selectedProvider ? "text.primary" : "divider",
|
|
134
|
+
backgroundColor: !selectedProvider ? "text.primary" : "transparent",
|
|
135
|
+
color: !selectedProvider ? "background.paper" : "text.secondary",
|
|
136
|
+
transition: "all 0.15s ease"
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
),
|
|
140
|
+
providers.map((p) => {
|
|
141
|
+
const isSelected = selectedProvider === p.id;
|
|
142
|
+
const label = providerLabel(p.target);
|
|
143
|
+
return /* @__PURE__ */ jsx(
|
|
144
|
+
Chip,
|
|
145
|
+
{
|
|
146
|
+
icon: /* @__PURE__ */ jsx(StorageIcon, { sx: { fontSize: "0.8rem !important", color: isSelected ? "background.paper" : "inherit" } }),
|
|
147
|
+
label,
|
|
148
|
+
size: "small",
|
|
149
|
+
clickable: true,
|
|
150
|
+
onClick: () => setSelectedProvider(isSelected ? "" : p.id),
|
|
151
|
+
sx: {
|
|
152
|
+
fontWeight: 600,
|
|
153
|
+
fontSize: "0.75rem",
|
|
154
|
+
borderRadius: 2,
|
|
155
|
+
border: "1.5px solid",
|
|
156
|
+
borderColor: isSelected ? "text.primary" : "divider",
|
|
157
|
+
backgroundColor: isSelected ? "text.primary" : "transparent",
|
|
158
|
+
color: isSelected ? "background.paper" : "text.secondary",
|
|
159
|
+
transition: "all 0.15s ease"
|
|
160
|
+
}
|
|
161
|
+
},
|
|
162
|
+
p.id
|
|
163
|
+
);
|
|
164
|
+
})
|
|
165
|
+
] })
|
|
166
|
+
] }),
|
|
167
|
+
/* @__PURE__ */ jsx(Box, { sx: { mb: 2 }, children: /* @__PURE__ */ jsx(
|
|
168
|
+
FormControlLabel,
|
|
169
|
+
{
|
|
170
|
+
control: /* @__PURE__ */ jsx(
|
|
171
|
+
Switch,
|
|
172
|
+
{
|
|
173
|
+
size: "small",
|
|
174
|
+
checked: proactiveEnabled,
|
|
175
|
+
onChange: (e) => setProactiveEnabled(e.target.checked)
|
|
176
|
+
}
|
|
177
|
+
),
|
|
178
|
+
label: /* @__PURE__ */ jsxs(Box, { children: [
|
|
179
|
+
/* @__PURE__ */ jsx(Typography, { variant: "body2", fontWeight: 600, children: "Proactive suggestions" }),
|
|
180
|
+
/* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: "The AI will automatically suggest relevant assets based on your project context. Disable if you prefer to search manually." })
|
|
181
|
+
] }),
|
|
182
|
+
sx: { alignItems: "flex-start", ml: 0, gap: 1 }
|
|
183
|
+
}
|
|
184
|
+
) }),
|
|
185
|
+
/* @__PURE__ */ jsx(Typography, { variant: "caption", fontWeight: 600, color: "text.secondary", sx: { textTransform: "uppercase", letterSpacing: 0.5 }, children: "MCP Endpoint" }),
|
|
186
|
+
/* @__PURE__ */ jsxs(
|
|
187
|
+
Box,
|
|
188
|
+
{
|
|
189
|
+
sx: {
|
|
190
|
+
display: "flex",
|
|
191
|
+
alignItems: "center",
|
|
192
|
+
gap: 1,
|
|
193
|
+
mt: 0.5,
|
|
194
|
+
mb: 2,
|
|
195
|
+
px: 1.5,
|
|
196
|
+
py: 1,
|
|
197
|
+
borderRadius: 1.5,
|
|
198
|
+
border: "1px solid",
|
|
199
|
+
borderColor: "divider",
|
|
200
|
+
backgroundColor: theme.palette.mode === "dark" ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.03)"
|
|
201
|
+
},
|
|
202
|
+
children: [
|
|
203
|
+
/* @__PURE__ */ jsx(
|
|
204
|
+
Typography,
|
|
205
|
+
{
|
|
206
|
+
variant: "body2",
|
|
207
|
+
sx: { flex: 1, fontFamily: "monospace", fontSize: "0.8rem", wordBreak: "break-all" },
|
|
208
|
+
children: mcpUrl
|
|
209
|
+
}
|
|
210
|
+
),
|
|
211
|
+
/* @__PURE__ */ jsx(Tooltip, { title: copiedUrl ? "Copied!" : "Copy URL", children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => copyUrl(mcpUrl), children: copiedUrl ? /* @__PURE__ */ jsx(CheckIcon, { fontSize: "small", color: "success" }) : /* @__PURE__ */ jsx(ContentCopyIcon, { fontSize: "small" }) }) })
|
|
212
|
+
]
|
|
213
|
+
}
|
|
214
|
+
),
|
|
215
|
+
/* @__PURE__ */ jsxs(
|
|
216
|
+
Box,
|
|
217
|
+
{
|
|
218
|
+
onClick: () => setManualExpanded((v) => !v),
|
|
219
|
+
sx: {
|
|
220
|
+
display: "flex",
|
|
221
|
+
alignItems: "center",
|
|
222
|
+
justifyContent: "space-between",
|
|
223
|
+
cursor: "pointer",
|
|
224
|
+
userSelect: "none",
|
|
225
|
+
py: 0.75,
|
|
226
|
+
borderTop: "1px solid",
|
|
227
|
+
borderColor: "divider"
|
|
228
|
+
},
|
|
229
|
+
children: [
|
|
230
|
+
/* @__PURE__ */ jsxs(Typography, { variant: "caption", fontWeight: 600, color: "text.secondary", sx: { textTransform: "uppercase", letterSpacing: 0.5 }, children: [
|
|
231
|
+
"Manual config \u2014 ",
|
|
232
|
+
cfg.file
|
|
233
|
+
] }),
|
|
234
|
+
/* @__PURE__ */ jsx(
|
|
235
|
+
ExpandMoreIcon,
|
|
236
|
+
{
|
|
237
|
+
fontSize: "small",
|
|
238
|
+
sx: {
|
|
239
|
+
color: "text.disabled",
|
|
240
|
+
transition: "transform 0.2s ease",
|
|
241
|
+
transform: manualExpanded ? "rotate(180deg)" : "rotate(0deg)"
|
|
242
|
+
}
|
|
243
|
+
}
|
|
244
|
+
)
|
|
245
|
+
]
|
|
246
|
+
}
|
|
247
|
+
),
|
|
248
|
+
/* @__PURE__ */ jsxs(Collapse, { in: manualExpanded, children: [
|
|
249
|
+
/* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", sx: { display: "block", mb: 1, mt: 0.5 }, children: cfg.description }),
|
|
250
|
+
/* @__PURE__ */ jsxs(Box, { sx: { position: "relative" }, children: [
|
|
251
|
+
/* @__PURE__ */ jsx(
|
|
252
|
+
Box,
|
|
253
|
+
{
|
|
254
|
+
component: "pre",
|
|
255
|
+
sx: {
|
|
256
|
+
m: 0,
|
|
257
|
+
p: 2,
|
|
258
|
+
borderRadius: 2,
|
|
259
|
+
border: "1px solid",
|
|
260
|
+
borderColor: "divider",
|
|
261
|
+
backgroundColor: theme.palette.mode === "dark" ? "#0d1117" : "#f6f8fa",
|
|
262
|
+
color: theme.palette.mode === "dark" ? "#e6edf3" : "#24292f",
|
|
263
|
+
fontFamily: "monospace",
|
|
264
|
+
fontSize: "0.8rem",
|
|
265
|
+
overflowX: "auto",
|
|
266
|
+
whiteSpace: "pre"
|
|
267
|
+
},
|
|
268
|
+
children: configSnippet
|
|
269
|
+
}
|
|
270
|
+
),
|
|
271
|
+
/* @__PURE__ */ jsx(Tooltip, { title: copiedSnippet ? "Copied!" : "Copy config", children: /* @__PURE__ */ jsx(
|
|
272
|
+
IconButton,
|
|
273
|
+
{
|
|
274
|
+
size: "small",
|
|
275
|
+
onClick: (e) => {
|
|
276
|
+
e.stopPropagation();
|
|
277
|
+
copySnippet(configSnippet);
|
|
278
|
+
},
|
|
279
|
+
sx: {
|
|
280
|
+
position: "absolute",
|
|
281
|
+
top: 8,
|
|
282
|
+
right: 8,
|
|
283
|
+
backgroundColor: theme.palette.mode === "dark" ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.06)",
|
|
284
|
+
"&:hover": {
|
|
285
|
+
backgroundColor: theme.palette.mode === "dark" ? "rgba(255,255,255,0.2)" : "rgba(0,0,0,0.12)"
|
|
286
|
+
}
|
|
287
|
+
},
|
|
288
|
+
children: copiedSnippet ? /* @__PURE__ */ jsx(CheckIcon, { fontSize: "small", color: "success" }) : /* @__PURE__ */ jsx(ContentCopyIcon, { fontSize: "small" })
|
|
289
|
+
}
|
|
290
|
+
) })
|
|
291
|
+
] }),
|
|
292
|
+
/* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.disabled", sx: { display: "block", mt: 1.5 }, children: [
|
|
293
|
+
"\u{1F4A1} Omit ",
|
|
294
|
+
/* @__PURE__ */ jsx("code", { children: "?tool=" }),
|
|
295
|
+
" from the URL to receive assets for all AI tools.",
|
|
296
|
+
showProviderFilter && " Omit ?provider= to receive assets from all repositories.",
|
|
297
|
+
" ",
|
|
298
|
+
"Proactive suggestions add ",
|
|
299
|
+
/* @__PURE__ */ jsx("code", { children: "?proactive=true" }),
|
|
300
|
+
" and register the",
|
|
301
|
+
" ",
|
|
302
|
+
/* @__PURE__ */ jsx("code", { children: "suggest_assets" }),
|
|
303
|
+
" tool and ",
|
|
304
|
+
/* @__PURE__ */ jsx("code", { children: "check_for_assets" }),
|
|
305
|
+
" prompt."
|
|
306
|
+
] })
|
|
307
|
+
] })
|
|
308
|
+
] }),
|
|
309
|
+
/* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { onClick: onClose, children: "Close" }) })
|
|
310
|
+
] });
|
|
311
|
+
}
|
|
312
|
+
|
|
313
|
+
export { McpConfigDialog };
|
|
314
|
+
//# sourceMappingURL=McpConfigDialog.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"McpConfigDialog.esm.js","sources":["../../../src/components/McpConfigDialog/McpConfigDialog.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Chip from '@mui/material/Chip';\nimport Collapse from '@mui/material/Collapse';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport IconButton from '@mui/material/IconButton';\nimport Switch from '@mui/material/Switch';\nimport Tab from '@mui/material/Tab';\nimport Tabs from '@mui/material/Tabs';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport { useTheme } from '@mui/material/styles';\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\nimport CheckIcon from '@mui/icons-material/Check';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport StorageIcon from '@mui/icons-material/Storage';\nimport { useApi, discoveryApiRef } from '@backstage/core-plugin-api';\nimport { ToolIcon } from '../ToolIcon';\nimport { useCopyToClipboard, useProviders } from '../../hooks';\nimport type { AiTool } from '@julianpedro/plugin-dev-ai-hub-common';\n\ninterface ToolConfig {\n tool: AiTool;\n label: string;\n file: string;\n description: string;\n buildConfig: (mcpUrl: string) => string;\n}\n\nconst TOOL_CONFIGS: ToolConfig[] = [\n {\n tool: 'claude-code',\n label: 'Claude Code',\n file: '.mcp.json',\n description: 'Add to .mcp.json in your project root (or run via claude mcp add):',\n buildConfig: url => JSON.stringify({\n mcpServers: { 'dev-ai-hub': { type: 'http', url } },\n }, null, 2),\n },\n {\n tool: 'github-copilot',\n label: 'GitHub Copilot',\n file: '.vscode/settings.json',\n description: 'Add to your VS Code settings (.vscode/settings.json or user settings):',\n buildConfig: url => JSON.stringify({\n 'github.copilot.chat.mcp.servers': { 'dev-ai-hub': { type: 'http', url } },\n }, null, 2),\n },\n {\n tool: 'google-gemini',\n label: 'Google Gemini',\n file: 'gemini-config.json',\n description: 'Add to your Gemini CLI configuration:',\n buildConfig: url => JSON.stringify({\n mcpServers: { 'dev-ai-hub': { url } },\n }, null, 2),\n },\n];\n\nfunction providerLabel(target: string): string {\n return target.split('/').pop()?.replace(/\\.git$/, '') ?? target;\n}\n\ninterface McpConfigDialogProps {\n open: boolean;\n onClose: () => void;\n}\n\nexport function McpConfigDialog({ open, onClose }: McpConfigDialogProps) {\n const theme = useTheme();\n const discoveryApi = useApi(discoveryApiRef);\n const { copy: copyUrl, copied: copiedUrl } = useCopyToClipboard();\n const { copy: copySnippet, copied: copiedSnippet } = useCopyToClipboard();\n const [tab, setTab] = useState(0);\n const [baseUrl, setBaseUrl] = useState('');\n const [selectedProvider, setSelectedProvider] = useState<string>('');\n const [proactiveEnabled, setProactiveEnabled] = useState(false);\n const [manualExpanded, setManualExpanded] = useState(false);\n\n const { providers } = useProviders();\n const showProviderFilter = providers.length > 1;\n\n useEffect(() => {\n if (open) {\n discoveryApi.getBaseUrl('dev-ai-hub').then(url => setBaseUrl(url));\n }\n }, [open, discoveryApi]);\n\n const cfg = TOOL_CONFIGS[tab];\n\n const buildMcpUrl = () => {\n if (!baseUrl) return 'loading...';\n const params = new URLSearchParams();\n params.set('tool', cfg.tool);\n if (selectedProvider) params.set('provider', selectedProvider);\n if (proactiveEnabled) params.set('proactive', 'true');\n return `${baseUrl}/mcp?${params.toString()}`;\n };\n\n const mcpUrl = buildMcpUrl();\n const configSnippet = baseUrl ? cfg.buildConfig(mcpUrl) : '';\n\n return (\n <Dialog open={open} onClose={onClose} maxWidth=\"sm\" fullWidth>\n <DialogTitle sx={{ pb: 0 }}>\n <Typography variant=\"h6\" fontWeight={700}>Configure MCP Server</Typography>\n <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mt: 0.5 }}>\n Connect your AI tool to the Dev AI Hub via Model Context Protocol.\n </Typography>\n </DialogTitle>\n\n <DialogContent sx={{ pt: 1 }}>\n <Tabs\n value={tab}\n onChange={(_, v) => setTab(v)}\n sx={{ mb: 2, borderBottom: 1, borderColor: 'divider' }}\n >\n {TOOL_CONFIGS.map((t, i) => (\n <Tab\n key={t.tool}\n value={i}\n label={\n <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n <ToolIcon\n tool={t.tool}\n sx={{ fontSize: '1rem', color: theme.palette.mode === 'dark' ? '#fff' : undefined }}\n />\n <span>{t.label}</span>\n </Box>\n }\n />\n ))}\n </Tabs>\n\n {/* Provider filter — only shown when there are 2+ providers */}\n {showProviderFilter && (\n <Box sx={{ mb: 2 }}>\n <Typography variant=\"caption\" fontWeight={600} color=\"text.secondary\" sx={{ textTransform: 'uppercase', letterSpacing: 0.5, display: 'block', mb: 0.75 }}>\n Scope to Provider\n </Typography>\n <Box sx={{ display: 'flex', gap: 0.75, flexWrap: 'wrap' }}>\n <Chip\n label=\"All providers\"\n size=\"small\"\n clickable\n onClick={() => setSelectedProvider('')}\n sx={{\n fontWeight: 600,\n fontSize: '0.75rem',\n borderRadius: 2,\n border: '1.5px solid',\n borderColor: !selectedProvider ? 'text.primary' : 'divider',\n backgroundColor: !selectedProvider ? 'text.primary' : 'transparent',\n color: !selectedProvider ? 'background.paper' : 'text.secondary',\n transition: 'all 0.15s ease',\n }}\n />\n {providers.map(p => {\n const isSelected = selectedProvider === p.id;\n const label = providerLabel(p.target);\n return (\n <Chip\n key={p.id}\n icon={<StorageIcon sx={{ fontSize: '0.8rem !important', color: isSelected ? 'background.paper' : 'inherit' }} />}\n label={label}\n size=\"small\"\n clickable\n onClick={() => setSelectedProvider(isSelected ? '' : p.id)}\n sx={{\n fontWeight: 600,\n fontSize: '0.75rem',\n borderRadius: 2,\n border: '1.5px solid',\n borderColor: isSelected ? 'text.primary' : 'divider',\n backgroundColor: isSelected ? 'text.primary' : 'transparent',\n color: isSelected ? 'background.paper' : 'text.secondary',\n transition: 'all 0.15s ease',\n }}\n />\n );\n })}\n </Box>\n </Box>\n )}\n\n {/* Proactive suggestions toggle */}\n <Box sx={{ mb: 2 }}>\n <FormControlLabel\n control={\n <Switch\n size=\"small\"\n checked={proactiveEnabled}\n onChange={e => setProactiveEnabled(e.target.checked)}\n />\n }\n label={\n <Box>\n <Typography variant=\"body2\" fontWeight={600}>Proactive suggestions</Typography>\n <Typography variant=\"caption\" color=\"text.secondary\">\n The AI will automatically suggest relevant assets based on your project context.\n Disable if you prefer to search manually.\n </Typography>\n </Box>\n }\n sx={{ alignItems: 'flex-start', ml: 0, gap: 1 }}\n />\n </Box>\n\n {/* MCP URL */}\n <Typography variant=\"caption\" fontWeight={600} color=\"text.secondary\" sx={{ textTransform: 'uppercase', letterSpacing: 0.5 }}>\n MCP Endpoint\n </Typography>\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n gap: 1,\n mt: 0.5,\n mb: 2,\n px: 1.5,\n py: 1,\n borderRadius: 1.5,\n border: '1px solid',\n borderColor: 'divider',\n backgroundColor: theme.palette.mode === 'dark' ? 'rgba(255,255,255,0.05)' : 'rgba(0,0,0,0.03)',\n }}\n >\n <Typography\n variant=\"body2\"\n sx={{ flex: 1, fontFamily: 'monospace', fontSize: '0.8rem', wordBreak: 'break-all' }}\n >\n {mcpUrl}\n </Typography>\n <Tooltip title={copiedUrl ? 'Copied!' : 'Copy URL'}>\n <IconButton size=\"small\" onClick={() => copyUrl(mcpUrl)}>\n {copiedUrl ? <CheckIcon fontSize=\"small\" color=\"success\" /> : <ContentCopyIcon fontSize=\"small\" />}\n </IconButton>\n </Tooltip>\n </Box>\n\n\n {/* Manual config snippet — collapsed by default */}\n <Box\n onClick={() => setManualExpanded(v => !v)}\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n cursor: 'pointer',\n userSelect: 'none',\n py: 0.75,\n borderTop: '1px solid',\n borderColor: 'divider',\n }}\n >\n <Typography variant=\"caption\" fontWeight={600} color=\"text.secondary\" sx={{ textTransform: 'uppercase', letterSpacing: 0.5 }}>\n Manual config — {cfg.file}\n </Typography>\n <ExpandMoreIcon\n fontSize=\"small\"\n sx={{\n color: 'text.disabled',\n transition: 'transform 0.2s ease',\n transform: manualExpanded ? 'rotate(180deg)' : 'rotate(0deg)',\n }}\n />\n </Box>\n\n <Collapse in={manualExpanded}>\n <Typography variant=\"caption\" color=\"text.secondary\" sx={{ display: 'block', mb: 1, mt: 0.5 }}>\n {cfg.description}\n </Typography>\n <Box sx={{ position: 'relative' }}>\n <Box\n component=\"pre\"\n sx={{\n m: 0,\n p: 2,\n borderRadius: 2,\n border: '1px solid',\n borderColor: 'divider',\n backgroundColor: theme.palette.mode === 'dark' ? '#0d1117' : '#f6f8fa',\n color: theme.palette.mode === 'dark' ? '#e6edf3' : '#24292f',\n fontFamily: 'monospace',\n fontSize: '0.8rem',\n overflowX: 'auto',\n whiteSpace: 'pre',\n }}\n >\n {configSnippet}\n </Box>\n <Tooltip title={copiedSnippet ? 'Copied!' : 'Copy config'}>\n <IconButton\n size=\"small\"\n onClick={e => { e.stopPropagation(); copySnippet(configSnippet); }}\n sx={{\n position: 'absolute',\n top: 8,\n right: 8,\n backgroundColor: theme.palette.mode === 'dark' ? 'rgba(255,255,255,0.1)' : 'rgba(0,0,0,0.06)',\n '&:hover': {\n backgroundColor: theme.palette.mode === 'dark' ? 'rgba(255,255,255,0.2)' : 'rgba(0,0,0,0.12)',\n },\n }}\n >\n {copiedSnippet ? <CheckIcon fontSize=\"small\" color=\"success\" /> : <ContentCopyIcon fontSize=\"small\" />}\n </IconButton>\n </Tooltip>\n </Box>\n\n <Typography variant=\"caption\" color=\"text.disabled\" sx={{ display: 'block', mt: 1.5 }}>\n 💡 Omit <code>?tool=</code> from the URL to receive assets for all AI tools.\n {showProviderFilter && ' Omit ?provider= to receive assets from all repositories.'}\n {' '}Proactive suggestions add <code>?proactive=true</code> and register the{' '}\n <code>suggest_assets</code> tool and <code>check_for_assets</code> prompt.\n </Typography>\n </Collapse>\n </DialogContent>\n\n <DialogActions>\n <Button onClick={onClose}>Close</Button>\n </DialogActions>\n </Dialog>\n );\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import SvgIcon from '@mui/material/SvgIcon';
|
|
3
|
+
import AllInclusiveIcon from '@mui/icons-material/AllInclusive';
|
|
4
|
+
import NearMeIcon from '@mui/icons-material/NearMe';
|
|
5
|
+
import { siGooglegemini, siGithub, siAnthropic } from 'simple-icons';
|
|
6
|
+
|
|
7
|
+
const TOOL_ICON = {
|
|
8
|
+
"claude-code": { ...siAnthropic, label: "Claude Code" },
|
|
9
|
+
"github-copilot": { ...siGithub, label: "GitHub Copilot" },
|
|
10
|
+
"google-gemini": { ...siGooglegemini, label: "Google Gemini" }
|
|
11
|
+
};
|
|
12
|
+
function ToolIcon({ tool, branded = true, sx, ...props }) {
|
|
13
|
+
if (tool === "all") {
|
|
14
|
+
return /* @__PURE__ */ jsx(AllInclusiveIcon, { ...props, sx: { color: "text.secondary", ...sx }, titleAccess: "Universal" });
|
|
15
|
+
}
|
|
16
|
+
if (tool === "cursor") {
|
|
17
|
+
return /* @__PURE__ */ jsx(
|
|
18
|
+
NearMeIcon,
|
|
19
|
+
{
|
|
20
|
+
...props,
|
|
21
|
+
sx: { color: branded ? "text.primary" : "inherit", ...sx },
|
|
22
|
+
titleAccess: "Cursor"
|
|
23
|
+
}
|
|
24
|
+
);
|
|
25
|
+
}
|
|
26
|
+
const cfg = TOOL_ICON[tool];
|
|
27
|
+
if (!cfg) return null;
|
|
28
|
+
return /* @__PURE__ */ jsx(
|
|
29
|
+
SvgIcon,
|
|
30
|
+
{
|
|
31
|
+
...props,
|
|
32
|
+
sx: { color: branded ? `#${cfg.hex}` : "inherit", ...sx },
|
|
33
|
+
titleAccess: cfg.label,
|
|
34
|
+
viewBox: "0 0 24 24",
|
|
35
|
+
children: /* @__PURE__ */ jsx("path", { d: cfg.path })
|
|
36
|
+
}
|
|
37
|
+
);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
export { ToolIcon };
|
|
41
|
+
//# sourceMappingURL=ToolIcon.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToolIcon.esm.js","sources":["../../../src/components/ToolIcon/ToolIcon.tsx"],"sourcesContent":["import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon';\nimport AllInclusiveIcon from '@mui/icons-material/AllInclusive';\nimport NearMeIcon from '@mui/icons-material/NearMe';\nimport { siAnthropic, siGithub, siGooglegemini } from 'simple-icons';\nimport type { AiTool } from '@julianpedro/plugin-dev-ai-hub-common';\n\ntype SvgTool = Exclude<AiTool, 'all' | 'cursor'>;\n\nconst TOOL_ICON: Record<SvgTool, { path: string; hex: string; label: string }> = {\n 'claude-code': { ...siAnthropic, label: 'Claude Code' },\n 'github-copilot': { ...siGithub, label: 'GitHub Copilot' },\n 'google-gemini': { ...siGooglegemini, label: 'Google Gemini' },\n};\n\ninterface ToolIconProps extends Omit<SvgIconProps, 'color'> {\n tool: AiTool;\n /** Use the brand's official color. Defaults to true. */\n branded?: boolean;\n}\n\nexport function ToolIcon({ tool, branded = true, sx, ...props }: ToolIconProps) {\n if (tool === 'all') {\n return <AllInclusiveIcon {...props} sx={{ color: 'text.secondary', ...sx }} titleAccess=\"Universal\" />;\n }\n\n if (tool === 'cursor') {\n return (\n <NearMeIcon\n {...props}\n sx={{ color: branded ? 'text.primary' : 'inherit', ...sx }}\n titleAccess=\"Cursor\"\n />\n );\n }\n\n const cfg = TOOL_ICON[tool as SvgTool];\n if (!cfg) return null;\n\n return (\n <SvgIcon\n {...props}\n sx={{ color: branded ? `#${cfg.hex}` : 'inherit', ...sx }}\n titleAccess={cfg.label}\n viewBox=\"0 0 24 24\"\n >\n <path d={cfg.path} />\n </SvgIcon>\n );\n}\n"],"names":[],"mappings":";;;;;;AAQA,MAAM,SAAA,GAA2E;AAAA,EAC/E,aAAA,EAAkB,EAAE,GAAG,WAAA,EAAgB,OAAO,aAAA,EAAc;AAAA,EAC5D,gBAAA,EAAkB,EAAE,GAAG,QAAA,EAAgB,OAAO,gBAAA,EAAiB;AAAA,EAC/D,eAAA,EAAkB,EAAE,GAAG,cAAA,EAAgB,OAAO,eAAA;AAChD,CAAA;AAQO,SAAS,QAAA,CAAS,EAAE,IAAA,EAAM,OAAA,GAAU,MAAM,EAAA,EAAI,GAAG,OAAM,EAAkB;AAC9E,EAAA,IAAI,SAAS,KAAA,EAAO;AAClB,IAAA,uBAAO,GAAA,CAAC,gBAAA,EAAA,EAAkB,GAAG,KAAA,EAAO,EAAA,EAAI,EAAE,KAAA,EAAO,gBAAA,EAAkB,GAAG,EAAA,EAAG,EAAG,WAAA,EAAY,WAAA,EAAY,CAAA;AAAA,EACtG;AAEA,EAAA,IAAI,SAAS,QAAA,EAAU;AACrB,IAAA,uBACE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,IAAI,EAAE,KAAA,EAAO,UAAU,cAAA,GAAiB,SAAA,EAAW,GAAG,EAAA,EAAG;AAAA,QACzD,WAAA,EAAY;AAAA;AAAA,KACd;AAAA,EAEJ;AAEA,EAAA,MAAM,GAAA,GAAM,UAAU,IAAe,CAAA;AACrC,EAAA,IAAI,CAAC,KAAK,OAAO,IAAA;AAEjB,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,EAAA,EAAI,EAAE,KAAA,EAAO,OAAA,GAAU,CAAA,CAAA,EAAI,IAAI,GAAG,CAAA,CAAA,GAAK,SAAA,EAAW,GAAG,EAAA,EAAG;AAAA,MACxD,aAAa,GAAA,CAAI,KAAA;AAAA,MACjB,OAAA,EAAQ,WAAA;AAAA,MAER,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAG,GAAA,CAAI,IAAA,EAAM;AAAA;AAAA,GACrB;AAEJ;;;;"}
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
import { useState, useEffect, useCallback, useRef } from 'react';
|
|
2
|
+
import { useApi } from '@backstage/core-plugin-api';
|
|
3
|
+
import { devAiHubApiRef } from '../api/DevAiHubClient.esm.js';
|
|
4
|
+
|
|
5
|
+
function useDebounce(value, delay) {
|
|
6
|
+
const [debounced, setDebounced] = useState(value);
|
|
7
|
+
useEffect(() => {
|
|
8
|
+
const timer = setTimeout(() => setDebounced(value), delay);
|
|
9
|
+
return () => clearTimeout(timer);
|
|
10
|
+
}, [value, delay]);
|
|
11
|
+
return debounced;
|
|
12
|
+
}
|
|
13
|
+
function useAssets(filter) {
|
|
14
|
+
const api = useApi(devAiHubApiRef);
|
|
15
|
+
const [result, setResult] = useState(null);
|
|
16
|
+
const [loading, setLoading] = useState(false);
|
|
17
|
+
const [error, setError] = useState(null);
|
|
18
|
+
const debouncedSearch = useDebounce(filter.search, 300);
|
|
19
|
+
const effectiveFilter = { ...filter, search: debouncedSearch };
|
|
20
|
+
const filterKey = JSON.stringify(effectiveFilter);
|
|
21
|
+
useEffect(() => {
|
|
22
|
+
let cancelled = false;
|
|
23
|
+
setLoading(true);
|
|
24
|
+
api.listAssets(effectiveFilter).then((data) => {
|
|
25
|
+
if (!cancelled) {
|
|
26
|
+
setResult(data);
|
|
27
|
+
setError(null);
|
|
28
|
+
}
|
|
29
|
+
}).catch((err) => {
|
|
30
|
+
if (!cancelled) setError(err);
|
|
31
|
+
}).finally(() => {
|
|
32
|
+
if (!cancelled) setLoading(false);
|
|
33
|
+
});
|
|
34
|
+
return () => {
|
|
35
|
+
cancelled = true;
|
|
36
|
+
};
|
|
37
|
+
}, [filterKey, api]);
|
|
38
|
+
return { result, loading, error };
|
|
39
|
+
}
|
|
40
|
+
function useAssetDetail(id) {
|
|
41
|
+
const api = useApi(devAiHubApiRef);
|
|
42
|
+
const [asset, setAsset] = useState(null);
|
|
43
|
+
const [loading, setLoading] = useState(false);
|
|
44
|
+
const [error, setError] = useState(null);
|
|
45
|
+
useEffect(() => {
|
|
46
|
+
if (!id) {
|
|
47
|
+
setAsset(null);
|
|
48
|
+
return () => {
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
let cancelled = false;
|
|
52
|
+
setLoading(true);
|
|
53
|
+
api.getAsset(id).then((data) => {
|
|
54
|
+
if (!cancelled) {
|
|
55
|
+
setAsset(data);
|
|
56
|
+
setError(null);
|
|
57
|
+
}
|
|
58
|
+
}).catch((err) => {
|
|
59
|
+
if (!cancelled) setError(err);
|
|
60
|
+
}).finally(() => {
|
|
61
|
+
if (!cancelled) setLoading(false);
|
|
62
|
+
});
|
|
63
|
+
return () => {
|
|
64
|
+
cancelled = true;
|
|
65
|
+
};
|
|
66
|
+
}, [id, api]);
|
|
67
|
+
return { asset, loading, error };
|
|
68
|
+
}
|
|
69
|
+
function useProviders() {
|
|
70
|
+
const api = useApi(devAiHubApiRef);
|
|
71
|
+
const [providers, setProviders] = useState([]);
|
|
72
|
+
const [loading, setLoading] = useState(false);
|
|
73
|
+
const [error, setError] = useState(null);
|
|
74
|
+
const load = useCallback(() => {
|
|
75
|
+
setLoading(true);
|
|
76
|
+
api.listProviders().then((data) => {
|
|
77
|
+
setProviders(data);
|
|
78
|
+
setError(null);
|
|
79
|
+
}).catch((err) => setError(err)).finally(() => setLoading(false));
|
|
80
|
+
}, [api]);
|
|
81
|
+
useEffect(() => {
|
|
82
|
+
load();
|
|
83
|
+
}, [load]);
|
|
84
|
+
return { providers, loading, error, reload: load };
|
|
85
|
+
}
|
|
86
|
+
function useStats() {
|
|
87
|
+
const api = useApi(devAiHubApiRef);
|
|
88
|
+
const [stats, setStats] = useState(null);
|
|
89
|
+
const [loading, setLoading] = useState(false);
|
|
90
|
+
const [error, setError] = useState(null);
|
|
91
|
+
useEffect(() => {
|
|
92
|
+
setLoading(true);
|
|
93
|
+
api.getStats().then((data) => {
|
|
94
|
+
setStats(data);
|
|
95
|
+
setError(null);
|
|
96
|
+
}).catch((err) => setError(err)).finally(() => setLoading(false));
|
|
97
|
+
}, [api]);
|
|
98
|
+
return { stats, loading, error };
|
|
99
|
+
}
|
|
100
|
+
function useCopyToClipboard() {
|
|
101
|
+
const [copied, setCopied] = useState(false);
|
|
102
|
+
const timerRef = useRef(null);
|
|
103
|
+
const copy = useCallback((text) => {
|
|
104
|
+
navigator.clipboard.writeText(text).then(() => {
|
|
105
|
+
setCopied(true);
|
|
106
|
+
if (timerRef.current) clearTimeout(timerRef.current);
|
|
107
|
+
timerRef.current = setTimeout(() => setCopied(false), 2e3);
|
|
108
|
+
});
|
|
109
|
+
}, []);
|
|
110
|
+
return { copy, copied };
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
export { useAssetDetail, useAssets, useCopyToClipboard, useProviders, useStats };
|
|
114
|
+
//# sourceMappingURL=index.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":["../../src/hooks/index.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { devAiHubApiRef } from '../api/DevAiHubClient';\nimport type {\n AiAsset,\n AiAssetListResponse,\n AiHubProvider,\n AiHubStats,\n AssetListFilter,\n} from '@julianpedro/plugin-dev-ai-hub-common';\n\nfunction useDebounce<T>(value: T, delay: number): T {\n const [debounced, setDebounced] = useState(value);\n useEffect(() => {\n const timer = setTimeout(() => setDebounced(value), delay);\n return () => clearTimeout(timer);\n }, [value, delay]);\n return debounced;\n}\n\nexport function useAssets(filter: AssetListFilter) {\n const api = useApi(devAiHubApiRef);\n const [result, setResult] = useState<AiAssetListResponse | null>(null);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState<Error | null>(null);\n\n const debouncedSearch = useDebounce(filter.search, 300);\n\n const effectiveFilter = { ...filter, search: debouncedSearch };\n const filterKey = JSON.stringify(effectiveFilter);\n\n useEffect(() => {\n let cancelled = false;\n setLoading(true);\n api\n .listAssets(effectiveFilter)\n .then(data => {\n if (!cancelled) {\n setResult(data);\n setError(null);\n }\n })\n .catch(err => {\n if (!cancelled) setError(err);\n })\n .finally(() => {\n if (!cancelled) setLoading(false);\n });\n return () => {\n cancelled = true;\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [filterKey, api]);\n\n return { result, loading, error };\n}\n\nexport function useAssetDetail(id: string | null) {\n const api = useApi(devAiHubApiRef);\n const [asset, setAsset] = useState<AiAsset | null>(null);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState<Error | null>(null);\n\n useEffect(() => {\n if (!id) {\n setAsset(null);\n return () => {};\n }\n let cancelled = false;\n setLoading(true);\n api\n .getAsset(id)\n .then(data => {\n if (!cancelled) {\n setAsset(data);\n setError(null);\n }\n })\n .catch(err => {\n if (!cancelled) setError(err);\n })\n .finally(() => {\n if (!cancelled) setLoading(false);\n });\n return () => {\n cancelled = true;\n };\n }, [id, api]);\n\n return { asset, loading, error };\n}\n\nexport function useProviders() {\n const api = useApi(devAiHubApiRef);\n const [providers, setProviders] = useState<AiHubProvider[]>([]);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState<Error | null>(null);\n\n const load = useCallback(() => {\n setLoading(true);\n api\n .listProviders()\n .then(data => {\n setProviders(data);\n setError(null);\n })\n .catch(err => setError(err))\n .finally(() => setLoading(false));\n }, [api]);\n\n useEffect(() => {\n load();\n }, [load]);\n\n return { providers, loading, error, reload: load };\n}\n\nexport function useStats() {\n const api = useApi(devAiHubApiRef);\n const [stats, setStats] = useState<AiHubStats | null>(null);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState<Error | null>(null);\n\n useEffect(() => {\n setLoading(true);\n api\n .getStats()\n .then(data => {\n setStats(data);\n setError(null);\n })\n .catch(err => setError(err))\n .finally(() => setLoading(false));\n }, [api]);\n\n return { stats, loading, error };\n}\n\nexport function useCopyToClipboard() {\n const [copied, setCopied] = useState(false);\n const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n const copy = useCallback((text: string) => {\n navigator.clipboard.writeText(text).then(() => {\n setCopied(true);\n if (timerRef.current) clearTimeout(timerRef.current);\n timerRef.current = setTimeout(() => setCopied(false), 2000);\n });\n }, []);\n\n return { copy, copied };\n}\n"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { ComponentType } from 'react';
|
|
3
|
+
import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
|
|
4
|
+
import { AssetListFilter, AiAssetListResponse, AiAsset, AiHubProvider, AiHubStats } from '@julianpedro/plugin-dev-ai-hub-common';
|
|
5
|
+
|
|
6
|
+
declare const devAiHubPlugin: _backstage_frontend_plugin_api.OverridableFrontendPlugin<{
|
|
7
|
+
root: _backstage_frontend_plugin_api.RouteRef<undefined>;
|
|
8
|
+
}, {}, {
|
|
9
|
+
"api:dev-ai-hub": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
|
|
10
|
+
kind: "api";
|
|
11
|
+
name: undefined;
|
|
12
|
+
config: {};
|
|
13
|
+
configInput: {};
|
|
14
|
+
output: _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.AnyApiFactory, "core.api.factory", {}>;
|
|
15
|
+
inputs: {};
|
|
16
|
+
params: <TApi, TImpl extends TApi, TDeps extends { [name in string]: unknown; }>(params: _backstage_frontend_plugin_api.ApiFactory<TApi, TImpl, TDeps>) => _backstage_frontend_plugin_api.ExtensionBlueprintParams<_backstage_frontend_plugin_api.AnyApiFactory>;
|
|
17
|
+
}>;
|
|
18
|
+
"nav-item:dev-ai-hub": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
|
|
19
|
+
kind: "nav-item";
|
|
20
|
+
name: undefined;
|
|
21
|
+
config: {};
|
|
22
|
+
configInput: {};
|
|
23
|
+
output: _backstage_frontend_plugin_api.ExtensionDataRef<{
|
|
24
|
+
title: string;
|
|
25
|
+
icon: _backstage_frontend_plugin_api.IconComponent;
|
|
26
|
+
routeRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
|
|
27
|
+
}, "core.nav-item.target", {}>;
|
|
28
|
+
inputs: {};
|
|
29
|
+
params: {
|
|
30
|
+
title: string;
|
|
31
|
+
icon: _backstage_frontend_plugin_api.IconComponent;
|
|
32
|
+
routeRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
|
|
33
|
+
};
|
|
34
|
+
}>;
|
|
35
|
+
"page:dev-ai-hub": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
|
|
36
|
+
kind: "page";
|
|
37
|
+
name: undefined;
|
|
38
|
+
config: {
|
|
39
|
+
path: string | undefined;
|
|
40
|
+
title: string | undefined;
|
|
41
|
+
};
|
|
42
|
+
configInput: {
|
|
43
|
+
title?: string | undefined;
|
|
44
|
+
path?: string | undefined;
|
|
45
|
+
};
|
|
46
|
+
output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
|
|
47
|
+
optional: true;
|
|
48
|
+
}> | _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.title", {
|
|
49
|
+
optional: true;
|
|
50
|
+
}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.IconElement, "core.icon", {
|
|
51
|
+
optional: true;
|
|
52
|
+
}>;
|
|
53
|
+
inputs: {
|
|
54
|
+
pages: _backstage_frontend_plugin_api.ExtensionInput<_backstage_frontend_plugin_api.ConfigurableExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
|
|
55
|
+
optional: true;
|
|
56
|
+
}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.title", {
|
|
57
|
+
optional: true;
|
|
58
|
+
}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.IconElement, "core.icon", {
|
|
59
|
+
optional: true;
|
|
60
|
+
}>, {
|
|
61
|
+
singleton: false;
|
|
62
|
+
optional: false;
|
|
63
|
+
internal: false;
|
|
64
|
+
}>;
|
|
65
|
+
};
|
|
66
|
+
params: {
|
|
67
|
+
defaultPath?: [Error: `Use the 'path' param instead`];
|
|
68
|
+
path: string;
|
|
69
|
+
title?: string;
|
|
70
|
+
icon?: _backstage_frontend_plugin_api.IconElement;
|
|
71
|
+
loader?: () => Promise<react.JSX.Element>;
|
|
72
|
+
routeRef?: _backstage_frontend_plugin_api.RouteRef;
|
|
73
|
+
noHeader?: boolean;
|
|
74
|
+
};
|
|
75
|
+
}>;
|
|
76
|
+
}>;
|
|
77
|
+
|
|
78
|
+
/**
|
|
79
|
+
* Legacy Backstage frontend system support.
|
|
80
|
+
*
|
|
81
|
+
* For New Frontend System (NFS) use `devAiHubPlugin` from `./plugin` instead.
|
|
82
|
+
*/
|
|
83
|
+
|
|
84
|
+
/** Routable page extension for the legacy frontend system. */
|
|
85
|
+
declare const DevAiHubPage: ComponentType;
|
|
86
|
+
|
|
87
|
+
declare const devAiHubApiRef: _backstage_frontend_plugin_api.ApiRef<DevAiHubApi>;
|
|
88
|
+
interface DevAiHubApi {
|
|
89
|
+
listAssets(filter?: AssetListFilter): Promise<AiAssetListResponse>;
|
|
90
|
+
getAsset(id: string): Promise<AiAsset>;
|
|
91
|
+
getAssetRaw(id: string): Promise<string>;
|
|
92
|
+
/** Returns the absolute URL for the download endpoint (zip for skills, md for others). */
|
|
93
|
+
getDownloadUrl(id: string): Promise<string>;
|
|
94
|
+
trackInstall(id: string): Promise<void>;
|
|
95
|
+
listProviders(): Promise<AiHubProvider[]>;
|
|
96
|
+
getProviderStatus(id: string): Promise<AiHubProvider>;
|
|
97
|
+
triggerSync(id: string): Promise<void>;
|
|
98
|
+
getStats(): Promise<AiHubStats>;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
declare const rootRouteRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
|
|
102
|
+
|
|
103
|
+
export { DevAiHubPage, devAiHubApiRef, devAiHubPlugin, rootRouteRef };
|
|
104
|
+
export type { DevAiHubApi };
|