@glissade/scene 0.4.4 → 0.4.5

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { $ as StrokeStyle, A as NodeProps, B as BlendMode, C as WordBox, D as EvalContext, E as BindablePropTarget, F as breakLines, G as FilterValidationError, H as DisplayListBuilder, I as estimatingMeasurer, J as PathSeg, K as FontSpec, L as quantize, M as resolveAnchor, N as TextMeasurer, O as HitArea, P as TextMetricsLite, Q as ShaderRef, R as segmentWords, S as VideoProps, T as AnchorSpec, U as DrawCommand, V as DisplayList, W as FilterSpec, X as Resource, Y as Rect$1, Z as ResourceId, _ as Rect, a as LayoutEngineMissingError, at as Mat2x3, b as TextProps, c as requireLayoutEngine, ct as invert, d as Group, et as createDisplayListBuilder, f as ImageNode, g as PathProps, h as Path, i as LayoutEngine, it as IDENTITY, j as PropInit, k as Node, l as setLayoutEngine, lt as matEquals, m as LineBox, n as LayoutChildSpec, nt as glow, ot as applyToPoint, p as ImageProps, q as Paint, r as LayoutContainerSpec, rt as validateFilters, s as getLayoutEngine, st as fromTRS, t as LayoutBox, tt as filtersToCanvasFilter, u as Circle, ut as multiply, v as ShapeProps, w as roundedRectSegs, x as Video, y as Text, z as setDefaultMeasurer } from "./layoutEngine.js";
-import { BindableSignal, BoundTimeline, CompiledTimeline, Playhead, Timeline } from "@glissade/core";
+import { BindableSignal, BoundTimeline, CompiledTimeline, Playhead, Timeline, Vec2 } from "@glissade/core";
 
 //#region src/highlight.d.ts
 
@@ -42,6 +42,8 @@ interface TokenRange {
   progress?: PropInit<number>;
   /** scale about the range rect's center; default 1 */
   scale?: PropInit<number>;
+  /** translation of the range's rects, px — shakes and nudges; default [0, 0] */
+  offset?: PropInit<Vec2>;
 }
 interface TokenHighlightProps extends NodeProps {
   /** the Text whose tokens get highlighted; place this node as an EARLIER sibling */

package/dist/index.js

@@ -1,5 +1,5 @@
 import { A as matEquals, C as filtersToCanvasFilter, D as applyToPoint, E as IDENTITY, O as fromTRS, S as createDisplayListBuilder, T as validateFilters, _ as fallbackMeasurer, a as Circle, b as setDefaultMeasurer, c as Path, d as Video, f as roundedRectSegs, g as estimatingMeasurer, h as breakLines, i as setLayoutEngine, j as multiply, k as invert, l as Rect, m as resolveAnchor, n as getLayoutEngine, o as Group, p as Node, r as requireLayoutEngine, s as ImageNode, t as LayoutEngineMissingError, u as Text, v as quantize, w as glow, x as FilterValidationError, y as segmentWords } from "./layoutEngine.js";
-import { bindTimeline, compileTimeline, createPlayhead, emitDevWarning, evaluateAt, signal } from "@glissade/core";
+import { bindTimeline, compileTimeline, createPlayhead, emitDevWarning, evaluateAt, signal, vec2Signal } from "@glissade/core";
 //#region src/highlight.ts
 /**
 * Marker-style text highlight: per-line rounded rects behind a Text node's
@@ -145,6 +145,7 @@ var TokenHighlight = class extends Node {
 				opacity: init(signal(1), spec.opacity),
 				progress: init(signal(1), spec.progress),
 				scale: init(signal(1), spec.scale),
+				offset: initVec(vec2Signal([0, 0]), spec.offset),
 				run,
 				bound: runText(boxes, run)
 			};
@@ -152,6 +153,9 @@ var TokenHighlight = class extends Node {
 			this.registerTarget(`${id}/opacity`, r.opacity);
 			this.registerTarget(`${id}/progress`, r.progress);
 			this.registerTarget(`${id}/scale`, r.scale);
+			this.registerTarget(`${id}/offset`, r.offset);
+			this.registerTarget(`${id}/offset.x`, r.offset.x);
+			this.registerTarget(`${id}/offset.y`, r.offset.y);
 			return r;
 		});
 	}
@@ -209,13 +213,14 @@ var TokenHighlight = class extends Node {
 			});
 			const fill = r.fill();
 			const scale = r.scale();
+			const [ox, oy] = r.offset();
 			let remaining = progress * lineRects.reduce((sum, q) => sum + q.w, 0);
 			for (const q of lineRects) {
 				const fillW = Math.min(q.w, remaining);
 				remaining -= fillW;
 				if (fillW <= 0) break;
-				const cx = q.x + q.w / 2;
-				const cy = q.y + q.h / 2;
+				const cx = q.x + q.w / 2 + ox;
+				const cy = q.y + q.h / 2 + oy;
 				const w = fillW * scale;
 				const h = q.h * scale;
 				const x = cx - q.w / 2 * scale;
@@ -257,6 +262,11 @@ function init(sig, v) {
 	else if (v !== void 0) sig.set(v);
 	return sig;
 }
+function initVec(sig, v) {
+	if (typeof v === "function") sig.bindSource(v);
+	else if (v !== void 0) sig.set(v);
+	return sig;
+}
 //#endregion
 //#region src/assets.ts
 var ColdAssetError = class extends Error {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glissade/scene",
-  "version": "0.4.4",
+  "version": "0.4.5",
   "description": "glissade scene graph: nodes, transforms, DisplayList emission. Renderer-agnostic; zero DOM/Node dependencies.",
   "license": "Apache-2.0",
   "type": "module",
@@ -20,7 +20,7 @@
   ],
   "dependencies": {
     "yoga-layout": "^3.2.1",
-    "@glissade/core": "0.4.4"
+    "@glissade/core": "0.4.5"
   },
   "repository": {
     "type": "git",