@shumoku/core 0.2.0 → 0.2.1

package/src/themes/utils.ts

@@ -2,14 +2,14 @@
  * Theme utilities
  */
 
-import type { Theme, ThemeOptions, DeepPartial } from './types.js'
+import type { DeepPartial, Theme, ThemeOptions } from './types.js'
 
 /**
  * Merge theme with overrides
  */
 export function mergeTheme(base: Theme, overrides?: DeepPartial<Theme>): Theme {
   if (!overrides) return base
-  
+
   return deepMerge(base, overrides) as Theme
 }
 
@@ -26,7 +26,7 @@ export function createTheme(options: ThemeOptions): Theme {
  */
 export function applyThemeToCSS(theme: Theme, root: HTMLElement = document.documentElement): void {
   const prefix = '--shumoku'
-  
+
   // Colors
   root.style.setProperty(`${prefix}-bg`, theme.colors.background)
   root.style.setProperty(`${prefix}-surface`, theme.colors.surface)
@@ -38,34 +38,34 @@ export function applyThemeToCSS(theme: Theme, root: HTMLElement = document.docum
   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: Theme['shadows'][keyof Theme['shadows']]) => {
     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)
 }
@@ -76,11 +76,11 @@ export function applyThemeToCSS(theme: Theme, root: HTMLElement = document.docum
 export function getThemeFromCSS(root: HTMLElement = document.documentElement): Partial<Theme> {
   const prefix = '--shumoku'
   const style = getComputedStyle(root)
-  
+
   const getVar = (name: string) => style.getPropertyValue(`${prefix}-${name}`).trim()
-  
+
   return {
-    variant: root.getAttribute('data-theme') as 'light' | 'dark' || 'light',
+    variant: (root.getAttribute('data-theme') as 'light' | 'dark') || 'light',
     colors: {
       background: getVar('bg'),
       surface: getVar('surface'),
@@ -99,29 +99,30 @@ export function getThemeFromCSS(root: HTMLElement = document.documentElement): P
 /**
  * Convert hex color to rgba
  */
-function hexToRgba(hex: string, alpha: number = 1): string {
+function hexToRgba(hex: string, alpha = 1): string {
   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)
-  
+
+  const r = Number.parseInt(result[1], 16)
+  const g = Number.parseInt(result[2], 16)
+  const b = Number.parseInt(result[3], 16)
+
   return `rgba(${r}, ${g}, ${b}, ${alpha})`
 }
 
 /**
  * Deep merge utility
  */
+// biome-ignore lint/suspicious/noExplicitAny: generic deep merge requires any types
 function deepMerge(target: any, source: any): any {
   if (!source) return target
-  
+
   const result = { ...target }
-  
+
   for (const key in source) {
-    if (source.hasOwnProperty(key)) {
+    if (Object.hasOwn(source, key)) {
       if (source[key] && typeof source[key] === 'object' && !Array.isArray(source[key])) {
         result[key] = deepMerge(target[key] || {}, source[key])
       } else {
@@ -129,7 +130,7 @@ function deepMerge(target: any, source: any): any {
       }
     }
   }
-  
+
   return result
 }
 
@@ -140,4 +141,4 @@ function getDefaultTheme(): Theme {
   // Lazy import to avoid circular dependency
   const { modernTheme } = require('./modern')
   return modernTheme
-}
+}

package/dist/renderer/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * Shumoku Renderers
- */
-export { SVGRenderer, svgRenderer } from './svg.js';
-export type { SVGRendererOptions } from './svg.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/renderer/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/renderer/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACnD,YAAY,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA"}

package/dist/renderer/index.js

@@ -1,5 +0,0 @@
-/**
- * Shumoku Renderers
- */
-export { SVGRenderer, svgRenderer } from './svg.js';
-//# sourceMappingURL=index.js.map

package/dist/renderer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/renderer/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA"}

package/dist/renderer/svg.d.ts

@@ -1,131 +0,0 @@
-/**
- * SVG Renderer
- * Renders NetworkGraph to SVG
- */
-import type { NetworkGraph, LayoutResult } from '../models/index.js';
-export interface SVGRendererOptions {
-    /** Font family */
-    fontFamily?: string;
-    /** Include interactive elements */
-    interactive?: boolean;
-}
-export declare class SVGRenderer {
-    private options;
-    private themeColors;
-    private iconTheme;
-    constructor(options?: SVGRendererOptions);
-    /**
-     * Get theme colors based on theme type
-     */
-    private getThemeColors;
-    /**
-     * Get icon theme variant based on theme type
-     */
-    private getIconTheme;
-    render(graph: NetworkGraph, layout: LayoutResult): string;
-    /**
-     * Calculate legend dimensions without rendering
-     */
-    private calculateLegendDimensions;
-    /**
-     * Parse legend settings from various input formats
-     */
-    private getLegendSettings;
-    /**
-     * Render legend showing visual elements used in the diagram
-     */
-    private renderLegend;
-    /**
-     * Render bandwidth indicator for legend
-     */
-    private renderBandwidthLegendIcon;
-    private renderHeader;
-    private renderDefs;
-    private renderStyles;
-    private renderSubgraph;
-    /** Render node background (shape only) */
-    private renderNodeBackground;
-    /** Render node foreground (content + ports) */
-    private renderNodeForeground;
-    /**
-     * Render ports on a node
-     */
-    private renderPorts;
-    private renderNodeShape;
-    /**
-     * Calculate icon dimensions for a node
-     */
-    private calculateIconInfo;
-    /**
-     * Render node content (icon + label) with dynamic vertical centering
-     */
-    private renderNodeContent;
-    private renderLink;
-    private formatEndpointLabels;
-    /**
-     * Calculate position for endpoint label near the port (not along the line)
-     * This avoids label clustering at the center of links
-     * Labels are placed based on port position relative to node center
-     */
-    private getEndpointLabelPosition;
-    /**
-     * Render endpoint labels (IP) with white background
-     */
-    private renderEndpointLabels;
-    private getLinkStrokeWidth;
-    /**
-     * Bandwidth rendering configuration - line count represents speed
-     * 1G   → 1 line
-     * 10G  → 2 lines
-     * 25G  → 3 lines
-     * 40G  → 4 lines
-     * 100G → 5 lines
-     */
-    private getBandwidthConfig;
-    /**
-     * Render bandwidth lines (single or multiple parallel lines)
-     */
-    private renderBandwidthLines;
-    /**
-     * Generate SVG path string from points with rounded corners
-     */
-    private generatePath;
-    /**
-     * Calculate offsets for parallel lines (centered around 0)
-     */
-    private calculateLineOffsets;
-    /**
-     * Offset points perpendicular to line direction, handling each segment properly
-     * For orthogonal paths, this maintains parallel lines through bends
-     */
-    private offsetPoints;
-    /**
-     * Get perpendicular unit vector for a line segment
-     */
-    private getPerpendicular;
-    /**
-     * Get default link type based on redundancy
-     */
-    private getDefaultLinkType;
-    /**
-     * Get default arrow type based on redundancy
-     */
-    private getDefaultArrowType;
-    /**
-     * VLAN color palette - distinct colors for different VLANs
-     */
-    private static readonly VLAN_COLORS;
-    /**
-     * Get stroke color based on VLANs
-     */
-    private getVlanStroke;
-    private getLinkDasharray;
-    private getMidPoint;
-    private escapeXml;
-    /**
-     * Simple string hash for consistent but varied label placement
-     */
-    private hashString;
-}
-export declare const svgRenderer: SVGRenderer;
-//# sourceMappingURL=svg.d.ts.map

package/dist/renderer/svg.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"svg.d.ts","sourceRoot":"","sources":["../../src/renderer/svg.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EACV,YAAY,EACZ,YAAY,EAWb,MAAM,oBAAoB,CAAA;AAuE3B,MAAM,WAAW,kBAAkB;IACjC,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,mCAAmC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAWD,qBAAa,WAAW;IACtB,OAAO,CAAC,OAAO,CAA8B;IAC7C,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,SAAS,CAA8B;gBAEnC,OAAO,CAAC,EAAE,kBAAkB;IAIxC;;OAEG;IACH,OAAO,CAAC,cAAc;IAItB;;OAEG;IACH,OAAO,CAAC,YAAY;IAIpB,MAAM,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,GAAG,MAAM;IAsEzD;;OAEG;IACH,OAAO,CAAC,yBAAyB;IA2BjC;;OAEG;IACH,OAAO,CAAC,iBAAiB;IA0BzB;;OAEG;IACH,OAAO,CAAC,YAAY;IA+EpB;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAcjC,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,UAAU;IAiBlB,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,cAAc;IA2EtB,0CAA0C;IAC1C,OAAO,CAAC,oBAAoB;IAkB5B,+CAA+C;IAC/C,OAAO,CAAC,oBAAoB;IAgB5B;;OAEG;IACH,OAAO,CAAC,WAAW;IAiEnB,OAAO,CAAC,eAAe;IA2DvB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAyEzB;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAmCzB,OAAO,CAAC,UAAU;IAgElB,OAAO,CAAC,oBAAoB;IAO5B;;;;OAIG;IACH,OAAO,CAAC,wBAAwB;IAmFhC;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAiC5B,OAAO,CAAC,kBAAkB;IAQ1B;;;;;;;OAOG;IACH,OAAO,CAAC,kBAAkB;IAkB1B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IA6C5B;;OAEG;IACH,OAAO,CAAC,YAAY;IA+CpB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAW5B;;;OAGG;IACH,OAAO,CAAC,YAAY;IAsCpB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAWxB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAe1B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAK3B;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,WAAW,CAalC;IAED;;OAEG;IACH,OAAO,CAAC,aAAa;IAiBrB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,WAAW;IAoCnB,OAAO,CAAC,SAAS;IASjB;;OAEG;IACH,OAAO,CAAC,UAAU;CASnB;AAGD,eAAO,MAAM,WAAW,aAAoB,CAAA"}