@lvce-editor/renderer-process 30.58.0 → 30.58.1

package/dist/rendererProcessMain.js

@@ -1226,7 +1226,7 @@ const create$B = async ({
 const omitted = new Set(['SCRIPT', 'STYLE', 'LINK', 'META', 'BASE', 'NOSCRIPT']);
 const unsupported = new Set(['IFRAME', 'WEBVIEW', 'CANVAS', 'OBJECT', 'EMBED', 'VIDEO', 'AUDIO']);
 // The allowlist covers HTML, SVG and accessibility attributes.
-const attributes$1 = /^(class|style|id|title|role|type|checked|disabled|selected|placeholder|width|height|viewBox|d|fill|stroke|cx|cy|r|x|y|x1|x2|y1|y2|points|transform|xmlns|aria-[\w-]+)$/i;
+const attributes$1 = /^(class|style|id|title|role|type|checked|disabled|selected|placeholder|width|height|viewBox|d|fill|stroke|cx|cy|r|x|y|x1|x2|y1|y2|points|transform|xmlns|data-[\w-]+|aria-[\w-]+)$/i;
 const capture = document => {
   const visit = original => {
     if (original.nodeType === 3) return {
@@ -1443,7 +1443,7 @@ const createClient = url => {
 
 const tags = new Set('body div span p pre code main section article header footer nav aside h1 h2 h3 h4 h5 h6 ul ol li table thead tbody tr td th button input textarea select option label form fieldset legend a img br hr strong em b i u s small details summary svg path rect circle ellipse line polyline polygon g defs clipPath text tspan'.split(' '));
 // The allowlist covers HTML, SVG and accessibility attributes.
-const attributes = /^(class|style|id|title|role|type|checked|disabled|selected|placeholder|width|height|viewBox|d|fill|stroke|cx|cy|r|x|y|x1|x2|y1|y2|points|transform|xmlns|aria-[\w-]+)$/i;
+const attributes = /^(class|style|id|title|role|type|checked|disabled|selected|placeholder|width|height|viewBox|d|fill|stroke|cx|cy|r|x|y|x1|x2|y1|y2|points|transform|xmlns|data-[\w-]+|aria-[\w-]+)$/i;
 const renderFrame = (document, frame) => {
   let count = 0;
   const scrolls = [];

package/dist/sessionReplayWorkerMain.js

@@ -376,7 +376,7 @@ var getElementTag = (type) => {
 
 // ../session-replay-worker/src/visualDom.ts
 var element = (tag = "div") => ({ attrs: {}, children: [], tag });
-var styleKeys = /* @__PURE__ */ new Set(["width", "height", "top", "left", "marginTop", "paddingLeft", "paddingRight"]);
+var styleKeys = /* @__PURE__ */ new Set(["width", "height", "top", "left", "translate", "marginTop", "paddingLeft", "paddingRight"]);
 var attributes = { className: "class", htmlFor: "for", inputType: "type" };
 var setStyle = (node, key, value) => {
   node.attrs ||= {};
@@ -430,6 +430,19 @@ var find = (node, selector) => {
   }
   return void 0;
 };
+var expandPatches = (patches) => patches.flatMap((value) => {
+  if (value.type !== 18) return [value];
+  const { navigations } = value;
+  if (!Array.isArray(navigations) || navigations.length % 2 !== 0) throw new Error("Invalid compact replay navigation");
+  const result = [];
+  for (let index = 0; index < navigations.length; index += 2) {
+    const type = navigations[index];
+    const childIndex = navigations[index + 1];
+    if (![7, 8, 10].includes(type) || !Number.isSafeInteger(childIndex) || childIndex < 0) throw new Error("Invalid compact replay navigation");
+    result.push({ ...value, index: childIndex, type });
+  }
+  return result;
+});
 var createVisualDom = () => {
   const views = /* @__PURE__ */ new Map();
   const parents = /* @__PURE__ */ new WeakMap();
@@ -498,7 +511,8 @@ var createVisualDom = () => {
     if (stack.some((entry) => entry.remaining !== 0)) throw new Error("Incomplete replay virtual DOM");
     return roots;
   };
-  const patch = (uid, patches) => {
+  const patch = (uid, input) => {
+    const patches = expandPatches(input);
     let current = views.get(uid);
     if (!current) return;
     owners.set(current, uid);
@@ -540,7 +554,7 @@ var createVisualDom = () => {
     };
     for (let index = 0; index < patches.length; index++) {
       const value = patches[index];
-      if (value.type === 7 && value.index === current.children?.length && patches[index + 1]?.type === 2) append(current, element());
+      if (value.type === 7 && value.index === current.children?.length && [2, 11].includes(patches[index + 1]?.type)) append(current, element());
       if (!mutations[value.type]) continue;
       current = mutations[value.type](current, value);
       if (!current) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/renderer-process",
-  "version": "30.58.0",
+  "version": "30.58.1",
   "keywords": [
     "lvce-editor",
     "renderer-process"