@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-cjs/lib/utils/assets/assets.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/utils/assets/assets.ts"],
+  "sourcesContent": ["import downscale from 'downscale'\nimport { getBrowserCanvasMaxSize } from '../../shapes/shared/getBrowserCanvasMaxSize'\nimport { isAnimated } from './is-gif-animated'\n\ntype BoxWidthHeight = {\n\tw: number\n\th: number\n}\n\n/**\n * Contains the size within the given box size\n *\n * @param originalSize - The size of the asset\n * @param containBoxSize - The container size\n * @returns Adjusted size\n * @public\n */\nexport function containBoxSize(\n\toriginalSize: BoxWidthHeight,\n\tcontainBoxSize: BoxWidthHeight\n): BoxWidthHeight {\n\tconst overByXScale = originalSize.w / containBoxSize.w\n\tconst overByYScale = originalSize.h / containBoxSize.h\n\n\tif (overByXScale <= 1 && overByYScale <= 1) {\n\t\treturn originalSize\n\t} else if (overByXScale > overByYScale) {\n\t\treturn {\n\t\t\tw: originalSize.w / overByXScale,\n\t\t\th: originalSize.h / overByXScale,\n\t\t}\n\t} else {\n\t\treturn {\n\t\t\tw: originalSize.w / overByYScale,\n\t\t\th: originalSize.h / overByYScale,\n\t\t}\n\t}\n}\n\n/**\n * Get the size of an image from its source.\n *\n * @example\n * ```ts\n * const size = await getImageSize('https://example.com/image.jpg')\n * const dataUrl = await getResizedImageDataUrl('https://example.com/image.jpg', size.w, size.h, { type: \"image/jpeg\", quality: 0.92 })\n * ```\n *\n * @param dataURLForImage - The image file as a string.\n * @param width - The desired width.\n * @param height - The desired height.\n * @param opts - Options for the image.\n * @public\n */\nexport async function getResizedImageDataUrl(\n\tdataURLForImage: string,\n\twidth: number,\n\theight: number,\n\topts = {} as { type?: string; quality?: number }\n): Promise<string> {\n\tlet desiredWidth = width * 2\n\tlet desiredHeight = height * 2\n\tconst { type = 'image/jpeg', quality = 0.92 } = opts\n\n\tconst canvasSizes = await getBrowserCanvasMaxSize()\n\n\tconst aspectRatio = width / height\n\n\tif (desiredWidth > canvasSizes.maxWidth) {\n\t\tdesiredWidth = canvasSizes.maxWidth\n\t\tdesiredHeight = desiredWidth / aspectRatio\n\t}\n\n\tif (desiredHeight > canvasSizes.maxHeight) {\n\t\tdesiredHeight = canvasSizes.maxHeight\n\t\tdesiredWidth = desiredHeight * aspectRatio\n\t}\n\n\tif (desiredWidth * desiredHeight > canvasSizes.maxArea) {\n\t\tconst ratio = Math.sqrt(canvasSizes.maxArea / (desiredWidth * desiredHeight))\n\t\tdesiredWidth *= ratio\n\t\tdesiredHeight *= ratio\n\t}\n\n\treturn await downscale(dataURLForImage, desiredWidth, desiredHeight, { imageType: type, quality })\n}\n\n/** @public */\nexport const DEFAULT_ACCEPTED_IMG_TYPE = ['image/jpeg', 'image/png', 'image/gif', 'image/svg+xml']\n/** @public */\nexport const DEFAULT_ACCEPTED_VID_TYPE = ['video/mp4', 'video/quicktime']\n\n/** @public */\nexport async function isGifAnimated(file: File): Promise<boolean> {\n\treturn await new Promise((resolve, reject) => {\n\t\tconst reader = new FileReader()\n\t\treader.onerror = () => reject(reader.error)\n\t\treader.onload = () => {\n\t\t\tresolve(reader.result ? isAnimated(reader.result as ArrayBuffer) : false)\n\t\t}\n\t\treader.readAsArrayBuffer(file)\n\t})\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;AACtB,qCAAwC;AACxC,6BAA2B;AAepB,SAAS,eACf,cACAA,iBACiB;AACjB,QAAM,eAAe,aAAa,IAAIA,gBAAe;AACrD,QAAM,eAAe,aAAa,IAAIA,gBAAe;AAErD,MAAI,gBAAgB,KAAK,gBAAgB,GAAG;AAC3C,WAAO;AAAA,EACR,WAAW,eAAe,cAAc;AACvC,WAAO;AAAA,MACN,GAAG,aAAa,IAAI;AAAA,MACpB,GAAG,aAAa,IAAI;AAAA,IACrB;AAAA,EACD,OAAO;AACN,WAAO;AAAA,MACN,GAAG,aAAa,IAAI;AAAA,MACpB,GAAG,aAAa,IAAI;AAAA,IACrB;AAAA,EACD;AACD;AAiBA,eAAsB,uBACrB,iBACA,OACA,QACA,OAAO,CAAC,GACU;AAClB,MAAI,eAAe,QAAQ;AAC3B,MAAI,gBAAgB,SAAS;AAC7B,QAAM,EAAE,OAAO,cAAc,UAAU,KAAK,IAAI;AAEhD,QAAM,cAAc,UAAM,wDAAwB;AAElD,QAAM,cAAc,QAAQ;AAE5B,MAAI,eAAe,YAAY,UAAU;AACxC,mBAAe,YAAY;AAC3B,oBAAgB,eAAe;AAAA,EAChC;AAEA,MAAI,gBAAgB,YAAY,WAAW;AAC1C,oBAAgB,YAAY;AAC5B,mBAAe,gBAAgB;AAAA,EAChC;AAEA,MAAI,eAAe,gBAAgB,YAAY,SAAS;AACvD,UAAM,QAAQ,KAAK,KAAK,YAAY,WAAW,eAAe,cAAc;AAC5E,oBAAgB;AAChB,qBAAiB;AAAA,EAClB;AAEA,SAAO,UAAM,iBAAAC,SAAU,iBAAiB,cAAc,eAAe,EAAE,WAAW,MAAM,QAAQ,CAAC;AAClG;AAGO,MAAM,4BAA4B,CAAC,cAAc,aAAa,aAAa,eAAe;AAE1F,MAAM,4BAA4B,CAAC,aAAa,iBAAiB;AAGxE,eAAsB,cAAc,MAA8B;AACjE,SAAO,MAAM,IAAI,QAAQ,CAAC,SAAS,WAAW;AAC7C,UAAM,SAAS,IAAI,WAAW;AAC9B,WAAO,UAAU,MAAM,OAAO,OAAO,KAAK;AAC1C,WAAO,SAAS,MAAM;AACrB,cAAQ,OAAO,aAAS,mCAAW,OAAO,MAAqB,IAAI,KAAK;AAAA,IACzE;AACA,WAAO,kBAAkB,IAAI;AAAA,EAC9B,CAAC;AACF;",
+  "names": ["containBoxSize", "downscale"]
+}

package/dist-cjs/lib/utils/assets/is-gif-animated.js

@@ -0,0 +1,74 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var is_gif_animated_exports = {};
+__export(is_gif_animated_exports, {
+  isAnimated: () => isAnimated,
+  isGIF: () => isGIF
+});
+module.exports = __toCommonJS(is_gif_animated_exports);
+function getDataBlocksLength(buffer, offset) {
+  let length = 0;
+  while (buffer[offset + length]) {
+    length += buffer[offset + length] + 1;
+  }
+  return length + 1;
+}
+function isGIF(buffer) {
+  const enc = new TextDecoder("ascii");
+  const header = enc.decode(buffer.slice(0, 3));
+  return header === "GIF";
+}
+function isAnimated(buffer) {
+  const view = new Uint8Array(buffer);
+  let hasColorTable, colorTableSize;
+  let offset = 0;
+  let imagesCount = 0;
+  if (!isGIF(buffer)) {
+    return false;
+  }
+  hasColorTable = view[10] & 128;
+  colorTableSize = view[10] & 7;
+  offset += 6;
+  offset += 7;
+  offset += hasColorTable ? 3 * Math.pow(2, colorTableSize + 1) : 0;
+  while (imagesCount < 2 && offset < view.length) {
+    switch (view[offset]) {
+      case 44:
+        imagesCount += 1;
+        hasColorTable = view[offset + 9] & 128;
+        colorTableSize = view[offset + 9] & 7;
+        offset += 10;
+        offset += hasColorTable ? 3 * Math.pow(2, colorTableSize + 1) : 0;
+        offset += getDataBlocksLength(view, offset + 1) + 1;
+        break;
+      case 33:
+        offset += 2;
+        offset += getDataBlocksLength(view, offset);
+        break;
+      case 59:
+        offset = view.length;
+        break;
+      default:
+        offset = view.length;
+        break;
+    }
+  }
+  return imagesCount > 1;
+}
+//# sourceMappingURL=is-gif-animated.js.map

package/dist-cjs/lib/utils/assets/is-gif-animated.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/utils/assets/is-gif-animated.ts"],
+  "sourcesContent": ["// =========================\n// Modified code originally from <https://github.com/qzb/is-animated>\n//\n// # [MIT License](https://spdx.org/licenses/MIT)\n//\n// Copyright (c) 2016 J\u00F3zef Soko\u0142owski <j.k.sokolowski@gmail.com>\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n// =========================\n\n/** Returns total length of data blocks sequence */\nfunction getDataBlocksLength(buffer: Uint8Array, offset: number): number {\n\tlet length = 0\n\n\twhile (buffer[offset + length]) {\n\t\tlength += buffer[offset + length] + 1\n\t}\n\n\treturn length + 1\n}\n\n/**\n * Checks if buffer contains GIF image\n *\n * @public\n */\nexport function isGIF(buffer: ArrayBuffer): boolean {\n\tconst enc = new TextDecoder('ascii')\n\tconst header = enc.decode(buffer.slice(0, 3))\n\treturn header === 'GIF'\n}\n\n/**\n * Checks if buffer contains animated GIF image\n *\n * @public\n */\nexport function isAnimated(buffer: ArrayBuffer): boolean {\n\tconst view = new Uint8Array(buffer)\n\tlet hasColorTable, colorTableSize\n\tlet offset = 0\n\tlet imagesCount = 0\n\n\t// Check if this is this image has valid GIF header.\n\t// If not return false. Chrome, FF and IE doesn't handle GIFs with invalid version.\n\tif (!isGIF(buffer)) {\n\t\treturn false\n\t}\n\n\t// Skip header, logical screen descriptor and global color table\n\n\thasColorTable = view[10] & 0x80 // 0b10000000\n\tcolorTableSize = view[10] & 0x07 // 0b00000111\n\n\toffset += 6 // skip header\n\toffset += 7 // skip logical screen descriptor\n\toffset += hasColorTable ? 3 * Math.pow(2, colorTableSize + 1) : 0 // skip global color table\n\n\t// Find if there is more than one image descriptor\n\n\twhile (imagesCount < 2 && offset < view.length) {\n\t\tswitch (view[offset]) {\n\t\t\t// Image descriptor block. According to specification there could be any\n\t\t\t// number of these blocks (even zero). When there is more than one image\n\t\t\t// descriptor browsers will display animation (they shouldn't when there\n\t\t\t// is no delays defined, but they do it anyway).\n\t\t\tcase 0x2c:\n\t\t\t\timagesCount += 1\n\n\t\t\t\thasColorTable = view[offset + 9] & 0x80 // 0b10000000\n\t\t\t\tcolorTableSize = view[offset + 9] & 0x07 // 0b00000111\n\n\t\t\t\toffset += 10 // skip image descriptor\n\t\t\t\toffset += hasColorTable ? 3 * Math.pow(2, colorTableSize + 1) : 0 // skip local color table\n\t\t\t\toffset += getDataBlocksLength(view, offset + 1) + 1 // skip image data\n\n\t\t\t\tbreak\n\n\t\t\t// Skip all extension blocks. In theory this \"plain text extension\" blocks\n\t\t\t// could be frames of animation, but no browser renders them.\n\t\t\tcase 0x21:\n\t\t\t\toffset += 2 // skip introducer and label\n\t\t\t\toffset += getDataBlocksLength(view, offset) // skip this block and following data blocks\n\n\t\t\t\tbreak\n\n\t\t\t// Stop processing on trailer block,\n\t\t\t// all data after this point will is ignored by decoders\n\t\t\tcase 0x3b:\n\t\t\t\toffset = view.length // fast forward to end of buffer\n\t\t\t\tbreak\n\n\t\t\t// Oops! This GIF seems to be invalid\n\t\t\tdefault:\n\t\t\t\t// fast forward to end of buffer\n\t\t\t\toffset = view.length\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\treturn imagesCount > 1\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeA,SAAS,oBAAoB,QAAoB,QAAwB;AACxE,MAAI,SAAS;AAEb,SAAO,OAAO,SAAS,MAAM,GAAG;AAC/B,cAAU,OAAO,SAAS,MAAM,IAAI;AAAA,EACrC;AAEA,SAAO,SAAS;AACjB;AAOO,SAAS,MAAM,QAA8B;AACnD,QAAM,MAAM,IAAI,YAAY,OAAO;AACnC,QAAM,SAAS,IAAI,OAAO,OAAO,MAAM,GAAG,CAAC,CAAC;AAC5C,SAAO,WAAW;AACnB;AAOO,SAAS,WAAW,QAA8B;AACxD,QAAM,OAAO,IAAI,WAAW,MAAM;AAClC,MAAI,eAAe;AACnB,MAAI,SAAS;AACb,MAAI,cAAc;AAIlB,MAAI,CAAC,MAAM,MAAM,GAAG;AACnB,WAAO;AAAA,EACR;AAIA,kBAAgB,KAAK,EAAE,IAAI;AAC3B,mBAAiB,KAAK,EAAE,IAAI;AAE5B,YAAU;AACV,YAAU;AACV,YAAU,gBAAgB,IAAI,KAAK,IAAI,GAAG,iBAAiB,CAAC,IAAI;AAIhE,SAAO,cAAc,KAAK,SAAS,KAAK,QAAQ;AAC/C,YAAQ,KAAK,MAAM,GAAG;AAAA,MAKrB,KAAK;AACJ,uBAAe;AAEf,wBAAgB,KAAK,SAAS,CAAC,IAAI;AACnC,yBAAiB,KAAK,SAAS,CAAC,IAAI;AAEpC,kBAAU;AACV,kBAAU,gBAAgB,IAAI,KAAK,IAAI,GAAG,iBAAiB,CAAC,IAAI;AAChE,kBAAU,oBAAoB,MAAM,SAAS,CAAC,IAAI;AAElD;AAAA,MAID,KAAK;AACJ,kBAAU;AACV,kBAAU,oBAAoB,MAAM,MAAM;AAE1C;AAAA,MAID,KAAK;AACJ,iBAAS,KAAK;AACd;AAAA,MAGD;AAEC,iBAAS,KAAK;AACd;AAAA,IACF;AAAA,EACD;AAEA,SAAO,cAAc;AACtB;",
+  "names": []
+}

package/dist-cjs/lib/utils/assets.js

@@ -0,0 +1,91 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var assets_exports = {};
+__export(assets_exports, {
+  DEFAULT_ACCEPTED_IMG_TYPE: () => DEFAULT_ACCEPTED_IMG_TYPE,
+  DEFAULT_ACCEPTED_VID_TYPE: () => DEFAULT_ACCEPTED_VID_TYPE,
+  containBoxSize: () => containBoxSize,
+  getResizedImageDataUrl: () => getResizedImageDataUrl,
+  isGifAnimated: () => isGifAnimated
+});
+module.exports = __toCommonJS(assets_exports);
+var import_downscale = __toESM(require("downscale"));
+var import_getBrowserCanvasMaxSize = require("../shapes/shared/getBrowserCanvasMaxSize");
+var import_is_gif_animated = require("./assets/is-gif-animated");
+function containBoxSize(originalSize, containBoxSize2) {
+  const overByXScale = originalSize.w / containBoxSize2.w;
+  const overByYScale = originalSize.h / containBoxSize2.h;
+  if (overByXScale <= 1 && overByYScale <= 1) {
+    return originalSize;
+  } else if (overByXScale > overByYScale) {
+    return {
+      w: originalSize.w / overByXScale,
+      h: originalSize.h / overByXScale
+    };
+  } else {
+    return {
+      w: originalSize.w / overByYScale,
+      h: originalSize.h / overByYScale
+    };
+  }
+}
+async function getResizedImageDataUrl(dataURLForImage, width, height, opts = {}) {
+  let desiredWidth = width * 2;
+  let desiredHeight = height * 2;
+  const { type = "image/jpeg", quality = 0.92 } = opts;
+  const canvasSizes = await (0, import_getBrowserCanvasMaxSize.getBrowserCanvasMaxSize)();
+  const aspectRatio = width / height;
+  if (desiredWidth > canvasSizes.maxWidth) {
+    desiredWidth = canvasSizes.maxWidth;
+    desiredHeight = desiredWidth / aspectRatio;
+  }
+  if (desiredHeight > canvasSizes.maxHeight) {
+    desiredHeight = canvasSizes.maxHeight;
+    desiredWidth = desiredHeight * aspectRatio;
+  }
+  if (desiredWidth * desiredHeight > canvasSizes.maxArea) {
+    const ratio = Math.sqrt(canvasSizes.maxArea / (desiredWidth * desiredHeight));
+    desiredWidth *= ratio;
+    desiredHeight *= ratio;
+  }
+  return await (0, import_downscale.default)(dataURLForImage, desiredWidth, desiredHeight, { imageType: type, quality });
+}
+const DEFAULT_ACCEPTED_IMG_TYPE = ["image/jpeg", "image/png", "image/gif", "image/svg+xml"];
+const DEFAULT_ACCEPTED_VID_TYPE = ["video/mp4", "video/quicktime"];
+async function isGifAnimated(file) {
+  return await new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onerror = () => reject(reader.error);
+    reader.onload = () => {
+      resolve(reader.result ? (0, import_is_gif_animated.isAnimated)(reader.result) : false);
+    };
+    reader.readAsArrayBuffer(file);
+  });
+}
+//# sourceMappingURL=assets.js.map

package/dist-cjs/lib/utils/assets.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/lib/utils/assets.ts"],
+  "sourcesContent": ["import downscale from 'downscale'\nimport { getBrowserCanvasMaxSize } from '../shapes/shared/getBrowserCanvasMaxSize'\nimport { isAnimated } from './assets/is-gif-animated'\n\ntype BoxWidthHeight = {\n\tw: number\n\th: number\n}\n\n/**\n * Contains the size within the given box size\n *\n * @param originalSize - The size of the asset\n * @param containBoxSize - The container size\n * @returns Adjusted size\n * @public\n */\nexport function containBoxSize(\n\toriginalSize: BoxWidthHeight,\n\tcontainBoxSize: BoxWidthHeight\n): BoxWidthHeight {\n\tconst overByXScale = originalSize.w / containBoxSize.w\n\tconst overByYScale = originalSize.h / containBoxSize.h\n\n\tif (overByXScale <= 1 && overByYScale <= 1) {\n\t\treturn originalSize\n\t} else if (overByXScale > overByYScale) {\n\t\treturn {\n\t\t\tw: originalSize.w / overByXScale,\n\t\t\th: originalSize.h / overByXScale,\n\t\t}\n\t} else {\n\t\treturn {\n\t\t\tw: originalSize.w / overByYScale,\n\t\t\th: originalSize.h / overByYScale,\n\t\t}\n\t}\n}\n\n/**\n * Get the size of an image from its source.\n *\n * @example\n * ```ts\n * const size = await getImageSize('https://example.com/image.jpg')\n * const dataUrl = await getResizedImageDataUrl('https://example.com/image.jpg', size.w, size.h, { type: \"image/jpeg\", quality: 0.92 })\n * ```\n *\n * @param dataURLForImage - The image file as a string.\n * @param width - The desired width.\n * @param height - The desired height.\n * @param opts - Options for the image.\n * @public\n */\nexport async function getResizedImageDataUrl(\n\tdataURLForImage: string,\n\twidth: number,\n\theight: number,\n\topts = {} as { type?: string; quality?: number }\n): Promise<string> {\n\tlet desiredWidth = width * 2\n\tlet desiredHeight = height * 2\n\tconst { type = 'image/jpeg', quality = 0.92 } = opts\n\n\tconst canvasSizes = await getBrowserCanvasMaxSize()\n\n\tconst aspectRatio = width / height\n\n\tif (desiredWidth > canvasSizes.maxWidth) {\n\t\tdesiredWidth = canvasSizes.maxWidth\n\t\tdesiredHeight = desiredWidth / aspectRatio\n\t}\n\n\tif (desiredHeight > canvasSizes.maxHeight) {\n\t\tdesiredHeight = canvasSizes.maxHeight\n\t\tdesiredWidth = desiredHeight * aspectRatio\n\t}\n\n\tif (desiredWidth * desiredHeight > canvasSizes.maxArea) {\n\t\tconst ratio = Math.sqrt(canvasSizes.maxArea / (desiredWidth * desiredHeight))\n\t\tdesiredWidth *= ratio\n\t\tdesiredHeight *= ratio\n\t}\n\n\treturn await downscale(dataURLForImage, desiredWidth, desiredHeight, { imageType: type, quality })\n}\n\n/** @public */\nexport const DEFAULT_ACCEPTED_IMG_TYPE = ['image/jpeg', 'image/png', 'image/gif', 'image/svg+xml']\n/** @public */\nexport const DEFAULT_ACCEPTED_VID_TYPE = ['video/mp4', 'video/quicktime']\n\n/** @public */\nexport async function isGifAnimated(file: File): Promise<boolean> {\n\treturn await new Promise((resolve, reject) => {\n\t\tconst reader = new FileReader()\n\t\treader.onerror = () => reject(reader.error)\n\t\treader.onload = () => {\n\t\t\tresolve(reader.result ? isAnimated(reader.result as ArrayBuffer) : false)\n\t\t}\n\t\treader.readAsArrayBuffer(file)\n\t})\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;AACtB,qCAAwC;AACxC,6BAA2B;AAepB,SAAS,eACf,cACAA,iBACiB;AACjB,QAAM,eAAe,aAAa,IAAIA,gBAAe;AACrD,QAAM,eAAe,aAAa,IAAIA,gBAAe;AAErD,MAAI,gBAAgB,KAAK,gBAAgB,GAAG;AAC3C,WAAO;AAAA,EACR,WAAW,eAAe,cAAc;AACvC,WAAO;AAAA,MACN,GAAG,aAAa,IAAI;AAAA,MACpB,GAAG,aAAa,IAAI;AAAA,IACrB;AAAA,EACD,OAAO;AACN,WAAO;AAAA,MACN,GAAG,aAAa,IAAI;AAAA,MACpB,GAAG,aAAa,IAAI;AAAA,IACrB;AAAA,EACD;AACD;AAiBA,eAAsB,uBACrB,iBACA,OACA,QACA,OAAO,CAAC,GACU;AAClB,MAAI,eAAe,QAAQ;AAC3B,MAAI,gBAAgB,SAAS;AAC7B,QAAM,EAAE,OAAO,cAAc,UAAU,KAAK,IAAI;AAEhD,QAAM,cAAc,UAAM,wDAAwB;AAElD,QAAM,cAAc,QAAQ;AAE5B,MAAI,eAAe,YAAY,UAAU;AACxC,mBAAe,YAAY;AAC3B,oBAAgB,eAAe;AAAA,EAChC;AAEA,MAAI,gBAAgB,YAAY,WAAW;AAC1C,oBAAgB,YAAY;AAC5B,mBAAe,gBAAgB;AAAA,EAChC;AAEA,MAAI,eAAe,gBAAgB,YAAY,SAAS;AACvD,UAAM,QAAQ,KAAK,KAAK,YAAY,WAAW,eAAe,cAAc;AAC5E,oBAAgB;AAChB,qBAAiB;AAAA,EAClB;AAEA,SAAO,UAAM,iBAAAC,SAAU,iBAAiB,cAAc,eAAe,EAAE,WAAW,MAAM,QAAQ,CAAC;AAClG;AAGO,MAAM,4BAA4B,CAAC,cAAc,aAAa,aAAa,eAAe;AAE1F,MAAM,4BAA4B,CAAC,aAAa,iBAAiB;AAGxE,eAAsB,cAAc,MAA8B;AACjE,SAAO,MAAM,IAAI,QAAQ,CAAC,SAAS,WAAW;AAC7C,UAAM,SAAS,IAAI,WAAW;AAC9B,WAAO,UAAU,MAAM,OAAO,OAAO,KAAK;AAC1C,WAAO,SAAS,MAAM;AACrB,cAAQ,OAAO,aAAS,mCAAW,OAAO,MAAqB,IAAI,KAAK;AAAA,IACzE;AACA,WAAO,kBAAkB,IAAI;AAAA,EAC9B,CAAC;AACF;",
+  "names": ["containBoxSize", "downscale"]
+}

package/dist-cjs/lib/utils/embeds/embeds.js

@@ -0,0 +1,85 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var embeds_exports = {};
+__export(embeds_exports, {
+  getEmbedInfo: () => getEmbedInfo,
+  getEmbedInfoUnsafely: () => getEmbedInfoUnsafely,
+  matchEmbedUrl: () => matchEmbedUrl,
+  matchUrl: () => matchUrl
+});
+module.exports = __toCommonJS(embeds_exports);
+var import_editor = require("@bigbluebutton/editor");
+function escapeStringRegexp(string) {
+  if (typeof string !== "string") {
+    throw new TypeError("Expected a string");
+  }
+  return string.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
+}
+function matchEmbedUrl(url) {
+  const host = new URL(url).host.replace("www.", "");
+  for (const localEmbedDef of import_editor.EMBED_DEFINITIONS) {
+    if (checkHostnames(localEmbedDef.hostnames, host)) {
+      const originalUrl = localEmbedDef.fromEmbedUrl(url);
+      if (originalUrl) {
+        return {
+          definition: localEmbedDef,
+          url: originalUrl,
+          embedUrl: url
+        };
+      }
+    }
+  }
+}
+const globlikeRegExp = (input) => {
+  return input.split("*").map((str) => escapeStringRegexp(str)).join(".+");
+};
+const checkHostnames = (hostnames, targetHostname) => {
+  return !!hostnames.find((hostname) => {
+    const re = new RegExp(globlikeRegExp(hostname));
+    return targetHostname.match(re);
+  });
+};
+function matchUrl(url) {
+  const host = new URL(url).host.replace("www.", "");
+  for (const localEmbedDef of import_editor.EMBED_DEFINITIONS) {
+    if (checkHostnames(localEmbedDef.hostnames, host)) {
+      const embedUrl = localEmbedDef.toEmbedUrl(url);
+      if (embedUrl) {
+        return {
+          definition: localEmbedDef,
+          embedUrl,
+          url
+        };
+      }
+    }
+  }
+}
+function getEmbedInfoUnsafely(inputUrl) {
+  const result = matchUrl(inputUrl) ?? matchEmbedUrl(inputUrl);
+  return result;
+}
+function getEmbedInfo(inputUrl) {
+  try {
+    return getEmbedInfoUnsafely(inputUrl);
+  } catch (e) {
+    console.error(e);
+  }
+  return void 0;
+}
+//# sourceMappingURL=embeds.js.map

package/dist-cjs/lib/utils/embeds/embeds.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/utils/embeds/embeds.ts"],
+  "sourcesContent": ["import { EMBED_DEFINITIONS, EmbedDefinition } from '@bigbluebutton/editor'\n\n// https://github.com/sindresorhus/escape-string-regexp/blob/main/index.js\nfunction escapeStringRegexp(string: string) {\n\tif (typeof string !== 'string') {\n\t\tthrow new TypeError('Expected a string')\n\t}\n\n\t// Escape characters with special meaning either inside or outside character sets.\n\t// Use a simple backslash escape when it\u2019s always valid, and a `\\xnn` escape when the simpler form would be disallowed by Unicode patterns\u2019 stricter grammar.\n\treturn string.replace(/[|\\\\{}()[\\]^$+*?.]/g, '\\\\$&').replace(/-/g, '\\\\x2d')\n}\n\n/** @public */\nexport function matchEmbedUrl(url: string) {\n\tconst host = new URL(url).host.replace('www.', '')\n\tfor (const localEmbedDef of EMBED_DEFINITIONS) {\n\t\tif (checkHostnames(localEmbedDef.hostnames, host)) {\n\t\t\tconst originalUrl = localEmbedDef.fromEmbedUrl(url)\n\t\t\tif (originalUrl) {\n\t\t\t\treturn {\n\t\t\t\t\tdefinition: localEmbedDef,\n\t\t\t\t\turl: originalUrl,\n\t\t\t\t\tembedUrl: url,\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\nconst globlikeRegExp = (input: string) => {\n\treturn input\n\t\t.split('*')\n\t\t.map((str) => escapeStringRegexp(str))\n\t\t.join('.+')\n}\n\nconst checkHostnames = (hostnames: readonly string[], targetHostname: string) => {\n\treturn !!hostnames.find((hostname) => {\n\t\tconst re = new RegExp(globlikeRegExp(hostname))\n\t\treturn targetHostname.match(re)\n\t})\n}\n\n/** @public */\nexport function matchUrl(url: string) {\n\tconst host = new URL(url).host.replace('www.', '')\n\tfor (const localEmbedDef of EMBED_DEFINITIONS) {\n\t\tif (checkHostnames(localEmbedDef.hostnames, host)) {\n\t\t\tconst embedUrl = localEmbedDef.toEmbedUrl(url)\n\n\t\t\tif (embedUrl) {\n\t\t\t\treturn {\n\t\t\t\t\tdefinition: localEmbedDef,\n\t\t\t\t\tembedUrl,\n\t\t\t\t\turl,\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n/** @public */\nexport type TLEmbedResult =\n\t| {\n\t\t\tdefinition: EmbedDefinition\n\t\t\turl: string\n\t\t\tembedUrl: string\n\t  }\n\t| undefined\n\n/**\n * Tests whether an URL supports embedding and returns the result.\n *\n * @param inputUrl - The URL to match\n * @public\n */\nexport function getEmbedInfoUnsafely(inputUrl: string): TLEmbedResult {\n\tconst result = matchUrl(inputUrl) ?? matchEmbedUrl(inputUrl)\n\treturn result\n}\n\n/**\n * Tests whether an URL supports embedding and returns the result. If we encounter an error, we\n * return undefined.\n *\n * @param inputUrl - The URL to match\n * @public\n */\nexport function getEmbedInfo(inputUrl: string): TLEmbedResult {\n\ttry {\n\t\treturn getEmbedInfoUnsafely(inputUrl)\n\t} catch (e) {\n\t\t// Don't throw here! We'll throw it from the embed shape's shape util\n\t\tconsole.error(e)\n\t}\n\n\treturn undefined\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAmD;AAGnD,SAAS,mBAAmB,QAAgB;AAC3C,MAAI,OAAO,WAAW,UAAU;AAC/B,UAAM,IAAI,UAAU,mBAAmB;AAAA,EACxC;AAIA,SAAO,OAAO,QAAQ,uBAAuB,MAAM,EAAE,QAAQ,MAAM,OAAO;AAC3E;AAGO,SAAS,cAAc,KAAa;AAC1C,QAAM,OAAO,IAAI,IAAI,GAAG,EAAE,KAAK,QAAQ,QAAQ,EAAE;AACjD,aAAW,iBAAiB,iCAAmB;AAC9C,QAAI,eAAe,cAAc,WAAW,IAAI,GAAG;AAClD,YAAM,cAAc,cAAc,aAAa,GAAG;AAClD,UAAI,aAAa;AAChB,eAAO;AAAA,UACN,YAAY;AAAA,UACZ,KAAK;AAAA,UACL,UAAU;AAAA,QACX;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD;AAEA,MAAM,iBAAiB,CAAC,UAAkB;AACzC,SAAO,MACL,MAAM,GAAG,EACT,IAAI,CAAC,QAAQ,mBAAmB,GAAG,CAAC,EACpC,KAAK,IAAI;AACZ;AAEA,MAAM,iBAAiB,CAAC,WAA8B,mBAA2B;AAChF,SAAO,CAAC,CAAC,UAAU,KAAK,CAAC,aAAa;AACrC,UAAM,KAAK,IAAI,OAAO,eAAe,QAAQ,CAAC;AAC9C,WAAO,eAAe,MAAM,EAAE;AAAA,EAC/B,CAAC;AACF;AAGO,SAAS,SAAS,KAAa;AACrC,QAAM,OAAO,IAAI,IAAI,GAAG,EAAE,KAAK,QAAQ,QAAQ,EAAE;AACjD,aAAW,iBAAiB,iCAAmB;AAC9C,QAAI,eAAe,cAAc,WAAW,IAAI,GAAG;AAClD,YAAM,WAAW,cAAc,WAAW,GAAG;AAE7C,UAAI,UAAU;AACb,eAAO;AAAA,UACN,YAAY;AAAA,UACZ;AAAA,UACA;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,EACD;AACD;AAiBO,SAAS,qBAAqB,UAAiC;AACrE,QAAM,SAAS,SAAS,QAAQ,KAAK,cAAc,QAAQ;AAC3D,SAAO;AACR;AASO,SAAS,aAAa,UAAiC;AAC7D,MAAI;AACH,WAAO,qBAAqB,QAAQ;AAAA,EACrC,SAAS,GAAG;AAEX,YAAQ,MAAM,CAAC;AAAA,EAChB;AAEA,SAAO;AACR;",
+  "names": []
+}

package/dist-cjs/lib/utils/export/copyAs.js

@@ -0,0 +1,116 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var copyAs_exports = {};
+__export(copyAs_exports, {
+  copyAs: () => copyAs
+});
+module.exports = __toCommonJS(copyAs_exports);
+var import_export = require("./export");
+function copyAs(editor, ids, format = "svg", opts = {}) {
+  return editor.getSvg(ids?.length ? ids : [...editor.getCurrentPageShapeIds()], {
+    scale: 1,
+    background: editor.getInstanceState().exportBackground,
+    ...opts
+  }).then((svg) => {
+    if (!svg) {
+      throw new Error("Could not construct SVG.");
+    }
+    switch (format) {
+      case "svg": {
+        if (window.navigator.clipboard) {
+          if (window.navigator.clipboard.write) {
+            window.navigator.clipboard.write([
+              new ClipboardItem({
+                "text/plain": new Blob([getSvgAsString(svg)], { type: "text/plain" })
+              })
+            ]);
+          } else {
+            fallbackWriteTextAsync(async () => getSvgAsString(svg));
+          }
+        }
+        break;
+      }
+      case "jpeg":
+      case "png": {
+        const blobPromise = (0, import_export.getSvgAsImage)(svg, editor.environment.isSafari, {
+          type: format,
+          quality: 1,
+          scale: 2
+        }).then((blob) => {
+          if (blob) {
+            if (window.navigator.clipboard) {
+              return blob;
+            }
+            throw new Error("Copy not supported");
+          } else {
+            throw new Error("Copy not possible");
+          }
+        });
+        const mimeType = format === "jpeg" ? "image/jpeg" : "image/png";
+        if (window.navigator.clipboard.write) {
+          window.navigator.clipboard.write([
+            new ClipboardItem({
+              [mimeType]: blobPromise
+            })
+          ]).catch((err) => {
+            if (!err.toString().match(/^TypeError: DOMString not supported/)) {
+              console.error(err);
+            }
+            blobPromise.then((blob) => {
+              window.navigator.clipboard.write([
+                new ClipboardItem({
+                  // Note: This needs to use the promise based approach for safari/ios to not bail on a permissions error.
+                  [mimeType]: blob
+                })
+              ]);
+            });
+          });
+        }
+        break;
+      }
+      case "json": {
+        const data = editor.getContentFromCurrentPage(ids);
+        const jsonStr = JSON.stringify(data);
+        if (window.navigator.clipboard.write) {
+          window.navigator.clipboard.write([
+            new ClipboardItem({
+              "text/plain": new Blob([jsonStr], { type: "text/plain" })
+            })
+          ]);
+        } else {
+          fallbackWriteTextAsync(async () => jsonStr);
+        }
+        break;
+      }
+      default:
+        throw new Error(`Copy type ${format} not supported.`);
+    }
+  });
+}
+async function fallbackWriteTextAsync(getText) {
+  navigator.clipboard?.writeText?.(await getText());
+}
+function getSvgAsString(svg) {
+  const clone = svg.cloneNode(true);
+  svg.setAttribute("width", +svg.getAttribute("width") + "");
+  svg.setAttribute("height", +svg.getAttribute("height") + "");
+  const out = new XMLSerializer().serializeToString(clone).replaceAll("
      ", "").replaceAll(/((\s|")[0-9]*\.[0-9]{2})([0-9]*)(\b|"|\))/g, "$1");
+  return out;
+}
+//# sourceMappingURL=copyAs.js.map

package/dist-cjs/lib/utils/export/copyAs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/utils/export/copyAs.ts"],
+  "sourcesContent": ["import { Editor, TLShapeId, TLSvgOptions } from '@bigbluebutton/editor'\nimport { getSvgAsImage } from './export'\n\n/** @public */\nexport type TLCopyType = 'svg' | 'png' | 'jpeg' | 'json'\n\n/**\n * Copy the given shapes to the clipboard.\n *\n * @param editor - The editor instance.\n * @param ids - The ids of the shapes to copy.\n * @param format - The format to copy as.\n * @param opts - Options for the copy.\n *\n * @public\n */\nexport function copyAs(\n\teditor: Editor,\n\tids: TLShapeId[],\n\tformat: TLCopyType = 'svg',\n\topts = {} as Partial<TLSvgOptions>\n) {\n\t// Note:  it's important that this function itself isn't async - we need to create the relevant\n\t// `ClipboardItem`s synchronously to make sure safari knows that the user _wants_ to copy\n\t// See https://bugs.webkit.org/show_bug.cgi?id=222262\n\n\treturn editor\n\t\t.getSvg(ids?.length ? ids : [...editor.getCurrentPageShapeIds()], {\n\t\t\tscale: 1,\n\t\t\tbackground: editor.getInstanceState().exportBackground,\n\t\t\t...opts,\n\t\t})\n\t\t.then((svg) => {\n\t\t\tif (!svg) {\n\t\t\t\tthrow new Error('Could not construct SVG.')\n\t\t\t}\n\n\t\t\tswitch (format) {\n\t\t\t\tcase 'svg': {\n\t\t\t\t\tif (window.navigator.clipboard) {\n\t\t\t\t\t\tif (window.navigator.clipboard.write) {\n\t\t\t\t\t\t\twindow.navigator.clipboard.write([\n\t\t\t\t\t\t\t\tnew ClipboardItem({\n\t\t\t\t\t\t\t\t\t'text/plain': new Blob([getSvgAsString(svg)], { type: 'text/plain' }),\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t])\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tfallbackWriteTextAsync(async () => getSvgAsString(svg))\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tbreak\n\t\t\t\t}\n\n\t\t\t\tcase 'jpeg':\n\t\t\t\tcase 'png': {\n\t\t\t\t\t// Note: This needs to use the promise based approach for safari/ios to not bail on a permissions error.\n\t\t\t\t\tconst blobPromise = getSvgAsImage(svg, editor.environment.isSafari, {\n\t\t\t\t\t\ttype: format,\n\t\t\t\t\t\tquality: 1,\n\t\t\t\t\t\tscale: 2,\n\t\t\t\t\t}).then((blob) => {\n\t\t\t\t\t\tif (blob) {\n\t\t\t\t\t\t\tif (window.navigator.clipboard) {\n\t\t\t\t\t\t\t\treturn blob\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tthrow new Error('Copy not supported')\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tthrow new Error('Copy not possible')\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\n\t\t\t\t\tconst mimeType = format === 'jpeg' ? 'image/jpeg' : 'image/png'\n\t\t\t\t\tif (window.navigator.clipboard.write) {\n\t\t\t\t\t\twindow.navigator.clipboard\n\t\t\t\t\t\t\t.write([\n\t\t\t\t\t\t\t\tnew ClipboardItem({\n\t\t\t\t\t\t\t\t\t[mimeType]: blobPromise,\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t])\n\t\t\t\t\t\t\t.catch((err: any) => {\n\t\t\t\t\t\t\t\t// Firefox will fail with the above if `dom.events.asyncClipboard.clipboardItem` is enabled.\n\t\t\t\t\t\t\t\t// See <https://github.com/tldraw/tldraw/issues/1325>\n\t\t\t\t\t\t\t\tif (!err.toString().match(/^TypeError: DOMString not supported/)) {\n\t\t\t\t\t\t\t\t\tconsole.error(err)\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tblobPromise.then((blob) => {\n\t\t\t\t\t\t\t\t\twindow.navigator.clipboard.write([\n\t\t\t\t\t\t\t\t\t\tnew ClipboardItem({\n\t\t\t\t\t\t\t\t\t\t\t// Note: This needs to use the promise based approach for safari/ios to not bail on a permissions error.\n\t\t\t\t\t\t\t\t\t\t\t[mimeType]: blob,\n\t\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t\t])\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t})\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak\n\t\t\t\t}\n\n\t\t\t\tcase 'json': {\n\t\t\t\t\tconst data = editor.getContentFromCurrentPage(ids)\n\t\t\t\t\tconst jsonStr = JSON.stringify(data)\n\n\t\t\t\t\tif (window.navigator.clipboard.write) {\n\t\t\t\t\t\twindow.navigator.clipboard.write([\n\t\t\t\t\t\t\tnew ClipboardItem({\n\t\t\t\t\t\t\t\t'text/plain': new Blob([jsonStr], { type: 'text/plain' }),\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t])\n\t\t\t\t\t} else {\n\t\t\t\t\t\tfallbackWriteTextAsync(async () => jsonStr)\n\t\t\t\t\t}\n\t\t\t\t\tbreak\n\t\t\t\t}\n\n\t\t\t\tdefault:\n\t\t\t\t\tthrow new Error(`Copy type ${format} not supported.`)\n\t\t\t}\n\t\t})\n}\n\nasync function fallbackWriteTextAsync(getText: () => Promise<string>) {\n\tnavigator.clipboard?.writeText?.(await getText())\n}\n\nfunction getSvgAsString(svg: SVGElement) {\n\tconst clone = svg.cloneNode(true) as SVGGraphicsElement\n\n\tsvg.setAttribute('width', +svg.getAttribute('width')! + '')\n\tsvg.setAttribute('height', +svg.getAttribute('height')! + '')\n\n\tconst out = new XMLSerializer()\n\t\t.serializeToString(clone)\n\t\t.replaceAll('&#10;      ', '')\n\t\t.replaceAll(/((\\s|\")[0-9]*\\.[0-9]{2})([0-9]*)(\\b|\"|\\))/g, '$1')\n\n\treturn out\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist-cjs/lib/utils/export/export.js

@@ -0,0 +1,117 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var export_exports = {};
+__export(export_exports, {
+  getSvgAsDataUrl: () => getSvgAsDataUrl,
+  getSvgAsImage: () => getSvgAsImage
+});
+module.exports = __toCommonJS(export_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_getBrowserCanvasMaxSize = require("../../shapes/shared/getBrowserCanvasMaxSize");
+async function getSvgAsImage(svg, isSafari, options) {
+  const { type, quality, scale } = options;
+  const width = +svg.getAttribute("width");
+  const height = +svg.getAttribute("height");
+  let scaledWidth = width * scale;
+  let scaledHeight = height * scale;
+  const dataUrl = await getSvgAsDataUrl(svg);
+  const canvasSizes = await (0, import_getBrowserCanvasMaxSize.getBrowserCanvasMaxSize)();
+  if (width > canvasSizes.maxWidth) {
+    scaledWidth = canvasSizes.maxWidth;
+    scaledHeight = scaledWidth / width * height;
+  }
+  if (height > canvasSizes.maxHeight) {
+    scaledHeight = canvasSizes.maxHeight;
+    scaledWidth = scaledHeight / height * width;
+  }
+  if (scaledWidth * scaledHeight > canvasSizes.maxArea) {
+    const ratio = Math.sqrt(canvasSizes.maxArea / (scaledWidth * scaledHeight));
+    scaledWidth *= ratio;
+    scaledHeight *= ratio;
+  }
+  scaledWidth = Math.floor(scaledWidth);
+  scaledHeight = Math.floor(scaledHeight);
+  const effectiveScale = scaledWidth / width;
+  const canvas = await new Promise((resolve) => {
+    const image = new Image();
+    image.crossOrigin = "anonymous";
+    image.onload = async () => {
+      if (isSafari) {
+        await new Promise((resolve2) => setTimeout(resolve2, 250));
+      }
+      const canvas2 = document.createElement("canvas");
+      const ctx = canvas2.getContext("2d");
+      canvas2.width = scaledWidth;
+      canvas2.height = scaledHeight;
+      ctx.imageSmoothingEnabled = true;
+      ctx.imageSmoothingQuality = "high";
+      ctx.drawImage(image, 0, 0, scaledWidth, scaledHeight);
+      URL.revokeObjectURL(dataUrl);
+      resolve(canvas2);
+    };
+    image.onerror = () => {
+      resolve(null);
+    };
+    image.src = dataUrl;
+  });
+  if (!canvas)
+    return null;
+  const blob = await new Promise(
+    (resolve) => canvas.toBlob(
+      (blob2) => {
+        if (!blob2 || import_editor.debugFlags.throwToBlob.get()) {
+          resolve(null);
+        }
+        resolve(blob2);
+      },
+      "image/" + type,
+      quality
+    )
+  );
+  if (!blob)
+    return null;
+  const view = new DataView(await blob.arrayBuffer());
+  return import_editor.PngHelpers.setPhysChunk(view, effectiveScale, {
+    type: "image/" + type
+  });
+}
+async function getSvgAsDataUrl(svg) {
+  const clone = svg.cloneNode(true);
+  clone.setAttribute("encoding", 'UTF-8"');
+  const fileReader = new FileReader();
+  const imgs = Array.from(clone.querySelectorAll("image"));
+  for (const img of imgs) {
+    const src = img.getAttribute("xlink:href");
+    if (src) {
+      if (!src.startsWith("data:")) {
+        const blob = await (await fetch(src)).blob();
+        const base64 = await new Promise((resolve, reject) => {
+          fileReader.onload = () => resolve(fileReader.result);
+          fileReader.onerror = () => reject(fileReader.error);
+          fileReader.readAsDataURL(blob);
+        });
+        img.setAttribute("xlink:href", base64);
+      }
+    }
+  }
+  const svgStr = new XMLSerializer().serializeToString(clone);
+  const base64SVG = window.btoa(unescape(encodeURIComponent(svgStr)));
+  return `data:image/svg+xml;base64,${base64SVG}`;
+}
+//# sourceMappingURL=export.js.map

package/dist-cjs/lib/utils/export/export.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/utils/export/export.ts"],
+  "sourcesContent": ["import { PngHelpers, debugFlags } from '@bigbluebutton/editor'\nimport { getBrowserCanvasMaxSize } from '../../shapes/shared/getBrowserCanvasMaxSize'\n\n/** @public */\nexport async function getSvgAsImage(\n\tsvg: SVGElement,\n\tisSafari: boolean,\n\toptions: {\n\t\ttype: 'svg' | 'png' | 'jpeg' | 'webp'\n\t\tquality: number\n\t\tscale: number\n\t}\n) {\n\tconst { type, quality, scale } = options\n\n\tconst width = +svg.getAttribute('width')!\n\tconst height = +svg.getAttribute('height')!\n\tlet scaledWidth = width * scale\n\tlet scaledHeight = height * scale\n\n\tconst dataUrl = await getSvgAsDataUrl(svg)\n\n\tconst canvasSizes = await getBrowserCanvasMaxSize()\n\tif (width > canvasSizes.maxWidth) {\n\t\tscaledWidth = canvasSizes.maxWidth\n\t\tscaledHeight = (scaledWidth / width) * height\n\t}\n\tif (height > canvasSizes.maxHeight) {\n\t\tscaledHeight = canvasSizes.maxHeight\n\t\tscaledWidth = (scaledHeight / height) * width\n\t}\n\tif (scaledWidth * scaledHeight > canvasSizes.maxArea) {\n\t\tconst ratio = Math.sqrt(canvasSizes.maxArea / (scaledWidth * scaledHeight))\n\t\tscaledWidth *= ratio\n\t\tscaledHeight *= ratio\n\t}\n\n\tscaledWidth = Math.floor(scaledWidth)\n\tscaledHeight = Math.floor(scaledHeight)\n\tconst effectiveScale = scaledWidth / width\n\n\tconst canvas = await new Promise<HTMLCanvasElement | null>((resolve) => {\n\t\tconst image = new Image()\n\t\timage.crossOrigin = 'anonymous'\n\n\t\timage.onload = async () => {\n\t\t\t// safari will fire `onLoad` before the fonts in the SVG are\n\t\t\t// actually loaded. just waiting around a while is brittle, but\n\t\t\t// there doesn't seem to be any better solution for now :( see\n\t\t\t// https://bugs.webkit.org/show_bug.cgi?id=219770\n\t\t\tif (isSafari) {\n\t\t\t\tawait new Promise((resolve) => setTimeout(resolve, 250))\n\t\t\t}\n\n\t\t\tconst canvas = document.createElement('canvas') as HTMLCanvasElement\n\t\t\tconst ctx = canvas.getContext('2d')!\n\n\t\t\tcanvas.width = scaledWidth\n\t\t\tcanvas.height = scaledHeight\n\n\t\t\tctx.imageSmoothingEnabled = true\n\t\t\tctx.imageSmoothingQuality = 'high'\n\t\t\tctx.drawImage(image, 0, 0, scaledWidth, scaledHeight)\n\n\t\t\tURL.revokeObjectURL(dataUrl)\n\n\t\t\tresolve(canvas)\n\t\t}\n\n\t\timage.onerror = () => {\n\t\t\tresolve(null)\n\t\t}\n\n\t\timage.src = dataUrl\n\t})\n\n\tif (!canvas) return null\n\n\tconst blob = await new Promise<Blob | null>((resolve) =>\n\t\tcanvas.toBlob(\n\t\t\t(blob) => {\n\t\t\t\tif (!blob || debugFlags.throwToBlob.get()) {\n\t\t\t\t\tresolve(null)\n\t\t\t\t}\n\t\t\t\tresolve(blob)\n\t\t\t},\n\t\t\t'image/' + type,\n\t\t\tquality\n\t\t)\n\t)\n\n\tif (!blob) return null\n\n\tconst view = new DataView(await blob.arrayBuffer())\n\treturn PngHelpers.setPhysChunk(view, effectiveScale, {\n\t\ttype: 'image/' + type,\n\t})\n}\n\n/** @public */\nexport async function getSvgAsDataUrl(svg: SVGElement) {\n\tconst clone = svg.cloneNode(true) as SVGGraphicsElement\n\tclone.setAttribute('encoding', 'UTF-8\"')\n\n\tconst fileReader = new FileReader()\n\tconst imgs = Array.from(clone.querySelectorAll('image')) as SVGImageElement[]\n\n\tfor (const img of imgs) {\n\t\tconst src = img.getAttribute('xlink:href')\n\t\tif (src) {\n\t\t\tif (!src.startsWith('data:')) {\n\t\t\t\tconst blob = await (await fetch(src)).blob()\n\t\t\t\tconst base64 = await new Promise<string>((resolve, reject) => {\n\t\t\t\t\tfileReader.onload = () => resolve(fileReader.result as string)\n\t\t\t\t\tfileReader.onerror = () => reject(fileReader.error)\n\t\t\t\t\tfileReader.readAsDataURL(blob)\n\t\t\t\t})\n\t\t\t\timg.setAttribute('xlink:href', base64)\n\t\t\t}\n\t\t}\n\t}\n\n\tconst svgStr = new XMLSerializer().serializeToString(clone)\n\t// NOTE: `unescape` works everywhere although deprecated\n\t// eslint-disable-next-line deprecation/deprecation\n\tconst base64SVG = window.btoa(unescape(encodeURIComponent(svgStr)))\n\treturn `data:image/svg+xml;base64,${base64SVG}`\n}\n"],
+  "mappings": "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",
+  "names": ["resolve", "canvas", "blob"]
+}