@skyhook-io/k8s-ui 1.0.0

package/src/utils/resource-icons.ts

@@ -0,0 +1,206 @@
+// Canonical icon mapping for Kubernetes resource kinds.
+// This is the single source of truth — all views should use this mapping.
+import type { LucideIcon } from 'lucide-react'
+import {
+  // Workloads
+  Box,
+  Rocket,
+  Rows3,
+  DatabaseZap,
+  Copy,
+  Play,
+  Timer,
+  Boxes,
+
+  // Networking
+  Plug,
+  DoorOpen,
+  Shield,
+  ShieldCheck,
+  ShieldAlert,
+  Radio,
+  Globe,
+
+  // Config
+  FileSliders,
+  KeyRound,
+
+  // Storage
+  HardDrive,
+  Cylinder,
+  Database,
+  FileSearch,
+
+  // Cluster
+  Cpu,
+  Server,
+  FolderOpen,
+  UserCog,
+  Activity,
+
+  // Scaling
+  Scaling,
+
+  // GitOps
+  GitBranch,
+  Layers,
+  Anchor,
+  FolderGit2,
+
+  // Knative
+  Zap,
+  Clock,
+  Container,
+  Link,
+  Route,
+  Settings,
+
+  // Traefik
+  Split,
+  SlidersHorizontal,
+  Lock,
+  ArrowRightLeft,
+
+  // Fallback
+  Puzzle,
+} from 'lucide-react'
+
+const KIND_ICON_MAP: Record<string, LucideIcon> = {
+  // Workloads
+  pod: Box,
+  deployment: Rocket,
+  daemonset: Rows3,
+  statefulset: DatabaseZap,
+  replicaset: Copy,
+  job: Play,
+  cronjob: Timer,
+  rollout: Rocket,
+
+  // Networking
+  service: Plug,
+  ingress: DoorOpen,
+  networkpolicy: ShieldCheck,
+  endpoints: Radio,
+  endpointslice: Radio,
+  gateway: DoorOpen,
+  httproute: Globe,
+  grpcroute: Globe,
+  tcproute: Globe,
+  tlsroute: Globe,
+
+  // Config
+  configmap: FileSliders,
+  secret: KeyRound,
+  sealedsecret: KeyRound,
+
+  // Storage
+  persistentvolumeclaim: HardDrive,
+  pvc: HardDrive,
+  persistentvolume: Cylinder,
+  storageclass: Database,
+
+  // Cluster
+  node: Cpu,
+  namespace: FolderOpen,
+  serviceaccount: UserCog,
+  event: Activity,
+
+  // Scaling
+  horizontalpodautoscaler: Scaling,
+  hpa: Scaling,
+
+  // RBAC
+  role: ShieldCheck,
+  clusterrole: ShieldCheck,
+  rolebinding: ShieldCheck,
+  clusterrolebinding: ShieldCheck,
+
+  // Cert-manager
+  certificate: ShieldCheck,
+  certificaterequest: ShieldCheck,
+  clusterissuer: ShieldCheck,
+
+  // Argo
+  workflow: Activity,
+  workflowtemplate: Activity,
+  application: GitBranch, // ArgoCD Application
+  applicationset: GitBranch, // ArgoCD ApplicationSet
+
+  // FluxCD
+  kustomization: Layers, // FluxCD Kustomization
+  helmrelease: Anchor, // FluxCD HelmRelease
+  gitrepository: FolderGit2, // FluxCD GitRepository
+  ocirepository: FolderGit2, // FluxCD OCIRepository
+  helmrepository: Anchor, // FluxCD HelmRepository
+
+  // Karpenter
+  nodepool: Server,
+  nodeclaim: Server,
+  ec2nodeclass: Server,
+  aksnodeclass: Server,
+  gcpnodeclass: Server,
+
+  // KEDA
+  scaledobject: Scaling,
+  scaledjob: Scaling,
+  triggerauthentication: KeyRound,
+  clustertriggerauthentication: KeyRound,
+
+  // Prometheus Operator
+  servicemonitor: Radio,
+  prometheusrule: ShieldAlert,
+  podmonitor: Radio,
+  alertmanager: ShieldAlert,
+
+  // PDB
+  poddisruptionbudget: ShieldCheck,
+
+  // Knative Serving
+  knativeservice: Layers,
+  knativeconfiguration: Settings,
+  knativerevision: GitBranch,
+  knativeroute: Route,
+
+  // Knative Eventing & Messaging
+  broker: Radio,
+  trigger: Zap,
+  channel: Radio,
+
+  // Knative Sources
+  pingsource: Clock,
+  apiserversource: Server,
+  containersource: Container,
+  sinkbinding: Link,
+
+  // Traefik
+  ingressroute: Globe,
+  ingressroutetcp: Globe,
+  ingressrouteudp: Globe,
+  middleware: SlidersHorizontal,
+  middlewaretcp: SlidersHorizontal,
+  traefikservice: Split,
+  serverstransport: ArrowRightLeft,
+  serverstransporttcp: ArrowRightLeft,
+  tlsoption: Lock,
+  tlsstore: Lock,
+
+  // Trivy Operator
+  vulnerabilityreport: Shield,
+  configauditreport: ShieldCheck,
+  exposedsecretreport: ShieldAlert,
+  sbomreport: FileSearch,
+}
+
+/** Get the icon for a Kubernetes resource kind (case-insensitive). */
+export function getResourceIcon(kind: string): LucideIcon {
+  return KIND_ICON_MAP[kind.toLowerCase()] ?? Puzzle
+}
+
+/** Get the icon for a topology node kind, including virtual kinds (Internet, PodGroup). */
+export function getTopologyIcon(kind: string): LucideIcon {
+  if (kind === 'Internet') return Globe
+  if (kind === 'PodGroup') return Boxes
+  return getResourceIcon(kind)
+}
+
+export const DEFAULT_RESOURCE_ICON: LucideIcon = Puzzle

package/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "skipLibCheck": true,
+    "baseUrl": ".",
+    "paths": {
+      "@skyhook/k8s-ui": ["./src/index.ts"],
+      "@skyhook/k8s-ui/*": ["./src/*"]
+    }
+  },
+  "include": ["src"]
+}