@slithy/prim-interface 0.2.9 → 0.2.10

package/dist/index.js

@@ -113,15 +113,8 @@ async function saveRasterFromVector(svgString, width, height, format = "png", qu
   saveRaster(canvas, format, quality, options);
 }
 async function copyRasterFromVector(svgString, width, height) {
-  await navigator.clipboard.write([
-    new ClipboardItem({
-      "image/png": svgToCanvas(svgString, width, height).then(
-        (canvas) => new Promise(
-          (resolve, reject) => canvas.toBlob((b) => b ? resolve(b) : reject(new Error("toBlob failed")))
-        )
-      )
-    })
-  ]);
+  const canvas = await svgToCanvas(svgString, width, height);
+  return copyRaster(canvas);
 }
 async function shareFromVector(svgString, width, height, options) {
   const canvas = await svgToCanvas(svgString, width, height);
@@ -136,14 +129,17 @@ function saveVector(svgString, options) {
 async function copyVector(svgString) {
   await navigator.clipboard.writeText(svgString);
 }
+function dataUrlToBlob(dataUrl) {
+  const [header, data] = dataUrl.split(",");
+  const mime = header.match(/:(.*?);/)[1];
+  const bytes = atob(data);
+  const arr = new Uint8Array(bytes.length);
+  for (let i = 0; i < bytes.length; i++) arr[i] = bytes.charCodeAt(i);
+  return new Blob([arr], { type: mime });
+}
 async function copyRaster(canvas) {
-  await navigator.clipboard.write([
-    new ClipboardItem({
-      "image/png": new Promise(
-        (resolve, reject) => canvas.toBlob((b) => b ? resolve(b) : reject(new Error("toBlob failed")))
-      )
-    })
-  ]);
+  const blob = dataUrlToBlob(canvas.toDataURL("image/png"));
+  await navigator.clipboard.write([new ClipboardItem({ "image/png": blob })]);
 }
 async function share(canvas, options) {
   const blob = await new Promise((resolve, reject) => canvas.toBlob((b) => b ? resolve(b) : reject(new Error("toBlob failed"))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slithy/prim-interface",
-  "version": "0.2.9",
+  "version": "0.2.10",
   "description": "Browser-facing API for primitive-based image reconstruction.",
   "type": "module",
   "exports": {
@@ -22,8 +22,8 @@
     "tsup": "^8",
     "typescript": "^5",
     "vitest": "^4",
-    "@slithy/tsconfig": "0.0.0",
-    "@slithy/eslint-config": "0.0.0"
+    "@slithy/eslint-config": "0.0.0",
+    "@slithy/tsconfig": "0.0.0"
   },
   "author": {
     "name": "Matthew Campagna",