@tldraw/editor 3.8.0-canary.d9f1dbe89786 → 3.8.0-canary.da7502dc0e6b

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

@@ -87,6 +87,7 @@ var import_defaultBindings = require("../config/defaultBindings");
 var import_defaultShapes = require("../config/defaultShapes");
 var import_constants = require("../constants");
 var import_exportToSvg = require("../exports/exportToSvg");
+var import_getSvgAsImage = require("../exports/getSvgAsImage");
 var import_environment = require("../globals/environment");
 var import_menus = require("../globals/menus");
 var import_time = require("../globals/time");
@@ -1038,9 +1039,20 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
         },
         extras: {
           activeStateNode: this.root.getPath(),
-          selectedShapes: this.getSelectedShapes(),
+          selectedShapes: this.getSelectedShapes().map((s) => {
+            const { props, ...rest } = s;
+            const { text: _text, richText: _richText, ...restProps } = props;
+            return {
+              ...rest,
+              props: restProps
+            };
+          }),
+          selectionCount: this.getSelectedShapes().length,
           editingShape: editingShapeId ? this.getShape(editingShapeId) : void 0,
-          inputs: this.inputs
+          inputs: this.inputs,
+          pageState: this.getCurrentPageState(),
+          instanceState: this.getInstanceState(),
+          collaboratorCount: this.getCollaboratorsOnCurrentPage().length
         }
       };
     } catch {
@@ -1203,7 +1215,7 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
       if (partial.isChangingStyle === true) {
         this._isChangingStyleTimeout = this.timers.setTimeout(() => {
           this._updateInstanceState({ isChangingStyle: false }, { history: "ignore" });
-        }, 2e3);
+        }, 1e3);
       }
     }
     return this;
@@ -3154,11 +3166,14 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     if (!assetId) return null;
     const asset = this.getAsset(assetId);
     if (!asset) return null;
-    const { screenScale = 1, shouldResolveToOriginal = false } = context;
+    const {
+      screenScale = 1,
+      shouldResolveToOriginal = false,
+      dpr = this.getInstanceState().devicePixelRatio
+    } = context;
     const zoomStepFunction = (zoom) => Math.pow(2, Math.ceil(Math.log2(zoom)));
-    const steppedScreenScale = Math.max(0.125, zoomStepFunction(screenScale));
+    const steppedScreenScale = zoomStepFunction(screenScale);
     const networkEffectiveType = "connection" in navigator ? navigator.connection.effectiveType : null;
-    const dpr = this.getInstanceState().devicePixelRatio;
     return await this.store.props.assets.resolve(asset, {
       screenScale: screenScale || 1,
       steppedScreenScale,
@@ -6276,7 +6291,7 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
    * @public
    */
   async getSvgElement(shapes, opts = {}) {
-    const ids = typeof shapes[0] === "string" ? shapes : shapes.map((s) => s.id);
+    const ids = shapes.length === 0 ? this.getCurrentPageShapeIdsSorted() : typeof shapes[0] === "string" ? shapes : shapes.map((s) => s.id);
     if (ids.length === 0) return void 0;
     return (0, import_exportToSvg.exportToSvg)(this, ids, opts);
   }
@@ -6306,6 +6321,55 @@ class Editor extends (_a = import_eventemitter3.default, _getIsShapeHiddenCache_
     if (!result) return void 0;
     return result.svg;
   }
+  /**
+   * Get an exported image of the given shapes.
+   *
+   * @param shapes - The shapes (or shape ids) to export.
+   * @param opts - Options for the export.
+   *
+   * @returns A blob of the image.
+   * @public
+   */
+  async toImage(shapes, opts = {}) {
+    const withDefaults = {
+      format: "png",
+      scale: 1,
+      pixelRatio: opts.format === "svg" ? void 0 : 2,
+      ...opts
+    };
+    const result = await this.getSvgString(shapes, withDefaults);
+    if (!result) throw new Error("Could not create SVG");
+    switch (withDefaults.format) {
+      case "svg":
+        return {
+          blob: new Blob([result.svg], { type: "text/plain" }),
+          width: result.width,
+          height: result.height
+        };
+      case "jpeg":
+      case "png":
+      case "webp": {
+        const blob = await (0, import_getSvgAsImage.getSvgAsImage)(result.svg, {
+          type: withDefaults.format,
+          quality: withDefaults.quality,
+          pixelRatio: withDefaults.pixelRatio,
+          width: result.width,
+          height: result.height
+        });
+        if (!blob) {
+          throw new Error("Could not construct image.");
+        }
+        return {
+          blob,
+          width: result.width,
+          height: result.height
+        };
+      }
+      default: {
+        (0, import_utils.exhaustiveSwitchError)(withDefaults.format);
+      }
+    }
+  }
   /**
    * Update the input points from a pointer, pinch, or wheel event.
    *