[Init] Initial commit - NetMesh terminal manager

domain/hostIcon.ts

@@ -0,0 +1,187 @@
+import type { Host, HostIconColorId, HostIconColorMode, HostIconId, HostIconMode } from "./models";
+
+export const DEFAULT_HOST_ICON_ID: HostIconId = "server";
+export const DEFAULT_HOST_ICON_COLOR: HostIconColorId = "blue";
+
+export const HOST_ICON_IDS = [
+  "server",
+  "terminal",
+  "database",
+  "cloud",
+  "router",
+  "shield",
+  "code",
+  "box",
+  "globe",
+  "cpu",
+  "hard-drive",
+  "network",
+  "wifi",
+  "lock",
+  "key",
+  "monitor",
+  "container",
+  "activity",
+  "zap",
+  "server-cog",
+] as const satisfies readonly HostIconId[];
+
+export const HOST_ICON_COLORS = [
+  { id: "blue", hex: "#2563EB" },
+  { id: "green", hex: "#16A34A" },
+  { id: "red", hex: "#DC2626" },
+  { id: "amber", hex: "#B45309" },
+  { id: "purple", hex: "#9333EA" },
+  { id: "cyan", hex: "#0891B2" },
+  { id: "orange", hex: "#EA580C" },
+  { id: "slate", hex: "#475569" },
+  { id: "violet", hex: "#7C3AED" },
+  { id: "pink", hex: "#DB2777" },
+  { id: "rose", hex: "#E11D48" },
+  { id: "lime", hex: "#65A30D" },
+  { id: "teal", hex: "#0D9488" },
+  { id: "sky", hex: "#0284C7" },
+  { id: "indigo", hex: "#4F46E5" },
+  { id: "zinc", hex: "#52525B" },
+] as const satisfies readonly { id: HostIconColorId; hex: string }[];
+
+export const HOST_ICON_DEFAULT_COLORS = {
+  "server": "blue",
+  "terminal": "slate",
+  "database": "cyan",
+  "cloud": "sky",
+  "router": "orange",
+  "shield": "green",
+  "code": "violet",
+  "box": "amber",
+  "globe": "teal",
+  "cpu": "indigo",
+  "hard-drive": "zinc",
+  "network": "lime",
+  "wifi": "purple",
+  "lock": "rose",
+  "key": "amber",
+  "monitor": "sky",
+  "container": "teal",
+  "activity": "red",
+  "zap": "orange",
+  "server-cog": "slate",
+} as const satisfies Record<HostIconId, HostIconColorId>;
+
+export type HostIconAppearance = {
+  iconId: HostIconId;
+  colorId?: HostIconColorId;
+  colorHex: string;
+};
+
+export type HostIconColorAppearance = {
+  colorId?: HostIconColorId;
+  colorHex: string;
+};
+
+export const isHostIconMode = (value: unknown): value is HostIconMode =>
+  value === "auto" || value === "custom";
+
+export const isHostIconId = (value: unknown): value is HostIconId =>
+  typeof value === "string" && (HOST_ICON_IDS as readonly string[]).includes(value);
+
+export const isHostIconColorId = (value: unknown): value is HostIconColorId =>
+  typeof value === "string" && HOST_ICON_COLORS.some((color) => color.id === value);
+
+export const isHostIconColorMode = (value: unknown): value is HostIconColorMode =>
+  value === "auto" || value === "manual";
+
+export const isHostIconCustomColor = (value: unknown): value is string =>
+  typeof value === "string" && /^#[0-9a-fA-F]{6}$/.test(value);
+
+const resolveColorHex = (colorId: HostIconColorId): string =>
+  HOST_ICON_COLORS.find((color) => color.id === colorId)?.hex || HOST_ICON_COLORS[0].hex;
+
+export const resolveHostIconDefaultColorHex = (iconId: HostIconId): string =>
+  resolveColorHex(HOST_ICON_DEFAULT_COLORS[iconId] || DEFAULT_HOST_ICON_COLOR);
+
+export const resolveHostIconColorAppearance = (
+  host: Partial<Pick<Host, "iconColorMode" | "iconColor" | "iconColorCustom">>,
+): HostIconColorAppearance | null => {
+  const manualColor = host.iconColorMode === "manual" ||
+    (host.iconColorMode !== "auto" && (isHostIconColorId(host.iconColor) || isHostIconCustomColor(host.iconColorCustom)));
+  if (!manualColor) return null;
+  if (isHostIconCustomColor(host.iconColorCustom)) {
+    return {
+      colorHex: host.iconColorCustom,
+    };
+  }
+  return {
+    colorId: isHostIconColorId(host.iconColor) ? host.iconColor : DEFAULT_HOST_ICON_COLOR,
+    colorHex: resolveColorHex(isHostIconColorId(host.iconColor) ? host.iconColor : DEFAULT_HOST_ICON_COLOR),
+  };
+};
+
+export const resolveHostIconAppearance = (
+  host: Partial<Pick<Host, "iconMode" | "iconId" | "iconColorMode" | "iconColor" | "iconColorCustom">>,
+): HostIconAppearance | null => {
+  if (host.iconMode !== "custom") return null;
+  if (!isHostIconId(host.iconId)) return null;
+  const color = resolveHostIconColorAppearance(host);
+  return {
+    iconId: host.iconId,
+    ...(color?.colorId ? { colorId: color.colorId } : {}),
+    colorHex: color?.colorHex || resolveHostIconDefaultColorHex(host.iconId),
+  };
+};
+
+export const normalizeHostIconSelection = <T extends Partial<Pick<Host, "iconMode" | "iconId" | "iconColorMode" | "iconColor" | "iconColorCustom">>>(
+  host: T,
+): Pick<Host, "iconMode" | "iconId" | "iconColorMode" | "iconColor" | "iconColorCustom"> => {
+  const iconColorMode = host.iconColorMode === "manual" ||
+    (host.iconColorMode !== "auto" && (isHostIconColorId(host.iconColor) || isHostIconCustomColor(host.iconColorCustom)))
+    ? "manual"
+    : undefined;
+  const iconColor = iconColorMode === "manual" && isHostIconColorId(host.iconColor) ? host.iconColor : undefined;
+  const iconColorCustom = iconColorMode === "manual" && isHostIconCustomColor(host.iconColorCustom) ? host.iconColorCustom : undefined;
+  const colorFields = {
+    ...(iconColorMode ? { iconColorMode } : {}),
+    ...(iconColor ? { iconColor } : {}),
+    ...(iconColorCustom ? { iconColorCustom } : {}),
+  };
+  if (host.iconMode !== "custom") {
+    return iconColorMode ? { iconMode: "auto", ...colorFields } : {};
+  }
+  const iconId = isHostIconId(host.iconId) ? host.iconId : DEFAULT_HOST_ICON_ID;
+  return { iconMode: "custom", iconId, ...colorFields };
+};
+
+export const sanitizeHostIconFields = <T extends Partial<Pick<Host, "iconMode" | "iconId" | "iconColorMode" | "iconColor" | "iconColorCustom">>>(
+  host: T,
+): Pick<Host, "iconMode" | "iconId" | "iconColorMode" | "iconColor" | "iconColorCustom"> => {
+  const iconColorMode = host.iconColorMode === "manual" ||
+    (host.iconColorMode !== "auto" && (isHostIconColorId(host.iconColor) || isHostIconCustomColor(host.iconColorCustom)))
+    ? "manual"
+    : undefined;
+  const iconColor = iconColorMode === "manual" && isHostIconColorId(host.iconColor) ? host.iconColor : undefined;
+  const iconColorCustom = iconColorMode === "manual" && isHostIconCustomColor(host.iconColorCustom) ? host.iconColorCustom : undefined;
+  const colorFields = {
+    ...(iconColorMode ? { iconColorMode } : {}),
+    ...(iconColor ? { iconColor } : {}),
+    ...(iconColorCustom ? { iconColorCustom } : {}),
+  };
+  if (host.iconMode !== "custom") {
+    return iconColorMode ? { iconMode: "auto", ...colorFields } : {};
+  }
+  if (!isHostIconId(host.iconId)) return {};
+  return { iconMode: "custom", iconId: host.iconId, ...colorFields };
+};
+
+export const clearHostIconAppearance = <T extends Record<string, unknown>>(
+  host: T,
+): Omit<T, "iconMode" | "iconId" | "iconColorMode" | "iconColor" | "iconColorCustom"> => {
+  const {
+    iconMode: _iconMode,
+    iconId: _iconId,
+    iconColorMode: _iconColorMode,
+    iconColor: _iconColor,
+    iconColorCustom: _iconColorCustom,
+    ...rest
+  } = host;
+  return rest;
+};