@bendyline/squisq-react 2.4.0 → 2.4.2

package/README.md

@@ -125,6 +125,10 @@ Interactive mount:
 
 For headless capture, add `renderMode: true`, then await
 `handle.renderAPI` before calling `seekTo()` or reading render metadata.
+`seekTo()` resolves only after React has committed the requested visual time,
+CSS animations have been positioned, active video has produced its sought
+frame, and one final paint opportunity has completed. `getRenderedTime()`
+returns the timeline time represented by the committed DOM.
 TypeScript hosts can import `MountOptions` and `SquisqPlayerHandle` from the
 package root.
 

package/dist/{chunk-XYS7HMP4.js → chunk-EMSYAEWP.js}

@@ -543,25 +543,41 @@ function RichTextLayer({ layer, viewport, blockTime }) {
   };
   const cls = `squisq-rich-text-${cssId(layer.id)}`;
   const scopedCss = `.${cls}{margin:0}.${cls} p{margin:0 0 .4em}.${cls} h1,.${cls} h2,.${cls} h3,.${cls} h4,.${cls} h5,.${cls} h6{margin:0 0 .3em;line-height:1.2}.${cls} ul,.${cls} ol{margin:0 0 .4em;padding-left:1.2em;list-style-position:inside}.${cls} li{margin:0}.${cls} li>p{display:inline;margin:0}.${cls} *:first-child{margin-top:0}.${cls} *:last-child{margin-bottom:0}.${cls} a{color:inherit;text-decoration:underline}`;
-  return /* @__PURE__ */ jsx3("g", { className: `block-layer block-layer--text ${animStyle.className}`, "data-layer-id": layer.id, children: /* @__PURE__ */ jsx3("foreignObject", { x: boxX, y: boxY, width: boxWidth, height: boxHeight, children: /* @__PURE__ */ jsxs2(
-    "div",
+  return /* @__PURE__ */ jsx3("g", { className: `block-layer block-layer--text ${animStyle.className}`, "data-layer-id": layer.id, children: /* @__PURE__ */ jsx3(
+    "foreignObject",
     {
-      ...{ xmlns: "http://www.w3.org/1999/xhtml" },
-      style: boxStyle,
-      children: [
-        /* @__PURE__ */ jsx3("style", { children: scopedCss }),
-        /* @__PURE__ */ jsx3(
-          "div",
-          {
-            className: cls,
-            "aria-label": content.text,
-            style: { width: "100%", whiteSpace: "pre-wrap", wordBreak: "break-word" },
-            dangerouslySetInnerHTML: { __html: safeHtml }
-          }
-        )
-      ]
+      x: boxX,
+      y: boxY,
+      width: boxWidth,
+      height: boxHeight,
+      color: style.color,
+      style: { color: style.color },
+      children: /* @__PURE__ */ jsxs2(
+        "div",
+        {
+          ...{ xmlns: "http://www.w3.org/1999/xhtml" },
+          style: boxStyle,
+          children: [
+            /* @__PURE__ */ jsx3("style", { children: scopedCss }),
+            /* @__PURE__ */ jsx3(
+              "div",
+              {
+                className: cls,
+                "aria-label": content.text,
+                style: {
+                  width: "100%",
+                  color: style.color,
+                  whiteSpace: "pre-wrap",
+                  wordBreak: "break-word"
+                },
+                dangerouslySetInnerHTML: { __html: safeHtml }
+              }
+            )
+          ]
+        }
+      )
     }
-  ) }) });
+  ) });
 }
 function cssId(id) {
   return id.replace(/[^a-zA-Z0-9_-]/g, "-");