issue-sticker 0.1.1 → 0.2.0

package/dist/{index-DN49yZjv.js → index-D6SaRFm4.js}

@@ -172,18 +172,51 @@ function svgToDataUrl(svg, removeControlCharacter) {
   }
   return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(xhtml)}`;
 }
+async function canvasToBlob(canvas, type = "image/png", quality = 1) {
+  try {
+    return await new Promise((resolve, reject) => {
+      canvas.toBlob((blob) => {
+        if (blob) {
+          resolve(blob);
+        } else {
+          reject(new Error("Blob is null"));
+        }
+      }, type, quality);
+    });
+  } catch (error) {
+    if (SUPPORT_ATOB) {
+      return dataUrlToBlob(canvas.toDataURL(type, quality));
+    }
+    throw error;
+  }
+}
+function dataUrlToBlob(dataUrl) {
+  var _a2;
+  const [header, base64] = dataUrl.split(",");
+  const type = ((_a2 = header.match(/data:(.+);/)) == null ? void 0 : _a2[1]) ?? void 0;
+  const decoded = window.atob(base64);
+  const length = decoded.length;
+  const buffer = new Uint8Array(length);
+  for (let i = 0; i < length; i += 1) {
+    buffer[i] = decoded.charCodeAt(i);
+  }
+  return new Blob([buffer], { type });
+}
 function readBlob(blob, type) {
   return new Promise((resolve, reject) => {
     const reader = new FileReader();
     reader.onload = () => resolve(reader.result);
     reader.onerror = () => reject(reader.error);
     reader.onabort = () => reject(new Error(`Failed read blob to ${type}`));
-    {
+    if (type === "dataUrl") {
       reader.readAsDataURL(blob);
+    } else if (type === "arrayBuffer") {
+      reader.readAsArrayBuffer(blob);
     }
   });
 }
 const blobToDataUrl = (blob) => readBlob(blob, "dataUrl");
+const blobToArrayBuffer = (blob) => readBlob(blob, "arrayBuffer");
 function createImage(url, ownerDocument) {
   const img = getDocument(ownerDocument).createElement("img");
   img.decoding = "sync";
@@ -1520,6 +1553,26 @@ async function domToCanvas(node, options) {
   const image = createImage(dataUrl, svg.ownerDocument);
   return await imageToCanvas(image, context);
 }
+async function domToBlob(node, options) {
+  const context = await orCreateContext(node, options);
+  const { log, type, quality, dpi } = context;
+  const canvas = await domToCanvas(context);
+  log.time("canvas to blob");
+  const blob = await canvasToBlob(canvas, type, quality);
+  if (["image/png", "image/jpeg"].includes(type) && dpi) {
+    const arrayBuffer = await blobToArrayBuffer(blob.slice(0, 33));
+    let uint8Array = new Uint8Array(arrayBuffer);
+    if (type === "image/png") {
+      uint8Array = changePngDpi(uint8Array, dpi);
+    } else if (type === "image/jpeg") {
+      uint8Array = changeJpegDpi(uint8Array, dpi);
+    }
+    log.timeEnd("canvas to blob");
+    return new Blob([uint8Array, blob.slice(33)], { type });
+  }
+  log.timeEnd("canvas to blob");
+  return blob;
+}
 async function domToDataUrl(node, options) {
   const context = await orCreateContext(node, options);
   const { log, quality, type, dpi } = context;
@@ -1555,6 +1608,44 @@ async function domToDataUrl(node, options) {
   log.timeEnd("canvas to data url");
   return dataUrl;
 }
+async function domToSvg(node, options) {
+  const context = await orCreateContext(node, options);
+  const { width, height, ownerDocument } = context;
+  const dataUrl = await domToDataUrl(context);
+  const svg = createSvg(width, height, ownerDocument);
+  const svgImage = svg.ownerDocument.createElementNS(svg.namespaceURI, "image");
+  svgImage.setAttributeNS(null, "href", dataUrl);
+  svgImage.setAttributeNS(null, "height", "100%");
+  svgImage.setAttributeNS(null, "width", "100%");
+  svg.appendChild(svgImage);
+  return svgToDataUrl(svg, context.isEnable("removeControlCharacter"));
+}
+async function domToImage(node, options) {
+  const context = await orCreateContext(node, options);
+  const { ownerDocument, width, height, scale, type } = context;
+  const url = type === "image/svg+xml" ? await domToSvg(context) : await domToDataUrl(context);
+  const image = createImage(url, ownerDocument);
+  image.width = Math.floor(width * scale);
+  image.height = Math.floor(height * scale);
+  image.style.width = `${width}px`;
+  image.style.height = `${height}px`;
+  return image;
+}
+async function domToJpeg(node, options) {
+  return domToDataUrl(
+    await orCreateContext(node, { ...options, type: "image/jpeg" })
+  );
+}
+async function domToPixel(node, options) {
+  const context = await orCreateContext(node, options);
+  const canvas = await domToCanvas(context);
+  return canvas.getContext("2d").getImageData(0, 0, canvas.width, canvas.height).data;
+}
+async function domToPng(node, options) {
+  return domToDataUrl(
+    await orCreateContext(node, { ...options, type: "image/png" })
+  );
+}
 async function domToWebp(node, options) {
   return domToDataUrl(
     await orCreateContext(node, { ...options, type: "image/webp" })
@@ -1563,9 +1654,15 @@ async function domToWebp(node, options) {
 export {
   createContext,
   destroyContext,
+  domToBlob,
   domToCanvas,
   domToDataUrl,
   domToForeignObjectSvg,
+  domToImage,
+  domToJpeg,
+  domToPixel,
+  domToPng,
+  domToSvg,
   domToWebp,
   loadMedia,
   waitUntilLoad