@nospt/plugin-dev-ai-hub 0.2.4 → 0.3.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.
Files changed (122) hide show
  1. package/dist/api/DevAiHubResourceClient.esm.js +97 -0
  2. package/dist/api/DevAiHubResourceClient.esm.js.map +1 -0
  3. package/dist/components/AiResourcesPage/AiResourcesPage.esm.js +150 -0
  4. package/dist/components/AiResourcesPage/AiResourcesPage.esm.js.map +1 -0
  5. package/dist/components/AiResourcesPage/AiResourcesPage.module.css.esm.js +8 -0
  6. package/dist/components/AiResourcesPage/AiResourcesPage.module.css.esm.js.map +1 -0
  7. package/dist/components/AiResourcesPage/ResourceCard.esm.js +158 -0
  8. package/dist/components/AiResourcesPage/ResourceCard.esm.js.map +1 -0
  9. package/dist/components/AiResourcesPage/ResourceCard.module.css.esm.js +8 -0
  10. package/dist/components/AiResourcesPage/ResourceCard.module.css.esm.js.map +1 -0
  11. package/dist/components/AiResourcesPage/ResourceDetailPanel.esm.js +234 -0
  12. package/dist/components/AiResourcesPage/ResourceDetailPanel.esm.js.map +1 -0
  13. package/dist/components/AiResourcesPage/ResourceDetailPanel.module.css.esm.js +8 -0
  14. package/dist/components/AiResourcesPage/ResourceDetailPanel.module.css.esm.js.map +1 -0
  15. package/dist/components/AiResourcesPage/ResourceFilters.esm.js +242 -0
  16. package/dist/components/AiResourcesPage/ResourceFilters.esm.js.map +1 -0
  17. package/dist/components/AiResourcesPage/ResourceFilters.module.css.esm.js +8 -0
  18. package/dist/components/AiResourcesPage/ResourceFilters.module.css.esm.js.map +1 -0
  19. package/dist/components/AiResourcesPage/ResourceInstallDialog.esm.js +366 -0
  20. package/dist/components/AiResourcesPage/ResourceInstallDialog.esm.js.map +1 -0
  21. package/dist/components/AiResourcesPage/ResourceInstallDialog.module.css.esm.js +8 -0
  22. package/dist/components/AiResourcesPage/ResourceInstallDialog.module.css.esm.js.map +1 -0
  23. package/dist/components/AiResourcesPage/StatTiles.esm.js +49 -0
  24. package/dist/components/AiResourcesPage/StatTiles.esm.js.map +1 -0
  25. package/dist/components/AiResourcesPage/StatTiles.module.css.esm.js +8 -0
  26. package/dist/components/AiResourcesPage/StatTiles.module.css.esm.js.map +1 -0
  27. package/dist/components/AiResourcesPage/index.esm.js +6 -0
  28. package/dist/components/AiResourcesPage/typeMeta.esm.js +35 -0
  29. package/dist/components/AiResourcesPage/typeMeta.esm.js.map +1 -0
  30. package/dist/components/ToolIcon/ToolIcon.esm.js +26 -9
  31. package/dist/components/ToolIcon/ToolIcon.esm.js.map +1 -1
  32. package/dist/hooks/useResourceBody.esm.js +39 -0
  33. package/dist/hooks/useResourceBody.esm.js.map +1 -0
  34. package/dist/hooks/useResources.esm.js +26 -0
  35. package/dist/hooks/useResources.esm.js.map +1 -0
  36. package/dist/hooks/useTelemetryCounts.esm.js +24 -0
  37. package/dist/hooks/useTelemetryCounts.esm.js.map +1 -0
  38. package/dist/index.d.ts +1 -38
  39. package/dist/index.esm.js +1 -3
  40. package/dist/index.esm.js.map +1 -1
  41. package/dist/plugin.esm.js +15 -24
  42. package/dist/plugin.esm.js.map +1 -1
  43. package/dist/routes.esm.js +1 -2
  44. package/dist/routes.esm.js.map +1 -1
  45. package/package.json +17 -10
  46. package/.eslintrc.js +0 -1
  47. package/dev/index.tsx +0 -32
  48. package/dist/api/DevAiHubClient.esm.js +0 -78
  49. package/dist/api/DevAiHubClient.esm.js.map +0 -1
  50. package/dist/components/AssetCard/AssetCard.esm.js +0 -120
  51. package/dist/components/AssetCard/AssetCard.esm.js.map +0 -1
  52. package/dist/components/AssetCard/AssetCard.module.css.esm.js +0 -8
  53. package/dist/components/AssetCard/AssetCard.module.css.esm.js.map +0 -1
  54. package/dist/components/AssetDetailPanel/AssetDetailPanel.esm.js +0 -218
  55. package/dist/components/AssetDetailPanel/AssetDetailPanel.esm.js.map +0 -1
  56. package/dist/components/AssetDetailPanel/AssetDetailPanel.module.css.esm.js +0 -8
  57. package/dist/components/AssetDetailPanel/AssetDetailPanel.module.css.esm.js.map +0 -1
  58. package/dist/components/AssetFilters/AssetFilters.esm.js +0 -176
  59. package/dist/components/AssetFilters/AssetFilters.esm.js.map +0 -1
  60. package/dist/components/AssetFilters/AssetFilters.module.css.esm.js +0 -8
  61. package/dist/components/AssetFilters/AssetFilters.module.css.esm.js.map +0 -1
  62. package/dist/components/AssetInstallDialog/AssetInstallDialog.esm.js +0 -138
  63. package/dist/components/AssetInstallDialog/AssetInstallDialog.esm.js.map +0 -1
  64. package/dist/components/AssetInstallDialog/AssetInstallDialog.module.css.esm.js +0 -8
  65. package/dist/components/AssetInstallDialog/AssetInstallDialog.module.css.esm.js.map +0 -1
  66. package/dist/components/DevAiHubPage/DevAiHubPage.esm.js +0 -195
  67. package/dist/components/DevAiHubPage/DevAiHubPage.esm.js.map +0 -1
  68. package/dist/components/DevAiHubPage/DevAiHubPage.module.css.esm.js +0 -8
  69. package/dist/components/DevAiHubPage/DevAiHubPage.module.css.esm.js.map +0 -1
  70. package/dist/components/DevAiHubPage/index.esm.js +0 -6
  71. package/dist/components/McpConfigPage/McpConfigPage.esm.js +0 -200
  72. package/dist/components/McpConfigPage/McpConfigPage.esm.js.map +0 -1
  73. package/dist/components/McpConfigPage/McpConfigPage.module.css.esm.js +0 -8
  74. package/dist/components/McpConfigPage/McpConfigPage.module.css.esm.js.map +0 -1
  75. package/dist/components/McpConfigPage/index.esm.js +0 -6
  76. package/dist/components/McpConfigPage/index.esm.js.map +0 -1
  77. package/dist/hooks/index.esm.js +0 -114
  78. package/dist/hooks/index.esm.js.map +0 -1
  79. package/dist/pluginLegacy.esm.js +0 -27
  80. package/dist/pluginLegacy.esm.js.map +0 -1
  81. package/package.json-prepack +0 -85
  82. package/src/api/DevAiHubClient.ts +0 -110
  83. package/src/components/AssetCard/AssetCard.module.css +0 -153
  84. package/src/components/AssetCard/AssetCard.test.tsx +0 -182
  85. package/src/components/AssetCard/AssetCard.tsx +0 -152
  86. package/src/components/AssetCard/index.ts +0 -1
  87. package/src/components/AssetDetailPanel/AssetDetailPanel.module.css +0 -207
  88. package/src/components/AssetDetailPanel/AssetDetailPanel.tsx +0 -313
  89. package/src/components/AssetDetailPanel/index.ts +0 -1
  90. package/src/components/AssetFilters/AssetFilters.module.css +0 -67
  91. package/src/components/AssetFilters/AssetFilters.tsx +0 -219
  92. package/src/components/AssetFilters/index.ts +0 -2
  93. package/src/components/AssetInstallDialog/AssetInstallDialog.module.css +0 -72
  94. package/src/components/AssetInstallDialog/AssetInstallDialog.tsx +0 -176
  95. package/src/components/AssetInstallDialog/index.ts +0 -1
  96. package/src/components/DevAiHubPage/DevAiHubPage.module.css +0 -105
  97. package/src/components/DevAiHubPage/DevAiHubPage.tsx +0 -197
  98. package/src/components/DevAiHubPage/index.ts +0 -1
  99. package/src/components/McpConfigDialog/McpConfigDialog.module.css +0 -111
  100. package/src/components/McpConfigDialog/McpConfigDialog.tsx +0 -271
  101. package/src/components/McpConfigDialog/index.ts +0 -1
  102. package/src/components/McpConfigPage/McpConfigPage.module.css +0 -121
  103. package/src/components/McpConfigPage/McpConfigPage.tsx +0 -242
  104. package/src/components/McpConfigPage/index.ts +0 -1
  105. package/src/components/ToolIcon/ToolIcon.tsx +0 -65
  106. package/src/components/ToolIcon/index.ts +0 -1
  107. package/src/css-modules.d.ts +0 -4
  108. package/src/hooks/index.ts +0 -152
  109. package/src/index.ts +0 -10
  110. package/src/plugin.tsx +0 -60
  111. package/src/pluginLegacy.ts +0 -42
  112. package/src/routes.ts +0 -4
  113. package/tests/e2e/.auth.json +0 -14
  114. package/tests/e2e/asset-detail.spec.ts +0 -90
  115. package/tests/e2e/asset-filtering.spec.ts +0 -145
  116. package/tests/e2e/asset-installation.spec.ts +0 -74
  117. package/tests/e2e/dev-ai-hub-page.spec.ts +0 -89
  118. package/tests/e2e/fixtures/base.ts +0 -61
  119. package/tests/e2e/fixtures/mock-api.ts +0 -221
  120. package/tests/e2e/mcp-config.spec.ts +0 -88
  121. package/tsconfig.json +0 -10
  122. /package/dist/components/{DevAiHubPage → AiResourcesPage}/index.esm.js.map +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"file":"DevAiHubPage.esm.js","sources":["../../../src/components/DevAiHubPage/DevAiHubPage.tsx"],"sourcesContent":["import { useState, useMemo, type ElementType } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { Box, Flex, Text, Skeleton, TablePagination } from '@backstage/ui';\nimport { RiArticleLine, RiRobot2Line, RiToolsLine, RiGitBranchLine } from '@remixicon/react';\nimport type { AssetType, AiTool } from '@nospt/plugin-dev-ai-hub-common';\nimport { AssetCard } from '../AssetCard';\nimport { AssetFilters } from '../AssetFilters';\nimport type { AssetFiltersValue } from '../AssetFilters';\nimport { AssetDetailPanel } from '../AssetDetailPanel';\nimport { AssetInstallDialog } from '../AssetInstallDialog';\nimport { useAssets, useStats, useProviders } from '../../hooks';\nimport styles from './DevAiHubPage.module.css';\n\nconst DEFAULT_FILTERS: AssetFiltersValue = {\n types: [],\n tools: [],\n search: '',\n tags: [],\n providerId: undefined,\n};\n\nconst PAGE_SIZE = 24;\n\nconst STATS_CONFIG: { key: AssetType; label: string; Icon: ElementType; gradient: string; shadow: string }[] = [\n { key: 'instruction', label: 'Instructions', Icon: RiArticleLine,\n gradient: 'linear-gradient(135deg, #54A0FF 0%, #2980FF 100%)', shadow: '#54A0FF40' },\n { key: 'agent', label: 'Agents', Icon: RiRobot2Line,\n gradient: 'linear-gradient(135deg, #FF6B9D 0%, #E0507A 100%)', shadow: '#FF6B9D40' },\n { key: 'skill', label: 'Skills', Icon: RiToolsLine,\n gradient: 'linear-gradient(135deg, #6AB04C 0%, #4A8F2E 100%)', shadow: '#6AB04C40' },\n { key: 'workflow', label: 'Workflows', Icon: RiGitBranchLine,\n gradient: 'linear-gradient(135deg, #F9CA24 0%, #D4A800 100%)', shadow: '#F9CA2440' },\n];\n\nexport function DevAiHubPage() {\n const [filters, setFilters] = useState<AssetFiltersValue>(DEFAULT_FILTERS);\n const [page, setPage] = useState(1);\n\n const [searchParams, setSearchParams] = useSearchParams();\n const selectedAssetId = searchParams.get('assetId');\n const installAssetId = searchParams.get('installId');\n\n const handleViewAsset = (id: string) =>\n setSearchParams(p => { const n = new URLSearchParams(p); n.set('assetId', id); return n; });\n\n const handleCloseDetail = () =>\n setSearchParams(p => { const n = new URLSearchParams(p); n.delete('assetId'); return n; });\n\n const handleInstallAsset = (id: string) =>\n setSearchParams(p => { const n = new URLSearchParams(p); n.set('installId', id); return n; });\n\n const handleCloseInstall = () =>\n setSearchParams(p => { const n = new URLSearchParams(p); n.delete('installId'); return n; });\n\n const { stats } = useStats();\n const { providers } = useProviders();\n\n const apiFilter = useMemo(\n () => ({\n type: filters.types.length === 1 ? (filters.types[0] as AssetType) : undefined,\n tool: filters.tools.length === 1 ? (filters.tools[0] as AiTool) : undefined,\n search: filters.search || undefined,\n tags: filters.tags.length > 0 ? filters.tags : undefined,\n providerId: filters.providerId || undefined,\n page,\n pageSize: PAGE_SIZE,\n }),\n [filters, page],\n );\n\n const { result, loading } = useAssets(apiFilter);\n\n const handleFiltersChange = (next: AssetFiltersValue) => {\n setFilters(next);\n setPage(1);\n };\n\n const totalPages = result ? Math.ceil(result.totalCount / PAGE_SIZE) : 0;\n\n const availableTags = useMemo(() => {\n if (!result) return [];\n const tagSet = new Set<string>();\n result.items.forEach(a => a.tags.forEach(t => tagSet.add(t)));\n return Array.from(tagSet).sort();\n }, [result]);\n\n return (\n <div className={styles.pageRoot}>\n <div className={styles.content}>\n {/* Stats row */}\n <div className={styles.statsGrid}>\n {STATS_CONFIG.map(({ key, label, Icon, gradient, shadow }) => {\n const isActive = filters.types[0] === key;\n return (\n <div\n key={key}\n className={styles.statCard}\n onClick={() => handleFiltersChange({ ...filters, types: isActive ? [] : [key] })}\n style={{\n background: gradient,\n boxShadow: isActive ? `0 8px 24px ${shadow}` : `0 2px 8px ${shadow}`,\n transform: isActive ? 'translateY(-2px)' : 'none',\n outline: isActive ? '2px solid rgba(255,255,255,0.6)' : 'none',\n outlineOffset: 2,\n }}\n role=\"button\"\n tabIndex={0}\n onKeyDown={e => { if (e.key === 'Enter') handleFiltersChange({ ...filters, types: isActive ? [] : [key] }); }}\n >\n <div className={styles.statCardInner}>\n <Box>\n <Text variant=\"title-large\" weight=\"bold\" className={styles.statValue}>\n {stats ? (stats.byType[key] ?? 0) : <Skeleton style={{ width: 32 }} />}\n </Text>\n <Text variant=\"body-small\" className={styles.statLabel}>\n {label}\n </Text>\n </Box>\n <div className={styles.statIconBox}>\n <Icon size={22} style={{ color: '#fff' }} />\n </div>\n </div>\n </div>\n );\n })}\n </div>\n\n {/* Filters */}\n <AssetFilters\n value={filters}\n onChange={handleFiltersChange}\n availableTags={availableTags}\n providers={providers.length > 1 ? providers : undefined}\n />\n\n {/* Results summary */}\n {result && !loading && (\n <Text variant=\"body-x-small\" color=\"secondary\" style={{ marginBottom: 'var(--bui-space-4)', display: 'block' }}>\n {result.totalCount} asset{result.totalCount !== 1 ? 's' : ''} found\n </Text>\n )}\n\n {/* Asset grid — 4 columns on large screens */}\n <div className={styles.assetGrid}>\n {loading\n ? Array.from({ length: 8 }).map((_, i) => (\n <Skeleton key={i} style={{ height: 150, borderRadius: 'var(--bui-radius-2)' }} />\n ))\n : result?.items.map(asset => (\n <AssetCard\n key={asset.id}\n asset={asset}\n onView={handleViewAsset}\n onInstall={handleInstallAsset}\n />\n ))}\n </div>\n\n {/* Empty state */}\n {!loading && result?.items.length === 0 && (\n <div className={styles.emptyState}>\n <div className={styles.emptyEmoji}>🤖</div>\n <Text variant=\"title-small\" color=\"secondary\" weight=\"bold\">No assets found</Text>\n <Text variant=\"body-small\" color=\"secondary\" style={{ marginTop: 'var(--bui-space-1)' }}>\n Try adjusting your filters or search terms.\n </Text>\n </div>\n )}\n\n {/* Pagination */}\n {totalPages > 1 && (\n <Flex className={styles.paginationRow}>\n <TablePagination\n pageSize={PAGE_SIZE}\n offset={(page - 1) * PAGE_SIZE}\n totalCount={result?.totalCount ?? 0}\n hasNextPage={page < totalPages}\n hasPreviousPage={page > 1}\n onNextPage={() => setPage(p => p + 1)}\n onPreviousPage={() => setPage(p => p - 1)}\n />\n </Flex>\n )}\n </div>\n\n <AssetDetailPanel\n assetId={selectedAssetId}\n onClose={handleCloseDetail}\n />\n\n <AssetInstallDialog\n assetId={installAssetId}\n onClose={handleCloseInstall}\n />\n </div>\n );\n}\n"],"names":[],"mappings":"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"}
@@ -1,8 +0,0 @@
1
- import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
2
-
3
- var css_248z = "@layer components {\n .DevAiHubPage_pageRoot__58eb18b1eb {\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n\n .DevAiHubPage_content__58eb18b1eb {\n flex: 1;\n padding: var(--bui-space-6);\n overflow-y: auto;\n }\n\n .DevAiHubPage_statsGrid__58eb18b1eb {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: var(--bui-space-4);\n margin-bottom: var(--bui-space-6);\n }\n\n @media (max-width: 600px) {\n .DevAiHubPage_statsGrid__58eb18b1eb {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n .DevAiHubPage_statCard__58eb18b1eb {\n border-radius: var(--bui-radius-3);\n padding: var(--bui-space-4);\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n .DevAiHubPage_statCard__58eb18b1eb:hover {\n transform: translateY(-2px);\n }\n\n .DevAiHubPage_statCardInner__58eb18b1eb {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .DevAiHubPage_statValue__58eb18b1eb {\n color: #fff;\n line-height: 1;\n }\n\n .DevAiHubPage_statLabel__58eb18b1eb {\n color: rgba(255, 255, 255, 0.85);\n font-weight: 500;\n margin-top: var(--bui-space-1);\n }\n\n .DevAiHubPage_statIconBox__58eb18b1eb {\n width: 40px;\n height: 40px;\n border-radius: var(--bui-radius-2);\n background-color: rgba(255, 255, 255, 0.2);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .DevAiHubPage_assetGrid__58eb18b1eb {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: var(--bui-space-3);\n }\n\n @media (max-width: 1200px) {\n .DevAiHubPage_assetGrid__58eb18b1eb {\n grid-template-columns: repeat(3, 1fr);\n }\n }\n\n @media (max-width: 900px) {\n .DevAiHubPage_assetGrid__58eb18b1eb {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 600px) {\n .DevAiHubPage_assetGrid__58eb18b1eb {\n grid-template-columns: 1fr;\n }\n }\n\n .DevAiHubPage_emptyState__58eb18b1eb {\n padding: 96px 0;\n text-align: center;\n }\n\n .DevAiHubPage_emptyEmoji__58eb18b1eb {\n margin-bottom: var(--bui-space-4);\n opacity: 0.15;\n font-size: 5rem;\n }\n\n .DevAiHubPage_paginationRow__58eb18b1eb {\n display: flex;\n justify-content: center;\n margin-top: var(--bui-space-8);\n }\n}\n";
4
- var styles = {"pageRoot":"DevAiHubPage_pageRoot__58eb18b1eb","content":"DevAiHubPage_content__58eb18b1eb","statsGrid":"DevAiHubPage_statsGrid__58eb18b1eb","statCard":"DevAiHubPage_statCard__58eb18b1eb","statCardInner":"DevAiHubPage_statCardInner__58eb18b1eb","statValue":"DevAiHubPage_statValue__58eb18b1eb","statLabel":"DevAiHubPage_statLabel__58eb18b1eb","statIconBox":"DevAiHubPage_statIconBox__58eb18b1eb","assetGrid":"DevAiHubPage_assetGrid__58eb18b1eb","emptyState":"DevAiHubPage_emptyState__58eb18b1eb","emptyEmoji":"DevAiHubPage_emptyEmoji__58eb18b1eb","paginationRow":"DevAiHubPage_paginationRow__58eb18b1eb"};
5
- styleInject(css_248z);
6
-
7
- export { styles as default };
8
- //# sourceMappingURL=DevAiHubPage.module.css.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DevAiHubPage.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -1,6 +0,0 @@
1
- import { DevAiHubPage } from './DevAiHubPage.esm.js';
2
-
3
-
4
-
5
- export { DevAiHubPage };
6
- //# sourceMappingURL=index.esm.js.map
@@ -1,200 +0,0 @@
1
- import { jsxs, jsx } from 'react/jsx-runtime';
2
- import { useState, useEffect } from 'react';
3
- import { Text, Tabs, TabList, Tab, TabPanel, Box, Flex, ToggleButton, Switch, TooltipTrigger, ButtonIcon, Tooltip } from '@backstage/ui';
4
- import { RiDatabase2Line, RiCheckLine, RiFileCopyLine } from '@remixicon/react';
5
- import { useApi, discoveryApiRef } from '@backstage/core-plugin-api';
6
- import { ToolIcon } from '../ToolIcon/ToolIcon.esm.js';
7
- import { useCopyToClipboard, useProviders } from '../../hooks/index.esm.js';
8
- import styles from './McpConfigPage.module.css.esm.js';
9
-
10
- const TOOL_CONFIGS = [
11
- {
12
- tool: "claude-code",
13
- label: "Claude Code",
14
- file: ".mcp.json",
15
- description: "Add to .mcp.json in your project root (or run via claude mcp add):",
16
- buildConfig: (url) => JSON.stringify({
17
- mcpServers: { "dev-ai-hub": { type: "http", url } }
18
- }, null, 2)
19
- },
20
- {
21
- tool: "github-copilot",
22
- label: "GitHub Copilot",
23
- file: ".vscode/settings.json",
24
- description: "Add to your VS Code settings (.vscode/settings.json or user settings):",
25
- buildConfig: (url) => JSON.stringify({
26
- "github.copilot.chat.mcp.servers": { "dev-ai-hub": { type: "http", url } }
27
- }, null, 2)
28
- },
29
- {
30
- tool: "google-gemini",
31
- label: "Google Gemini",
32
- file: "gemini-config.json",
33
- description: "Add to your Gemini CLI configuration:",
34
- buildConfig: (url) => JSON.stringify({
35
- mcpServers: { "dev-ai-hub": { url } }
36
- }, null, 2)
37
- }
38
- ];
39
- function providerLabel(target) {
40
- return target.split("/").pop()?.replace(/\.git$/, "") ?? target;
41
- }
42
- function McpConfigPage() {
43
- const discoveryApi = useApi(discoveryApiRef);
44
- const { copy: copyUrl, copied: copiedUrl } = useCopyToClipboard();
45
- const { copy: copySnippet, copied: copiedSnippet } = useCopyToClipboard();
46
- const [selectedToolKey, setSelectedToolKey] = useState("claude-code");
47
- const [baseUrl, setBaseUrl] = useState("");
48
- const [selectedProvider, setSelectedProvider] = useState("");
49
- const [proactiveEnabled, setProactiveEnabled] = useState(false);
50
- const { providers } = useProviders();
51
- const showProviderFilter = providers.length > 1;
52
- useEffect(() => {
53
- discoveryApi.getBaseUrl("dev-ai-hub").then((url) => setBaseUrl(url));
54
- }, [discoveryApi]);
55
- const cfg = TOOL_CONFIGS.find((t) => t.tool === selectedToolKey) ?? TOOL_CONFIGS[0];
56
- const buildMcpUrl = () => {
57
- if (!baseUrl) return "loading...";
58
- const params = new URLSearchParams();
59
- params.set("tool", cfg.tool);
60
- if (selectedProvider) params.set("provider", selectedProvider);
61
- if (proactiveEnabled) params.set("proactive", "true");
62
- return `${baseUrl}/mcp?${params.toString()}`;
63
- };
64
- const mcpUrl = buildMcpUrl();
65
- const configSnippet = baseUrl ? cfg.buildConfig(mcpUrl) : "";
66
- const [isDark, setIsDark] = useState(() => {
67
- if (typeof document === "undefined") return false;
68
- return document.documentElement.getAttribute("data-theme-mode") === "dark" || document.body.getAttribute("data-theme-mode") === "dark";
69
- });
70
- useEffect(() => {
71
- const getIsDark = () => document.documentElement.getAttribute("data-theme-mode") === "dark" || document.body.getAttribute("data-theme-mode") === "dark";
72
- const observer = new MutationObserver(() => setIsDark(getIsDark()));
73
- observer.observe(document.documentElement, { attributes: true, attributeFilter: ["data-theme-mode"] });
74
- observer.observe(document.body, { attributes: true, attributeFilter: ["data-theme-mode"] });
75
- return () => observer.disconnect();
76
- }, []);
77
- return /* @__PURE__ */ jsxs("div", { className: styles.pageRoot, children: [
78
- /* @__PURE__ */ jsx(Text, { variant: "title-small", weight: "bold", children: "Configure MCP Server" }),
79
- /* @__PURE__ */ jsx(Text, { variant: "body-small", color: "secondary", className: styles.subtitle, children: "Connect your AI tool to the Dev AI Hub via Model Context Protocol." }),
80
- /* @__PURE__ */ jsx("div", { className: styles.configContent, children: /* @__PURE__ */ jsxs(Tabs, { selectedKey: selectedToolKey, onSelectionChange: (key) => setSelectedToolKey(key), children: [
81
- /* @__PURE__ */ jsx(TabList, { className: styles.tabBar, children: TOOL_CONFIGS.map((t) => /* @__PURE__ */ jsx(Tab, { id: t.tool, children: /* @__PURE__ */ jsxs("span", { className: styles.tabContent, children: [
82
- /* @__PURE__ */ jsx(ToolIcon, { tool: t.tool, size: 16 }),
83
- /* @__PURE__ */ jsx("span", { children: t.label })
84
- ] }) }, t.tool)) }),
85
- TOOL_CONFIGS.map((t) => /* @__PURE__ */ jsxs(TabPanel, { id: t.tool, children: [
86
- showProviderFilter && /* @__PURE__ */ jsxs(Box, { className: styles.providerSection, children: [
87
- /* @__PURE__ */ jsx(Text, { variant: "body-x-small", color: "secondary", className: styles.sectionLabel, children: "Scope to Provider" }),
88
- /* @__PURE__ */ jsxs(Flex, { className: styles.chipsRow, children: [
89
- /* @__PURE__ */ jsx(
90
- ToggleButton,
91
- {
92
- id: "all-providers",
93
- size: "small",
94
- className: styles.filterChip,
95
- isSelected: !selectedProvider,
96
- onChange: () => setSelectedProvider(""),
97
- style: {
98
- borderColor: !selectedProvider ? "var(--bui-fg-primary)" : "var(--bui-border-1)",
99
- backgroundColor: !selectedProvider ? "var(--bui-fg-primary)" : "transparent",
100
- color: !selectedProvider ? "var(--bui-bg-neutral-1)" : "var(--bui-fg-secondary)"
101
- },
102
- children: "All providers"
103
- }
104
- ),
105
- providers.map((p) => {
106
- const isSelected = selectedProvider === p.id;
107
- const label = providerLabel(p.target);
108
- return /* @__PURE__ */ jsx(
109
- ToggleButton,
110
- {
111
- id: p.id,
112
- size: "small",
113
- className: styles.filterChip,
114
- iconStart: /* @__PURE__ */ jsx(RiDatabase2Line, { size: 12, style: { color: isSelected ? "var(--bui-bg-neutral-1)" : "inherit" } }),
115
- isSelected,
116
- onChange: () => setSelectedProvider(isSelected ? "" : p.id),
117
- style: {
118
- borderColor: isSelected ? "var(--bui-fg-primary)" : "var(--bui-border-1)",
119
- backgroundColor: isSelected ? "var(--bui-fg-primary)" : "transparent",
120
- color: isSelected ? "var(--bui-bg-neutral-1)" : "var(--bui-fg-secondary)"
121
- },
122
- children: label
123
- },
124
- p.id
125
- );
126
- })
127
- ] })
128
- ] }),
129
- /* @__PURE__ */ jsx(Flex, { className: styles.proactiveSection, children: /* @__PURE__ */ jsxs(Flex, { className: styles.proactiveRow, children: [
130
- /* @__PURE__ */ jsx(
131
- Switch,
132
- {
133
- isSelected: proactiveEnabled,
134
- onChange: setProactiveEnabled,
135
- "aria-label": "Proactive suggestions"
136
- }
137
- ),
138
- /* @__PURE__ */ jsxs(Box, { children: [
139
- /* @__PURE__ */ jsx(Text, { variant: "body-small", weight: "bold", children: "Proactive suggestions" }),
140
- /* @__PURE__ */ jsx(Text, { variant: "body-x-small", color: "secondary", children: "The AI will automatically suggest relevant assets based on your project context. Disable if you prefer to search manually." })
141
- ] })
142
- ] }) }),
143
- /* @__PURE__ */ jsxs(Box, { className: styles.urlSection, children: [
144
- /* @__PURE__ */ jsx(Text, { variant: "body-x-small", color: "secondary", className: styles.sectionLabel, children: "MCP Endpoint" }),
145
- /* @__PURE__ */ jsxs(Flex, { className: styles.urlBox, children: [
146
- /* @__PURE__ */ jsx(Text, { variant: "body-small", className: styles.urlText, children: mcpUrl }),
147
- /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
148
- /* @__PURE__ */ jsx(
149
- ButtonIcon,
150
- {
151
- "aria-label": copiedUrl ? "Copied!" : "Copy URL",
152
- icon: copiedUrl ? /* @__PURE__ */ jsx(RiCheckLine, { size: 14, style: { color: "var(--bui-fg-success)" } }) : /* @__PURE__ */ jsx(RiFileCopyLine, { size: 14 }),
153
- variant: "tertiary",
154
- onPress: () => copyUrl(mcpUrl)
155
- }
156
- ),
157
- /* @__PURE__ */ jsx(Tooltip, { children: copiedUrl ? "Copied!" : "Copy URL" })
158
- ] })
159
- ] })
160
- ] }),
161
- /* @__PURE__ */ jsx(Text, { variant: "body-x-small", color: "secondary", className: styles.sectionLabel, children: t.file }),
162
- /* @__PURE__ */ jsx(Text, { variant: "body-x-small", color: "secondary", style: { display: "block", marginBottom: "var(--bui-space-2)", marginTop: "var(--bui-space-1)" }, children: t.description }),
163
- /* @__PURE__ */ jsxs("div", { className: styles.snippetContainer, children: [
164
- /* @__PURE__ */ jsx("pre", { className: `${styles.snippetPre} ${isDark ? styles.snippetPreDark : styles.snippetPreLight}`, children: configSnippet }),
165
- /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
166
- /* @__PURE__ */ jsx(
167
- ButtonIcon,
168
- {
169
- "aria-label": "Copy config",
170
- className: styles.copySnippetButton,
171
- icon: copiedSnippet ? /* @__PURE__ */ jsx(RiCheckLine, { size: 14, style: { color: "var(--bui-fg-success)" } }) : /* @__PURE__ */ jsx(RiFileCopyLine, { size: 14 }),
172
- variant: "tertiary",
173
- onPress: () => copySnippet(configSnippet)
174
- }
175
- ),
176
- /* @__PURE__ */ jsx(Tooltip, { children: copiedSnippet ? "Copied!" : "Copy config" })
177
- ] })
178
- ] }),
179
- /* @__PURE__ */ jsxs(Text, { variant: "body-x-small", color: "secondary", className: styles.hint, children: [
180
- "\u{1F4A1} Omit ",
181
- /* @__PURE__ */ jsx("code", { children: "?tool=" }),
182
- " from the URL to receive assets for all AI tools.",
183
- showProviderFilter && " Omit ?provider= to receive assets from all repositories.",
184
- " ",
185
- "Proactive suggestions add ",
186
- /* @__PURE__ */ jsx("code", { children: "?proactive=true" }),
187
- " and register the",
188
- " ",
189
- /* @__PURE__ */ jsx("code", { children: "suggest_assets" }),
190
- " tool and ",
191
- /* @__PURE__ */ jsx("code", { children: "check_for_assets" }),
192
- " prompt."
193
- ] })
194
- ] }, t.tool))
195
- ] }) })
196
- ] });
197
- }
198
-
199
- export { McpConfigPage };
200
- //# sourceMappingURL=McpConfigPage.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"McpConfigPage.esm.js","sources":["../../../src/components/McpConfigPage/McpConfigPage.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport {\n Box, Flex, Text, ButtonIcon, ToggleButton, Switch,\n Tabs, TabList, Tab, TabPanel,\n Tooltip, TooltipTrigger,\n} from '@backstage/ui';\nimport { RiFileCopyLine, RiCheckLine, RiDatabase2Line } from '@remixicon/react';\nimport { useApi, discoveryApiRef } from '@backstage/core-plugin-api';\nimport { ToolIcon } from '../ToolIcon';\nimport { useCopyToClipboard, useProviders } from '../../hooks';\nimport type { AiTool } from '@nospt/plugin-dev-ai-hub-common';\nimport styles from './McpConfigPage.module.css';\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\nexport function McpConfigPage() {\n const discoveryApi = useApi(discoveryApiRef);\n const { copy: copyUrl, copied: copiedUrl } = useCopyToClipboard();\n const { copy: copySnippet, copied: copiedSnippet } = useCopyToClipboard();\n const [selectedToolKey, setSelectedToolKey] = useState<string>('claude-code');\n const [baseUrl, setBaseUrl] = useState('');\n const [selectedProvider, setSelectedProvider] = useState<string>('');\n const [proactiveEnabled, setProactiveEnabled] = useState(false);\n\n const { providers } = useProviders();\n const showProviderFilter = providers.length > 1;\n\n useEffect(() => {\n discoveryApi.getBaseUrl('dev-ai-hub').then(url => setBaseUrl(url));\n }, [discoveryApi]);\n\n const cfg = TOOL_CONFIGS.find(t => t.tool === selectedToolKey) ?? TOOL_CONFIGS[0];\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 const [isDark, setIsDark] = useState(() => {\n if (typeof document === 'undefined') return false;\n return document.documentElement.getAttribute('data-theme-mode') === 'dark' ||\n document.body.getAttribute('data-theme-mode') === 'dark';\n });\n\n useEffect(() => {\n const getIsDark = () =>\n document.documentElement.getAttribute('data-theme-mode') === 'dark' ||\n document.body.getAttribute('data-theme-mode') === 'dark';\n\n const observer = new MutationObserver(() => setIsDark(getIsDark()));\n observer.observe(document.documentElement, { attributes: true, attributeFilter: ['data-theme-mode'] });\n observer.observe(document.body, { attributes: true, attributeFilter: ['data-theme-mode'] });\n return () => observer.disconnect();\n }, []);\n\n return (\n <div className={styles.pageRoot}>\n <Text variant=\"title-small\" weight=\"bold\">Configure MCP Server</Text>\n <Text variant=\"body-small\" color=\"secondary\" className={styles.subtitle}>\n Connect your AI tool to the Dev AI Hub via Model Context Protocol.\n </Text>\n\n <div className={styles.configContent}>\n <Tabs selectedKey={selectedToolKey} onSelectionChange={key => setSelectedToolKey(key as string)}>\n <TabList className={styles.tabBar}>\n {TOOL_CONFIGS.map(t => (\n <Tab key={t.tool} id={t.tool}>\n <span className={styles.tabContent}>\n <ToolIcon tool={t.tool} size={16} />\n <span>{t.label}</span>\n </span>\n </Tab>\n ))}\n </TabList>\n\n {TOOL_CONFIGS.map(t => (\n <TabPanel key={t.tool} id={t.tool}>\n {showProviderFilter && (\n <Box className={styles.providerSection}>\n <Text variant=\"body-x-small\" color=\"secondary\" className={styles.sectionLabel}>\n Scope to Provider\n </Text>\n <Flex className={styles.chipsRow}>\n <ToggleButton\n id=\"all-providers\"\n size=\"small\"\n className={styles.filterChip}\n isSelected={!selectedProvider}\n onChange={() => setSelectedProvider('')}\n style={{\n borderColor: !selectedProvider ? 'var(--bui-fg-primary)' : 'var(--bui-border-1)',\n backgroundColor: !selectedProvider ? 'var(--bui-fg-primary)' : 'transparent',\n color: !selectedProvider ? 'var(--bui-bg-neutral-1)' : 'var(--bui-fg-secondary)',\n }}\n >\n All providers\n </ToggleButton>\n {providers.map(p => {\n const isSelected = selectedProvider === p.id;\n const label = providerLabel(p.target);\n return (\n <ToggleButton\n key={p.id}\n id={p.id}\n size=\"small\"\n className={styles.filterChip}\n iconStart={<RiDatabase2Line size={12} style={{ color: isSelected ? 'var(--bui-bg-neutral-1)' : 'inherit' }} />}\n isSelected={isSelected}\n onChange={() => setSelectedProvider(isSelected ? '' : p.id)}\n style={{\n borderColor: isSelected ? 'var(--bui-fg-primary)' : 'var(--bui-border-1)',\n backgroundColor: isSelected ? 'var(--bui-fg-primary)' : 'transparent',\n color: isSelected ? 'var(--bui-bg-neutral-1)' : 'var(--bui-fg-secondary)',\n }}\n >\n {label}\n </ToggleButton>\n );\n })}\n </Flex>\n </Box>\n )}\n\n <Flex className={styles.proactiveSection}>\n <Flex className={styles.proactiveRow}>\n <Switch\n isSelected={proactiveEnabled}\n onChange={setProactiveEnabled}\n aria-label=\"Proactive suggestions\"\n />\n <Box>\n <Text variant=\"body-small\" weight=\"bold\">Proactive suggestions</Text>\n <Text variant=\"body-x-small\" color=\"secondary\">\n The AI will automatically suggest relevant assets based on your project context.\n Disable if you prefer to search manually.\n </Text>\n </Box>\n </Flex>\n </Flex>\n\n <Box className={styles.urlSection}>\n <Text variant=\"body-x-small\" color=\"secondary\" className={styles.sectionLabel}>\n MCP Endpoint\n </Text>\n <Flex className={styles.urlBox}>\n <Text variant=\"body-small\" className={styles.urlText}>\n {mcpUrl}\n </Text>\n <TooltipTrigger>\n <ButtonIcon\n aria-label={copiedUrl ? 'Copied!' : 'Copy URL'}\n icon={copiedUrl ? <RiCheckLine size={14} style={{ color: 'var(--bui-fg-success)' }} /> : <RiFileCopyLine size={14} />}\n variant=\"tertiary\"\n onPress={() => copyUrl(mcpUrl)}\n />\n <Tooltip>{copiedUrl ? 'Copied!' : 'Copy URL'}</Tooltip>\n </TooltipTrigger>\n </Flex>\n </Box>\n\n <Text variant=\"body-x-small\" color=\"secondary\" className={styles.sectionLabel}>\n {t.file}\n </Text>\n <Text variant=\"body-x-small\" color=\"secondary\" style={{ display: 'block', marginBottom: 'var(--bui-space-2)', marginTop: 'var(--bui-space-1)' }}>\n {t.description}\n </Text>\n <div className={styles.snippetContainer}>\n <pre className={`${styles.snippetPre} ${isDark ? styles.snippetPreDark : styles.snippetPreLight}`}>\n {configSnippet}\n </pre>\n <TooltipTrigger>\n <ButtonIcon\n aria-label=\"Copy config\"\n className={styles.copySnippetButton}\n icon={copiedSnippet ? <RiCheckLine size={14} style={{ color: 'var(--bui-fg-success)' }} /> : <RiFileCopyLine size={14} />}\n variant=\"tertiary\"\n onPress={() => copySnippet(configSnippet)}\n />\n <Tooltip>{copiedSnippet ? 'Copied!' : 'Copy config'}</Tooltip>\n </TooltipTrigger>\n </div>\n\n <Text variant=\"body-x-small\" color=\"secondary\" className={styles.hint}>\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 </Text>\n </TabPanel>\n ))}\n </Tabs>\n </div>\n </div>\n );\n}\n"],"names":[],"mappings":"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"}
@@ -1,8 +0,0 @@
1
- import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
2
-
3
- var css_248z = "@layer components {\n .McpConfigPage_pageRoot__fc0e9afedd {\n padding: var(--bui-space-6);\n }\n\n .McpConfigPage_subtitle__fc0e9afedd {\n margin-top: var(--bui-space-1);\n display: block;\n }\n\n .McpConfigPage_configContent__fc0e9afedd {\n margin-top: var(--bui-space-6);\n max-width: 720px;\n }\n\n .McpConfigPage_tabBar__fc0e9afedd {\n margin-bottom: var(--bui-space-4);\n border-bottom: 1px solid var(--bui-border-1);\n }\n\n .McpConfigPage_tabContent__fc0e9afedd {\n display: flex;\n align-items: center;\n gap: var(--bui-space-2);\n }\n\n .McpConfigPage_sectionLabel__fc0e9afedd {\n text-transform: uppercase;\n letter-spacing: 0.5px;\n display: block;\n margin-bottom: 6px;\n font-weight: 600;\n }\n\n .McpConfigPage_providerSection__fc0e9afedd {\n margin-bottom: var(--bui-space-4);\n }\n\n .McpConfigPage_chipsRow__fc0e9afedd {\n display: flex;\n gap: 6px;\n flex-wrap: wrap;\n }\n\n .McpConfigPage_filterChip__fc0e9afedd {\n font-weight: 600;\n font-size: 0.75rem;\n border-radius: var(--bui-radius-2);\n border: 1.5px solid;\n transition: all 0.15s ease;\n cursor: pointer;\n }\n\n .McpConfigPage_proactiveSection__fc0e9afedd {\n margin-bottom: var(--bui-space-4);\n }\n\n .McpConfigPage_proactiveRow__fc0e9afedd {\n display: flex;\n align-items: flex-start;\n gap: var(--bui-space-2);\n }\n\n .McpConfigPage_urlSection__fc0e9afedd {\n margin-bottom: var(--bui-space-4);\n }\n\n .McpConfigPage_urlBox__fc0e9afedd {\n display: flex;\n align-items: center;\n gap: var(--bui-space-2);\n margin-top: var(--bui-space-1);\n padding: var(--bui-space-2) var(--bui-space-3);\n border-radius: var(--bui-radius-2);\n border: 1px solid var(--bui-border-1);\n background-color: var(--bui-bg-neutral-1-hover);\n }\n\n .McpConfigPage_urlText__fc0e9afedd {\n flex: 1;\n font-family: monospace;\n font-size: 0.8rem;\n word-break: break-all;\n }\n\n .McpConfigPage_snippetContainer__fc0e9afedd {\n position: relative;\n }\n\n .McpConfigPage_snippetPre__fc0e9afedd {\n margin: 0;\n padding: var(--bui-space-4);\n border-radius: var(--bui-radius-2);\n border: 1px solid var(--bui-border-1);\n font-family: monospace;\n font-size: 0.8rem;\n overflow-x: auto;\n white-space: pre;\n }\n\n .McpConfigPage_snippetPreLight__fc0e9afedd {\n background-color: #f6f8fa;\n color: #24292f;\n }\n\n .McpConfigPage_snippetPreDark__fc0e9afedd {\n background-color: #1E1E1E;\n color: #DCDDE1;\n }\n\n .McpConfigPage_copySnippetButton__fc0e9afedd {\n position: absolute;\n top: 8px;\n right: 8px;\n }\n\n .McpConfigPage_hint__fc0e9afedd {\n display: block;\n margin-top: var(--bui-space-3);\n }\n}\n";
4
- var styles = {"pageRoot":"McpConfigPage_pageRoot__fc0e9afedd","subtitle":"McpConfigPage_subtitle__fc0e9afedd","configContent":"McpConfigPage_configContent__fc0e9afedd","tabBar":"McpConfigPage_tabBar__fc0e9afedd","tabContent":"McpConfigPage_tabContent__fc0e9afedd","sectionLabel":"McpConfigPage_sectionLabel__fc0e9afedd","providerSection":"McpConfigPage_providerSection__fc0e9afedd","chipsRow":"McpConfigPage_chipsRow__fc0e9afedd","filterChip":"McpConfigPage_filterChip__fc0e9afedd","proactiveSection":"McpConfigPage_proactiveSection__fc0e9afedd","proactiveRow":"McpConfigPage_proactiveRow__fc0e9afedd","urlSection":"McpConfigPage_urlSection__fc0e9afedd","urlBox":"McpConfigPage_urlBox__fc0e9afedd","urlText":"McpConfigPage_urlText__fc0e9afedd","snippetContainer":"McpConfigPage_snippetContainer__fc0e9afedd","snippetPre":"McpConfigPage_snippetPre__fc0e9afedd","snippetPreLight":"McpConfigPage_snippetPreLight__fc0e9afedd","snippetPreDark":"McpConfigPage_snippetPreDark__fc0e9afedd","copySnippetButton":"McpConfigPage_copySnippetButton__fc0e9afedd","hint":"McpConfigPage_hint__fc0e9afedd"};
5
- styleInject(css_248z);
6
-
7
- export { styles as default };
8
- //# sourceMappingURL=McpConfigPage.module.css.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"McpConfigPage.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -1,6 +0,0 @@
1
- import { McpConfigPage } from './McpConfigPage.esm.js';
2
-
3
-
4
-
5
- export { McpConfigPage };
6
- //# sourceMappingURL=index.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,114 +0,0 @@
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
@@ -1 +0,0 @@
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 '@nospt/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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"}
@@ -1,27 +0,0 @@
1
- import { createRouteRef, createPlugin, createApiFactory, fetchApiRef, discoveryApiRef, createRoutableExtension } from '@backstage/core-plugin-api';
2
- import { DevAiHubClient, devAiHubApiRef } from './api/DevAiHubClient.esm.js';
3
-
4
- const rootRouteRef = createRouteRef({ id: "dev-ai-hub" });
5
- const devAiHubLegacyPlugin = createPlugin({
6
- id: "dev-ai-hub",
7
- routes: {
8
- root: rootRouteRef
9
- },
10
- apis: [
11
- createApiFactory({
12
- api: devAiHubApiRef,
13
- deps: { discoveryApi: discoveryApiRef, fetchApi: fetchApiRef },
14
- factory: ({ discoveryApi, fetchApi }) => new DevAiHubClient(discoveryApi, fetchApi)
15
- })
16
- ]
17
- });
18
- const DevAiHubPage = devAiHubLegacyPlugin.provide(
19
- createRoutableExtension({
20
- name: "DevAiHubPage",
21
- component: () => import('./components/DevAiHubPage/index.esm.js').then((m) => m.DevAiHubPage),
22
- mountPoint: rootRouteRef
23
- })
24
- );
25
-
26
- export { DevAiHubPage };
27
- //# sourceMappingURL=pluginLegacy.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"pluginLegacy.esm.js","sources":["../src/pluginLegacy.ts"],"sourcesContent":["/**\n * Legacy Backstage frontend system support.\n *\n * For New Frontend System (NFS) use `devAiHubPlugin` from `./plugin` instead.\n */\nimport type { ComponentType } from 'react';\nimport {\n createPlugin,\n createRoutableExtension,\n createRouteRef,\n createApiFactory,\n discoveryApiRef,\n fetchApiRef,\n} from '@backstage/core-plugin-api';\nimport { devAiHubApiRef, DevAiHubClient } from './api/DevAiHubClient';\n\nconst rootRouteRef = createRouteRef({ id: 'dev-ai-hub' });\n\nconst devAiHubLegacyPlugin = createPlugin({\n id: 'dev-ai-hub',\n routes: {\n root: rootRouteRef,\n },\n apis: [\n createApiFactory({\n api: devAiHubApiRef,\n deps: { discoveryApi: discoveryApiRef, fetchApi: fetchApiRef },\n factory: ({ discoveryApi, fetchApi }) =>\n new DevAiHubClient(discoveryApi, fetchApi),\n }),\n ],\n});\n\n/** Routable page extension for the legacy frontend system. */\nexport const DevAiHubPage: ComponentType = devAiHubLegacyPlugin.provide(\n createRoutableExtension({\n name: 'DevAiHubPage',\n component: () =>\n import('./components/DevAiHubPage').then(m => m.DevAiHubPage),\n mountPoint: rootRouteRef,\n }),\n);\n"],"names":[],"mappings":";;;AAgBA,MAAM,YAAA,GAAe,cAAA,CAAe,EAAE,EAAA,EAAI,cAAc,CAAA;AAExD,MAAM,uBAAuB,YAAA,CAAa;AAAA,EACxC,EAAA,EAAI,YAAA;AAAA,EACJ,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA,GACR;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,gBAAA,CAAiB;AAAA,MACf,GAAA,EAAK,cAAA;AAAA,MACL,IAAA,EAAM,EAAE,YAAA,EAAc,eAAA,EAAiB,UAAU,WAAA,EAAY;AAAA,MAC7D,OAAA,EAAS,CAAC,EAAE,YAAA,EAAc,UAAS,KACjC,IAAI,cAAA,CAAe,YAAA,EAAc,QAAQ;AAAA,KAC5C;AAAA;AAEL,CAAC,CAAA;AAGM,MAAM,eAA8B,oBAAA,CAAqB,OAAA;AAAA,EAC9D,uBAAA,CAAwB;AAAA,IACtB,IAAA,EAAM,cAAA;AAAA,IACN,SAAA,EAAW,MACT,OAAO,wCAA2B,EAAE,IAAA,CAAK,CAAA,CAAA,KAAK,EAAE,YAAY,CAAA;AAAA,IAC9D,UAAA,EAAY;AAAA,GACb;AACH;;;;"}
@@ -1,85 +0,0 @@
1
- {
2
- "name": "@nospt/plugin-dev-ai-hub",
3
- "version": "0.2.4",
4
- "description": "Frontend plugin for Dev AI Hub",
5
- "license": "Apache-2.0",
6
- "main": "src/index.ts",
7
- "types": "src/index.ts",
8
- "repository": {
9
- "type": "git",
10
- "url": "https://github.com/nosportugal/backstage-plugin-dev-ai-hub"
11
- },
12
- "publishConfig": {
13
- "access": "public"
14
- },
15
- "exports": {
16
- ".": "./src/index.ts",
17
- "./package.json": "./package.json"
18
- },
19
- "typesVersions": {
20
- "*": {
21
- "package.json": [
22
- "package.json"
23
- ]
24
- }
25
- },
26
- "backstage": {
27
- "role": "frontend-plugin",
28
- "pluginId": "dev-ai-hub",
29
- "pluginPackages": [
30
- "@nospt/plugin-dev-ai-hub",
31
- "@nospt/plugin-dev-ai-hub-backend",
32
- "@nospt/plugin-dev-ai-hub-common",
33
- "@nospt/plugin-dev-ai-hub-node"
34
- ]
35
- },
36
- "sideEffects": false,
37
- "scripts": {
38
- "start": "backstage-cli package start --config ../../app-config.dev.yaml",
39
- "build": "backstage-cli package build",
40
- "clean": "backstage-cli package clean",
41
- "lint": "backstage-cli package lint",
42
- "prepack": "backstage-cli package prepack",
43
- "postpack": "backstage-cli package postpack",
44
- "test": "backstage-cli package test --passWithNoTests --watchAll=false",
45
- "test:e2e": "playwright test",
46
- "test:e2e:ui": "playwright test --ui",
47
- "test:e2e:debug": "playwright test --debug",
48
- "tsc": "tsc --noEmit"
49
- },
50
- "dependencies": {
51
- "@backstage/core-components": "^0.18.9",
52
- "@backstage/core-plugin-api": "^1.12.5",
53
- "@backstage/frontend-plugin-api": "^0.16.2",
54
- "@backstage/ui": "^0.14.3",
55
- "@mui/icons-material": "^5.15.0",
56
- "@mui/material": "^5.15.0",
57
- "@nospt/plugin-dev-ai-hub-common": "workspace:^",
58
- "@remixicon/react": "^4.6.0",
59
- "react-markdown": "^9.0.0",
60
- "react-syntax-highlighter": "^16.1.1",
61
- "remark-gfm": "^4.0.1",
62
- "simple-icons": "^13.0.0"
63
- },
64
- "devDependencies": {
65
- "@backstage/cli": "^0.36.1",
66
- "@backstage/dev-utils": "^1.1.22",
67
- "@playwright/test": "^1.60.0",
68
- "@testing-library/dom": "^10.0.0",
69
- "@testing-library/jest-dom": "^6.0.0",
70
- "@testing-library/react": "^16.3.1",
71
- "@types/jest": "^30.0.0",
72
- "@types/react": "^18.0.0",
73
- "@types/react-syntax-highlighter": "^15.0.0",
74
- "jest": "^30.2.0",
75
- "jsdom": "^27.1.0",
76
- "react": "^18.0.0",
77
- "react-dom": "^18.0.0",
78
- "react-router-dom": "^6.30.2"
79
- },
80
- "peerDependencies": {
81
- "react": "^18.0.0",
82
- "react-dom": "^18.0.0",
83
- "react-router-dom": "^6.0.0"
84
- }
85
- }