@tldraw/editor 4.5.2 → 4.6.0-canary.4ec045c286e1

package/dist-cjs/lib/editor/Editor.js

@@ -86,6 +86,7 @@ var import_createTLUser = require("../config/createTLUser");
 var import_defaultBindings = require("../config/defaultBindings");
 var import_defaultShapes = require("../config/defaultShapes");
 var import_constants = require("../constants");
+var import_domUtils = require("../exports/domUtils");
 var import_exportToSvg = require("../exports/exportToSvg");
 var import_getSvgAsImage = require("../exports/getSvgAsImage");
 var import_menus = require("../globals/menus");
@@ -825,6 +826,24 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
       delete parent.children[Tool.id];
     }
   }
+  /**
+   * The document that the editor's container element belongs to.
+   * Use this instead of the global `document` to support cross-window embedding.
+   *
+   * @internal
+   */
+  getContainerDocument() {
+    return this.getContainer().ownerDocument;
+  }
+  /**
+   * The window that the editor's container element belongs to.
+   * Use this instead of the global `window` to support cross-window embedding.
+   *
+   * @internal
+   */
+  getContainerWindow() {
+    return (0, import_domUtils.getOwnerWindow)(this.getContainer());
+  }
   /**
    * Dispose the editor.
    *
@@ -2795,13 +2814,14 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
       screenBounds.width = Math.max(screenBounds.width, 1);
       screenBounds.height = Math.max(screenBounds.height, 1);
     }
+    const doc = this.getContainerDocument();
     const insets = [
       // top
       screenBounds.minY !== 0,
       // right
-      !(0, import_utils2.approximately)(document.body.scrollWidth, screenBounds.maxX, 1),
+      !(0, import_utils2.approximately)(doc.body.scrollWidth, screenBounds.maxX, 1),
       // bottom
-      !(0, import_utils2.approximately)(document.body.scrollHeight, screenBounds.maxY, 1),
+      !(0, import_utils2.approximately)(doc.body.scrollHeight, screenBounds.maxY, 1),
       // left
       screenBounds.minX !== 0
     ];
@@ -6914,7 +6934,8 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     return {
       svg: serializer.serializeToString(result.svg),
       width: result.width,
-      height: result.height
+      height: result.height,
+      trimPadding: result.trimPadding
     };
   }
   /**
@@ -6936,30 +6957,45 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     const result = await this.getSvgString(shapes, withDefaults);
     if (!result) throw new Error("Could not create SVG");
     switch (withDefaults.format) {
-      case "svg":
+      case "svg": {
+        let svg = result.svg;
+        let w = result.width;
+        let h = result.height;
+        if (result.trimPadding > 0) {
+          const trimmed = await (0, import_getSvgAsImage.trimSvgToContent)(svg, {
+            width: w,
+            height: h,
+            trimPadding: result.trimPadding,
+            scale: withDefaults.scale
+          });
+          if (trimmed) {
+            svg = trimmed.svg;
+            w = trimmed.width;
+            h = trimmed.height;
+          }
+        }
         return {
-          blob: new Blob([result.svg], { type: "image/svg+xml" }),
-          width: result.width,
-          height: result.height
+          blob: new Blob([svg], { type: "image/svg+xml" }),
+          width: w,
+          height: h
         };
+      }
       case "jpeg":
       case "png":
       case "webp": {
-        const blob = await (0, import_getSvgAsImage.getSvgAsImage)(result.svg, {
+        const imageResult = await (0, import_getSvgAsImage.getSvgAsImageWithOptions)(result.svg, {
           type: withDefaults.format,
           quality: withDefaults.quality,
           pixelRatio: withDefaults.pixelRatio,
           width: result.width,
-          height: result.height
+          height: result.height,
+          trimPadding: result.trimPadding,
+          scale: withDefaults.scale
         });
-        if (!blob) {
+        if (!imageResult) {
           throw new Error("Could not construct image.");
         }
-        return {
-          blob,
-          width: result.width,
-          height: result.height
-        };
+        return imageResult;
       }
       default: {
         (0, import_utils.exhaustiveSwitchError)(withDefaults.format);
@@ -7354,7 +7390,7 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
         param: opts?.param,
         to: opts?.getTarget?.(this)
       });
-      window.history.replaceState({}, document.title, url.toString());
+      window.history.replaceState({}, this.getContainerDocument().title, url.toString());
     });
     const scheduleEffect = (0, import_utils.debounce)((execute) => execute(), opts?.debounceMs ?? 500);
     const unlisten = (0, import_state.react)(