@zag-js/signature-pad - npm Package Compare versions

Comparing version 0.0.0-dev-20240607195446 to 0.0.0-dev-20240607213716

dist/index.js

@@ -68,33 +68,5 @@ "use strict";
   getDataUrl: (ctx, options) => {
-    const { type, quality = 0.92 } = options;
-    if (ctx.isEmpty) {
+    if (ctx.isEmpty)
       return Promise.resolve("");
-    }
-    const svg = dom.getSegmentEl(ctx);
-    if (!svg) {
-      throw new Error("Could not find the svg element.");
-    }
-    const win = dom.getWin(ctx);
-    const doc = win.document;
-    const serializer = new win.XMLSerializer();
-    const source = '<?xml version="1.0" standalone="no"?>\r\n' + serializer.serializeToString(svg);
-    const svgString = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(source);
-    if (type === "image/svg+xml") {
-      return Promise.resolve(svgString);
-    }
-    const svgBounds = svg.getBoundingClientRect();
-    const dpr = win.devicePixelRatio || 1;
-    const canvas = doc.createElement("canvas");
-    const image = new win.Image();
-    image.src = svgString;
-    canvas.width = svgBounds.width * dpr;
-    canvas.height = svgBounds.height * dpr;
-    const context = canvas.getContext("2d");
-    context.scale(dpr, dpr);
-    return new Promise((resolve) => {
-      image.onload = () => {
-        context.drawImage(image, 0, 0);
-        resolve(canvas.toDataURL(type, quality));
-      };
-    });
+    return (0, import_dom_query.getDataUrl)(dom.getSegmentEl(ctx), options);
   }
@@ -101,0 +73,0 @@ });

package.json

 {
   "name": "@zag-js/signature-pad",
-  "version": "0.0.0-dev-20240607195446",
+  "version": "0.0.0-dev-20240607213716",
   "description": "Core logic for the signature-pad widget implemented as a state machine",
@@ -32,8 +32,8 @@ "keywords": [
     "perfect-freehand": "^1.2.2",
-    "@zag-js/anatomy": "0.0.0-dev-20240607195446",
-    "@zag-js/core": "0.0.0-dev-20240607195446",
-    "@zag-js/dom-query": "0.0.0-dev-20240607195446",
-    "@zag-js/dom-event": "0.0.0-dev-20240607195446",
-    "@zag-js/utils": "0.0.0-dev-20240607195446",
-    "@zag-js/types": "0.0.0-dev-20240607195446"
+    "@zag-js/anatomy": "0.0.0-dev-20240607213716",
+    "@zag-js/core": "0.0.0-dev-20240607213716",
+    "@zag-js/dom-query": "0.0.0-dev-20240607213716",
+    "@zag-js/dom-event": "0.0.0-dev-20240607213716",
+    "@zag-js/utils": "0.0.0-dev-20240607213716",
+    "@zag-js/types": "0.0.0-dev-20240607213716"
   },
@@ -40,0 +40,0 @@ "devDependencies": {

src/signature-pad.dom.ts

@@ -1,2 +0,2 @@
-import { createScope, query } from "@zag-js/dom-query"
+import { createScope, getDataUrl, query } from "@zag-js/dom-query"
 import type { MachineContext as Ctx, DataUrlOptions } from "./signature-pad.types"
@@ -10,48 +10,9 @@
   getControlEl: (ctx: Ctx) => dom.getById(ctx, dom.getControlId(ctx)),
-  getSegmentEl: (ctx: Ctx) => query(dom.getControlEl(ctx), "[data-part=segment]"),
+  getSegmentEl: (ctx: Ctx) => query<SVGElement>(dom.getControlEl(ctx), "[data-part=segment]"),
   getHiddenInputEl: (ctx: Ctx) => dom.getById(ctx, dom.getHiddenInputId(ctx)),
 
   getDataUrl: (ctx: Ctx, options: DataUrlOptions): Promise<string> => {
-    const { type, quality = 0.92 } = options
-
-    if (ctx.isEmpty) {
-      return Promise.resolve("")
-    }
-
-    const svg = dom.getSegmentEl(ctx) as SVGElement | null
-    if (!svg) {
-      throw new Error("Could not find the svg element.")
-    }
-
-    const win = dom.getWin(ctx)
-    const doc = win.document
-
-    const serializer = new win.XMLSerializer()
-    const source = '<?xml version="1.0" standalone="no"?>\r\n' + serializer.serializeToString(svg)
-    const svgString = "data:image/svg+xml;charset=utf-8," + encodeURIComponent(source)
-
-    if (type === "image/svg+xml") {
-      return Promise.resolve(svgString)
-    }
-
-    const svgBounds = svg.getBoundingClientRect()
-    const dpr = win.devicePixelRatio || 1
-
-    const canvas = doc.createElement("canvas")
-    const image = new win.Image()
-    image.src = svgString
-
-    canvas.width = svgBounds.width * dpr
-    canvas.height = svgBounds.height * dpr
-
-    const context = canvas.getContext("2d")
-    context!.scale(dpr, dpr)
-
-    return new Promise((resolve) => {
-      image.onload = () => {
-        context!.drawImage(image, 0, 0)
-        resolve(canvas.toDataURL(type, quality))
-      }
-    })
+    if (ctx.isEmpty) return Promise.resolve("")
+    return getDataUrl(dom.getSegmentEl(ctx), options)
   },
 })

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

78191

decreased by-7.84%

Lines of code

1230

decreased by-6.46%

Dependency changes

• + Added@zag-js/anatomy@0.0.0-dev-20240607213716(transitive)

• + Added@zag-js/core@0.0.0-dev-20240607213716(transitive)

• + Added@zag-js/dom-event@0.0.0-dev-20240607213716(transitive)

• + Added@zag-js/dom-query@0.0.0-dev-20240607213716(transitive)

• + Added@zag-js/store@0.0.0-dev-20240607213716(transitive)

• + Added@zag-js/text-selection@0.0.0-dev-20240607213716(transitive)

• + Added@zag-js/types@0.0.0-dev-20240607213716(transitive)

• + Added@zag-js/utils@0.0.0-dev-20240607213716(transitive)

• - Removed@zag-js/anatomy@0.0.0-dev-20240607195446(transitive)

• - Removed@zag-js/core@0.0.0-dev-20240607195446(transitive)

• - Removed@zag-js/dom-event@0.0.0-dev-20240607195446(transitive)

• - Removed@zag-js/dom-query@0.0.0-dev-20240607195446(transitive)

• - Removed@zag-js/store@0.0.0-dev-20240607195446(transitive)

• - Removed@zag-js/text-selection@0.0.0-dev-20240607195446(transitive)

• - Removed@zag-js/types@0.0.0-dev-20240607195446(transitive)

• - Removed@zag-js/utils@0.0.0-dev-20240607195446(transitive)

• Updated@zag-js/anatomy@0.0.0-dev-20240607213716

• Updated@zag-js/core@0.0.0-dev-20240607213716

• Updated@zag-js/dom-event@0.0.0-dev-20240607213716

• Updated@zag-js/dom-query@0.0.0-dev-20240607213716

• Updated@zag-js/types@0.0.0-dev-20240607213716

• Updated@zag-js/utils@0.0.0-dev-20240607213716