@promptctl/rich-js 0.20.0 → 0.21.0

package/dist/renderables/flexStrip.js

@@ -16,6 +16,7 @@
  * FlexStrip reuses it verbatim. There is no second concept of "join."
  */
 import { Segment } from "../core/segment.js";
+import { drawItem, drawJoin } from "../core/strip.js";
 function renderToBlock(r, options) {
     const segments = [...r.render(options)];
     let width = 0;
@@ -63,10 +64,10 @@ export class FlexStrip {
         const joiner = this.joiner;
         // Pre-render every item and every joiner form we might need. Doing this
         // up-front turns packing into a pure data computation over widths.
-        const itemBlocks = items.map((it) => renderToBlock(it, options));
-        const startCap = (i) => joiner ? renderToBlock(joiner.join(null, items[i]), options) : EMPTY_BLOCK;
-        const endCap = (i) => joiner ? renderToBlock(joiner.join(items[i], null), options) : EMPTY_BLOCK;
-        const midJoin = (i, j) => joiner ? renderToBlock(joiner.join(items[i], items[j]), options) : EMPTY_BLOCK;
+        const itemBlocks = items.map((it) => renderToBlock(drawItem(it), options));
+        const startCap = (i) => joiner ? renderToBlock(drawJoin(joiner, null, items[i], { index: i }), options) : EMPTY_BLOCK;
+        const endCap = (i) => joiner ? renderToBlock(drawJoin(joiner, items[i], null, { index: i + 1 }), options) : EMPTY_BLOCK;
+        const midJoin = (i, j) => joiner ? renderToBlock(drawJoin(joiner, items[i], items[j], { index: j }), options) : EMPTY_BLOCK;
         const lines = [];
         let line = null;
         const gapBlock = gap > 0
@@ -177,23 +178,23 @@ export class FlexStrip {
         for (let i = 0; i < items.length; i++) {
             const itemWidth = renderToBlock(items[i], options).width;
             const sc = this.joiner
-                ? renderToBlock(this.joiner.join(null, items[i]), options).width
+                ? renderToBlock(drawJoin(this.joiner, null, items[i], { index: i }), options).width
                 : 0;
             const ec = this.joiner
-                ? renderToBlock(this.joiner.join(items[i], null), options).width
+                ? renderToBlock(drawJoin(this.joiner, items[i], null, { index: i + 1 }), options).width
                 : 0;
             minimum = Math.max(minimum, itemWidth + sc + ec);
             maximum += itemWidth;
             if (i > 0) {
                 maximum += this.gap * 2;
                 if (this.joiner) {
-                    maximum += renderToBlock(this.joiner.join(items[i - 1], items[i]), options).width;
+                    maximum += renderToBlock(drawJoin(this.joiner, items[i - 1], items[i], { index: i }), options).width;
                 }
             }
         }
         if (this.joiner) {
-            maximum += renderToBlock(this.joiner.join(null, items[0]), options).width;
-            maximum += renderToBlock(this.joiner.join(items[items.length - 1], null), options).width;
+            maximum += renderToBlock(drawJoin(this.joiner, null, items[0], { index: 0 }), options).width;
+            maximum += renderToBlock(drawJoin(this.joiner, items[items.length - 1], null, { index: items.length }), options).width;
         }
         return { minimum, maximum };
     }

package/dist/renderables/progressBar.js

@@ -7,7 +7,7 @@ import { Segment } from "../core/segment.js";
 import { Style } from "../core/style.js";
 import { drawable, getStyle } from "../core/protocol.js";
 import { Effected } from "./effect.js";
-import { EFFECT_CURVES, onColors, shimmer } from "./effects.js";
+import { EFFECT_CURVES, atShares, shimmer } from "./effects.js";
 const BAR = "━";
 const ASCII_BAR = "-";
 const HALF_BAR_RIGHT = "╸";
@@ -70,7 +70,8 @@ export class ProgressBar {
         const ink = back.drawnColors(depth).color ?? ColorSpec.default();
         const glow = getStyle(options, "bar.pulse").drawnColors(depth).color ?? ColorSpec.default();
         const loop = shimmer(PULSE_CURVE, width, PULSE_REACH, glow.getTruecolor(theme, true), 0);
-        return onColors(new Map([[ink.getTruecolor(theme, true).hex, 1]]), loop);
+        const whole = new Map([[ink.getTruecolor(theme, true).hex, 1]]);
+        return atShares(loop, () => whole);
     }
     /** Rich 9d8f9a3 `__rich_console__`: the fill is counted in half cells, and a total of zero is a bar already full. */
     completeHalves(width) {

package/dist/widgets/hit.js

@@ -11,6 +11,7 @@
  * answer "what is under the pointer", so the answer cannot disagree with what
  * the user sees. Z-order is paint order — whoever painted a cell last owns it.
  */
+import { drawnBy } from "../core/anchor.js";
 import { Segment } from "../core/segment.js";
 import { isScrollable } from "../core/protocol.js";
 import { WidgetBase } from "./widget-base.js";
@@ -72,10 +73,7 @@ export function originOf(frame, widget) {
  * or through a widget nested in its output.
  */
 export function drew(frame, widget, x, y) {
-    for (let a = Segment.anchorAt(frame, x, y); a; a = a.inner)
-        if (a.owner === widget)
-            return true;
-    return false;
+    return drawnBy(Segment.anchorAt(frame, x, y), widget);
 }
 /**
  * Where `widget`'s footprint sits in `frame`: the cell its row 0, column 0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@promptctl/rich-js",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "description": "Rich text and beautiful formatting in the terminal — a TypeScript port of Python's Rich",
   "repository": {
     "type": "git",
@@ -99,7 +99,11 @@
   ],
   "license": "MIT",
   "devEngines": {
-    "runtime": { "name": "node", "version": "^22.18.0 || >=23.6.0", "onFail": "error" }
+    "runtime": {
+      "name": "node",
+      "version": "^22.18.0 || >=23.6.0",
+      "onFail": "error"
+    }
   },
   "engines": {
     "node": ">=20"