@movable/studio-framework 3.4.1 → 3.5.0-canary.0

package/dist/index.js

@@ -1622,6 +1622,7 @@ class StudioTool extends React__default['default'].Component {
 
 function trimTextOverflow(element) {
   const parentElement = element.parentElement;
+  parentElement.style.overflowWrap = 'break-word';
   const parentBox = parentElement.getBoundingClientRect(); // It fits already; no need to resize.
 
   if (!overflowsParent$1(element, parentBox)) {
@@ -1691,8 +1692,7 @@ function findOverlappingElement(element, parentBox) {
 
 function overflowsParent$1(element, parentBox) {
   const selfBox = element.getBoundingClientRect();
-  const isOutside = !(selfBox.left >= parentBox.left && selfBox.right <= parentBox.right && selfBox.bottom <= parentBox.bottom && element.scrollHeight <= parentBox.height && element.scrollWidth <= parentBox.width);
-  return isOutside;
+  return selfBox.bottom > parentBox.bottom;
 }
 
 const {
@@ -2453,37 +2453,40 @@ function getDocumentNode(node) {
 }
 
 const BASE_STYLE = 'margin: 0px;';
-function cleanHTML(element) {
+function cleanHTML(element, format) {
   const doc = getDocumentNode(element);
-  const body = doc.body;
-  const html = doc.children[0];
   const analytics = doc.querySelector('#mi-data');
   const analyticsLength = analytics ? (analytics.getAttribute('data-mi-data') || '').length : 0;
-  const imageRedirect = doc.querySelector('#mi-redirect-image');
-  const newBody = doc.createElement('body');
-  newBody.style.cssText = BASE_STYLE;
-  newBody.appendChild(element);
 
   if (analyticsLength > 500) {
     analytics.setAttribute('data-mi-data', '{}');
     console.log('extraData trying to be set exceeds 500 characters, setting extraData to be empty to avoid breaking crops');
   }
 
-  if (analytics) {
-    analytics.style.display = 'none';
-    newBody.appendChild(analytics);
-  }
+  if (format === 'html') {
+    const body = doc.body;
+    const html = doc.children[0];
+    const imageRedirect = doc.querySelector('#mi-redirect-image');
+    const newBody = doc.createElement('body');
+    newBody.style.cssText = BASE_STYLE;
+    newBody.appendChild(element);
 
-  if (imageRedirect) {
-    imageRedirect.style.display = 'none';
-    newBody.appendChild(imageRedirect);
-  }
+    if (analytics) {
+      analytics.style.display = 'none';
+      newBody.appendChild(analytics);
+    }
 
-  html.replaceChild(newBody, body);
-  const scripts = doc.querySelectorAll('script');
+    if (imageRedirect) {
+      imageRedirect.style.display = 'none';
+      newBody.appendChild(imageRedirect);
+    }
 
-  for (let index = 0; index < scripts.length; index++) {
-    scripts[index].remove();
+    html.replaceChild(newBody, body);
+    const scripts = doc.querySelectorAll('script');
+
+    for (let index = 0; index < scripts.length; index++) {
+      scripts[index].remove();
+    }
   }
 }
 
@@ -3109,8 +3112,9 @@ class StudioFramework {
         }
       }
 
+      cleanHTML(targetElement, format);
+
       if (format === 'html') {
-        cleanHTML(targetElement);
         addBrowserContent(targetElement);
       }
     } catch (e) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@movable/studio-framework",
-  "version": "3.4.1",
+  "version": "3.5.0-canary.0",
   "description": "A Component library for reactive Studio apps.",
   "author": "Movable Ink",
   "repository": "movableink/studio-framework",
@@ -9,8 +9,8 @@
   "module": "dist/index.es.js",
   "jsnext:main": "dist/index.es.js",
   "scripts": {
-    "test": "tsc && karma start --single-run",
-    "develop-test": "karma start --autoWatch true",
+    "test": "tsc && npx karma start --single-run",
+    "develop-test": "npx karma start --autoWatch true",
     "build": "rollup -c",
     "start": "rollup -c -w",
     "prepublish": "yarn run build"
@@ -31,18 +31,20 @@
     "@babel/preset-react": "^7.14.5",
     "@babel/preset-typescript": "^7.13.0",
     "@movable/eslint-config-react": "^1.0.1",
-    "@movable/framework-types": "^3.4.1",
-    "@movable/studio-framework-test-helpers": "^3.4.1",
+    "@movable/framework-types": "^3.5.0-canary.0",
+    "@movable/studio-framework-test-helpers": "^3.5.0-canary.0",
     "@types/qunit": "^2.11.1",
     "@types/qunit-dom": "^0.7.0",
     "@types/react": "^17.0.6",
     "@types/react-dom": "^17.0.8",
     "cross-env": "^7.0.3",
     "htm": "^3.0.2",
-    "karma": "^6.3.4",
+    "karma": "^6.4.4",
     "karma-chrome-launcher": "^3.1.0",
-    "karma-qunit": "^4.1.2",
-    "karma-rollup-preprocessor": "^7.0.7",
+    "karma-puppeteer-launcher": "^1.0.4",
+    "karma-qunit": "^4.2.0",
+    "karma-rollup-preprocessor": "^7.0.8",
+    "puppeteer": "^22.14.0",
     "qunit": "^2.16.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
@@ -64,5 +66,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "aff3e903d9e302b90bbf80f583b108008a0717b4"
+  "gitHead": "a1e30a20251fd44185d22a791e0d783ef1f65817"
 }