mirror of
https://gitee.com/mateos/mateclaw.git
synced 2026-09-15 03:55:09 +08:00
6aad9fd945
Use const for a never-reassigned local, drop an unused v-for index, add a default branch to an exhaustive switch the linter cannot prove, and remove eslint-disable directives that no longer match enabled rules.
48 lines
1.7 KiB
TypeScript
48 lines
1.7 KiB
TypeScript
/**
|
|
* Static MCP brand-icon registry. SVGs are bundled at build time via Vite's
|
|
* glob import + `?raw` query, so each icon ships as an inline string and
|
|
* can be color-themed with `currentColor` (no external network requests,
|
|
* no per-icon component file).
|
|
*
|
|
* Sources:
|
|
* - Brand glyphs adopted from the Simple Icons collection (CC0 1.0).
|
|
* - Three-letter convention for filenames: lowercase + underscore.
|
|
* The catalog entry's `iconKey` must match the basename.
|
|
*/
|
|
|
|
const rawSvgs = import.meta.glob('@/assets/icons/mcp/*.svg', {
|
|
query: '?raw',
|
|
import: 'default',
|
|
eager: true,
|
|
}) as Record<string, string>
|
|
|
|
function basename(path: string): string {
|
|
return path.split('/').pop()!.replace(/\.\w+$/, '')
|
|
}
|
|
|
|
const ICON_BY_KEY = new Map<string, string>(
|
|
Object.entries(rawSvgs).map(([path, raw]) => [basename(path), raw]),
|
|
)
|
|
|
|
/**
|
|
* Look up an inline SVG by icon key. Returns the raw SVG markup ready
|
|
* for v-html, with width/height stripped and `currentColor` injected so
|
|
* the consumer can size it via CSS and tint it with `color`.
|
|
*/
|
|
export function getMcpIconSvg(iconKey: string | undefined): string | null {
|
|
if (!iconKey) return null
|
|
const raw = ICON_BY_KEY.get(iconKey)
|
|
return raw ? prepareSvg(raw) : null
|
|
}
|
|
|
|
function prepareSvg(svg: string): string {
|
|
return svg
|
|
// Strip fixed sizing so the consumer's container governs the icon size.
|
|
.replace(/\bwidth="[^"]*"/g, '')
|
|
.replace(/\bheight="[^"]*"/g, '')
|
|
// Drop any embedded <style> blocks that might re-introduce sizing.
|
|
.replace(/<style>[\s\S]*?<\/style>/g, '')
|
|
// Tint via currentColor so the parent's `color` cascades into the glyph.
|
|
.replace('<svg ', '<svg fill="currentColor" preserveAspectRatio="xMidYMid meet" ')
|
|
}
|