@naphatjm/cdh-thermal-printer 1.0.0 → 1.0.1

package/README.md

@@ -5,7 +5,7 @@ A JavaScript library for controlling ESC/POS thermal printers with support for T
 ## Installation
 
 ```bash
-npm install cdh-thermal-printer
+npm install @naphatjm/cdh-thermal-printer
 ```
 
 ## Usage
@@ -13,9 +13,10 @@ npm install cdh-thermal-printer
 ### Basic Setup
 
 ```javascript
-import { ThermalPrinter } from "cdh-thermal-printer";
+import { ThermalPrinter } from "@naphatjm/cdh-thermal-printer";
 
 const printer = new ThermalPrinter("http://localhost:9123", 384);
+// 384 is papar width
 
 printer
     .init()
@@ -27,6 +28,87 @@ printer
     .print("Printer Name");
 ```
 
+### Get Available Printers
+
+```javascript
+const printers = await ThermalPrinter.getPrinters("http://localhost:9123");
+console.log(printers);
+```
+
+**Response Example:**
+
+```json
+["EPSON TM-58 (Model 109)", "Star Micronics TSP100", "Generic ESC/POS Printer"]
+```
+
+### Print Receipt (Full Example)
+
+```javascript
+const printer = new ThermalPrinter("http://localhost:9123", 384);
+
+// Get available printers
+const printers = await ThermalPrinter.getPrinters();
+const printerName = printers[0];
+
+// Build receipt
+printer
+    .clear()
+    .init()
+    .align(1)
+    .bold(true)
+    .line("ร้านค้าทดสอบ")
+    .bold(false)
+    .divider("-", 32)
+    .line("รายการสินค้า:")
+    .line("1. ข้าวมันไก่     50.-")
+    .line("2. ชานมไข่มุก     35.-")
+    .divider("-", 32)
+    .align(2)
+    .line("รวม: 85.-")
+    .align(1)
+    .newline(2)
+    .line("ขอบคุณค่ะ")
+    .feed(3)
+    .cut();
+
+// Send to printer
+await printer.print(printerName);
+```
+
+### Print Image (QR Code, Logo, etc.)
+
+```javascript
+const printer = new ThermalPrinter("http://localhost:9123", 384);
+
+// Create canvas and draw image
+const canvas = document.createElement("canvas");
+const ctx = canvas.getContext("2d");
+
+canvas.width = 384;
+canvas.height = 200;
+
+// White background
+ctx.fillStyle = "white";
+ctx.fillRect(0, 0, canvas.width, canvas.height);
+
+// Draw image (e.g., QR code from img tag)
+const qrImg = document.getElementById("qrcode");
+ctx.drawImage(qrImg, 150, 20, 100, 100);
+
+// Get image data and print
+const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
+
+// Send to printer
+const printers = await ThermalPrinter.getPrinters();
+printer
+    .init()
+    .align(1)
+    .image(imageData) // Print the image
+    .feed(2)
+    .cut()
+    .print(printers[0]);
+```
+
 ## ⚠️ Important: Font Setup for Thai Text
 
 When using `printThaiText()`, you **must** load the Sarabun font in your HTML file:
@@ -39,7 +121,7 @@ When using `printThaiText()`, you **must** load the Sarabun font in your HTML fi
 
 Without this link, the printer will use the default system font instead of Sarabun.
 
-## API
+## API Reference
 
 ### Constructor
 
@@ -50,16 +132,69 @@ new ThermalPrinter((driverApiUrl = "http://localhost:9123"), (width = 384));
 - `driverApiUrl`: URL of the thermal printer driver API
 - `width`: Printer width in dots (384 = 58mm, 576 = 80mm)
 
-### Methods
+### Instance Methods
 
-- `init()` - Initialize printer
+#### Text & Formatting
+
+- `init()` - Initialize printer (ESC @)
 - `align(alignment)` - Set text alignment (0=Left, 1=Center, 2=Right)
-- `bold(enable)` - Enable/disable bold text
-- `feed(lines)` - Feed paper by specified lines
-- `cut(partial)` - Cut paper (partial or full)
+- `bold(enable)` - Enable/disable bold text (true/false)
+- `line(text)` - Add line of text with newline
+- `newline(count)` - Add blank lines (default: 1)
+- `divider(char, width)` - Add separator line (e.g., `divider("-", 32)`)
+
+#### Paper & Output
+
+- `feed(lines)` - Feed paper by specified lines (default: 1)
+- `cut(partial)` - Cut paper (true=partial, false=full cut)
+- `beep(times, duration)` - Beep speaker (times: count, duration: milliseconds)
+- `drawerKick()` - Open cash drawer
+
+#### Image & Printing
+
 - `image(imageData)` - Print image from canvas ImageData
-- `printThaiText(text, fontSize)` - Print Thai text (automatically renders as image)
-- `clear()` - Clear buffer
+- `printThaiText(text, fontSize)` - Print Thai text with automatic image rendering (default fontSize: 22px)
+- `raw(bytes)` - Send raw byte array
+
+#### Buffer Management
+
+- `clear()` - Clear all buffered commands
 - `getBuffer()` - Get current buffer as Uint8Array
-- `print(printerName)` - Send buffer to printer
-- `static getPrinters(apiUrl)` - Get list of available printers
+- `print(printerName)` - Send buffered commands to printer
+
+### Static Methods
+
+- `static async getPrinters(apiUrl)` - Get list of available printers
+
+    **Returns:** Array of printer names (strings)
+
+    ```javascript
+    const printers = await ThermalPrinter.getPrinters("http://localhost:9123");
+    // ["EPSON TM-58", "Star Micronics TSP100", ...]
+    ```
+
+## Fluent API
+
+All methods return `this`, allowing for method chaining:
+
+```javascript
+printer
+    .init()
+    .align(1)
+    .bold(true)
+    .line("Header")
+    .bold(false)
+    .divider()
+    .feed(2)
+    .cut();
+```
+
+## Requirements
+
+- Modern browser with Canvas API support
+- Active connection to thermal printer driver API (default: http://localhost:9123)
+- Sarabun font loaded for Thai text rendering
+
+## License
+
+MIT

package/dist/index.d.ts

@@ -0,0 +1,187 @@
+/**
+ * Thermal Printer Library for ESC/POS printers
+ * Supports Thai text rendering and image printing
+ */
+
+/**
+ * Print response type
+ */
+export interface PrintResponse {
+    success: boolean;
+    message?: string;
+}
+
+/**
+ * ThermalPrinter Service
+ * Fluent API for controlling thermal printer with ESC/POS commands
+ *
+ * @example
+ * ```javascript
+ * const printer = new ThermalPrinter("http://localhost:9123", 384);
+ * printer
+ *     .init()
+ *     .align(1)
+ *     .printThaiText("สวัสดี")
+ *     .feed(2)
+ *     .cut()
+ *     .print("Printer Name");
+ * ```
+ */
+export class ThermalPrinter {
+    /**
+     * Initialize ThermalPrinter instance
+     * @param driverApiUrl - URL of the thermal printer driver API (default: http://localhost:9123)
+     * @param width - Printer width in dots (384 = 58mm, 576 = 80mm, default: 384)
+     */
+    constructor(driverApiUrl?: string, width?: number);
+
+    /**
+     * Driver API URL
+     */
+    readonly driverApi: string;
+
+    /**
+     * Printer width in dots
+     */
+    readonly printerWidth: number;
+
+    /**
+     * Internal command buffer
+     */
+    readonly buffer: number[];
+
+    // --- Basic Commands ---
+
+    /**
+     * Initialize printer (ESC @)
+     * @returns this for method chaining
+     */
+    init(): ThermalPrinter;
+
+    /**
+     * Set text alignment
+     * @param alignment - 0=Left, 1=Center, 2=Right (default: 1)
+     * @returns this for method chaining
+     */
+    align(alignment?: 0 | 1 | 2): ThermalPrinter;
+
+    /**
+     * Enable or disable bold text
+     * @param enable - true to enable, false to disable (default: true)
+     * @returns this for method chaining
+     */
+    bold(enable?: boolean): ThermalPrinter;
+
+    /**
+     * Feed paper by specified lines
+     * @param lines - Number of lines to feed (default: 1)
+     * @returns this for method chaining
+     */
+    feed(lines?: number): ThermalPrinter;
+
+    /**
+     * Cut paper
+     * @param partial - true for partial cut, false for full cut (default: false)
+     * @returns this for method chaining
+     */
+    cut(partial?: boolean): ThermalPrinter;
+
+    /**
+     * Add line of text with newline
+     * @param text - Text to print (default: "")
+     * @returns this for method chaining
+     */
+    line(text?: string): ThermalPrinter;
+
+    /**
+     * Add blank lines
+     * @param count - Number of blank lines to add (default: 1)
+     * @returns this for method chaining
+     */
+    newline(count?: number): ThermalPrinter;
+
+    /**
+     * Add divider line
+     * @param char - Character to repeat (default: "-")
+     * @param width - Width of divider in characters (default: 32)
+     * @returns this for method chaining
+     */
+    divider(char?: string, width?: number): ThermalPrinter;
+
+    /**
+     * Beep speaker
+     * @param times - Number of beeps (default: 1)
+     * @param duration - Duration of beep in milliseconds (default: 100)
+     * @returns this for method chaining
+     */
+    beep(times?: number, duration?: number): ThermalPrinter;
+
+    /**
+     * Open cash drawer
+     * @returns this for method chaining
+     */
+    drawerKick(): ThermalPrinter;
+
+    /**
+     * Send raw byte array
+     * @param bytes - Byte array to send
+     * @returns this for method chaining
+     */
+    raw(bytes: number[]): ThermalPrinter;
+
+    // --- Image & Thai Text Logic ---
+
+    /**
+     * Print image from canvas ImageData
+     * @param imageData - Canvas ImageData object
+     * @returns this for method chaining
+     */
+    image(imageData: ImageData): ThermalPrinter;
+
+    /**
+     * Print Thai text (automatically renders as image)
+     *
+     * ⚠️ REQUIRED: Sarabun font must be loaded in your HTML file:
+     * ```html
+     * <link href="https://fonts.googleapis.com/css2?family=Sarabun:wght@400;700&display=swap" rel="stylesheet">
+     * ```
+     *
+     * @param text - Thai text to print
+     * @param fontSize - Font size in pixels (default: 22)
+     * @returns this for method chaining
+     */
+    printThaiText(text: string, fontSize?: number): ThermalPrinter;
+
+    // --- Execution ---
+
+    /**
+     * Clear all buffered commands
+     * @returns this for method chaining
+     */
+    clear(): ThermalPrinter;
+
+    /**
+     * Get compiled binary data
+     * @returns Uint8Array of buffered commands
+     */
+    getBuffer(): Uint8Array;
+
+    /**
+     * Print to specific printer
+     * @param printerName - Name of printer to print to (optional, will use first available if not provided)
+     * @returns Promise resolving to print response
+     * @throws Error if printer not found or print failed
+     */
+    print(printerName?: string): Promise<PrintResponse>;
+
+    // --- Static Methods ---
+
+    /**
+     * Get list of available printers
+     * @param apiUrl - Driver API URL (default: http://localhost:9123)
+     * @returns Promise resolving to array of printer names
+     */
+    static getPrinters(apiUrl?: string): Promise<string[]>;
+}
+
+export {};

package/dist/thermal-printer.es.js

@@ -1,4 +1,6 @@
-const o = {
+const i = {
+  ESC: 27,
+  GS: 29,
   LF: 10,
   // Commands
   INIT: [27, 64],
@@ -10,44 +12,74 @@ const o = {
   // Formatting
   BOLD_ON: [27, 69, 1],
   BOLD_OFF: [27, 69, 0],
-  ALIGN_LEFT: [27, 97, 0]
+  ALIGN_LEFT: [27, 97, 0],
+  ALIGN_CENTER: [27, 97, 1],
+  ALIGN_RIGHT: [27, 97, 2],
+  // Cash Drawer
+  DRAWER_KICK: [27, 112, 0, 12, 120],
+  // Beep (ESC B - default 100ms)
+  BEEP: (f = 100) => [27, 66, f]
 };
-function p(u) {
-  const e = u.width, t = u.height, s = u.data, r = e / 8;
+function p(f) {
+  const e = f.width, t = f.height, r = f.data, s = e / 8;
   let n = [];
-  n.push(29, 118, 48, 0), n.push(r % 256, Math.floor(r / 256)), n.push(t % 256, Math.floor(t / 256));
-  for (let h = 0; h < t; h++)
-    for (let c = 0; c < r; c++) {
-      let f = 0;
-      for (let i = 0; i < 8; i++) {
-        const a = (h * e + c * 8 + i) * 4;
-        s[a] + s[a + 1] + s[a + 2] < 380 && (f |= 1 << 7 - i);
+  n.push(29, 118, 48, 0), n.push(s % 256, Math.floor(s / 256)), n.push(t % 256, Math.floor(t / 256));
+  for (let o = 0; o < t; o++)
+    for (let c = 0; c < s; c++) {
+      let u = 0;
+      for (let h = 0; h < 8; h++) {
+        const a = (o * e + c * 8 + h) * 4;
+        r[a] + r[a + 1] + r[a + 2] < 380 && (u |= 1 << 7 - h);
       }
-      n.push(f);
+      n.push(u);
     }
   return n;
 }
-class x {
+class l {
   constructor(e = "http://localhost:9123", t = 384) {
     this.driverApi = e, this.printerWidth = t, this.buffer = [];
   }
   // --- Basic Commands ---
   init() {
-    return this.buffer.push(...o.INIT), this;
+    return this.buffer.push(...i.INIT), this;
   }
   align(e = 1) {
-    const t = [...o.ALIGN_LEFT];
+    const t = [...i.ALIGN_LEFT];
     return t[2] = e, this.buffer.push(...t), this;
   }
   bold(e = !0) {
-    return this.buffer.push(...e ? o.BOLD_ON : o.BOLD_OFF), this;
+    return this.buffer.push(...e ? i.BOLD_ON : i.BOLD_OFF), this;
   }
   feed(e = 1) {
-    for (let t = 0; t < e; t++) this.buffer.push(o.LF);
+    for (let t = 0; t < e; t++) this.buffer.push(i.LF);
     return this;
   }
   cut(e = !1) {
-    return this.buffer.push(...e ? o.CUT_PARTIAL : o.CUT_FULL), this;
+    return this.buffer.push(...e ? i.CUT_PARTIAL : i.CUT_FULL), this;
+  }
+  line(e = "") {
+    const r = new TextEncoder().encode(e + `
+`);
+    return this.buffer.push(...r), this;
+  }
+  newline(e = 1) {
+    for (let t = 0; t < e; t++)
+      this.buffer.push(i.LF);
+    return this;
+  }
+  divider(e = "-", t = 32) {
+    return this.line(e.repeat(t)), this;
+  }
+  beep(e = 1, t = 100) {
+    for (let r = 0; r < e; r++)
+      this.buffer.push(...i.BEEP(t));
+    return this;
+  }
+  drawerKick() {
+    return this.buffer.push(...i.DRAWER_KICK), this;
+  }
+  raw(e) {
+    return this.buffer.push(...e), this;
   }
   // --- Image & Thai Text Logic ---
   image(e) {
@@ -68,13 +100,13 @@ class x {
   printThaiText(e, t = 22) {
     if (typeof document > "u")
       return console.error("Browser environment required for printThaiText"), this;
-    const s = document.createElement("canvas"), r = s.getContext("2d"), n = "'Sarabun', sans-serif", h = t + 12, c = e.split(`
-`), f = c.length * h + 20;
-    s.width = this.printerWidth, s.height = f, r.fillStyle = "white", r.fillRect(0, 0, s.width, s.height), r.fillStyle = "black", r.font = `${t}px ${n}`, r.textBaseline = "top";
-    let i = 10;
-    for (let l of c)
-      r.fillText(l, 10, i), i += h;
-    const a = r.getImageData(0, 0, this.printerWidth, f);
+    const r = document.createElement("canvas"), s = r.getContext("2d"), n = "'Sarabun', sans-serif", o = t + 12, c = e.split(`
+`), u = c.length * o + 20;
+    r.width = this.printerWidth, r.height = u, s.fillStyle = "white", s.fillRect(0, 0, r.width, r.height), s.fillStyle = "black", s.font = `${t}px ${n}`, s.textBaseline = "top";
+    let h = 10;
+    for (let x of c)
+      s.fillText(x, 10, h), h += o;
+    const a = s.getImageData(0, 0, this.printerWidth, u);
     return this.image(a);
   }
   // --- Execution ---
@@ -86,14 +118,14 @@ class x {
   }
   async print(e) {
     if (!e) {
-      const t = await x.getPrinters(this.driverApi);
+      const t = await l.getPrinters(this.driverApi);
       if (t.length > 0) e = t[0];
       else throw new Error("No printer found.");
     }
     try {
-      const t = this.getBuffer(), s = encodeURIComponent(e);
+      const t = this.getBuffer(), r = encodeURIComponent(e);
       if (!(await fetch(
-        `${this.driverApi}/print?printer=${s}`,
+        `${this.driverApi}/print?printer=${r}`,
         {
           method: "POST",
           headers: { "Content-Type": "application/octet-stream" },
@@ -115,5 +147,6 @@ class x {
   }
 }
 export {
-  x as ThermalPrinter
+  l as ThermalPrinter
 };
+//# sourceMappingURL=thermal-printer.es.js.map

package/dist/thermal-printer.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thermal-printer.es.js","sources":["../src/constants.js","../src/utils.js","../src/index.js"],"sourcesContent":["// src/constants.js\r\nexport const CMD = {\r\n    ESC: 0x1b,\r\n    GS: 0x1d,\r\n    LF: 0x0a,\r\n\r\n    // Commands\r\n    INIT: [0x1b, 0x40], // Initialize printer\r\n    CUT_FULL: [0x1d, 0x56, 0x42, 0x00], // Full cut\r\n    CUT_PARTIAL: [0x1d, 0x56, 0x41, 0x00], // Partial cut\r\n\r\n    // Formatting\r\n    BOLD_ON: [0x1b, 0x45, 0x01],\r\n    BOLD_OFF: [0x1b, 0x45, 0x00],\r\n\r\n    ALIGN_LEFT: [0x1b, 0x61, 0x00],\r\n    ALIGN_CENTER: [0x1b, 0x61, 0x01],\r\n    ALIGN_RIGHT: [0x1b, 0x61, 0x02],\r\n\r\n    // Cash Drawer\r\n    DRAWER_KICK: [0x1b, 0x70, 0x00, 0x0c, 0x78],\r\n\r\n    // Beep (ESC B - default 100ms)\r\n    BEEP: (duration = 100) => [0x1b, 0x42, duration],\r\n};\r\n","// src/utils.js\r\n\r\n/**\r\n * แปลงข้อมูลภาพ (ImageData) เป็นคำสั่ง ESC/POS GS v 0\r\n * @param {ImageData} imageData\r\n * @returns {number[]} Array ของ Byte คำสั่ง\r\n */\r\nexport function convertCanvasToEscPos(imageData) {\r\n    const width = imageData.width;\r\n    const height = imageData.height;\r\n    const pixels = imageData.data;\r\n\r\n    // 1 Byte = 8 pixels แนวนอน\r\n    const xBytes = width / 8;\r\n\r\n    let command = [];\r\n\r\n    // Header: GS v 0 (Raster Bit Image)\r\n    command.push(0x1d, 0x76, 0x30, 0x00);\r\n\r\n    // บอกขนาดภาพ (Little Endian)\r\n    command.push(xBytes % 256, Math.floor(xBytes / 256)); // xL, xH\r\n    command.push(height % 256, Math.floor(height / 256)); // yL, yH\r\n\r\n    // Loop ทุก Pixel แปลงเป็น Bit\r\n    for (let y = 0; y < height; y++) {\r\n        for (let x = 0; x < xBytes; x++) {\r\n            let byte = 0;\r\n            for (let bit = 0; bit < 8; bit++) {\r\n                // คำนวณตำแหน่ง Pixel ใน Array (RGBA = 4 ช่องต่อ 1 pixel)\r\n                const pxIndex = (y * width + x * 8 + bit) * 4;\r\n\r\n                // เช็คความสว่าง (R+G+B)\r\n                // ถ้าค่าต่ำกว่า 380 (ค่อนข้างมืด) ให้ถือเป็นสีดำ (Bit=1)\r\n                const brightness =\r\n                    pixels[pxIndex] + pixels[pxIndex + 1] + pixels[pxIndex + 2];\r\n                if (brightness < 380) {\r\n                    byte |= 1 << (7 - bit);\r\n                }\r\n            }\r\n            command.push(byte);\r\n        }\r\n    }\r\n\r\n    return command;\r\n}\r\n","// src/index.js\r\nimport { CMD } from \"./constants\";\r\nimport { convertCanvasToEscPos } from \"./utils\";\r\n\r\n/**\r\n * Thermal Printer Library for ESC/POS printers\r\n *\r\n * IMPORTANT: When using printThaiText(), you must load the Sarabun font in your HTML:\r\n * <link href=\"https://fonts.googleapis.com/css2?family=Sarabun:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n *\r\n * Without this link, the printer will use the default system font instead of Sarabun.\r\n */\r\nexport class ThermalPrinter {\r\n    constructor(driverApiUrl = \"http://localhost:9123\", width = 384) {\r\n        this.driverApi = driverApiUrl;\r\n        this.printerWidth = width; // 384 dots = 58mm, 576 dots = 80mm\r\n        this.buffer = [];\r\n    }\r\n\r\n    // --- Basic Commands ---\r\n\r\n    init() {\r\n        this.buffer.push(...CMD.INIT);\r\n        return this;\r\n    }\r\n\r\n    align(alignment = 1) {\r\n        // 0=Left, 1=Center, 2=Right\r\n        const cmd = [...CMD.ALIGN_LEFT];\r\n        cmd[2] = alignment;\r\n        this.buffer.push(...cmd);\r\n        return this;\r\n    }\r\n\r\n    bold(enable = true) {\r\n        this.buffer.push(...(enable ? CMD.BOLD_ON : CMD.BOLD_OFF));\r\n        return this;\r\n    }\r\n\r\n    feed(lines = 1) {\r\n        for (let i = 0; i < lines; i++) this.buffer.push(CMD.LF);\r\n        return this;\r\n    }\r\n\r\n    cut(partial = false) {\r\n        this.buffer.push(...(partial ? CMD.CUT_PARTIAL : CMD.CUT_FULL));\r\n        return this;\r\n    }\r\n\r\n    line(text = \"\") {\r\n        const encoder = new TextEncoder();\r\n        const bytes = encoder.encode(text + \"\\n\");\r\n        this.buffer.push(...bytes);\r\n        return this;\r\n    }\r\n\r\n    newline(count = 1) {\r\n        for (let i = 0; i < count; i++) {\r\n            this.buffer.push(CMD.LF);\r\n        }\r\n        return this;\r\n    }\r\n\r\n    divider(char = \"-\", width = 32) {\r\n        this.line(char.repeat(width));\r\n        return this;\r\n    }\r\n\r\n    beep(times = 1, duration = 100) {\r\n        for (let i = 0; i < times; i++) {\r\n            this.buffer.push(...CMD.BEEP(duration));\r\n        }\r\n        return this;\r\n    }\r\n\r\n    drawerKick() {\r\n        this.buffer.push(...CMD.DRAWER_KICK);\r\n        return this;\r\n    }\r\n\r\n    raw(bytes) {\r\n        this.buffer.push(...bytes);\r\n        return this;\r\n    }\r\n\r\n    // --- Image & Thai Text Logic ---\r\n\r\n    image(imageData) {\r\n        const bytes = convertCanvasToEscPos(imageData);\r\n        this.buffer.push(...bytes);\r\n        return this;\r\n    }\r\n\r\n    /**\r\n     * พิมพ์ข้อความภาษาไทย (Render เป็นรูปภาพอัตโนมัติ)\r\n     *\r\n     * ⚠️ REQUIRED: Sarabun font must be loaded in your HTML file:\r\n     * <link href=\"https://fonts.googleapis.com/css2?family=Sarabun:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n     *\r\n     * Without this link, the system will use the default font instead.\r\n     *\r\n     * @param {string} text - Thai text to print\r\n     * @param {number} fontSize - Font size in pixels (default: 22)\r\n     */\r\n    printThaiText(text, fontSize = 22) {\r\n        if (typeof document === \"undefined\") {\r\n            console.error(\"Browser environment required for printThaiText\");\r\n            return this;\r\n        }\r\n\r\n        const canvas = document.createElement(\"canvas\");\r\n        const ctx = canvas.getContext(\"2d\");\r\n\r\n        // ตั้งค่า Font\r\n        const fontFamily = \"'Sarabun', sans-serif\";\r\n        const lineHeight = fontSize + 12;\r\n        const lines = text.split(\"\\n\");\r\n\r\n        // คำนวณความสูง\r\n        const height = lines.length * lineHeight + 20;\r\n\r\n        canvas.width = this.printerWidth;\r\n        canvas.height = height;\r\n\r\n        // วาดพื้นหลังขาว\r\n        ctx.fillStyle = \"white\";\r\n        ctx.fillRect(0, 0, canvas.width, canvas.height);\r\n\r\n        // วาดข้อความ\r\n        ctx.fillStyle = \"black\";\r\n        ctx.font = `${fontSize}px ${fontFamily}`;\r\n        ctx.textBaseline = \"top\";\r\n\r\n        let y = 10;\r\n        for (let line of lines) {\r\n            ctx.fillText(line, 10, y);\r\n            y += lineHeight;\r\n        }\r\n\r\n        const imageData = ctx.getImageData(0, 0, this.printerWidth, height);\r\n        return this.image(imageData);\r\n    }\r\n\r\n    // --- Execution ---\r\n\r\n    clear() {\r\n        this.buffer = [];\r\n        return this;\r\n    }\r\n\r\n    getBuffer() {\r\n        return new Uint8Array(this.buffer);\r\n    }\r\n\r\n    async print(printerName) {\r\n        // ถ้าไม่ส่งชื่อมา ให้ลองดึงตัวแรก\r\n        if (!printerName) {\r\n            const printers = await ThermalPrinter.getPrinters(this.driverApi);\r\n            if (printers.length > 0) printerName = printers[0];\r\n            else throw new Error(\"No printer found.\");\r\n        }\r\n\r\n        try {\r\n            const bufferData = this.getBuffer();\r\n            const encodedName = encodeURIComponent(printerName);\r\n\r\n            const res = await fetch(\r\n                `${this.driverApi}/print?printer=${encodedName}`,\r\n                {\r\n                    method: \"POST\",\r\n                    headers: { \"Content-Type\": \"application/octet-stream\" },\r\n                    body: bufferData,\r\n                },\r\n            );\r\n\r\n            if (!res.ok) throw new Error(\"Driver Error\");\r\n\r\n            this.clear();\r\n            return { success: true };\r\n        } catch (e) {\r\n            console.error(\"Print Failed:\", e);\r\n            throw e;\r\n        }\r\n    }\r\n\r\n    // --- Static Methods ---\r\n\r\n    static async getPrinters(apiUrl = \"http://localhost:9123\") {\r\n        try {\r\n            const res = await fetch(`${apiUrl}/printers`);\r\n            return await res.json();\r\n        } catch (e) {\r\n            console.error(\"Connection Error:\", e);\r\n            return [];\r\n        }\r\n    }\r\n}\r\n"],"names":["CMD","duration","convertCanvasToEscPos","imageData","width","height","pixels","xBytes","command","y","x","byte","bit","pxIndex","ThermalPrinter","driverApiUrl","alignment","cmd","enable","lines","i","partial","text","bytes","count","char","times","fontSize","canvas","ctx","fontFamily","lineHeight","line","printerName","printers","bufferData","encodedName","e","apiUrl"],"mappings":"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"}

package/dist/thermal-printer.umd.js

@@ -1,2 +1,4 @@
-(function(h,n){typeof exports=="object"&&typeof module<"u"?n(exports):typeof define=="function"&&define.amd?define(["exports"],n):(h=typeof globalThis<"u"?globalThis:h||self,n(h.ThermalPrinter={}))})(this,(function(h){"use strict";const n={LF:10,INIT:[27,64],CUT_FULL:[29,86,66,0],CUT_PARTIAL:[29,86,65,0],BOLD_ON:[27,69,1],BOLD_OFF:[27,69,0],ALIGN_LEFT:[27,97,0]};function x(d){const e=d.width,t=d.height,i=d.data,r=e/8;let s=[];s.push(29,118,48,0),s.push(r%256,Math.floor(r/256)),s.push(t%256,Math.floor(t/256));for(let c=0;c<t;c++)for(let f=0;f<r;f++){let u=0;for(let o=0;o<8;o++){const l=(c*e+f*8+o)*4;i[l]+i[l+1]+i[l+2]<380&&(u|=1<<7-o)}s.push(u)}return s}class a{constructor(e="http://localhost:9123",t=384){this.driverApi=e,this.printerWidth=t,this.buffer=[]}init(){return this.buffer.push(...n.INIT),this}align(e=1){const t=[...n.ALIGN_LEFT];return t[2]=e,this.buffer.push(...t),this}bold(e=!0){return this.buffer.push(...e?n.BOLD_ON:n.BOLD_OFF),this}feed(e=1){for(let t=0;t<e;t++)this.buffer.push(n.LF);return this}cut(e=!1){return this.buffer.push(...e?n.CUT_PARTIAL:n.CUT_FULL),this}image(e){const t=x(e);return this.buffer.push(...t),this}printThaiText(e,t=22){if(typeof document>"u")return console.error("Browser environment required for printThaiText"),this;const i=document.createElement("canvas"),r=i.getContext("2d"),s="'Sarabun', sans-serif",c=t+12,f=e.split(`
-`),u=f.length*c+20;i.width=this.printerWidth,i.height=u,r.fillStyle="white",r.fillRect(0,0,i.width,i.height),r.fillStyle="black",r.font=`${t}px ${s}`,r.textBaseline="top";let o=10;for(let p of f)r.fillText(p,10,o),o+=c;const l=r.getImageData(0,0,this.printerWidth,u);return this.image(l)}clear(){return this.buffer=[],this}getBuffer(){return new Uint8Array(this.buffer)}async print(e){if(!e){const t=await a.getPrinters(this.driverApi);if(t.length>0)e=t[0];else throw new Error("No printer found.")}try{const t=this.getBuffer(),i=encodeURIComponent(e);if(!(await fetch(`${this.driverApi}/print?printer=${i}`,{method:"POST",headers:{"Content-Type":"application/octet-stream"},body:t})).ok)throw new Error("Driver Error");return this.clear(),{success:!0}}catch(t){throw console.error("Print Failed:",t),t}}static async getPrinters(e="http://localhost:9123"){try{return await(await fetch(`${e}/printers`)).json()}catch(t){return console.error("Connection Error:",t),[]}}}h.ThermalPrinter=a,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})}));
+(function(h,i){typeof exports=="object"&&typeof module<"u"?i(exports):typeof define=="function"&&define.amd?define(["exports"],i):(h=typeof globalThis<"u"?globalThis:h||self,i(h.ThermalPrinter={}))})(this,(function(h){"use strict";const i={ESC:27,GS:29,LF:10,INIT:[27,64],CUT_FULL:[29,86,66,0],CUT_PARTIAL:[29,86,65,0],BOLD_ON:[27,69,1],BOLD_OFF:[27,69,0],ALIGN_LEFT:[27,97,0],ALIGN_CENTER:[27,97,1],ALIGN_RIGHT:[27,97,2],DRAWER_KICK:[27,112,0,12,120],BEEP:(u=100)=>[27,66,u]};function p(u){const e=u.width,t=u.height,r=u.data,n=e/8;let s=[];s.push(29,118,48,0),s.push(n%256,Math.floor(n/256)),s.push(t%256,Math.floor(t/256));for(let f=0;f<t;f++)for(let c=0;c<n;c++){let l=0;for(let o=0;o<8;o++){const a=(f*e+c*8+o)*4;r[a]+r[a+1]+r[a+2]<380&&(l|=1<<7-o)}s.push(l)}return s}class x{constructor(e="http://localhost:9123",t=384){this.driverApi=e,this.printerWidth=t,this.buffer=[]}init(){return this.buffer.push(...i.INIT),this}align(e=1){const t=[...i.ALIGN_LEFT];return t[2]=e,this.buffer.push(...t),this}bold(e=!0){return this.buffer.push(...e?i.BOLD_ON:i.BOLD_OFF),this}feed(e=1){for(let t=0;t<e;t++)this.buffer.push(i.LF);return this}cut(e=!1){return this.buffer.push(...e?i.CUT_PARTIAL:i.CUT_FULL),this}line(e=""){const r=new TextEncoder().encode(e+`
+`);return this.buffer.push(...r),this}newline(e=1){for(let t=0;t<e;t++)this.buffer.push(i.LF);return this}divider(e="-",t=32){return this.line(e.repeat(t)),this}beep(e=1,t=100){for(let r=0;r<e;r++)this.buffer.push(...i.BEEP(t));return this}drawerKick(){return this.buffer.push(...i.DRAWER_KICK),this}raw(e){return this.buffer.push(...e),this}image(e){const t=p(e);return this.buffer.push(...t),this}printThaiText(e,t=22){if(typeof document>"u")return console.error("Browser environment required for printThaiText"),this;const r=document.createElement("canvas"),n=r.getContext("2d"),s="'Sarabun', sans-serif",f=t+12,c=e.split(`
+`),l=c.length*f+20;r.width=this.printerWidth,r.height=l,n.fillStyle="white",n.fillRect(0,0,r.width,r.height),n.fillStyle="black",n.font=`${t}px ${s}`,n.textBaseline="top";let o=10;for(let d of c)n.fillText(d,10,o),o+=f;const a=n.getImageData(0,0,this.printerWidth,l);return this.image(a)}clear(){return this.buffer=[],this}getBuffer(){return new Uint8Array(this.buffer)}async print(e){if(!e){const t=await x.getPrinters(this.driverApi);if(t.length>0)e=t[0];else throw new Error("No printer found.")}try{const t=this.getBuffer(),r=encodeURIComponent(e);if(!(await fetch(`${this.driverApi}/print?printer=${r}`,{method:"POST",headers:{"Content-Type":"application/octet-stream"},body:t})).ok)throw new Error("Driver Error");return this.clear(),{success:!0}}catch(t){throw console.error("Print Failed:",t),t}}static async getPrinters(e="http://localhost:9123"){try{return await(await fetch(`${e}/printers`)).json()}catch(t){return console.error("Connection Error:",t),[]}}}h.ThermalPrinter=x,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})}));
+//# sourceMappingURL=thermal-printer.umd.js.map

package/dist/thermal-printer.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thermal-printer.umd.js","sources":["../src/constants.js","../src/utils.js","../src/index.js"],"sourcesContent":["// src/constants.js\r\nexport const CMD = {\r\n    ESC: 0x1b,\r\n    GS: 0x1d,\r\n    LF: 0x0a,\r\n\r\n    // Commands\r\n    INIT: [0x1b, 0x40], // Initialize printer\r\n    CUT_FULL: [0x1d, 0x56, 0x42, 0x00], // Full cut\r\n    CUT_PARTIAL: [0x1d, 0x56, 0x41, 0x00], // Partial cut\r\n\r\n    // Formatting\r\n    BOLD_ON: [0x1b, 0x45, 0x01],\r\n    BOLD_OFF: [0x1b, 0x45, 0x00],\r\n\r\n    ALIGN_LEFT: [0x1b, 0x61, 0x00],\r\n    ALIGN_CENTER: [0x1b, 0x61, 0x01],\r\n    ALIGN_RIGHT: [0x1b, 0x61, 0x02],\r\n\r\n    // Cash Drawer\r\n    DRAWER_KICK: [0x1b, 0x70, 0x00, 0x0c, 0x78],\r\n\r\n    // Beep (ESC B - default 100ms)\r\n    BEEP: (duration = 100) => [0x1b, 0x42, duration],\r\n};\r\n","// src/utils.js\r\n\r\n/**\r\n * แปลงข้อมูลภาพ (ImageData) เป็นคำสั่ง ESC/POS GS v 0\r\n * @param {ImageData} imageData\r\n * @returns {number[]} Array ของ Byte คำสั่ง\r\n */\r\nexport function convertCanvasToEscPos(imageData) {\r\n    const width = imageData.width;\r\n    const height = imageData.height;\r\n    const pixels = imageData.data;\r\n\r\n    // 1 Byte = 8 pixels แนวนอน\r\n    const xBytes = width / 8;\r\n\r\n    let command = [];\r\n\r\n    // Header: GS v 0 (Raster Bit Image)\r\n    command.push(0x1d, 0x76, 0x30, 0x00);\r\n\r\n    // บอกขนาดภาพ (Little Endian)\r\n    command.push(xBytes % 256, Math.floor(xBytes / 256)); // xL, xH\r\n    command.push(height % 256, Math.floor(height / 256)); // yL, yH\r\n\r\n    // Loop ทุก Pixel แปลงเป็น Bit\r\n    for (let y = 0; y < height; y++) {\r\n        for (let x = 0; x < xBytes; x++) {\r\n            let byte = 0;\r\n            for (let bit = 0; bit < 8; bit++) {\r\n                // คำนวณตำแหน่ง Pixel ใน Array (RGBA = 4 ช่องต่อ 1 pixel)\r\n                const pxIndex = (y * width + x * 8 + bit) * 4;\r\n\r\n                // เช็คความสว่าง (R+G+B)\r\n                // ถ้าค่าต่ำกว่า 380 (ค่อนข้างมืด) ให้ถือเป็นสีดำ (Bit=1)\r\n                const brightness =\r\n                    pixels[pxIndex] + pixels[pxIndex + 1] + pixels[pxIndex + 2];\r\n                if (brightness < 380) {\r\n                    byte |= 1 << (7 - bit);\r\n                }\r\n            }\r\n            command.push(byte);\r\n        }\r\n    }\r\n\r\n    return command;\r\n}\r\n","// src/index.js\r\nimport { CMD } from \"./constants\";\r\nimport { convertCanvasToEscPos } from \"./utils\";\r\n\r\n/**\r\n * Thermal Printer Library for ESC/POS printers\r\n *\r\n * IMPORTANT: When using printThaiText(), you must load the Sarabun font in your HTML:\r\n * <link href=\"https://fonts.googleapis.com/css2?family=Sarabun:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n *\r\n * Without this link, the printer will use the default system font instead of Sarabun.\r\n */\r\nexport class ThermalPrinter {\r\n    constructor(driverApiUrl = \"http://localhost:9123\", width = 384) {\r\n        this.driverApi = driverApiUrl;\r\n        this.printerWidth = width; // 384 dots = 58mm, 576 dots = 80mm\r\n        this.buffer = [];\r\n    }\r\n\r\n    // --- Basic Commands ---\r\n\r\n    init() {\r\n        this.buffer.push(...CMD.INIT);\r\n        return this;\r\n    }\r\n\r\n    align(alignment = 1) {\r\n        // 0=Left, 1=Center, 2=Right\r\n        const cmd = [...CMD.ALIGN_LEFT];\r\n        cmd[2] = alignment;\r\n        this.buffer.push(...cmd);\r\n        return this;\r\n    }\r\n\r\n    bold(enable = true) {\r\n        this.buffer.push(...(enable ? CMD.BOLD_ON : CMD.BOLD_OFF));\r\n        return this;\r\n    }\r\n\r\n    feed(lines = 1) {\r\n        for (let i = 0; i < lines; i++) this.buffer.push(CMD.LF);\r\n        return this;\r\n    }\r\n\r\n    cut(partial = false) {\r\n        this.buffer.push(...(partial ? CMD.CUT_PARTIAL : CMD.CUT_FULL));\r\n        return this;\r\n    }\r\n\r\n    line(text = \"\") {\r\n        const encoder = new TextEncoder();\r\n        const bytes = encoder.encode(text + \"\\n\");\r\n        this.buffer.push(...bytes);\r\n        return this;\r\n    }\r\n\r\n    newline(count = 1) {\r\n        for (let i = 0; i < count; i++) {\r\n            this.buffer.push(CMD.LF);\r\n        }\r\n        return this;\r\n    }\r\n\r\n    divider(char = \"-\", width = 32) {\r\n        this.line(char.repeat(width));\r\n        return this;\r\n    }\r\n\r\n    beep(times = 1, duration = 100) {\r\n        for (let i = 0; i < times; i++) {\r\n            this.buffer.push(...CMD.BEEP(duration));\r\n        }\r\n        return this;\r\n    }\r\n\r\n    drawerKick() {\r\n        this.buffer.push(...CMD.DRAWER_KICK);\r\n        return this;\r\n    }\r\n\r\n    raw(bytes) {\r\n        this.buffer.push(...bytes);\r\n        return this;\r\n    }\r\n\r\n    // --- Image & Thai Text Logic ---\r\n\r\n    image(imageData) {\r\n        const bytes = convertCanvasToEscPos(imageData);\r\n        this.buffer.push(...bytes);\r\n        return this;\r\n    }\r\n\r\n    /**\r\n     * พิมพ์ข้อความภาษาไทย (Render เป็นรูปภาพอัตโนมัติ)\r\n     *\r\n     * ⚠️ REQUIRED: Sarabun font must be loaded in your HTML file:\r\n     * <link href=\"https://fonts.googleapis.com/css2?family=Sarabun:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n     *\r\n     * Without this link, the system will use the default font instead.\r\n     *\r\n     * @param {string} text - Thai text to print\r\n     * @param {number} fontSize - Font size in pixels (default: 22)\r\n     */\r\n    printThaiText(text, fontSize = 22) {\r\n        if (typeof document === \"undefined\") {\r\n            console.error(\"Browser environment required for printThaiText\");\r\n            return this;\r\n        }\r\n\r\n        const canvas = document.createElement(\"canvas\");\r\n        const ctx = canvas.getContext(\"2d\");\r\n\r\n        // ตั้งค่า Font\r\n        const fontFamily = \"'Sarabun', sans-serif\";\r\n        const lineHeight = fontSize + 12;\r\n        const lines = text.split(\"\\n\");\r\n\r\n        // คำนวณความสูง\r\n        const height = lines.length * lineHeight + 20;\r\n\r\n        canvas.width = this.printerWidth;\r\n        canvas.height = height;\r\n\r\n        // วาดพื้นหลังขาว\r\n        ctx.fillStyle = \"white\";\r\n        ctx.fillRect(0, 0, canvas.width, canvas.height);\r\n\r\n        // วาดข้อความ\r\n        ctx.fillStyle = \"black\";\r\n        ctx.font = `${fontSize}px ${fontFamily}`;\r\n        ctx.textBaseline = \"top\";\r\n\r\n        let y = 10;\r\n        for (let line of lines) {\r\n            ctx.fillText(line, 10, y);\r\n            y += lineHeight;\r\n        }\r\n\r\n        const imageData = ctx.getImageData(0, 0, this.printerWidth, height);\r\n        return this.image(imageData);\r\n    }\r\n\r\n    // --- Execution ---\r\n\r\n    clear() {\r\n        this.buffer = [];\r\n        return this;\r\n    }\r\n\r\n    getBuffer() {\r\n        return new Uint8Array(this.buffer);\r\n    }\r\n\r\n    async print(printerName) {\r\n        // ถ้าไม่ส่งชื่อมา ให้ลองดึงตัวแรก\r\n        if (!printerName) {\r\n            const printers = await ThermalPrinter.getPrinters(this.driverApi);\r\n            if (printers.length > 0) printerName = printers[0];\r\n            else throw new Error(\"No printer found.\");\r\n        }\r\n\r\n        try {\r\n            const bufferData = this.getBuffer();\r\n            const encodedName = encodeURIComponent(printerName);\r\n\r\n            const res = await fetch(\r\n                `${this.driverApi}/print?printer=${encodedName}`,\r\n                {\r\n                    method: \"POST\",\r\n                    headers: { \"Content-Type\": \"application/octet-stream\" },\r\n                    body: bufferData,\r\n                },\r\n            );\r\n\r\n            if (!res.ok) throw new Error(\"Driver Error\");\r\n\r\n            this.clear();\r\n            return { success: true };\r\n        } catch (e) {\r\n            console.error(\"Print Failed:\", e);\r\n            throw e;\r\n        }\r\n    }\r\n\r\n    // --- Static Methods ---\r\n\r\n    static async getPrinters(apiUrl = \"http://localhost:9123\") {\r\n        try {\r\n            const res = await fetch(`${apiUrl}/printers`);\r\n            return await res.json();\r\n        } catch (e) {\r\n            console.error(\"Connection Error:\", e);\r\n            return [];\r\n        }\r\n    }\r\n}\r\n"],"names":["CMD","duration","convertCanvasToEscPos","imageData","width","height","pixels","xBytes","command","y","x","byte","bit","pxIndex","ThermalPrinter","driverApiUrl","alignment","cmd","enable","lines","i","partial","text","bytes","count","char","times","fontSize","canvas","ctx","fontFamily","lineHeight","line","printerName","printers","bufferData","encodedName","e","apiUrl"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@naphatjm/cdh-thermal-printer",
-    "version": "1.0.0",
+    "version": "1.0.1",
     "description": "Thai Thermal Printer Library via Local Driver",
     "type": "module",
     "files": [