@h-rig/cli 0.0.6-alpha.81 → 0.0.6-alpha.83

package/dist/src/app-opentui/render/ascii-fleet.d.ts

@@ -0,0 +1,15 @@
+export declare const FLEET_GRID_WIDTH = 52;
+export declare const FLEET_GRID_HEIGHT = 27;
+export type FleetSprite = {
+    readonly art: readonly string[];
+    readonly x: number;
+    readonly y: number;
+    readonly amp: number;
+    readonly speed: number;
+    readonly phase: number;
+    readonly dx: number;
+    readonly driftSpeed: number;
+};
+export declare function fleetRows(tick: number, options?: {
+    readonly animate?: boolean;
+}): string[];

package/dist/src/app-opentui/render/ascii-fleet.js

@@ -0,0 +1,82 @@
+// @bun
+// packages/cli/src/app-opentui/render/ascii-fleet.ts
+var LEAD_DRONE = [
+  "  .-=-.                   .-=-.   ",
+  " ( !!! )                 ( !!! )  ",
+  "  '-=-'._               _.'-=-'   ",
+  "        '._           _.'         ",
+  "           '=$$$$$$$=.'           ",
+  "          =$$$$$$$$$$$=           ",
+  "         $$$@@@@@@@@@@$$$         ",
+  "        $$$@@        @@$$$        ",
+  "        $$@    ?     @$$$         ",
+  "        $$$@   '-'   @$$$         ",
+  "        $$$@@        @@$$$        ",
+  "         $$$@@@@@@@@@@$$$         ",
+  "          =$$$$$$$$$$$=           ",
+  "           '=$$$$$$$=.'           ",
+  "        _.'           '._         ",
+  "  .-=-.'                 '.-=-.   ",
+  " ( !!! )                 ( !!! )  ",
+  "  '-=-'                   '-=-'   "
+];
+var MINI_DRONE = [
+  "(!!!)   (!!!)",
+  "  \\%==%/  ",
+  "   %%?%%   ",
+  "  /%==%\\  ",
+  "(!!!)   (!!!)"
+];
+var ROTORS = ["---", "\\\\\\", "|||", "///"];
+var FLEET_GRID_WIDTH = 52;
+var FLEET_GRID_HEIGHT = 27;
+var FLEET = [
+  { art: MINI_DRONE, x: 0, y: 2, amp: 1, speed: 0.05, phase: 0, dx: 1, driftSpeed: 0.02 },
+  { art: MINI_DRONE, x: 39, y: 2, amp: 1, speed: 0.044, phase: 2.1, dx: 1, driftSpeed: 0.017 },
+  { art: MINI_DRONE, x: 1, y: 20, amp: 1, speed: 0.048, phase: 4.2, dx: 1, driftSpeed: 0.023 },
+  { art: MINI_DRONE, x: 38, y: 20, amp: 1, speed: 0.041, phase: 1.3, dx: 1, driftSpeed: 0.015 },
+  { art: LEAD_DRONE, x: 10, y: 5, amp: 2, speed: 0.04, phase: 0, dx: 0, driftSpeed: 0.011 }
+];
+function fleetRows(tick, options = {}) {
+  const animate = options.animate ?? true;
+  const t = animate ? tick : 0;
+  const blade = ROTORS[Math.floor(t / 4) % ROTORS.length];
+  const pulse = Math.sin(t * 0.07);
+  const eye = pulse > 0.45 ? "@" : pulse > -0.1 ? "o" : ".";
+  const grid = Array.from({ length: FLEET_GRID_HEIGHT }, () => Array.from({ length: FLEET_GRID_WIDTH }, () => " "));
+  for (const drone of FLEET) {
+    const yOffset = drone.y + Math.round(drone.amp * Math.sin(t * drone.speed + drone.phase));
+    const xOffset = drone.x + Math.round(drone.dx * Math.sin(t * drone.driftSpeed + drone.phase));
+    for (let row = 0;row < drone.art.length; row += 1) {
+      const source = drone.art[row];
+      const targetY = yOffset + row;
+      if (targetY < 0 || targetY >= FLEET_GRID_HEIGHT)
+        continue;
+      for (let col = 0;col < source.length; col += 1) {
+        let char = source[col];
+        if (char === " ")
+          continue;
+        const targetX = xOffset + col;
+        if (targetX < 0 || targetX >= FLEET_GRID_WIDTH)
+          continue;
+        if (source.slice(col, col + 3) === "!!!") {
+          for (let rotorIndex = 0;rotorIndex < 3; rotorIndex += 1) {
+            if (targetX + rotorIndex < FLEET_GRID_WIDTH)
+              grid[targetY][targetX + rotorIndex] = blade[rotorIndex];
+          }
+          col += 2;
+          continue;
+        }
+        if (char === "?")
+          char = eye;
+        grid[targetY][targetX] = char;
+      }
+    }
+  }
+  return grid.map((row) => row.join("").replace(/\s+$/, ""));
+}
+export {
+  fleetRows,
+  FLEET_GRID_WIDTH,
+  FLEET_GRID_HEIGHT
+};

package/dist/src/app-opentui/render/graphics.d.ts

@@ -34,6 +34,6 @@ export declare function createGraphicsLayer(renderer: CliRenderer, layout: Stage
 export declare function resizeGraphicsLayer(layer: RigGraphicsLayer, layout: StageLayout): void;
 export declare function clearGraphicsLayer(layer: RigGraphicsLayer): void;
 export declare function drawPanelChrome(layer: RigGraphicsLayer, layout: StageLayout, panels: readonly AppScenePanel[]): void;
-export declare function drawAmbientField(layer: RigGraphicsLayer, layout: StageLayout, tick: number, scene?: AppSceneId): void;
+export declare function drawAmbientField(layer: RigGraphicsLayer, layout: StageLayout, _tick: number, scene?: AppSceneId): void;
 export declare function drawSparkline(layer: RigGraphicsLayer, x: number, y: number, values: readonly number[], color?: RGBA): void;
 export {};

package/dist/src/app-opentui/render/graphics.js

@@ -40,6 +40,99 @@ var styles = {
   magenta: otuiFg(RIG_UI.magenta)
 };
 
+// packages/cli/src/app-opentui/render/ascii-fleet.ts
+var LEAD_DRONE = [
+  "  .-=-.                   .-=-.   ",
+  " ( !!! )                 ( !!! )  ",
+  "  '-=-'._               _.'-=-'   ",
+  "        '._           _.'         ",
+  "           '=$$$$$$$=.'           ",
+  "          =$$$$$$$$$$$=           ",
+  "         $$$@@@@@@@@@@$$$         ",
+  "        $$$@@        @@$$$        ",
+  "        $$@    ?     @$$$         ",
+  "        $$$@   '-'   @$$$         ",
+  "        $$$@@        @@$$$        ",
+  "         $$$@@@@@@@@@@$$$         ",
+  "          =$$$$$$$$$$$=           ",
+  "           '=$$$$$$$=.'           ",
+  "        _.'           '._         ",
+  "  .-=-.'                 '.-=-.   ",
+  " ( !!! )                 ( !!! )  ",
+  "  '-=-'                   '-=-'   "
+];
+var MINI_DRONE = [
+  "(!!!)   (!!!)",
+  "  \\%==%/  ",
+  "   %%?%%   ",
+  "  /%==%\\  ",
+  "(!!!)   (!!!)"
+];
+var ROTORS = ["---", "\\\\\\", "|||", "///"];
+var FLEET_GRID_WIDTH = 52;
+var FLEET_GRID_HEIGHT = 27;
+var FLEET = [
+  { art: MINI_DRONE, x: 0, y: 2, amp: 1, speed: 0.05, phase: 0, dx: 1, driftSpeed: 0.02 },
+  { art: MINI_DRONE, x: 39, y: 2, amp: 1, speed: 0.044, phase: 2.1, dx: 1, driftSpeed: 0.017 },
+  { art: MINI_DRONE, x: 1, y: 20, amp: 1, speed: 0.048, phase: 4.2, dx: 1, driftSpeed: 0.023 },
+  { art: MINI_DRONE, x: 38, y: 20, amp: 1, speed: 0.041, phase: 1.3, dx: 1, driftSpeed: 0.015 },
+  { art: LEAD_DRONE, x: 10, y: 5, amp: 2, speed: 0.04, phase: 0, dx: 0, driftSpeed: 0.011 }
+];
+function fleetRows(tick, options = {}) {
+  const animate = options.animate ?? true;
+  const t2 = animate ? tick : 0;
+  const blade = ROTORS[Math.floor(t2 / 4) % ROTORS.length];
+  const pulse = Math.sin(t2 * 0.07);
+  const eye = pulse > 0.45 ? "@" : pulse > -0.1 ? "o" : ".";
+  const grid = Array.from({ length: FLEET_GRID_HEIGHT }, () => Array.from({ length: FLEET_GRID_WIDTH }, () => " "));
+  for (const drone of FLEET) {
+    const yOffset = drone.y + Math.round(drone.amp * Math.sin(t2 * drone.speed + drone.phase));
+    const xOffset = drone.x + Math.round(drone.dx * Math.sin(t2 * drone.driftSpeed + drone.phase));
+    for (let row = 0;row < drone.art.length; row += 1) {
+      const source = drone.art[row];
+      const targetY = yOffset + row;
+      if (targetY < 0 || targetY >= FLEET_GRID_HEIGHT)
+        continue;
+      for (let col = 0;col < source.length; col += 1) {
+        let char = source[col];
+        if (char === " ")
+          continue;
+        const targetX = xOffset + col;
+        if (targetX < 0 || targetX >= FLEET_GRID_WIDTH)
+          continue;
+        if (source.slice(col, col + 3) === "!!!") {
+          for (let rotorIndex = 0;rotorIndex < 3; rotorIndex += 1) {
+            if (targetX + rotorIndex < FLEET_GRID_WIDTH)
+              grid[targetY][targetX + rotorIndex] = blade[rotorIndex];
+          }
+          col += 2;
+          continue;
+        }
+        if (char === "?")
+          char = eye;
+        grid[targetY][targetX] = char;
+      }
+    }
+  }
+  return grid.map((row) => row.join("").replace(/\s+$/, ""));
+}
+
+// packages/cli/src/app-opentui/render/panel-layout.ts
+function panelCellRect(layout, panel) {
+  const left = Math.max(0, Math.min(layout.width - 1, layout.centerLeft + (panel.left ?? 0)));
+  const desiredWidth = panel.width ?? layout.centerWidth;
+  const width = Math.max(1, Math.min(layout.width - left, desiredWidth));
+  const top = Math.max(0, Math.min(layout.height - 1, layout.centerTop + panel.top));
+  const height = Math.max(1, Math.min(layout.height - top, panel.height));
+  if (width <= 3 || height <= 3)
+    return null;
+  const right = left + width - 1;
+  const bottom = top + height - 1;
+  const headerHeight = panel.chrome === "ad-terminal" ? Math.max(3, Math.min(height - 2, panel.headerHeight ?? 3)) : 0;
+  const dividerY = headerHeight ? Math.min(bottom - 1, top + headerHeight) : top;
+  return { left, top, width, height, right, bottom, headerHeight, dividerY };
+}
+
 // packages/cli/src/app-opentui/render/graphics.ts
 var TRANSPARENT = RGBA.fromValues(0, 0, 0, 0);
 var BACKDROP = RGBA.fromHex(RIG_UI.bg);
@@ -461,14 +554,6 @@ function resizeGraphicsLayer(layer, layout) {
 function clearGraphicsLayer(layer) {
   layer.frameBuffer.clear(BACKDROP);
 }
-function panelRect(layout, panel) {
-  const left = Math.max(0, Math.min(layout.width - 1, layout.centerLeft + (panel.left ?? 0)));
-  const desiredWidth = panel.width ?? layout.centerWidth;
-  const width = Math.max(1, Math.min(layout.width - left, desiredWidth));
-  const top = Math.max(0, Math.min(layout.height - 1, layout.centerTop + panel.top));
-  const height = Math.max(1, Math.min(layout.height - top, panel.height));
-  return width > 3 && height > 3 ? { left, top, width, height } : null;
-}
 function writeCell(layer, x, y, char, fg, bg) {
   layer.frameBuffer.setCellWithAlphaBlending(x, y, char, fg, bg);
 }
@@ -491,14 +576,10 @@ function drawRoundedFill(layer, left, top, right, bottom, dividerY) {
   drawCornerCut(layer, right, bottom, "\u2598", PANEL_BG);
 }
 function drawAdTerminalPanel(layer, layout, panel) {
-  const rect = panelRect(layout, panel);
+  const rect = panelCellRect(layout, panel);
   if (!rect)
     return;
-  const { left, top, width, height } = rect;
-  const right = left + width - 1;
-  const bottom = top + height - 1;
-  const headerHeight = Math.max(3, Math.min(height - 2, panel.headerHeight ?? 3));
-  const dividerY = Math.min(bottom - 1, top + headerHeight);
+  const { left, top, width, right, bottom, headerHeight, dividerY } = rect;
   drawRoundedFill(layer, left, top, right, bottom, dividerY);
   if (dividerY > top && dividerY < bottom) {
     for (let x = left + 2;x < right - 1; x += 1) {
@@ -517,8 +598,42 @@ function drawPanelChrome(layer, layout, panels) {
       drawAdTerminalPanel(layer, layout, panel);
   }
 }
-function drawAmbientField(layer, layout, tick, scene = "fleet") {
-  layer.__rigMarketingCanvas?.render(layer, scene, tick);
+function staticFleetTick(scene) {
+  let hash = 0;
+  for (let index = 0;index < scene.length; index += 1)
+    hash = hash * 33 + scene.charCodeAt(index) >>> 0;
+  return 11 + hash % 97;
+}
+function asciiFleetColor(char, row) {
+  if (char === "@" || char === "$" || char === "o")
+    return RGBA.fromHex(RIG_UI.lime);
+  if (char === "%" || char === "!" || char === "/" || char === "\\" || char === "|")
+    return RGBA.fromHex(RIG_UI.cyan);
+  if (char === "." || char === "'" || char === "_" || row < 3 || row > FLEET_GRID_HEIGHT - 4)
+    return RGBA.fromInts(108, 110, 121, 170);
+  return RGBA.fromHex(RIG_UI.limeDim);
+}
+function drawAmbientField(layer, layout, _tick, scene = "fleet") {
+  const fb = layer.frameBuffer;
+  fb.clear(BACKDROP);
+  const rows = fleetRows(staticFleetTick(scene), { animate: true });
+  const left = Math.floor((layout.width - FLEET_GRID_WIDTH) / 2);
+  const top = Math.floor((layout.height - FLEET_GRID_HEIGHT) / 2);
+  for (let row = 0;row < rows.length; row += 1) {
+    const y = top + row;
+    if (y < 0 || y >= layout.height)
+      continue;
+    const line = rows[row];
+    for (let col = 0;col < line.length; col += 1) {
+      const x = left + col;
+      if (x < 0 || x >= layout.width)
+        continue;
+      const char = line[col];
+      if (char === " ")
+        continue;
+      fb.setCellWithAlphaBlending(x, y, char, asciiFleetColor(char, row), TRANSPARENT);
+    }
+  }
 }
 function drawSparkline(layer, x, y, values, color = RGBA.fromHex(RIG_UI.cyan)) {
   const chars = ["\u2581", "\u2582", "\u2583", "\u2584", "\u2585", "\u2586", "\u2587", "\u2588"];