mirror of
https://gitee.com/mateos/mateclaw.git
synced 2026-09-14 11:37:31 +08:00
f97624874c
The lint script referenced eslint with --ext flags but the repo never had an ESLint config file, so pnpm lint always failed. Add a flat config (typescript-eslint recommended + vue essential) with legacy-code rules downgraded to warnings, drop the flat-config-incompatible --ext flags, and move pnpm build approvals from the no-longer-read pnpm.onlyBuiltDependencies field to pnpm-workspace.yaml allowBuilds.
49 lines
1.8 KiB
TypeScript
49 lines
1.8 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.
|
|
*/
|
|
|
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
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" ')
|
|
}
|