@nospt/plugin-dev-ai-hub 0.2.4 → 0.3.1
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/DevAiHubResourceClient.esm.js +97 -0
- package/dist/api/DevAiHubResourceClient.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/AiResourcesPage.esm.js +150 -0
- package/dist/components/AiResourcesPage/AiResourcesPage.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/AiResourcesPage.module.css.esm.js +8 -0
- package/dist/components/AiResourcesPage/AiResourcesPage.module.css.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/ResourceCard.esm.js +112 -0
- package/dist/components/AiResourcesPage/ResourceCard.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/ResourceCard.module.css.esm.js +8 -0
- package/dist/components/AiResourcesPage/ResourceCard.module.css.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/ResourceDetailPanel.esm.js +238 -0
- package/dist/components/AiResourcesPage/ResourceDetailPanel.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/ResourceDetailPanel.module.css.esm.js +8 -0
- package/dist/components/AiResourcesPage/ResourceDetailPanel.module.css.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/ResourceFilters.esm.js +242 -0
- package/dist/components/AiResourcesPage/ResourceFilters.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/ResourceFilters.module.css.esm.js +8 -0
- package/dist/components/AiResourcesPage/ResourceFilters.module.css.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/ResourceInstallDialog.esm.js +366 -0
- package/dist/components/AiResourcesPage/ResourceInstallDialog.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/ResourceInstallDialog.module.css.esm.js +8 -0
- package/dist/components/AiResourcesPage/ResourceInstallDialog.module.css.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/StatTiles.aurora.module.css.esm.js +8 -0
- package/dist/components/AiResourcesPage/StatTiles.aurora.module.css.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/StatTiles.console.module.css.esm.js +8 -0
- package/dist/components/AiResourcesPage/StatTiles.console.module.css.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/StatTiles.esm.js +82 -0
- package/dist/components/AiResourcesPage/StatTiles.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/StatTiles.module.css.esm.js +8 -0
- package/dist/components/AiResourcesPage/StatTiles.module.css.esm.js.map +1 -0
- package/dist/components/AiResourcesPage/index.esm.js +6 -0
- package/dist/components/AiResourcesPage/typeMeta.esm.js +34 -0
- package/dist/components/AiResourcesPage/typeMeta.esm.js.map +1 -0
- package/dist/components/ToolIcon/ToolIcon.esm.js +28 -10
- package/dist/components/ToolIcon/ToolIcon.esm.js.map +1 -1
- package/dist/hooks/useResourceBody.esm.js +39 -0
- package/dist/hooks/useResourceBody.esm.js.map +1 -0
- package/dist/hooks/useResources.esm.js +26 -0
- package/dist/hooks/useResources.esm.js.map +1 -0
- package/dist/hooks/useTelemetryCounts.esm.js +24 -0
- package/dist/hooks/useTelemetryCounts.esm.js.map +1 -0
- package/dist/index.d.ts +1 -38
- package/dist/index.esm.js +1 -3
- package/dist/index.esm.js.map +1 -1
- package/dist/plugin.esm.js +15 -24
- package/dist/plugin.esm.js.map +1 -1
- package/dist/routes.esm.js +1 -2
- package/dist/routes.esm.js.map +1 -1
- package/package.json +17 -10
- package/.eslintrc.js +0 -1
- package/dev/index.tsx +0 -32
- package/dist/api/DevAiHubClient.esm.js +0 -78
- package/dist/api/DevAiHubClient.esm.js.map +0 -1
- package/dist/components/AssetCard/AssetCard.esm.js +0 -120
- package/dist/components/AssetCard/AssetCard.esm.js.map +0 -1
- package/dist/components/AssetCard/AssetCard.module.css.esm.js +0 -8
- package/dist/components/AssetCard/AssetCard.module.css.esm.js.map +0 -1
- package/dist/components/AssetDetailPanel/AssetDetailPanel.esm.js +0 -218
- package/dist/components/AssetDetailPanel/AssetDetailPanel.esm.js.map +0 -1
- package/dist/components/AssetDetailPanel/AssetDetailPanel.module.css.esm.js +0 -8
- package/dist/components/AssetDetailPanel/AssetDetailPanel.module.css.esm.js.map +0 -1
- package/dist/components/AssetFilters/AssetFilters.esm.js +0 -176
- package/dist/components/AssetFilters/AssetFilters.esm.js.map +0 -1
- package/dist/components/AssetFilters/AssetFilters.module.css.esm.js +0 -8
- package/dist/components/AssetFilters/AssetFilters.module.css.esm.js.map +0 -1
- package/dist/components/AssetInstallDialog/AssetInstallDialog.esm.js +0 -138
- package/dist/components/AssetInstallDialog/AssetInstallDialog.esm.js.map +0 -1
- package/dist/components/AssetInstallDialog/AssetInstallDialog.module.css.esm.js +0 -8
- package/dist/components/AssetInstallDialog/AssetInstallDialog.module.css.esm.js.map +0 -1
- package/dist/components/DevAiHubPage/DevAiHubPage.esm.js +0 -195
- package/dist/components/DevAiHubPage/DevAiHubPage.esm.js.map +0 -1
- package/dist/components/DevAiHubPage/DevAiHubPage.module.css.esm.js +0 -8
- package/dist/components/DevAiHubPage/DevAiHubPage.module.css.esm.js.map +0 -1
- package/dist/components/DevAiHubPage/index.esm.js +0 -6
- package/dist/components/McpConfigPage/McpConfigPage.esm.js +0 -200
- package/dist/components/McpConfigPage/McpConfigPage.esm.js.map +0 -1
- package/dist/components/McpConfigPage/McpConfigPage.module.css.esm.js +0 -8
- package/dist/components/McpConfigPage/McpConfigPage.module.css.esm.js.map +0 -1
- package/dist/components/McpConfigPage/index.esm.js +0 -6
- package/dist/components/McpConfigPage/index.esm.js.map +0 -1
- package/dist/hooks/index.esm.js +0 -114
- package/dist/hooks/index.esm.js.map +0 -1
- package/dist/pluginLegacy.esm.js +0 -27
- package/dist/pluginLegacy.esm.js.map +0 -1
- package/package.json-prepack +0 -85
- package/src/api/DevAiHubClient.ts +0 -110
- package/src/components/AssetCard/AssetCard.module.css +0 -153
- package/src/components/AssetCard/AssetCard.test.tsx +0 -182
- package/src/components/AssetCard/AssetCard.tsx +0 -152
- package/src/components/AssetCard/index.ts +0 -1
- package/src/components/AssetDetailPanel/AssetDetailPanel.module.css +0 -207
- package/src/components/AssetDetailPanel/AssetDetailPanel.tsx +0 -313
- package/src/components/AssetDetailPanel/index.ts +0 -1
- package/src/components/AssetFilters/AssetFilters.module.css +0 -67
- package/src/components/AssetFilters/AssetFilters.tsx +0 -219
- package/src/components/AssetFilters/index.ts +0 -2
- package/src/components/AssetInstallDialog/AssetInstallDialog.module.css +0 -72
- package/src/components/AssetInstallDialog/AssetInstallDialog.tsx +0 -176
- package/src/components/AssetInstallDialog/index.ts +0 -1
- package/src/components/DevAiHubPage/DevAiHubPage.module.css +0 -105
- package/src/components/DevAiHubPage/DevAiHubPage.tsx +0 -197
- package/src/components/DevAiHubPage/index.ts +0 -1
- package/src/components/McpConfigDialog/McpConfigDialog.module.css +0 -111
- package/src/components/McpConfigDialog/McpConfigDialog.tsx +0 -271
- package/src/components/McpConfigDialog/index.ts +0 -1
- package/src/components/McpConfigPage/McpConfigPage.module.css +0 -121
- package/src/components/McpConfigPage/McpConfigPage.tsx +0 -242
- package/src/components/McpConfigPage/index.ts +0 -1
- package/src/components/ToolIcon/ToolIcon.tsx +0 -65
- package/src/components/ToolIcon/index.ts +0 -1
- package/src/css-modules.d.ts +0 -4
- package/src/hooks/index.ts +0 -152
- package/src/index.ts +0 -10
- package/src/plugin.tsx +0 -60
- package/src/pluginLegacy.ts +0 -42
- package/src/routes.ts +0 -4
- package/tests/e2e/.auth.json +0 -14
- package/tests/e2e/asset-detail.spec.ts +0 -90
- package/tests/e2e/asset-filtering.spec.ts +0 -145
- package/tests/e2e/asset-installation.spec.ts +0 -74
- package/tests/e2e/dev-ai-hub-page.spec.ts +0 -89
- package/tests/e2e/fixtures/base.ts +0 -61
- package/tests/e2e/fixtures/mock-api.ts +0 -221
- package/tests/e2e/mcp-config.spec.ts +0 -88
- package/tsconfig.json +0 -10
- /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":";;;;;;;;;;;;AAaA,MAAM,eAAA,GAAqC;AAAA,EACzC,OAAO,EAAC;AAAA,EACR,OAAO,EAAC;AAAA,EACR,MAAA,EAAQ,EAAA;AAAA,EACR,MAAM,EAAC;AAAA,EACP,UAAA,EAAY;AACd,CAAA;AAEA,MAAM,SAAA,GAAY,EAAA;AAElB,MAAM,YAAA,GAAyG;AAAA,EAC7G;AAAA,IAAE,GAAA,EAAK,aAAA;AAAA,IAAe,KAAA,EAAO,cAAA;AAAA,IAAgB,IAAA,EAAM,aAAA;AAAA,IACjD,QAAA,EAAU,mDAAA;AAAA,IAAqD,MAAA,EAAQ;AAAA,GAAY;AAAA,EACrF;AAAA,IAAE,GAAA,EAAK,OAAA;AAAA,IAAe,KAAA,EAAO,QAAA;AAAA,IAAgB,IAAA,EAAM,YAAA;AAAA,IACjD,QAAA,EAAU,mDAAA;AAAA,IAAqD,MAAA,EAAQ;AAAA,GAAY;AAAA,EACrF;AAAA,IAAE,GAAA,EAAK,OAAA;AAAA,IAAe,KAAA,EAAO,QAAA;AAAA,IAAgB,IAAA,EAAM,WAAA;AAAA,IACjD,QAAA,EAAU,mDAAA;AAAA,IAAqD,MAAA,EAAQ;AAAA,GAAY;AAAA,EACrF;AAAA,IAAE,GAAA,EAAK,UAAA;AAAA,IAAe,KAAA,EAAO,WAAA;AAAA,IAAgB,IAAA,EAAM,eAAA;AAAA,IACjD,QAAA,EAAU,mDAAA;AAAA,IAAqD,MAAA,EAAQ;AAAA;AAC3E,CAAA;AAEO,SAAS,YAAA,GAAe;AAC7B,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAA4B,eAAe,CAAA;AACzE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,CAAC,CAAA;AAElC,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,eAAA,EAAgB;AACxD,EAAA,MAAM,eAAA,GAAkB,YAAA,CAAa,GAAA,CAAI,SAAS,CAAA;AAClD,EAAA,MAAM,cAAA,GAAiB,YAAA,CAAa,GAAA,CAAI,WAAW,CAAA;AAEnD,EAAA,MAAM,eAAA,GAAkB,CAAC,EAAA,KACvB,eAAA,CAAgB,CAAA,CAAA,KAAK;AAAE,IAAA,MAAM,CAAA,GAAI,IAAI,eAAA,CAAgB,CAAC,CAAA;AAAG,IAAA,CAAA,CAAE,GAAA,CAAI,WAAW,EAAE,CAAA;AAAG,IAAA,OAAO,CAAA;AAAA,EAAG,CAAC,CAAA;AAE5F,EAAA,MAAM,iBAAA,GAAoB,MACxB,eAAA,CAAgB,CAAA,CAAA,KAAK;AAAE,IAAA,MAAM,CAAA,GAAI,IAAI,eAAA,CAAgB,CAAC,CAAA;AAAG,IAAA,CAAA,CAAE,OAAO,SAAS,CAAA;AAAG,IAAA,OAAO,CAAA;AAAA,EAAG,CAAC,CAAA;AAE3F,EAAA,MAAM,kBAAA,GAAqB,CAAC,EAAA,KAC1B,eAAA,CAAgB,CAAA,CAAA,KAAK;AAAE,IAAA,MAAM,CAAA,GAAI,IAAI,eAAA,CAAgB,CAAC,CAAA;AAAG,IAAA,CAAA,CAAE,GAAA,CAAI,aAAa,EAAE,CAAA;AAAG,IAAA,OAAO,CAAA;AAAA,EAAG,CAAC,CAAA;AAE9F,EAAA,MAAM,kBAAA,GAAqB,MACzB,eAAA,CAAgB,CAAA,CAAA,KAAK;AAAE,IAAA,MAAM,CAAA,GAAI,IAAI,eAAA,CAAgB,CAAC,CAAA;AAAG,IAAA,CAAA,CAAE,OAAO,WAAW,CAAA;AAAG,IAAA,OAAO,CAAA;AAAA,EAAG,CAAC,CAAA;AAE7F,EAAA,MAAM,EAAE,KAAA,EAAM,GAAI,QAAA,EAAS;AAC3B,EAAA,MAAM,EAAE,SAAA,EAAU,GAAI,YAAA,EAAa;AAEnC,EAAA,MAAM,SAAA,GAAY,OAAA;AAAA,IAChB,OAAO;AAAA,MACL,IAAA,EAAM,QAAQ,KAAA,CAAM,MAAA,KAAW,IAAK,OAAA,CAAQ,KAAA,CAAM,CAAC,CAAA,GAAkB,MAAA;AAAA,MACrE,IAAA,EAAM,QAAQ,KAAA,CAAM,MAAA,KAAW,IAAK,OAAA,CAAQ,KAAA,CAAM,CAAC,CAAA,GAAe,MAAA;AAAA,MAClE,MAAA,EAAQ,QAAQ,MAAA,IAAU,MAAA;AAAA,MAC1B,MAAM,OAAA,CAAQ,IAAA,CAAK,MAAA,GAAS,CAAA,GAAI,QAAQ,IAAA,GAAO,MAAA;AAAA,MAC/C,UAAA,EAAY,QAAQ,UAAA,IAAc,MAAA;AAAA,MAClC,IAAA;AAAA,MACA,QAAA,EAAU;AAAA,KACZ,CAAA;AAAA,IACA,CAAC,SAAS,IAAI;AAAA,GAChB;AAEA,EAAA,MAAM,EAAE,MAAA,EAAQ,OAAA,EAAQ,GAAI,UAAU,SAAS,CAAA;AAE/C,EAAA,MAAM,mBAAA,GAAsB,CAAC,IAAA,KAA4B;AACvD,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,EACX,CAAA;AAEA,EAAA,MAAM,aAAa,MAAA,GAAS,IAAA,CAAK,KAAK,MAAA,CAAO,UAAA,GAAa,SAAS,CAAA,GAAI,CAAA;AAEvE,EAAA,MAAM,aAAA,GAAgB,QAAQ,MAAM;AAClC,IAAA,IAAI,CAAC,MAAA,EAAQ,OAAO,EAAC;AACrB,IAAA,MAAM,MAAA,uBAAa,GAAA,EAAY;AAC/B,IAAA,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,CAAA,CAAA,KAAK,CAAA,CAAE,IAAA,CAAK,OAAA,CAAQ,CAAA,CAAA,KAAK,MAAA,CAAO,GAAA,CAAI,CAAC,CAAC,CAAC,CAAA;AAC5D,IAAA,OAAO,KAAA,CAAM,IAAA,CAAK,MAAM,CAAA,CAAE,IAAA,EAAK;AAAA,EACjC,CAAA,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,QAAA,EACrB,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,OAAA,EAErB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,SAAA,EACpB,QAAA,EAAA,YAAA,CAAa,GAAA,CAAI,CAAC,EAAE,GAAA,EAAK,KAAA,EAAO,IAAA,EAAM,QAAA,EAAU,QAAO,KAAM;AAC5D,QAAA,MAAM,QAAA,GAAW,OAAA,CAAQ,KAAA,CAAM,CAAC,CAAA,KAAM,GAAA;AACtC,QAAA,uBACE,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YAEC,WAAW,MAAA,CAAO,QAAA;AAAA,YAClB,OAAA,EAAS,MAAM,mBAAA,CAAoB,EAAE,GAAG,OAAA,EAAS,KAAA,EAAO,QAAA,GAAW,EAAC,GAAI,CAAC,GAAG,GAAG,CAAA;AAAA,YAC/E,KAAA,EAAO;AAAA,cACL,UAAA,EAAY,QAAA;AAAA,cACZ,WAAW,QAAA,GAAW,CAAA,WAAA,EAAc,MAAM,CAAA,CAAA,GAAK,aAAa,MAAM,CAAA,CAAA;AAAA,cAClE,SAAA,EAAW,WAAW,kBAAA,GAAqB,MAAA;AAAA,cAC3C,OAAA,EAAS,WAAW,iCAAA,GAAoC,MAAA;AAAA,cACxD,aAAA,EAAe;AAAA,aACjB;AAAA,YACA,IAAA,EAAK,QAAA;AAAA,YACL,QAAA,EAAU,CAAA;AAAA,YACV,WAAW,CAAA,CAAA,KAAK;AAAE,cAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,EAAS,mBAAA,CAAoB,EAAE,GAAG,OAAA,EAAS,KAAA,EAAO,QAAA,GAAW,EAAC,GAAI,CAAC,GAAG,GAAG,CAAA;AAAA,YAAG,CAAA;AAAA,YAE5G,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,aAAA,EACrB,QAAA,EAAA;AAAA,8BAAA,IAAA,CAAC,GAAA,EAAA,EACC,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAQ,aAAA,EAAc,MAAA,EAAO,QAAO,SAAA,EAAW,MAAA,CAAO,WACzD,QAAA,EAAA,KAAA,GAAS,KAAA,CAAM,OAAO,GAAG,CAAA,IAAK,oBAAK,GAAA,CAAC,QAAA,EAAA,EAAS,OAAO,EAAE,KAAA,EAAO,EAAA,EAAG,EAAG,CAAA,EACtE,CAAA;AAAA,oCACC,IAAA,EAAA,EAAK,OAAA,EAAQ,cAAa,SAAA,EAAW,MAAA,CAAO,WAC1C,QAAA,EAAA,KAAA,EACH;AAAA,eAAA,EACF,CAAA;AAAA,8BACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,aACrB,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,EAAA,EAAI,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,IAAU,CAAA,EAC5C;AAAA,aAAA,EACF;AAAA,WAAA;AAAA,UA1BK;AAAA,SA2BP;AAAA,MAEJ,CAAC,CAAA,EACH,CAAA;AAAA,sBAGA,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,OAAA;AAAA,UACP,QAAA,EAAU,mBAAA;AAAA,UACV,aAAA;AAAA,UACA,SAAA,EAAW,SAAA,CAAU,MAAA,GAAS,CAAA,GAAI,SAAA,GAAY;AAAA;AAAA,OAChD;AAAA,MAGC,MAAA,IAAU,CAAC,OAAA,oBACV,IAAA,CAAC,QAAK,OAAA,EAAQ,cAAA,EAAe,KAAA,EAAM,WAAA,EAAY,OAAO,EAAE,YAAA,EAAc,oBAAA,EAAsB,OAAA,EAAS,SAAQ,EAC1G,QAAA,EAAA;AAAA,QAAA,MAAA,CAAO,UAAA;AAAA,QAAW,QAAA;AAAA,QAAO,MAAA,CAAO,UAAA,KAAe,CAAA,GAAI,GAAA,GAAM,EAAA;AAAA,QAAG;AAAA,OAAA,EAC/D,CAAA;AAAA,sBAIF,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,WACpB,QAAA,EAAA,OAAA,GACG,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,CAAA,EAAG,CAAA,CAAE,IAAI,CAAC,CAAA,EAAG,CAAA,qBAChC,GAAA,CAAC,QAAA,EAAA,EAAiB,KAAA,EAAO,EAAE,MAAA,EAAQ,KAAK,YAAA,EAAc,qBAAA,EAAsB,EAAA,EAA7D,CAAgE,CAChF,CAAA,GACD,MAAA,EAAQ,KAAA,CAAM,IAAI,CAAA,KAAA,qBAChB,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UAEC,KAAA;AAAA,UACA,MAAA,EAAQ,eAAA;AAAA,UACR,SAAA,EAAW;AAAA,SAAA;AAAA,QAHN,KAAA,CAAM;AAAA,OAKd,CAAA,EACP,CAAA;AAAA,MAGC,CAAC,OAAA,IAAW,MAAA,EAAQ,KAAA,CAAM,MAAA,KAAW,qBACpC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,UAAA,EACrB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,UAAA,EAAY,QAAA,EAAA,WAAA,EAAE,CAAA;AAAA,wBACrC,GAAA,CAAC,QAAK,OAAA,EAAQ,aAAA,EAAc,OAAM,WAAA,EAAY,MAAA,EAAO,QAAO,QAAA,EAAA,iBAAA,EAAe,CAAA;AAAA,wBAC3E,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,YAAA,EAAa,KAAA,EAAM,WAAA,EAAY,KAAA,EAAO,EAAE,SAAA,EAAW,oBAAA,EAAqB,EAAG,QAAA,EAAA,6CAAA,EAEzF;AAAA,OAAA,EACF,CAAA;AAAA,MAID,aAAa,CAAA,oBACZ,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAW,OAAO,aAAA,EACtB,QAAA,kBAAA,GAAA;AAAA,QAAC,eAAA;AAAA,QAAA;AAAA,UACC,QAAA,EAAU,SAAA;AAAA,UACV,MAAA,EAAA,CAAS,OAAO,CAAA,IAAK,SAAA;AAAA,UACrB,UAAA,EAAY,QAAQ,UAAA,IAAc,CAAA;AAAA,UAClC,aAAa,IAAA,GAAO,UAAA;AAAA,UACpB,iBAAiB,IAAA,GAAO,CAAA;AAAA,UACxB,UAAA,EAAY,MAAM,OAAA,CAAQ,CAAA,CAAA,KAAK,IAAI,CAAC,CAAA;AAAA,UACpC,cAAA,EAAgB,MAAM,OAAA,CAAQ,CAAA,CAAA,KAAK,IAAI,CAAC;AAAA;AAAA,OAC1C,EACF;AAAA,KAAA,EAEJ,CAAA;AAAA,oBAEA,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,eAAA;AAAA,QACT,OAAA,EAAS;AAAA;AAAA,KACX;AAAA,oBAEA,GAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,cAAA;AAAA,QACT,OAAA,EAAS;AAAA;AAAA;AACX,GAAA,EACF,CAAA;AAEJ;;;;"}
|
|
@@ -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,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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
package/dist/hooks/index.esm.js
DELETED
|
@@ -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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"}
|
package/dist/pluginLegacy.esm.js
DELETED
|
@@ -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;;;;"}
|
package/package.json-prepack
DELETED
|
@@ -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
|
-
}
|