@cmssy/react 12.7.0 → 12.8.0

package/dist/client.cjs

@@ -67,7 +67,9 @@ function resolveShortcutAction(event, isMac, isTyping) {
 
 // src/bridge/invisible-blocks.ts
 var TRANSPARENT = 0.01;
-var PAINTS_WITHOUT_TEXT = "img,svg,video,canvas,picture,iframe";
+var VISIBLE_TEXT_FRACTION = 0.5;
+var MEDIA = "img,svg,video,canvas,picture,iframe";
+var UNPAINTED_TEXT = /* @__PURE__ */ new Set(["SCRIPT", "STYLE", "TEMPLATE", "NOSCRIPT"]);
 function effectiveOpacity(node) {
   let value = 1;
   let current = node;
@@ -82,21 +84,38 @@ function effectiveOpacity(node) {
   }
   return value;
 }
-function paintsSomething(el) {
-  if (el.matches(PAINTS_WITHOUT_TEXT)) return true;
+function holdsText(el) {
   for (const node of el.childNodes) {
     if (node.nodeType === 3 && node.textContent?.trim()) return true;
   }
   return false;
 }
+function collectCopy(block) {
+  const copy = [];
+  const keep = (el) => {
+    if (UNPAINTED_TEXT.has(el.tagName)) return;
+    if (el.closest("svg")) return;
+    if (holdsText(el)) copy.push(el);
+  };
+  keep(block);
+  for (const el of block.querySelectorAll("*")) keep(el);
+  return copy;
+}
+function collectMedia(block) {
+  const media = [];
+  if (block.matches(MEDIA)) media.push(block);
+  for (const el of block.querySelectorAll(MEDIA)) media.push(el);
+  return media;
+}
 function isBlockPainted(block) {
-  const candidates = [];
-  if (paintsSomething(block)) candidates.push(block);
-  for (const el of block.querySelectorAll("*")) {
-    if (paintsSomething(el)) candidates.push(el);
+  const copy = collectCopy(block);
+  if (copy.length > 0) {
+    const visible2 = copy.filter((el) => effectiveOpacity(el) > TRANSPARENT);
+    return visible2.length >= copy.length * VISIBLE_TEXT_FRACTION;
   }
-  if (candidates.length === 0) return true;
-  return candidates.some((el) => effectiveOpacity(el) > TRANSPARENT);
+  const media = collectMedia(block);
+  if (media.length === 0) return true;
+  return media.some((el) => effectiveOpacity(el) > TRANSPARENT);
 }
 
 // src/bridge/use-invisible-blocks.ts
@@ -204,6 +223,10 @@ function findBlockEl(blockId) {
     return null;
   }
 }
+function announceResize() {
+  if (typeof window === "undefined") return;
+  window.dispatchEvent(new Event("resize"));
+}
 function canDetectInvisibleBlocks() {
   return typeof document !== "undefined" && typeof IntersectionObserver !== "undefined";
 }
@@ -356,6 +379,8 @@ function useEditBridge(page, config) {
         setRemoved(
           (prev) => prev.includes(message.blockId) ? prev : [...prev, message.blockId]
         );
+      } else if (message.type === "cmssy:viewport") {
+        announceResize();
       } else if (message.type === "cmssy:parent-ready") {
         sendReady();
       }

package/dist/client.js

@@ -65,7 +65,9 @@ function resolveShortcutAction(event, isMac, isTyping) {
 
 // src/bridge/invisible-blocks.ts
 var TRANSPARENT = 0.01;
-var PAINTS_WITHOUT_TEXT = "img,svg,video,canvas,picture,iframe";
+var VISIBLE_TEXT_FRACTION = 0.5;
+var MEDIA = "img,svg,video,canvas,picture,iframe";
+var UNPAINTED_TEXT = /* @__PURE__ */ new Set(["SCRIPT", "STYLE", "TEMPLATE", "NOSCRIPT"]);
 function effectiveOpacity(node) {
   let value = 1;
   let current = node;
@@ -80,21 +82,38 @@ function effectiveOpacity(node) {
   }
   return value;
 }
-function paintsSomething(el) {
-  if (el.matches(PAINTS_WITHOUT_TEXT)) return true;
+function holdsText(el) {
   for (const node of el.childNodes) {
     if (node.nodeType === 3 && node.textContent?.trim()) return true;
   }
   return false;
 }
+function collectCopy(block) {
+  const copy = [];
+  const keep = (el) => {
+    if (UNPAINTED_TEXT.has(el.tagName)) return;
+    if (el.closest("svg")) return;
+    if (holdsText(el)) copy.push(el);
+  };
+  keep(block);
+  for (const el of block.querySelectorAll("*")) keep(el);
+  return copy;
+}
+function collectMedia(block) {
+  const media = [];
+  if (block.matches(MEDIA)) media.push(block);
+  for (const el of block.querySelectorAll(MEDIA)) media.push(el);
+  return media;
+}
 function isBlockPainted(block) {
-  const candidates = [];
-  if (paintsSomething(block)) candidates.push(block);
-  for (const el of block.querySelectorAll("*")) {
-    if (paintsSomething(el)) candidates.push(el);
+  const copy = collectCopy(block);
+  if (copy.length > 0) {
+    const visible2 = copy.filter((el) => effectiveOpacity(el) > TRANSPARENT);
+    return visible2.length >= copy.length * VISIBLE_TEXT_FRACTION;
   }
-  if (candidates.length === 0) return true;
-  return candidates.some((el) => effectiveOpacity(el) > TRANSPARENT);
+  const media = collectMedia(block);
+  if (media.length === 0) return true;
+  return media.some((el) => effectiveOpacity(el) > TRANSPARENT);
 }
 
 // src/bridge/use-invisible-blocks.ts
@@ -202,6 +221,10 @@ function findBlockEl(blockId) {
     return null;
   }
 }
+function announceResize() {
+  if (typeof window === "undefined") return;
+  window.dispatchEvent(new Event("resize"));
+}
 function canDetectInvisibleBlocks() {
   return typeof document !== "undefined" && typeof IntersectionObserver !== "undefined";
 }
@@ -354,6 +377,8 @@ function useEditBridge(page, config) {
         setRemoved(
           (prev) => prev.includes(message.blockId) ? prev : [...prev, message.blockId]
         );
+      } else if (message.type === "cmssy:viewport") {
+        announceResize();
       } else if (message.type === "cmssy:parent-ready") {
         sendReady();
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmssy/react",
-  "version": "12.7.0",
+  "version": "12.8.0",
   "description": "React blocks, renderers, data client and editor bridge for cmssy headless sites",
   "keywords": [
     "cmssy",
@@ -97,7 +97,7 @@
   },
   "dependencies": {
     "@cmssy/types": "0.35.0",
-    "@cmssy/core": "12.7.0"
+    "@cmssy/core": "12.8.0"
   },
   "scripts": {
     "build": "tsup",