@shumoku/core 0.1.0

package/dist/themes/utils.js

@@ -0,0 +1,124 @@
+/**
+ * Theme utilities
+ */
+/**
+ * Merge theme with overrides
+ */
+export function mergeTheme(base, overrides) {
+    if (!overrides)
+        return base;
+    return deepMerge(base, overrides);
+}
+/**
+ * Create custom theme
+ */
+export function createTheme(options) {
+    const base = options.extends || getDefaultTheme();
+    return mergeTheme(base, options.overrides);
+}
+/**
+ * Apply theme to CSS variables
+ */
+export function applyThemeToCSS(theme, root = document.documentElement) {
+    const prefix = '--shumoku';
+    // Colors
+    root.style.setProperty(`${prefix}-bg`, theme.colors.background);
+    root.style.setProperty(`${prefix}-surface`, theme.colors.surface);
+    root.style.setProperty(`${prefix}-text`, theme.colors.text);
+    root.style.setProperty(`${prefix}-text-secondary`, theme.colors.textSecondary);
+    root.style.setProperty(`${prefix}-primary`, theme.colors.primary);
+    root.style.setProperty(`${prefix}-secondary`, theme.colors.secondary);
+    root.style.setProperty(`${prefix}-success`, theme.colors.success);
+    root.style.setProperty(`${prefix}-warning`, theme.colors.warning);
+    root.style.setProperty(`${prefix}-error`, theme.colors.error);
+    root.style.setProperty(`${prefix}-info`, theme.colors.info);
+    // Dimensions
+    root.style.setProperty(`${prefix}-radius-sm`, `${theme.dimensions.radius.small}px`);
+    root.style.setProperty(`${prefix}-radius-md`, `${theme.dimensions.radius.medium}px`);
+    root.style.setProperty(`${prefix}-radius-lg`, `${theme.dimensions.radius.large}px`);
+    // Spacing
+    root.style.setProperty(`${prefix}-space-xs`, `${theme.dimensions.spacing.xs}px`);
+    root.style.setProperty(`${prefix}-space-sm`, `${theme.dimensions.spacing.sm}px`);
+    root.style.setProperty(`${prefix}-space-md`, `${theme.dimensions.spacing.md}px`);
+    root.style.setProperty(`${prefix}-space-lg`, `${theme.dimensions.spacing.lg}px`);
+    root.style.setProperty(`${prefix}-space-xl`, `${theme.dimensions.spacing.xl}px`);
+    // Typography
+    root.style.setProperty(`${prefix}-font-sans`, theme.typography.fontFamily.sans);
+    root.style.setProperty(`${prefix}-font-mono`, theme.typography.fontFamily.mono);
+    // Shadows
+    const shadowToCSS = (shadow) => {
+        const alpha = shadow.alpha || 1;
+        const color = hexToRgba(shadow.color, alpha);
+        return `${shadow.offsetX}px ${shadow.offsetY}px ${shadow.blur}px ${color}`;
+    };
+    root.style.setProperty(`${prefix}-shadow-sm`, shadowToCSS(theme.shadows.small));
+    root.style.setProperty(`${prefix}-shadow-md`, shadowToCSS(theme.shadows.medium));
+    root.style.setProperty(`${prefix}-shadow-lg`, shadowToCSS(theme.shadows.large));
+    // Set theme variant
+    root.setAttribute('data-theme', theme.variant);
+}
+/**
+ * Get theme from CSS variables
+ */
+export function getThemeFromCSS(root = document.documentElement) {
+    const prefix = '--shumoku';
+    const style = getComputedStyle(root);
+    const getVar = (name) => style.getPropertyValue(`${prefix}-${name}`).trim();
+    return {
+        variant: root.getAttribute('data-theme') || 'light',
+        colors: {
+            background: getVar('bg'),
+            surface: getVar('surface'),
+            text: getVar('text'),
+            textSecondary: getVar('text-secondary'),
+            primary: getVar('primary'),
+            secondary: getVar('secondary'),
+            success: getVar('success'),
+            warning: getVar('warning'),
+            error: getVar('error'),
+            info: getVar('info'),
+        },
+    };
+}
+/**
+ * Convert hex color to rgba
+ */
+function hexToRgba(hex, alpha = 1) {
+    if (hex === 'transparent')
+        return 'transparent';
+    const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+    if (!result)
+        return hex;
+    const r = parseInt(result[1], 16);
+    const g = parseInt(result[2], 16);
+    const b = parseInt(result[3], 16);
+    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+}
+/**
+ * Deep merge utility
+ */
+function deepMerge(target, source) {
+    if (!source)
+        return target;
+    const result = { ...target };
+    for (const key in source) {
+        if (source.hasOwnProperty(key)) {
+            if (source[key] && typeof source[key] === 'object' && !Array.isArray(source[key])) {
+                result[key] = deepMerge(target[key] || {}, source[key]);
+            }
+            else {
+                result[key] = source[key];
+            }
+        }
+    }
+    return result;
+}
+/**
+ * Get default theme
+ */
+function getDefaultTheme() {
+    // Lazy import to avoid circular dependency
+    const { modernTheme } = require('./modern');
+    return modernTheme;
+}
+//# sourceMappingURL=utils.js.map

package/dist/themes/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/themes/utils.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,92 @@
+{
+  "name": "@shumoku/core",
+  "version": "0.1.0",
+  "description": "Core library for shumoku network topology visualization",
+  "license": "MIT",
+  "author": "konoe-akitoshi",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/konoe-akitoshi/shumoku.git",
+    "directory": "packages/@shumoku/core"
+  },
+  "homepage": "https://shumoku.packof.me/",
+  "bugs": {
+    "url": "https://github.com/konoe-akitoshi/shumoku/issues"
+  },
+  "keywords": [
+    "network",
+    "topology",
+    "diagram",
+    "visualization",
+    "svg"
+  ],
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./models": {
+      "types": "./dist/models/index.d.ts",
+      "import": "./dist/models/index.js"
+    },
+    "./parser": {
+      "types": "./dist/parser/index.d.ts",
+      "import": "./dist/parser/index.js"
+    },
+    "./layout": {
+      "types": "./dist/layout/index.d.ts",
+      "import": "./dist/layout/index.js"
+    },
+    "./renderer": {
+      "types": "./dist/renderer/index.d.ts",
+      "import": "./dist/renderer/index.js"
+    },
+    "./themes": {
+      "types": "./dist/themes/index.d.ts",
+      "import": "./dist/themes/index.js"
+    },
+    "./icons": {
+      "types": "./dist/icons/index.d.ts",
+      "import": "./dist/icons/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "test": "vitest",
+    "typecheck": "tsc --noEmit",
+    "lint": "biome check ."
+  },
+  "dependencies": {
+    "elkjs": "^0.11.0",
+    "pixi.js": "^8.5.2"
+  },
+  "devDependencies": {
+    "@types/node": "^20.11.0",
+    "typescript": "^5.6.3",
+    "vitest": "^2.1.5"
+  },
+  "peerDependencies": {
+    "@pixi/react": "^8.0.0",
+    "react": "^18.0.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@pixi/react": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/icons/build-icons.ts

@@ -0,0 +1,189 @@
+/**
+ * Build script to convert default SVG icons to TypeScript
+ * Run with: bun src/icons/build-icons.ts
+ */
+
+import * as fs from 'fs'
+import * as path from 'path'
+import { fileURLToPath } from 'url'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+const ICONS_DIR = path.join(__dirname)
+const OUTPUT_FILE = path.join(__dirname, 'generated-icons.ts')
+
+function extractSvgContent(svgContent: string): string {
+  const contentMatch = svgContent.match(/<svg[^>]*>([\s\S]*?)<\/svg>/i)
+  if (!contentMatch) return ''
+  return contentMatch[1].trim().replace(/\s+/g, ' ')
+}
+
+function scanDefaultIconFolder(folderPath: string): Record<string, string> {
+  const icons: Record<string, string> = {}
+
+  if (!fs.existsSync(folderPath)) {
+    return icons
+  }
+
+  const files = fs.readdirSync(folderPath)
+
+  for (const file of files) {
+    if (!file.endsWith('.svg')) continue
+
+    const filePath = path.join(folderPath, file)
+    const content = fs.readFileSync(filePath, 'utf-8')
+    const iconName = file.replace('.svg', '')
+    const svgContent = extractSvgContent(content)
+
+    if (svgContent) {
+      icons[iconName] = svgContent
+    }
+  }
+
+  return icons
+}
+
+function generateTypeScript(icons: Record<string, string>): string {
+  const lines: string[] = [
+    '/**',
+    ' * Auto-generated default icon definitions',
+    ' * DO NOT EDIT - Run build-icons.ts to regenerate',
+    ' */',
+    '',
+    "import { DeviceType } from '../models/index.js'",
+    '',
+    "export type IconThemeVariant = 'light' | 'dark' | 'default'",
+    '',
+    'export interface IconEntry {',
+    '  default: string',
+    '  light?: string',
+    '  dark?: string',
+    '  viewBox?: string',
+    '}',
+    '',
+    '// Default network device icons',
+    'const defaultIcons: Record<string, string> = {',
+  ]
+
+  for (const [name, content] of Object.entries(icons)) {
+    lines.push(`  '${name}': \`${content}\`,`)
+  }
+
+  lines.push('}')
+  lines.push('')
+
+  // DeviceType mapping
+  lines.push('// Map DeviceType to icon key')
+  lines.push('const deviceTypeToIcon: Record<DeviceType, string> = {')
+  lines.push("  [DeviceType.Router]: 'router',")
+  lines.push("  [DeviceType.L3Switch]: 'l3-switch',")
+  lines.push("  [DeviceType.L2Switch]: 'l2-switch',")
+  lines.push("  [DeviceType.Firewall]: 'firewall',")
+  lines.push("  [DeviceType.LoadBalancer]: 'load-balancer',")
+  lines.push("  [DeviceType.Server]: 'server',")
+  lines.push("  [DeviceType.AccessPoint]: 'access-point',")
+  lines.push("  [DeviceType.Cloud]: 'cloud',")
+  lines.push("  [DeviceType.Internet]: 'internet',")
+  lines.push("  [DeviceType.VPN]: 'vpn',")
+  lines.push("  [DeviceType.Database]: 'database',")
+  lines.push("  [DeviceType.Generic]: 'generic',")
+  lines.push('}')
+  lines.push('')
+
+  // Getter function
+  lines.push('/**')
+  lines.push(' * Get SVG icon content for a device type')
+  lines.push(' */')
+  lines.push('export function getDeviceIcon(type?: DeviceType): string | undefined {')
+  lines.push('  if (!type) return undefined')
+  lines.push('  const iconKey = deviceTypeToIcon[type]')
+  lines.push('  if (!iconKey) return undefined')
+  lines.push('  return defaultIcons[iconKey]')
+  lines.push('}')
+  lines.push('')
+
+  // Vendor icon stubs (for compatibility, actual implementation in @shumoku/icons)
+  lines.push('// Vendor icon registry (populated by @shumoku/icons if installed)')
+  lines.push('let vendorIconRegistry: Record<string, Record<string, IconEntry>> = {}')
+  lines.push('')
+
+  lines.push('/**')
+  lines.push(' * Register vendor icons (called by @shumoku/icons)')
+  lines.push(' */')
+  lines.push('export function registerVendorIcons(vendor: string, icons: Record<string, IconEntry>): void {')
+  lines.push('  vendorIconRegistry[vendor] = icons')
+  lines.push('}')
+  lines.push('')
+
+  lines.push('/**')
+  lines.push(' * Get vendor icon entry')
+  lines.push(' */')
+  lines.push('export function getVendorIconEntry(')
+  lines.push('  vendor: string,')
+  lines.push('  service: string,')
+  lines.push('  resource?: string')
+  lines.push('): IconEntry | undefined {')
+  lines.push("  if (vendor === 'default' || !vendor) {")
+  lines.push('    const content = defaultIcons[service] || (resource ? defaultIcons[resource] : undefined)')
+  lines.push('    return content ? { default: content } : undefined')
+  lines.push('  }')
+  lines.push('')
+  lines.push('  const vendorIcons = vendorIconRegistry[vendor]')
+  lines.push('  if (!vendorIcons) return undefined')
+  lines.push('')
+  lines.push('  const key = resource ? `${service}/${resource}` : service')
+  lines.push('  const entry = vendorIcons[key]')
+  lines.push('  if (!entry) {')
+  lines.push("    const serviceKey = Object.keys(vendorIcons).find(k => k.startsWith(service + '/'))")
+  lines.push('    if (serviceKey) return vendorIcons[serviceKey]')
+  lines.push('    return undefined')
+  lines.push('  }')
+  lines.push('  return entry')
+  lines.push('}')
+  lines.push('')
+
+  lines.push('/**')
+  lines.push(' * Get vendor icon with theme support')
+  lines.push(' */')
+  lines.push('export function getVendorIcon(')
+  lines.push('  vendor: string,')
+  lines.push('  service: string,')
+  lines.push('  resource?: string,')
+  lines.push("  theme: IconThemeVariant = 'default'")
+  lines.push('): string | undefined {')
+  lines.push('  const entry = getVendorIconEntry(vendor, service, resource)')
+  lines.push('  if (!entry) return undefined')
+  lines.push('  return entry[theme] || entry.default')
+  lines.push('}')
+  lines.push('')
+
+  // Export
+  lines.push('export const iconSets = {')
+  lines.push('  default: defaultIcons,')
+  lines.push('}')
+  lines.push('')
+
+  return lines.join('\n')
+}
+
+function main() {
+  console.log('Building default icons...')
+
+  const defaultFolder = path.join(ICONS_DIR, 'default')
+  const icons = scanDefaultIconFolder(defaultFolder)
+
+  if (Object.keys(icons).length === 0) {
+    console.log('No default icons found!')
+    return
+  }
+
+  console.log(`  Found ${Object.keys(icons).length} default icons`)
+
+  const output = generateTypeScript(icons)
+  fs.writeFileSync(OUTPUT_FILE, output, 'utf-8')
+
+  console.log(`Generated ${OUTPUT_FILE}`)
+}
+
+main()

package/src/icons/default/access-point.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 10a2 2 0 100 4 2 2 0 000-4zm-4.5-2.5a6.5 6.5 0 019 0l-1.4 1.4a4.5 4.5 0 00-6.2 0l-1.4-1.4zm-2.8-2.8a10 10 0 0114.6 0l-1.4 1.4a8 8 0 00-11.8 0L4.7 4.7z"/>
+</svg>

package/src/icons/default/cloud.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M19.4 10.6A7 7 0 006 12a5 5 0 00.7 9.9h11.8a4.5 4.5 0 00.9-8.9z"/>
+</svg>

package/src/icons/default/database.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 4c-4.4 0-8 1.3-8 3v10c0 1.7 3.6 3 8 3s8-1.3 8-3V7c0-1.7-3.6-3-8-3zm0 2c3.3 0 6 .9 6 2s-2.7 2-6 2-6-.9-6-2 2.7-2 6-2zM6 10.5c1.4.7 3.5 1 6 1s4.6-.3 6-1V12c0 1.1-2.7 2-6 2s-6-.9-6-2v-1.5zm0 4c1.4.7 3.5 1 6 1s4.6-.3 6-1V16c0 1.1-2.7 2-6 2s-6-.9-6-2v-1.5z"/>
+</svg>

package/src/icons/default/firewall.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 2L4 6v6c0 5.5 3.4 10.3 8 12 4.6-1.7 8-6.5 8-12V6l-8-4zm0 2.2l6 3v5.3c0 4.3-2.6 8.1-6 9.5-3.4-1.4-6-5.2-6-9.5V7.2l6-3z"/>
+  <path d="M11 8h2v5h-2V8zm0 6h2v2h-2v-2z"/>
+</svg>

package/src/icons/default/generic.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M4 4h16v16H4V4zm2 2v12h12V6H6zm2 2h8v2H8V8zm0 4h8v2H8v-2z"/>
+</svg>

package/src/icons/default/internet.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 2a10 10 0 100 20 10 10 0 000-20zm0 2c.6 0 1.3.8 1.8 2H10.2c.5-1.2 1.2-2 1.8-2zm-3.2.7A8 8 0 005 10h2.5c.1-2 .5-3.7 1.3-5.3zm6.4 0c.8 1.6 1.2 3.3 1.3 5.3H19a8 8 0 00-3.8-5.3zM5 12h2.5c.1 2 .5 3.7 1.3 5.3A8 8 0 015 12zm4.5 0h5c0 1.5-.3 3-1 4h-3c-.7-1-1-2.5-1-4zm7 0H19a8 8 0 01-3.8 5.3c.8-1.6 1.2-3.3 1.3-5.3zM10.2 18h3.6c-.5 1.2-1.2 2-1.8 2s-1.3-.8-1.8-2z"/>
+</svg>

package/src/icons/default/l2-switch.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M3 8h18v8H3V8zm2 2v4h14v-4H5zm2 1h2v2H7v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2z"/>
+</svg>

package/src/icons/default/l3-switch.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M3 6h18v12H3V6zm2 2v8h14V8H5zm2 2h4v1H7v-1zm6 0h4v1h-4v-1zm-6 3h4v1H7v-1zm6 0h4v1h-4v-1z"/>
+</svg>

package/src/icons/default/load-balancer.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 4L4 8l8 4 8-4-8-4zm0 2.5L16 8l-4 2-4-2 4-1.5zM4 12l8 4 8-4v2l-8 4-8-4v-2zm0 4l8 4 8-4v2l-8 4-8-4v-2z"/>
+</svg>

package/src/icons/default/router.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M4 8h16v8H4V8zm2 2v4h12v-4H6zm1 1h2v2H7v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2z"/>
+</svg>

package/src/icons/default/server.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M4 4h16v4H4V4zm0 6h16v4H4v-4zm0 6h16v4H4v-4zm2-10v2h2V6H6zm0 6v2h2v-2H6zm0 6v2h2v-2H6zm10-12v2h2V6h-2zm0 6v2h2v-2h-2zm0 6v2h2v-2h-2z"/>
+</svg>

package/src/icons/default/vpn.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
+  <path d="M12 2L4 5v6.5c0 5.3 3.4 10 8 11.5 4.6-1.5 8-6.2 8-11.5V5l-8-3zm0 4a3 3 0 110 6 3 3 0 010-6zm-4 8h8v1c0 2-1.8 3-4 3s-4-1-4-3v-1z"/>
+</svg>

package/src/icons/generated-icons.ts

@@ -0,0 +1,111 @@
+/**
+ * Auto-generated default icon definitions
+ * DO NOT EDIT - Run build-icons.ts to regenerate
+ */
+
+import { DeviceType } from '../models/index.js'
+
+export type IconThemeVariant = 'light' | 'dark' | 'default'
+
+export interface IconEntry {
+  default: string
+  light?: string
+  dark?: string
+  viewBox?: string
+}
+
+// Default network device icons
+const defaultIcons: Record<string, string> = {
+  'access-point': `<path d="M12 10a2 2 0 100 4 2 2 0 000-4zm-4.5-2.5a6.5 6.5 0 019 0l-1.4 1.4a4.5 4.5 0 00-6.2 0l-1.4-1.4zm-2.8-2.8a10 10 0 0114.6 0l-1.4 1.4a8 8 0 00-11.8 0L4.7 4.7z"/>`,
+  'cloud': `<path d="M19.4 10.6A7 7 0 006 12a5 5 0 00.7 9.9h11.8a4.5 4.5 0 00.9-8.9z"/>`,
+  'database': `<path d="M12 4c-4.4 0-8 1.3-8 3v10c0 1.7 3.6 3 8 3s8-1.3 8-3V7c0-1.7-3.6-3-8-3zm0 2c3.3 0 6 .9 6 2s-2.7 2-6 2-6-.9-6-2 2.7-2 6-2zM6 10.5c1.4.7 3.5 1 6 1s4.6-.3 6-1V12c0 1.1-2.7 2-6 2s-6-.9-6-2v-1.5zm0 4c1.4.7 3.5 1 6 1s4.6-.3 6-1V16c0 1.1-2.7 2-6 2s-6-.9-6-2v-1.5z"/>`,
+  'firewall': `<path d="M12 2L4 6v6c0 5.5 3.4 10.3 8 12 4.6-1.7 8-6.5 8-12V6l-8-4zm0 2.2l6 3v5.3c0 4.3-2.6 8.1-6 9.5-3.4-1.4-6-5.2-6-9.5V7.2l6-3z"/> <path d="M11 8h2v5h-2V8zm0 6h2v2h-2v-2z"/>`,
+  'generic': `<path d="M4 4h16v16H4V4zm2 2v12h12V6H6zm2 2h8v2H8V8zm0 4h8v2H8v-2z"/>`,
+  'internet': `<path d="M12 2a10 10 0 100 20 10 10 0 000-20zm0 2c.6 0 1.3.8 1.8 2H10.2c.5-1.2 1.2-2 1.8-2zm-3.2.7A8 8 0 005 10h2.5c.1-2 .5-3.7 1.3-5.3zm6.4 0c.8 1.6 1.2 3.3 1.3 5.3H19a8 8 0 00-3.8-5.3zM5 12h2.5c.1 2 .5 3.7 1.3 5.3A8 8 0 015 12zm4.5 0h5c0 1.5-.3 3-1 4h-3c-.7-1-1-2.5-1-4zm7 0H19a8 8 0 01-3.8 5.3c.8-1.6 1.2-3.3 1.3-5.3zM10.2 18h3.6c-.5 1.2-1.2 2-1.8 2s-1.3-.8-1.8-2z"/>`,
+  'l2-switch': `<path d="M3 8h18v8H3V8zm2 2v4h14v-4H5zm2 1h2v2H7v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2z"/>`,
+  'l3-switch': `<path d="M3 6h18v12H3V6zm2 2v8h14V8H5zm2 2h4v1H7v-1zm6 0h4v1h-4v-1zm-6 3h4v1H7v-1zm6 0h4v1h-4v-1z"/>`,
+  'load-balancer': `<path d="M12 4L4 8l8 4 8-4-8-4zm0 2.5L16 8l-4 2-4-2 4-1.5zM4 12l8 4 8-4v2l-8 4-8-4v-2zm0 4l8 4 8-4v2l-8 4-8-4v-2z"/>`,
+  'router': `<path d="M4 8h16v8H4V8zm2 2v4h12v-4H6zm1 1h2v2H7v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2z"/>`,
+  'server': `<path d="M4 4h16v4H4V4zm0 6h16v4H4v-4zm0 6h16v4H4v-4zm2-10v2h2V6H6zm0 6v2h2v-2H6zm0 6v2h2v-2H6zm10-12v2h2V6h-2zm0 6v2h2v-2h-2zm0 6v2h2v-2h-2z"/>`,
+  'vpn': `<path d="M12 2L4 5v6.5c0 5.3 3.4 10 8 11.5 4.6-1.5 8-6.2 8-11.5V5l-8-3zm0 4a3 3 0 110 6 3 3 0 010-6zm-4 8h8v1c0 2-1.8 3-4 3s-4-1-4-3v-1z"/>`,
+}
+
+// Map DeviceType to icon key
+const deviceTypeToIcon: Record<DeviceType, string> = {
+  [DeviceType.Router]: 'router',
+  [DeviceType.L3Switch]: 'l3-switch',
+  [DeviceType.L2Switch]: 'l2-switch',
+  [DeviceType.Firewall]: 'firewall',
+  [DeviceType.LoadBalancer]: 'load-balancer',
+  [DeviceType.Server]: 'server',
+  [DeviceType.AccessPoint]: 'access-point',
+  [DeviceType.Cloud]: 'cloud',
+  [DeviceType.Internet]: 'internet',
+  [DeviceType.VPN]: 'vpn',
+  [DeviceType.Database]: 'database',
+  [DeviceType.Generic]: 'generic',
+}
+
+/**
+ * Get SVG icon content for a device type
+ */
+export function getDeviceIcon(type?: DeviceType): string | undefined {
+  if (!type) return undefined
+  const iconKey = deviceTypeToIcon[type]
+  if (!iconKey) return undefined
+  return defaultIcons[iconKey]
+}
+
+// Vendor icon registry (populated by @shumoku/icons if installed)
+let vendorIconRegistry: Record<string, Record<string, IconEntry>> = {}
+
+/**
+ * Register vendor icons (called by @shumoku/icons)
+ */
+export function registerVendorIcons(vendor: string, icons: Record<string, IconEntry>): void {
+  vendorIconRegistry[vendor] = icons
+}
+
+/**
+ * Get vendor icon entry
+ */
+export function getVendorIconEntry(
+  vendor: string,
+  service: string,
+  resource?: string
+): IconEntry | undefined {
+  if (vendor === 'default' || !vendor) {
+    const content = defaultIcons[service] || (resource ? defaultIcons[resource] : undefined)
+    return content ? { default: content } : undefined
+  }
+
+  const vendorIcons = vendorIconRegistry[vendor]
+  if (!vendorIcons) return undefined
+
+  const key = resource ? `${service}/${resource}` : service
+  const entry = vendorIcons[key]
+  if (!entry) {
+    const serviceKey = Object.keys(vendorIcons).find(k => k.startsWith(service + '/'))
+    if (serviceKey) return vendorIcons[serviceKey]
+    return undefined
+  }
+  return entry
+}
+
+/**
+ * Get vendor icon with theme support
+ */
+export function getVendorIcon(
+  vendor: string,
+  service: string,
+  resource?: string,
+  theme: IconThemeVariant = 'default'
+): string | undefined {
+  const entry = getVendorIconEntry(vendor, service, resource)
+  if (!entry) return undefined
+  return entry[theme] || entry.default
+}
+
+export const iconSets = {
+  default: defaultIcons,
+}

package/src/icons/index.ts

@@ -0,0 +1 @@
+export * from './generated-icons.js'

package/src/index.ts

@@ -0,0 +1,21 @@
+/**
+ * @shumoku/core - Network topology visualization core library
+ */
+
+// Models
+export * from './models/index.js'
+
+// Layout
+export * from './layout/index.js'
+
+// Themes
+export * from './themes/index.js'
+
+// Icons
+export * from './icons/index.js'
+
+// Renderer
+export * from './renderer/index.js'
+
+// Version
+export const version = '0.0.0'