label-printer 0.5.4 → 0.6.0

package/dist/index.d.mts

@@ -762,7 +762,7 @@ declare class Image extends LabelField {
      * @param height
      * @returns
      */
-    static create(image: string, x: number, y: number, width?: number, height?: number): Promise<Image>;
+    static create(image: string | Blob, x: number, y: number, width?: number, height?: number): Promise<Image>;
 }
 
 declare class QRCode extends LabelField {

package/dist/index.d.ts

@@ -762,7 +762,7 @@ declare class Image extends LabelField {
      * @param height
      * @returns
      */
-    static create(image: string, x: number, y: number, width?: number, height?: number): Promise<Image>;
+    static create(image: string | Blob, x: number, y: number, width?: number, height?: number): Promise<Image>;
 }
 
 declare class QRCode extends LabelField {

package/dist/index.js

@@ -22,9 +22,9 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __export = (target, all) => {
+var __export = (target2, all) => {
   for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+    __defProp(target2, name, { get: all[name], enumerable: true });
 };
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
@@ -34,12 +34,12 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+var __toESM = (mod, isNodeMode, target2) => (target2 = 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,
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target2, "default", { value: mod, enumerable: true }) : target2,
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
@@ -424,14 +424,15 @@ var ImageProcessor = class {
   /**
    * Get pixel information about an image
    * @param image Image to process (local file path, remote URL, data URL, or Blob)
+   * @param target Optional target raster size. Useful for vector inputs (e.g. SVG) to rasterize at the final size.
    * @returns Promise with image data including width, height, pixel data, and bits per pixel
    */
-  static getImageData(image2) {
+  static getImageData(image2, target2) {
     return __async(this, null, function* () {
       if (typeof window !== "undefined") {
-        return this.getImageDataBrowser(image2);
+        return this.getImageDataBrowser(image2, target2);
       } else {
-        return this.getImageDataNode(image2);
+        return this.getImageDataNode(image2, target2);
       }
     });
   }
@@ -439,74 +440,76 @@ var ImageProcessor = class {
   /**
    * Get pixel information about an image in browser environment
    * @param image Image to process
+   * @param target Optional target raster size.
    * @returns Promise with image data
    */
-  static getImageDataBrowser(image2) {
+  static getImageDataBrowser(image2, target2) {
     return __async(this, null, function* () {
-      return new Promise((resolve, reject) => {
-        const img = new Image();
-        img.crossOrigin = "anonymous";
-        img.onload = () => {
-          try {
-            const canvas = document.createElement("canvas");
-            const ctx = canvas.getContext("2d");
-            if (!ctx) {
-              reject(new Error("Could not get canvas context"));
-              return;
-            }
-            canvas.width = img.width;
-            canvas.height = img.height;
-            ctx.drawImage(img, 0, 0);
-            const imageData = ctx.getImageData(0, 0, img.width, img.height);
-            resolve({
-              data: new Uint8Array(imageData.data),
-              width: img.width,
-              height: img.height,
-              bitsPerPixel: 4
-              // RGBA
-            });
-          } catch (error) {
-            reject(error);
-          }
-        };
-        img.onerror = () => reject(new Error("Failed to load image"));
-        if (typeof image2 === "string") {
-          img.src = image2;
-        } else {
-          const url2 = URL.createObjectURL(image2);
-          img.onload = () => {
-            URL.revokeObjectURL(url2);
-            resolve({
-              data: new Uint8Array(0),
-              // Will be set by the actual onload
-              width: 0,
-              height: 0,
-              bitsPerPixel: 4
-            });
-          };
-          img.src = url2;
+      var _a, _b;
+      const loadImage = (src2) => {
+        return new Promise((resolve, reject) => {
+          const img = new Image();
+          img.crossOrigin = "anonymous";
+          img.onload = () => resolve(img);
+          img.onerror = () => reject(new Error("Failed to load image"));
+          img.src = src2;
+        });
+      };
+      let src;
+      let revokeUrl;
+      if (typeof image2 === "string") {
+        src = this.normalizePotentialSVGSource(image2);
+      } else {
+        revokeUrl = URL.createObjectURL(image2);
+        src = revokeUrl;
+      }
+      try {
+        const img = yield loadImage(src);
+        const canvas = document.createElement("canvas");
+        const ctx = canvas.getContext("2d");
+        if (!ctx) {
+          throw new Error("Could not get canvas context");
         }
-      });
+        const width = (_a = target2 == null ? void 0 : target2.width) != null ? _a : img.width;
+        const height = (_b = target2 == null ? void 0 : target2.height) != null ? _b : img.height;
+        canvas.width = width;
+        canvas.height = height;
+        ctx.drawImage(img, 0, 0, width, height);
+        const imageData2 = ctx.getImageData(0, 0, width, height);
+        return {
+          data: new Uint8Array(imageData2.data),
+          width,
+          height,
+          bitsPerPixel: 4
+        };
+      } finally {
+        if (revokeUrl) URL.revokeObjectURL(revokeUrl);
+      }
     });
   }
   /******** NODEJS ********/
   /**
    * Get pixel information about an image in Node.js environment
    * @param image Image to process
+   * @param target Optional target raster size.
    * @returns Promise with image data
    */
-  static getImageDataNode(image2) {
+  static getImageDataNode(image2, _target) {
     return __async(this, null, function* () {
       console.log("Processing image in Node.js environment");
       if (image2 instanceof Blob) {
         throw new Error("Blob input not supported in Node.js environment. Use file path or data URL instead.");
       }
+      const trimmed = image2.trim();
+      if (trimmed.startsWith("<svg")) {
+        return this.rasterizeSVGNode(trimmed, _target);
+      }
       if (image2.startsWith("data:")) {
-        return this.getImageFromData(image2);
+        return this.getImageFromData(image2, _target);
       } else if (image2.startsWith("http://") || image2.startsWith("https://")) {
-        return this.getImageFromUrl(image2);
+        return this.getImageFromUrl(image2, _target);
       } else {
-        return this.getImageFromFile(image2);
+        return this.getImageFromFile(image2, _target);
       }
     });
   }
@@ -515,7 +518,7 @@ var ImageProcessor = class {
   * @param dataURL Data URL string
   * @returns Promise with image data
   */
-  static getImageFromData(dataURL) {
+  static getImageFromData(dataURL, target2) {
     return __async(this, null, function* () {
       var _a;
       const [header, data] = dataURL.split(",");
@@ -523,8 +526,13 @@ var ImageProcessor = class {
       if (!(mimeType == null ? void 0 : mimeType.startsWith("image/"))) {
         throw new Error("Invalid image data URL");
       }
-      const buffer2 = Buffer.from(data, "base64");
       const extension = mimeType.split("/")[1].toLowerCase();
+      if (extension === "svg+xml" || mimeType === "image/svg+xml") {
+        const isBase64 = header.includes(";base64");
+        const svgText = isBase64 ? Buffer.from(data, "base64").toString("utf8") : decodeURIComponent(data);
+        return this.rasterizeSVGNode(svgText, target2);
+      }
+      const buffer2 = Buffer.from(data, "base64");
       return this.parse(buffer2, extension);
     });
   }
@@ -533,7 +541,7 @@ var ImageProcessor = class {
    * @param image 
    * @returns 
    */
-  static getImageFromFile(image) {
+  static getImageFromFile(image, target) {
     return __async(this, null, function* () {
       const fs = yield eval("require")("fs");
       const path = yield eval("require")("path");
@@ -542,6 +550,10 @@ var ImageProcessor = class {
       }
       const buffer = fs.readFileSync(image);
       const ext = path.extname(image).toLowerCase();
+      if (ext === ".svg") {
+        const svgText = buffer.toString("utf8");
+        return this.rasterizeSVGNode(svgText, target);
+      }
       return this.parse(buffer, ext);
     });
   }
@@ -550,16 +562,16 @@ var ImageProcessor = class {
    * @param url Remote image URL
    * @returns Promise with image data
    */
-  static getImageFromUrl(url2) {
+  static getImageFromUrl(url2, target2) {
     return __async(this, null, function* () {
       let fetch;
       try {
         fetch = globalThis.fetch;
       } catch (e) {
-        return this.fetchWithHttps(url2);
+        return this.fetchWithHttps(url2, target2);
       }
       if (!fetch) {
-        return this.fetchWithHttps(url2);
+        return this.fetchWithHttps(url2, target2);
       }
       const response = yield fetch(url2);
       if (!response.ok) {
@@ -569,6 +581,10 @@ var ImageProcessor = class {
       const buffer2 = Buffer.from(arrayBuffer);
       const contentType = response.headers.get("content-type");
       const imageType = this.getImageType(contentType || "", url2);
+      if (imageType === "svg") {
+        const svgText = buffer2.toString("utf8");
+        return this.rasterizeSVGNode(svgText, target2);
+      }
       return this.parse(buffer2, imageType);
     });
   }
@@ -577,7 +593,7 @@ var ImageProcessor = class {
    * @param url Remote image URL
    * @returns Promise with image data
    */
-  static fetchWithHttps(url) {
+  static fetchWithHttps(url, target) {
     return __async(this, null, function* () {
       const https = yield eval("require")("https");
       const http = yield eval("require")("http");
@@ -597,8 +613,12 @@ var ImageProcessor = class {
               const buffer2 = Buffer.concat(chunks);
               const contentType = response.headers["content-type"] || "";
               const imageType = this.getImageType(contentType || "", url);
-              const data = this.parse(buffer2, imageType);
-              resolve(data);
+              if (imageType === "svg") {
+                const svgText = buffer2.toString("utf8");
+                resolve(this.rasterizeSVGNode(svgText, target));
+                return;
+              }
+              resolve(this.parse(buffer2, imageType));
             } catch (error) {
               reject(error);
             }
@@ -626,6 +646,8 @@ var ImageProcessor = class {
         return "png";
       } else if (contentType.includes("jpeg") || contentType.includes("jpg")) {
         return "jpeg";
+      } else if (contentType.includes("svg")) {
+        return "svg";
       }
     }
     const urlLower = url2.toLowerCase();
@@ -633,32 +655,57 @@ var ImageProcessor = class {
       return "png";
     } else if (urlLower.includes(".jpg") || urlLower.includes(".jpeg")) {
       return "jpeg";
+    } else if (urlLower.includes(".svg")) {
+      return "svg";
     }
     return "";
   }
   /**
-  * 
-  * @param buffer 
-  * @param extension 
-  * @returns 
-  */
+   * Parse image data by extension
+   */
   static parse(buffer2, extension) {
-    console.log(`Parsing image with extension: ${extension}`);
-    if (extension === "png") {
+    const normalizedExtension = extension.startsWith(".") ? extension.slice(1) : extension;
+    console.log(`Parsing image with extension: ${normalizedExtension}`);
+    if (normalizedExtension === "png") {
       return parsePNG(buffer2);
-    } else if (extension === "jpeg" || extension === "jpg") {
+    } else if (normalizedExtension === "jpeg" || normalizedExtension === "jpg") {
       return this.parseJPEG(buffer2);
+    } else if (normalizedExtension === "svg") {
+      throw new Error("svg-not-supported-in-node");
     } else {
-      throw new Error(`Unsupported image format: ${extension}. Supported formats: PNG, JPEG`);
+      throw new Error(`Unsupported image format: ${normalizedExtension}. Supported formats: PNG, JPEG`);
     }
   }
-  /**
-   * JPEG parser that creates a meaningful placeholder image
-   * Note: Full JPEG decoding requires complex DCT and Huffman decoding.
-   * This creates a gradient pattern based on the image dimensions.
-   * @param buffer JPEG file buffer
-   * @returns Image data
-   */
+  static rasterizeSVGNode(svg, target) {
+    let Resvg;
+    try {
+      Resvg = eval("require")("@resvg/resvg-js").Resvg;
+    } catch (_e) {
+      throw new Error("svg-rasterizer-missing");
+    }
+    const fitTo = target ? { mode: "width", value: target.width } : void 0;
+    const resvg = new Resvg(svg, {
+      fitTo
+    });
+    const pngData = resvg.render().asPng();
+    const pngBuffer = Buffer.from(pngData);
+    const imageData = parsePNG(pngBuffer);
+    if (target && (imageData.width !== target.width || imageData.height !== target.height)) {
+      return this.resize(imageData, target.width, target.height);
+    }
+    return imageData;
+  }
+  static normalizePotentialSVGSource(source) {
+    const trimmed = source.trim();
+    const isInlineSvg = trimmed.startsWith("<svg");
+    const isSvgDataUrl = trimmed.startsWith("data:image/svg+xml");
+    if (isInlineSvg) {
+      const encoded = encodeURIComponent(trimmed);
+      return `data:image/svg+xml;charset=utf-8,${encoded}`;
+    }
+    if (isSvgDataUrl) return source;
+    return source;
+  }
   static parseJPEG(buffer2) {
     if (buffer2[0] !== 255 || buffer2[1] !== 216) {
       throw new Error("Invalid JPEG file");
@@ -725,8 +772,8 @@ var ImageProcessor = class {
    * @param imageData Original image data
    * @returns Grayscale image data
    */
-  static toGrayscale(imageData) {
-    const { data, width, height } = imageData;
+  static toGrayscale(imageData2) {
+    const { data, width, height } = imageData2;
     const grayscaleData = new Uint8Array(data.length);
     for (let i = 0; i < data.length; i += 4) {
       const r = data[i];
@@ -743,7 +790,7 @@ var ImageProcessor = class {
       data: grayscaleData,
       width,
       height,
-      bitsPerPixel: imageData.bitsPerPixel
+      bitsPerPixel: imageData2.bitsPerPixel
     };
   }
   /**
@@ -753,8 +800,8 @@ var ImageProcessor = class {
    * @param newHeight Target height
    * @returns Resized image data
    */
-  static resize(imageData, newWidth, newHeight) {
-    const { data, width, height, bitsPerPixel } = imageData;
+  static resize(imageData2, newWidth, newHeight) {
+    const { data, width, height, bitsPerPixel } = imageData2;
     const resizedData = new Uint8Array(newWidth * newHeight * bitsPerPixel);
     const xRatio = width / newWidth;
     const yRatio = height / newHeight;
@@ -782,15 +829,17 @@ var ImageProcessor_default = ImageProcessor;
 // src/helpers/ImageUtils.ts
 var BLACK_PIXEL = 0;
 var WHITE_PIXEL = 1;
+var DEFAULT_THRESHOLD = 200;
 var ImageUtils = class {
   /**
    * Get pixel information about an image
    * @param image Image to process
+   * @param target Optional target raster size. Useful for vector inputs (e.g. SVG) to rasterize at the final size.
    * @returns 
    */
-  static getPixels(image2) {
+  static getPixels(image2, target2) {
     return __async(this, null, function* () {
-      return yield ImageProcessor_default.getImageData(image2);
+      return yield ImageProcessor_default.getImageData(image2, target2);
     });
   }
   /**
@@ -810,7 +859,10 @@ var ImageUtils = class {
         width,
         height,
         bitsPerPixel
-      } = yield this.getPixels(image2);
+      } = yield this.getPixels(
+        image2,
+        destinationWidth != null && destinationHeight != null ? { width: destinationWidth, height: destinationHeight } : void 0
+      );
       const dim = getSizePreserveAspect(width, height, destinationWidth, destinationHeight);
       const dWidth = dim.width;
       const dHeight = dim.height;
@@ -826,16 +878,16 @@ var ImageUtils = class {
           const r = data[baseIndex];
           const g = data[baseIndex + 1];
           const b = data[baseIndex + 2];
-          const a = data[baseIndex + 3];
-          if (a > 128) {
-            const avg = (r + g + b) / 3;
-            if (avg > 128) {
-              bitmapData[destinationIndex] = WHITE_PIXEL;
-            } else {
-              bitmapData[destinationIndex] = BLACK_PIXEL;
-            }
-          } else {
+          const a = bitsPerPixel > 3 ? data[baseIndex + 3] : 255;
+          const alpha = a / 255;
+          const rC = r * alpha + 255 * (1 - alpha);
+          const gC = g * alpha + 255 * (1 - alpha);
+          const bC = b * alpha + 255 * (1 - alpha);
+          const luminance = 0.299 * rC + 0.587 * gC + 0.114 * bC;
+          if (luminance > DEFAULT_THRESHOLD) {
             bitmapData[destinationIndex] = WHITE_PIXEL;
+          } else {
+            bitmapData[destinationIndex] = BLACK_PIXEL;
           }
           destinationIndex += 1;
         }