unity-hub-cli 0.13.2 → 0.14.0

package/dist/index.js

@@ -263,6 +263,101 @@ var NodeProcessLauncher = class {
   }
 };
 
+// src/infrastructure/terminalTheme.ts
+import { createInterface } from "readline";
+var parseOsc11Response = (response) => {
+  const rgbMatch = response.match(/rgb:([0-9a-fA-F]+)\/([0-9a-fA-F]+)\/([0-9a-fA-F]+)/);
+  if (!rgbMatch) {
+    return void 0;
+  }
+  const [, rHex, gHex, bHex] = rgbMatch;
+  if (!rHex || !gHex || !bHex) {
+    return void 0;
+  }
+  const normalizeColorValue = (hex) => {
+    const value = parseInt(hex, 16);
+    if (hex.length === 4) {
+      return Math.floor(value / 256);
+    }
+    return value;
+  };
+  return {
+    r: normalizeColorValue(rHex),
+    g: normalizeColorValue(gHex),
+    b: normalizeColorValue(bHex)
+  };
+};
+var calculateRelativeLuminance = (color) => {
+  const toLinear = (value) => {
+    const normalized = value / 255;
+    if (normalized <= 0.03928) {
+      return normalized / 12.92;
+    }
+    return Math.pow((normalized + 0.055) / 1.055, 2.4);
+  };
+  const rLinear = toLinear(color.r);
+  const gLinear = toLinear(color.g);
+  const bLinear = toLinear(color.b);
+  return 0.2126 * rLinear + 0.7152 * gLinear + 0.0722 * bLinear;
+};
+var determineThemeFromLuminance = (luminance) => {
+  const darkThreshold = 0.5;
+  return luminance < darkThreshold ? "dark" : "light";
+};
+var queryTerminalBackgroundColor = async (timeoutMs) => {
+  if (!process.stdin.isTTY || !process.stdout.isTTY) {
+    return void 0;
+  }
+  return new Promise((resolve4) => {
+    let responseBuffer = "";
+    let resolved = false;
+    if (process.stdin.isTTY) {
+      process.stdin.setRawMode(true);
+    }
+    const rl = createInterface({
+      input: process.stdin,
+      escapeCodeTimeout: timeoutMs
+    });
+    let timeoutId;
+    const onData = (chunk) => {
+      responseBuffer += chunk.toString();
+      if (responseBuffer.includes("\x07") || responseBuffer.includes("\x1B\\")) {
+        if (!resolved) {
+          resolved = true;
+          const color = parseOsc11Response(responseBuffer);
+          cleanup();
+          resolve4(color);
+        }
+      }
+    };
+    const cleanup = () => {
+      clearTimeout(timeoutId);
+      rl.close();
+      process.stdin.off("data", onData);
+      if (process.stdin.isTTY && process.stdin.isRaw) {
+        process.stdin.setRawMode(false);
+      }
+    };
+    timeoutId = setTimeout(() => {
+      if (!resolved) {
+        resolved = true;
+        cleanup();
+        resolve4(void 0);
+      }
+    }, timeoutMs);
+    process.stdin.on("data", onData);
+    process.stdout.write("\x1B]11;?\x07");
+  });
+};
+var detectTerminalTheme = async (timeoutMs = 100) => {
+  const backgroundColor = await queryTerminalBackgroundColor(timeoutMs);
+  if (!backgroundColor) {
+    return "dark";
+  }
+  const luminance = calculateRelativeLuminance(backgroundColor);
+  return determineThemeFromLuminance(luminance);
+};
+
 // src/infrastructure/unityhub.ts
 import { readFile as readFile2, writeFile } from "fs/promises";
 import { basename } from "path";
@@ -1017,6 +1112,56 @@ import { basename as basename3 } from "path";
 import { Box as Box3 } from "ink";
 import { useMemo } from "react";
 
+// src/presentation/theme.ts
+import { createContext, createElement, useContext } from "react";
+var darkPalette = {
+  projectName: "#abd8e7",
+  // Light cyan
+  branch: "#e3839c",
+  // Pink
+  path: "#719bd8",
+  // Blue
+  border: "green",
+  // Green
+  status: "yellow",
+  // Yellow
+  focus: "green"
+  // Green
+};
+var lightPalette = {
+  projectName: "#0044aa",
+  // Deep blue
+  branch: "#991144",
+  // Deep magenta
+  path: "#1a4570",
+  // Deep blue
+  border: "#006400",
+  // Dark green
+  status: "#cc6600",
+  // Dark orange (more visible)
+  focus: "#006400"
+  // Dark green
+};
+var getColorPalette = (theme) => {
+  return theme === "dark" ? darkPalette : lightPalette;
+};
+var defaultThemeContext = {
+  theme: "dark",
+  colors: darkPalette
+};
+var ThemeContext = createContext(defaultThemeContext);
+var useThemeColors = () => {
+  const context = useContext(ThemeContext);
+  return context.colors;
+};
+var ThemeProvider = ({ theme, children }) => {
+  const value = {
+    theme,
+    colors: getColorPalette(theme)
+  };
+  return createElement(ThemeContext.Provider, { value }, children);
+};
+
 // src/presentation/utils/path.ts
 var homeDirectory = process.env.HOME ?? process.env.USERPROFILE ?? "";
 var normalizedHomeDirectory = homeDirectory.replace(/\\/g, "/");
@@ -1070,13 +1215,14 @@ var ProjectRow = ({
   showSpacer
 }) => {
   const { stdout } = useStdout();
+  const colors = useThemeColors();
   const computedCenterWidth = typeof stdout?.columns === "number" ? Math.max(0, stdout.columns - 6) : void 0;
   const centerWidth = typeof computedCenterWidth === "number" ? Math.max(0, computedCenterWidth - (isSelected ? 1 : 0)) : void 0;
   return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "row", children: [
     /* @__PURE__ */ jsxs2(Box2, { width: 1, flexDirection: "column", alignItems: "center", marginLeft: 0, children: [
-      /* @__PURE__ */ jsx2(Text, { color: isSelected ? "green" : void 0, children: selectionBar }),
-      showBranch ? /* @__PURE__ */ jsx2(Text, { color: isSelected ? "green" : void 0, children: selectionBar }) : null,
-      showPath ? /* @__PURE__ */ jsx2(Text, { color: isSelected ? "green" : void 0, children: selectionBar }) : null
+      /* @__PURE__ */ jsx2(Text, { color: isSelected ? colors.focus : void 0, children: selectionBar }),
+      showBranch ? /* @__PURE__ */ jsx2(Text, { color: isSelected ? colors.focus : void 0, children: selectionBar }) : null,
+      showPath ? /* @__PURE__ */ jsx2(Text, { color: isSelected ? colors.focus : void 0, children: selectionBar }) : null
     ] }),
     /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", marginLeft: isSelected ? 2 : 1, width: centerWidth, children: [
       /* @__PURE__ */ jsxs2(Text, { wrap: "truncate", children: [
@@ -1088,8 +1234,8 @@ var ProjectRow = ({
         updatedText ? /* @__PURE__ */ jsx2(Text, { children: `  ${updatedText}` }) : null,
         statusLabel && statusColor ? /* @__PURE__ */ jsx2(Text, { color: statusColor, children: `  ${statusLabel}` }) : null
       ] }),
-      showBranch ? /* @__PURE__ */ jsx2(Text, { color: "#e3839c", wrap: "truncate", children: branchLine }) : null,
-      showPath ? /* @__PURE__ */ jsx2(Text, { color: "#719bd8", wrap: "truncate", children: pathLine }) : null,
+      showBranch ? /* @__PURE__ */ jsx2(Text, { color: colors.branch, wrap: "truncate", children: branchLine }) : null,
+      showPath ? /* @__PURE__ */ jsx2(Text, { color: colors.path, wrap: "truncate", children: pathLine }) : null,
       showSpacer ? /* @__PURE__ */ jsx2(Text, { children: " " }) : null
     ] }),
     /* @__PURE__ */ jsxs2(Box2, { marginLeft: 1, width: 1, flexDirection: "column", alignItems: "center", children: [
@@ -1103,8 +1249,6 @@ var ProjectRow = ({
 
 // src/presentation/components/ProjectList.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
-var PROJECT_COLOR = "#abd8e7";
-var LOCK_COLOR = "yellow";
 var STATUS_LABELS = {
   idle: "",
   running: "[running]",
@@ -1199,6 +1343,7 @@ var ProjectList = ({
   launchedProjects,
   totalProjects
 }) => {
+  const colors = useThemeColors();
   const scrollbarChars = useMemo(() => {
     const totalLines = totalProjects * linesPerProject;
     const windowProjects = visibleProjects.length;
@@ -1252,14 +1397,14 @@ var ProjectList = ({
       const pathScrollbar = showPath ? scrollbarChars[baseScrollbarIndex + 1 + (showBranch ? 1 : 0)] ?? " " : " ";
       const spacerScrollbar = scrollbarChars[baseScrollbarIndex + linesPerProject - 1] ?? " ";
       const statusLabel = STATUS_LABELS[displayStatus];
-      const statusColor = displayStatus === "running" ? LOCK_COLOR : void 0;
+      const statusColor = displayStatus === "running" ? colors.status : void 0;
       return /* @__PURE__ */ jsx3(
         ProjectRow,
         {
           isSelected,
           selectionBar,
           projectName,
-          projectColor: PROJECT_COLOR,
+          projectColor: colors.projectName,
           versionLabel,
           updatedText,
           statusLabel,
@@ -1313,10 +1458,11 @@ var SortPanel = ({ sortPreferences, focusedIndex, width }) => {
   const primaryLine = lineForPrimary(sortPreferences.primary);
   const directionLine = lineForDirection(sortPreferences);
   const favoritesLine = lineForFavorites(sortPreferences.favoritesFirst);
+  const colors = useThemeColors();
   const Item = ({ label, selected }) => {
     const prefix = selected ? "> " : "  ";
     return /* @__PURE__ */ jsxs3(Text2, { children: [
-      selected ? /* @__PURE__ */ jsx4(Text2, { color: "green", children: prefix }) : prefix,
+      selected ? /* @__PURE__ */ jsx4(Text2, { color: colors.focus, children: prefix }) : prefix,
       label
     ] });
   };
@@ -1325,7 +1471,7 @@ var SortPanel = ({ sortPreferences, focusedIndex, width }) => {
     {
       flexDirection: "column",
       borderStyle: "round",
-      borderColor: "green",
+      borderColor: colors.border,
       paddingX: 1,
       width,
       children: [
@@ -1345,10 +1491,11 @@ var lineForPath = (on) => `Show path: ${on ? "ON" : "OFF"}`;
 var VisibilityPanel = ({ visibility, focusedIndex, width }) => {
   const branchLine = lineForBranch(visibility.showBranch);
   const pathLine = lineForPath(visibility.showPath);
+  const colors = useThemeColors();
   const Item = ({ label, selected }) => {
     const prefix = selected ? "> " : "  ";
     return /* @__PURE__ */ jsxs4(Text3, { children: [
-      selected ? /* @__PURE__ */ jsx5(Text3, { color: "green", children: prefix }) : prefix,
+      selected ? /* @__PURE__ */ jsx5(Text3, { color: colors.focus, children: prefix }) : prefix,
       label
     ] });
   };
@@ -1357,7 +1504,7 @@ var VisibilityPanel = ({ visibility, focusedIndex, width }) => {
     {
       flexDirection: "column",
       borderStyle: "round",
-      borderColor: "green",
+      borderColor: colors.border,
       paddingX: 1,
       width,
       children: [
@@ -1562,6 +1709,7 @@ var App = ({
 }) => {
   const { exit } = useApp();
   const { stdout } = useStdout2();
+  const colors = useThemeColors();
   const [projectViews, setProjectViews] = useState4(projects);
   const [isSortMenuOpen, setIsSortMenuOpen] = useState4(false);
   const [isVisibilityMenuOpen, setIsVisibilityMenuOpen] = useState4(false);
@@ -2040,7 +2188,7 @@ var App = ({
         {
           flexDirection: "column",
           borderStyle: "round",
-          borderColor: "green",
+          borderColor: colors.border,
           width: typeof stdout?.columns === "number" ? stdout.columns : void 0,
           children: sortedProjects.length === 0 ? /* @__PURE__ */ jsx6(Text4, { children: "No Unity Hub projects were found." }) : /* @__PURE__ */ jsx6(
             ProjectList,
@@ -2127,21 +2275,22 @@ var bootstrap = async () => {
     );
     if (!rawModeSupported) {
       const message = [
-        "\u3053\u306E\u7AEF\u672B\u3067\u306F\u5BFE\u8A71\u5165\u529B\uFF08Raw mode\uFF09\u304C\u4F7F\u3048\u307E\u305B\u3093\u3002",
-        "PowerShell / cmd.exe \u3067\u5B9F\u884C\u3059\u308B\u304B\u3001ConPTY \u30D9\u30FC\u30B9\u306E\u30BF\u30FC\u30DF\u30CA\u30EB\uFF08Windows Terminal, VS Code/Cursor \u306E\u7D71\u5408\u30BF\u30FC\u30DF\u30CA\u30EB\uFF09\u3067 Git Bash \u3092\u4F7F\u7528\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
-        "MinTTY \u306E Git Bash \u3067\u306F\u6B21\u306E\u3044\u305A\u308C\u304B\u3092\u4F7F\u7528\u3057\u3066\u304F\u3060\u3055\u3044:",
+        "Interactive input (Raw mode) is not available in this terminal.",
+        "Please run in PowerShell / cmd.exe, or use Git Bash in a ConPTY-based terminal (Windows Terminal, VS Code/Cursor integrated terminal).",
+        "For MinTTY Git Bash, use one of the following:",
         " - winpty cmd.exe /c npx unity-hub-cli",
         " - winpty powershell.exe -NoProfile -Command npx unity-hub-cli",
-        "\uFF08\u30D3\u30EB\u30C9\u6E08\u307F\u306E\u5834\u5408\uFF09npm run build && winpty node dist/index.js",
-        "\u8A73\u3057\u304F: https://github.com/vadimdemedes/ink/#israwmodesupported"
+        "(If already built) npm run build && winpty node dist/index.js",
+        "Details: https://github.com/vadimdemedes/ink/#israwmodesupported"
       ].join("\n");
       console.error(message);
       process2.exitCode = 1;
       return;
     }
+    const theme = await detectTerminalTheme();
     const projects = await listProjectsUseCase.execute();
     const { waitUntilExit } = render(
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx7(ThemeProvider, { theme, children: /* @__PURE__ */ jsx7(
         App,
         {
           projects,
@@ -2150,7 +2299,7 @@ var bootstrap = async () => {
           onRefresh: () => listProjectsUseCase.execute(),
           useGitRootName
         }
-      )
+      ) })
     );
     await waitUntilExit();
     process2.stdout.write("\x1B[2J\x1B[3J\x1B[H");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unity-hub-cli",
-  "version": "0.13.2",
+  "version": "0.14.0",
   "description": "A CLI tool that reads Unity Hub's projects and launches Unity Editor with an interactive TUI",
   "main": "dist/index.js",
   "scripts": {