feat: add frontend source (fix submodule), compact node design

- Remove nested .git from Vite scaffold - Horizontal node layout: icon left, label+IP right, reduced height
2026-03-06 23:31:15 +01:00
parent 4310a5cc2d
commit 9bb34c99cc
35 changed files with 9902 additions and 1 deletions
@@ -0,0 +1,35 @@
+import { type NodeProps, type Node } from '@xyflow/react'
+import {
+  Globe, Router, Network, Server, Layers, Box, Container,
+  HardDrive, Cpu, Wifi, Circle,
+} from 'lucide-react'
+import { BaseNode } from './BaseNode'
+import type { NodeData } from '@/types'
+
+type N = NodeProps<Node<NodeData>>
+
+export const IspNode = (props: N) => <BaseNode {...props} icon={Globe} glowColor="#00d4ff" />
+export const RouterNode = (props: N) => <BaseNode {...props} icon={Router} glowColor="#00d4ff" />
+export const SwitchNode = (props: N) => <BaseNode {...props} icon={Network} glowColor="#39d353" />
+export const ServerNode = (props: N) => <BaseNode {...props} icon={Server} glowColor="#a855f7" />
+export const ProxmoxNode = (props: N) => <BaseNode {...props} icon={Layers} glowColor="#ff6e00" />
+export const VmNode = (props: N) => <BaseNode {...props} icon={Box} glowColor="#a855f7" />
+export const LxcNode = (props: N) => <BaseNode {...props} icon={Container} glowColor="#00d4ff" />
+export const NasNode = (props: N) => <BaseNode {...props} icon={HardDrive} glowColor="#39d353" />
+export const IotNode = (props: N) => <BaseNode {...props} icon={Cpu} glowColor="#e3b341" />
+export const ApNode = (props: N) => <BaseNode {...props} icon={Wifi} glowColor="#00d4ff" />
+export const GenericNode = (props: N) => <BaseNode {...props} icon={Circle} glowColor="#8b949e" />
+
+export const nodeTypes = {
+  isp: IspNode,
+  router: RouterNode,
+  switch: SwitchNode,
+  server: ServerNode,
+  proxmox: ProxmoxNode,
+  vm: VmNode,
+  lxc: LxcNode,
+  nas: NasNode,
+  iot: IotNode,
+  ap: ApNode,
+  generic: GenericNode,
+}