@h-rig/cli 0.0.6-alpha.85 → 0.0.6-alpha.87

package/dist/src/app-opentui/react/SceneFrameView.js

@@ -17,6 +17,7 @@ var RIG_UI = {
   bg2: "#0b0c0e",
   panel: "#101115",
   panel2: "#14161b",
+  hover: "#181b24",
   glass: "#1e2230",
   border: "#2a2e3a",
   ink: "#f4f5f8",
@@ -95,15 +96,60 @@ function fitSceneLines(lines, layout) {
 
 // packages/cli/src/app-opentui/render/text.ts
 import { RGBA as RGBA2, TextAttributes as TextAttributes3, TextRenderable } from "@opentui/core";
+
+// packages/cli/src/app-opentui/render/hover.ts
+var hoveredId;
+var listeners = new Set;
+function isHovered(id) {
+  return id !== undefined && id === hoveredId;
+}
+function setHoveredSelectableId(id) {
+  if (hoveredId === id)
+    return;
+  hoveredId = id;
+  for (const listener of listeners)
+    listener();
+}
+function clearHoveredSelectableId(id) {
+  if (id !== undefined && hoveredId === id)
+    setHoveredSelectableId(undefined);
+}
+
+// packages/cli/src/app-opentui/render/text.ts
 var TRANSPARENT = RGBA2.fromInts(0, 0, 0, 0);
+var HOVER_BG = RGBA2.fromHex(RIG_UI.hover);
+function lineIsClickable(line) {
+  return line?.selectable !== undefined || line?.selectableIndex !== undefined;
+}
+function lineSelectableId(line) {
+  return line?.selectable?.id ?? line?.selectableId;
+}
+function lineBackground(line) {
+  if (line?.bg)
+    return RGBA2.fromHex(line.bg);
+  const id = lineSelectableId(line);
+  if (id !== undefined && isHovered(id))
+    return HOVER_BG;
+  return TRANSPARENT;
+}
 function selectableMouseHandler(currentLineRef, onLineMouseDown) {
   return (event) => {
     const currentLine = currentLineRef();
-    if (currentLine?.selectableIndex === undefined)
+    if (!lineIsClickable(currentLine))
       return;
     onLineMouseDown?.(currentLine, event);
   };
 }
+function hoverHandlers(currentLineRef) {
+  return {
+    onMouseOver: () => {
+      const id = lineSelectableId(currentLineRef());
+      if (id !== undefined)
+        setHoveredSelectableId(id);
+    },
+    onMouseOut: () => clearHoveredSelectableId(lineSelectableId(currentLineRef()))
+  };
+}
 function createFlowTextLine(renderer, id, onLineMouseDown) {
   let currentLine;
   const renderable = new TextRenderable(renderer, {
@@ -114,7 +160,8 @@ function createFlowTextLine(renderer, id, onLineMouseDown) {
     flexShrink: 0,
     fg: RIG_UI.ink2,
     selectable: true,
-    onMouseDown: selectableMouseHandler(() => currentLine, onLineMouseDown)
+    onMouseDown: selectableMouseHandler(() => currentLine, onLineMouseDown),
+    ...hoverHandlers(() => currentLine)
   });
   renderable.setRigSceneLine = (line) => {
     currentLine = line;
@@ -128,7 +175,7 @@ function applyFlowTextLine(renderable, line, width) {
   renderable.width = Math.max(1, width);
   renderable.content = line?.styledText ?? line?.text ?? "";
   renderable.fg = line?.fg ?? RIG_UI.ink2;
-  renderable.bg = line?.bg ?? TRANSPARENT;
+  renderable.bg = lineBackground(line);
   renderable.attributes = line?.bold ? TextAttributes3.BOLD : line?.dim ? TextAttributes3.DIM : 0;
 }
 
@@ -435,13 +482,16 @@ function lineContent(line) {
 }
 function LineView(props) {
   const { line, onLineClick } = props;
+  const id = lineSelectableId(line);
   return /* @__PURE__ */ jsxDEV("text", {
     style: { position: "absolute", left: props.left, top: props.top, width: props.width, zIndex: 5 },
     fg: line.fg ?? RIG_UI.ink2,
-    bg: line.bg ?? TRANSPARENT,
+    bg: lineBackground(line),
     attributes: lineAttributes(line),
     content: lineContent(line),
-    onMouseDown: onLineClick ? () => onLineClick(line) : undefined
+    onMouseDown: onLineClick ? () => onLineClick(line) : undefined,
+    onMouseOver: id !== undefined ? () => setHoveredSelectableId(id) : undefined,
+    onMouseOut: id !== undefined ? () => clearHoveredSelectableId(id) : undefined
   }, undefined, false, undefined, this);
 }
 function PanelHost(props) {