@naphatjm/cdh-thermal-printer 1.0.3 → 1.0.5

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 NaphatJM
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -15,8 +15,9 @@ npm install @naphatjm/cdh-thermal-printer
 ```javascript
 import { ThermalPrinter } from "@naphatjm/cdh-thermal-printer";
 
-const printer = new ThermalPrinter("http://localhost:9123", 384);
-// 384 is papar width
+// ✨ No need to specify driver URL - auto-discovers on localhost:9123-9130
+const printer = new ThermalPrinter(384);
+// 384 is paper width (58mm)
 
 printer
     .init()
@@ -31,24 +32,44 @@ printer
 ### Get Available Printers
 
 ```javascript
-const printers = await ThermalPrinter.getPrinters("http://localhost:9123");
+// Auto-discovers driver automatically
+const printers = await ThermalPrinter.getPrinters();
 console.log(printers);
 ```
 
 **Response Example:**
 
 ```json
-["EPSON TM-58 (Model 109)", "Star Micronics TSP100", "Generic ESC/POS Printer"]
+[
+    {
+        "name": "thermal printer",
+        "driver": "Generic / Text Only",
+        "port": "USB001",
+        "status_text": "Ready"
+    },
+    {
+        "name": "HP LaserJet M1530 MFP Series PCL 6",
+        "driver": "HP LaserJet M1530 MFP Series PCL 6",
+        "port": "HPLaserJetM1536dnfMFP",
+        "status_text": "Ready"
+    },
+    {
+        "name": "Microsoft Print to PDF",
+        "driver": "Microsoft Print To PDF",
+        "port": "PORTPROMPT:",
+        "status_text": "Ready"
+    }
+]
 ```
 
 ### Print Receipt (Full Example)
 
 ```javascript
-const printer = new ThermalPrinter("http://localhost:9123", 384);
+const printer = new ThermalPrinter(384);
 
-// Get available printers
+// Get available printers (auto-discovers driver)
 const printers = await ThermalPrinter.getPrinters();
-const printerName = printers[0];
+const printerName = printers[0].name;
 
 // Build receipt
 printer
@@ -71,14 +92,14 @@ printer
     .feed(3)
     .cut();
 
-// Send to printer
+// Send to printer (auto-discovers driver)
 await printer.print(printerName);
 ```
 
 ### Print Image (QR Code, Logo, etc.)
 
 ```javascript
-const printer = new ThermalPrinter("http://localhost:9123", 384);
+const printer = new ThermalPrinter(384);
 
 // Create canvas and draw image
 const canvas = document.createElement("canvas");
@@ -98,7 +119,7 @@ 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
+// Send to printer (auto-discovers driver)
 const printers = await ThermalPrinter.getPrinters();
 printer
     .init()
@@ -106,14 +127,61 @@ printer
     .image(imageData) // Print the image
     .feed(2)
     .cut()
-    .print(printers[0]);
+    .print(printers[0].name);
+```
+
+## ⚠️ Important: Font Setup for Thai Text
+
+When using `printThaiText()` or `textToImageData()`, you **must** load the Sarabun font in your HTML file:
+
+```html
+<link
+    href="https://fonts.googleapis.com/css2?family=Sarabun:wght@400;700&display=swap"
+    rel="stylesheet" />
+```
+
+Without this link, the printer will use the default system font instead of Sarabun.
+
+## How Auto-Discovery Works
+
+The library automatically scans for the printer driver on ports 9123-9130:
+
+```javascript
+const printer = new ThermalPrinter(384);
+
+// First call to print() triggers auto-discovery
+// Scans localhost:9123 → 9130 for CDH-Driver service
+// Caches the discovered URL for future calls
+await printer.print("Printer Name");
+
+// Subsequent calls reuse the cached URL
+await printer.print("Another Printer");
+
+// Reconnects automatically if connection is lost
 ```
 
-### Convert Thai Text to Image (Client-side Helper)
+**Manual Discovery (if needed):**
+
+```javascript
+const printer = new ThermalPrinter(384);
+
+// Explicitly find driver
+const found = await printer.findDriver();
+if (!found) {
+    console.error(
+        "Driver not found. Please run the printer driver application.",
+    );
+}
+
+// Now proceed with printing
+await printer.print("Printer Name");
+```
+
+## Converting Thai Text (Client-side Helper)
 
 For **server-side printing** with Thai text, use the `textToImageData()` utility function to render text on the client, then send the image data to your server API.
 
-#### Client-side (React/Next.js):
+### Client-side (React/Next.js):
 
 ```javascript
 import { textToImageData } from "@naphatjm/cdh-thermal-printer";
@@ -136,7 +204,7 @@ const response = await fetch("/api/print", {
 });
 ```
 
-#### Server-side (Next.js API Route):
+### Server-side (Next.js API Route):
 
 ```javascript
 // pages/api/print.js
@@ -154,7 +222,7 @@ export default function handler(req, res) {
         height: imageData.height,
     };
 
-    // Print using server-side library
+    // Print using server-side library (auto-discovers driver)
     const printer = new ThermalPrinter();
     try {
         printer.init().image(imageDataLike).feed(3).cut().print(printerName);
@@ -166,28 +234,387 @@ export default function handler(req, res) {
 }
 ```
 
-## ⚠️ Important: Font Setup for Thai Text
+## ImageDataLike Interface
 
-When using `printThaiText()` or `textToImageData()`, you **must** load the Sarabun font in your HTML file:
+For **server-side usage**, the `image()` method accepts an object that matches this structure instead of requiring the native ImageData:
+
+```typescript
+interface ImageDataLike {
+    data: Uint8ClampedArray | number[];
+    width: number;
+    height: number;
+}
+```
+
+**Why?** Node.js doesn't have the `ImageData` constructor, so use a plain object instead:
+
+```javascript
+const imageDataLike = {
+    data: new Uint8ClampedArray([...pixelData]),
+    width: 384,
+    height: 100,
+};
+
+printer.image(imageDataLike).print("Printer Name");
+```
+
+## Complete Next.js Example
+
+### Step 1: Load Font in Layout
+
+```html
+<!-- app/layout.tsx -->
+<head>
+    <link
+        href="https://fonts.googleapis.com/css2?family=Sarabun:wght@400;700&display=swap"
+        rel="stylesheet" />
+</head>
+```
+
+### Step 2: Client Page Component
+
+```typescript
+// app/print/page.tsx
+"use client";
+import { textToImageData } from "@naphatjm/cdh-thermal-printer";
+import { useState } from "react";
+
+export default function PrintPage() {
+    const [loading, setLoading] = useState(false);
+
+    const handlePrint = async (e: React.FormEvent<HTMLFormElement>) => {
+        e.preventDefault();
+        setLoading(true);
+
+        const text = (e.currentTarget.elements.namedItem("text") as HTMLInputElement).value;
+
+        try {
+            // 1. Client-side: Convert Thai text to image
+            const imageData = textToImageData(text, 384, 22);
+
+            // 2. Send to API
+            const response = await fetch("/api/print", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({
+                    imageData: {
+                        data: Array.from(imageData.data),
+                        width: imageData.width,
+                        height: imageData.height,
+                    },
+                    printerName: "EPSON TM-58",
+                }),
+            });
+
+            const result = await response.json();
+            alert(result.message || "✅ Print successful");
+        } catch (error) {
+            alert(`❌ Error: ${error instanceof Error ? error.message : "Unknown error"}`);
+        } finally {
+            setLoading(false);
+        }
+    };
+
+    return (
+        <div style={{ padding: "20px" }}>
+            <h1>🖨️ Print Thai Text</h1>
+            <form onSubmit={handlePrint}>
+                <textarea
+                    name="text"
+                    placeholder="Enter Thai text to print..."
+                    defaultValue="สวัสดีครับ"
+                    style={{ width: "100%", height: "100px" }}
+                />
+                <br />
+                <button type="submit" disabled={loading}>
+                    {loading ? "⏳ Printing..." : "🖨️ Print"}
+                </button>
+            </form>
+        </div>
+    );
+}
+```
+
+### Step 3: API Route Handler
+
+```typescript
+// app/api/print/route.ts
+import { ThermalPrinter } from "@naphatjm/cdh-thermal-printer";
+import { NextRequest, NextResponse } from "next/server";
+
+export async function POST(req: NextRequest) {
+    try {
+        const { imageData, printerName } = await req.json();
+
+        // Convert JSON to ImageDataLike
+        const imageDataLike = {
+            data: new Uint8ClampedArray(imageData.data),
+            width: imageData.width,
+            height: imageData.height,
+        };
+
+        // Use server-side printer
+        const printer = new ThermalPrinter();
+        printer.init().image(imageDataLike).feed(3).cut();
+
+        await printer.print(printerName);
+
+        return NextResponse.json({ message: "✅ Print successful" });
+    } catch (error) {
+        console.error("Print error:", error);
+        return NextResponse.json(
+            { error: error instanceof Error ? error.message : "Unknown error" },
+            { status: 500 },
+        );
+    }
+}
+```
+
+## Customization Options
+
+### What You Can Customize
+
+| Feature               | Parameter/Method                         | Options                          | Default               |
+| --------------------- | ---------------------------------------- | -------------------------------- | --------------------- |
+| **Paper Width**       | Constructor `width`                      | 384 (58mm) / 576 (80mm) / custom | 384                   |
+| **API URL**           | Constructor `driverApiUrl`               | Any URL                          | http://localhost:9123 |
+| **Font Size (Thai)**  | `printThaiText(text, fontSize)`          | Any number (px)                  | 22                    |
+| **Font Size (Image)** | `textToImageData(text, width, fontSize)` | Any number (px)                  | 22                    |
+| **Canvas Width**      | `textToImageData(text, width)`           | Any number (px)                  | 384                   |
+| **Text Alignment**    | `align(alignment)`                       | 0=Left, 1=Center, 2=Right        | 1 (Center)            |
+| **Bold Text**         | `bold(enable)`                           | true / false                     | true                  |
+| **Paper Feed**        | `feed(lines)`                            | Any number                       | 1                     |
+| **Cut Type**          | `cut(partial)`                           | true=Partial, false=Full         | false (Full)          |
+| **Divider Style**     | `divider(char, width)`                   | Any char + count                 | "-", 32               |
+| **Custom Text**       | `line(text)`                             | Any text                         | ""                    |
+| **Blank Lines**       | `newline(count)`                         | Any number                       | 1                     |
+| **Beep Sound**        | `beep(times, duration)`                  | times + ms                       | 1, 100ms              |
+| **Custom Image**      | `image(imageData)`                       | ImageData / ImageDataLike        | -                     |
+| **Raw Commands**      | `raw(bytes)`                             | ESC/POS bytes                    | -                     |
+
+### What's Fixed (For Compatibility)
+
+| Feature                        | Value            | Reason                    |
+| ------------------------------ | ---------------- | ------------------------- |
+| **Thai Font**                  | Sarabun only     | Consistency & readability |
+| **Line Height**                | fontSize + 12px  | Standard spacing          |
+| **Pixel Brightness Threshold** | 380              | Black/White conversion    |
+| **Cash Drawer Pins**           | 0x00, 0x0c, 0x78 | ESC/POS standard          |
+
+### Examples of Customization
+
+#### Custom Paper Width (80mm)
+
+```javascript
+const printer = new ThermalPrinter(576); // 80mm instead of 58mm (default 384)
+
+printer.init().line("Wide receipt").feed(2).cut().print("Printer");
+```
+
+#### Custom Font Size for Thai Text
+
+```javascript
+const printer = new ThermalPrinter();
+
+printer
+    .init()
+    .bold(true)
+    .printThaiText("ขนาดใหญ่", 28) // 28px instead of default 22px
+    .bold(false)
+    .divider("*", 40) // Custom divider
+    .feed(3)
+    .cut()
+    .print("Printer");
+```
+
+#### Custom Divider and Alignment
+
+```javascript
+const printer = new ThermalPrinter();
+
+printer
+    .init()
+    .align(2) // Right align
+    .divider("=", 30) // Different style
+    .line("Item 1     100.-")
+    .line("Item 2     200.-")
+    .divider("-", 20) // Different width
+    .align(1) // Center align
+    .line("Total: 300.-")
+    .feed(5)
+    .cut(true) // Partial cut instead of full
+    .print("Printer");
+```
+
+#### Mixed Customizations
+
+```javascript
+const printer = new ThermalPrinter(576); // 80mm (auto-discovers driver)
+
+printer
+    .init()
+    .align(1) // Center
+    .bold(true)
+    .printThaiText("ร้านค้า XYZ", 26) // Bigger font
+    .bold(false)
+    .divider("=", 50)
+    .line("พิมพ์บันทึก")
+    .divider("-", 40)
+    .line("สินค้า 1     150.-")
+    .line("สินค้า 2     250.-")
+    .line("สินค้า 3     100.-")
+    .divider("-", 40)
+    .align(2) // Right align total
+    .bold(true)
+    .line("รวม:     500.-")
+    .bold(false)
+    .align(1)
+    .newline(2)
+    .line("ขอบคุณที่มาใช้บริการ")
+    .feed(4)
+    .cut(true) // Partial cut
+    .beep(1, 200) // Single beep
+    .print("Receipt Printer");
+```
+
+## Usage Patterns
+
+### Pattern 1: Client-side Direct Printing
+
+```javascript
+// Simple, all processing on client
+printer.init().printThaiText("สวัสดี").feed(2).cut().print("Printer Name");
+```
+
+### Pattern 2: Client Render → Server Print (Recommended for production)
+
+```javascript
+// 1. Client renders
+const imageData = textToImageData("สวัสดี", 384, 22);
+
+// 2. Send to server
+await fetch("/api/print", { body: JSON.stringify(imageData) });
+
+// 3. Server prints (more secure & flexible)
+printer.image(imageDataLike).print("Printer Name");
+```
+
+### Pattern 3: Custom Image Printing
+
+```javascript
+// Use with QR codes, logos, or custom images
+const canvas = document.createElement("canvas");
+const ctx = canvas.getContext("2d");
+// ... draw custom content ...
+const imageData = ctx.getImageData(0, 0, 384, 200);
+
+printer.image(imageData).print("Printer Name");
+```
+
+## Usage Matrix (Quick Reference)
+
+| Scenario               | Method                          | Location                       | Example                              |
+| ---------------------- | ------------------------------- | ------------------------------ | ------------------------------------ |
+| **English text**       | `line()`                        | Server or Client               | `printer.line("Hello")`              |
+| **Thai text (direct)** | `printThaiText()`               | Client only                    | `printer.printThaiText("สวัสดี")`    |
+| **Thai text (API)**    | `textToImageData()` + `image()` | Client converts, Server prints | See Complete Example                 |
+| **Image/QR Code**      | `image()`                       | Server or Client               | `printer.image(imageData)`           |
+| **Get printers**       | `getPrinters()`                 | Server or Client               | `await ThermalPrinter.getPrinters()` |
+
+## ⚠️ Common Issues & Troubleshooting
+
+### Issue: "Browser environment required for printThaiText"
+
+**Problem:** Using `printThaiText()` on server-side (Node.js)
+
+**Solution:** Use `textToImageData()` on client instead
+
+```javascript
+// ❌ WRONG - Server can't use printThaiText
+printer.printThaiText("สวัสดี");
+
+// ✅ RIGHT - Client converts, server prints
+const imageData = textToImageData("สวัสดี");
+// ... send to server ...
+printer.image(imageDataLike);
+```
+
+### Issue: Only "@" symbols print instead of Thai text
+
+**Problem:** Sending Thai text directly without rendering to image
+
+**Solution:** Always convert Thai text to image first
+
+```javascript
+// ❌ WRONG
+printer.line("สวัสดี"); // Will print as gibberish
+
+// ✅ RIGHT
+printer.printThaiText("สวัสดี"); // Client-side
+// OR
+const imageData = textToImageData("สวัสดี"); // Convert first
+```
+
+### Issue: Thai text looks like default font, not Sarabun
+
+**Problem:** Sarabun font not loaded in HTML
+
+**Solution:** Add font link to your HTML `<head>`
 
 ```html
+<!-- ✅ Add this to your HTML -->
 <link
     href="https://fonts.googleapis.com/css2?family=Sarabun:wght@400;700&display=swap"
     rel="stylesheet" />
 ```
 
-Without this link, the printer will use the default system font instead of Sarabun.
+### Issue: "ImageData is not defined" in Node.js
+
+**Problem:** Trying to use browser ImageData in Node.js
+
+**Solution:** Use ImageDataLike object instead
+
+```javascript
+// ❌ WRONG - ImageData doesn't exist in Node.js
+const img = new ImageData(...);
+
+// ✅ RIGHT - Use plain object
+const imageDataLike = {
+    data: new Uint8ClampedArray([...]),
+    width: 384,
+    height: 100,
+};
+printer.image(imageDataLike);
+```
+
+### Issue: TextToImageData throws error on server
+
+**Problem:** `textToImageData()` requires browser Canvas API
+
+**Solution:** Always call `textToImageData()` on client-side only
+
+```javascript
+// ❌ WRONG - Server has no Canvas
+// (server-side code)
+const imageData = textToImageData("สวัสดี");
+
+// ✅ RIGHT - Client calls it
+// (client-side React component)
+const imageData = textToImageData("สวัสดี");
+await fetch("/api/print", { body: JSON.stringify(imageData) });
+```
 
 ## API Reference
 
 ### Constructor
 
 ```javascript
-new ThermalPrinter((driverApiUrl = "http://localhost:9123"), (width = 384));
+new ThermalPrinter((width = 384));
 ```
 
-- `driverApiUrl`: URL of the thermal printer driver API
-- `width`: Printer width in dots (384 = 58mm, 576 = 80mm)
+- `width`: Printer width in dots (384 = 58mm, 576 = 80mm, default: 384)
+
+The driver URL is **auto-discovered** on ports 9123-9130 when first needed.
 
 ### Utility Functions
 
@@ -239,17 +666,43 @@ printer.image(imageData).print();
 
 - `clear()` - Clear all buffered commands
 - `getBuffer()` - Get current buffer as Uint8Array
-- `print(printerName)` - Send buffered commands to printer
+- `findDriver()` - Auto-discover printer driver on localhost:9123-9130, caches result
+- `print(printerName)` - Send buffered commands to printer (triggers auto-discovery if needed)
 
 ### Static Methods
 
-- `static async getPrinters(apiUrl)` - Get list of available printers
+- `static async getPrinters(overrideUrl)` - Get list of available printers from Windows/system
 
-    **Returns:** Array of printer names (strings)
+    **Returns:** Array of PrinterInfo objects
+
+    ```typescript
+    interface PrinterInfo {
+        name: string;
+        driver: string;
+        port: string;
+        status_text: string;
+    }
+    ```
+
+    **Example:**
 
     ```javascript
-    const printers = await ThermalPrinter.getPrinters("http://localhost:9123");
-    // ["EPSON TM-58", "Star Micronics TSP100", ...]
+    const printers = await ThermalPrinter.getPrinters();
+    // [
+    //   { name: "thermal printer", driver: "Generic / Text Only", port: "USB001", status_text: "Ready" },
+    //   { name: "HP LaserJet M1530 MFP Series PCL 6", driver: "HP LaserJet M1530 MFP Series PCL 6", ... },
+    //   ...
+    // ]
+
+    // Filter for thermal printers only
+    const thermalPrinters = printers.filter((p) =>
+        p.name.toLowerCase().includes("thermal"),
+    );
+
+    // Or with override URL (for custom server)
+    const printers = await ThermalPrinter.getPrinters(
+        "http://custom-driver:9123",
+    );
     ```
 
 ## Fluent API
@@ -268,42 +721,24 @@ printer
     .cut();
 ```
 
-## Usage Patterns
+## Environment Notes
 
-### Pattern 1: Client-side Direct Printing
+### Client-side (Browser)
 
-```javascript
-// Simple, all processing on client
-printer.init().printThaiText("สวัสดี").feed(2).cut().print("Printer Name");
-```
-
-### Pattern 2: Client Render → Server Print (Recommended for production)
+✅ Has Canvas API  
+✅ Has DOM (document, window)  
+✅ Has Fonts (Sarabun)  
+✅ Has ImageData constructor  
+**Use:** `printThaiText()`, `textToImageData()`
 
-```javascript
-// 1. Client renders
-const imageData = textToImageData("สวัสดี", 384, 22);
+### Server-side (Node.js)
 
-// 2. Send to server
-await fetch("/api/print", { body: JSON.stringify(imageData) });
-
-// 3. Server prints (more secure & flexible)
-printer.image(imageDataLike).print("Printer Name");
-```
-
-### Pattern 3: Custom Image Printing
-
-```javascript
-// Use with QR codes, logos, or custom images
-const canvas = document.createElement("canvas");
-const ctx = canvas.getContext("2d");
-// ... draw custom content ...
-const imageData = ctx.getImageData(0, 0, 384, 200);
-
-printer.image(imageData).print("Printer Name");
-```
+❌ No Canvas API  
+❌ No DOM  
+❌ No Fonts  
+❌ No ImageData constructor  
+**Use:** `image()` with ImageDataLike, `image()` with image data from client
 
-## Requirements
+## License
 
-- Modern browser with Canvas API support (for `printThaiText()` and `textToImageData()`)
-- Active connection to thermal printer driver API (default: http://localhost:9123)
-- Sarabun font loaded in HTML for Thai text rendering
+MIT

package/dist/index.d.ts

@@ -12,33 +12,87 @@ export interface PrintResponse {
 }
 
 /**
- * ThermalPrinter Service
+ * Printer information from Windows/system
+ */
+export interface PrinterInfo {
+    name: string;
+    driver: string;
+    port: string;
+    status_text: string;
+}
+
+/**
+ * Convert Thai text to ImageData (Client-side only)
+ *
+ * ⚠️ REQUIRED: Sarabun font must be loaded in your HTML:
+ * ```html
+ * <link href="https://fonts.googleapis.com/css2?family=Sarabun:wght@400;700&display=swap" rel="stylesheet">
+ * ```
+ *
+ * @param text - Thai text to convert
+ * @param width - Canvas width in pixels (default: 384 = 58mm)
+ * @param fontSize - Font size in pixels (default: 22)
+ * @returns ImageData object ready for printing
+ * @throws Error if not in browser environment
+ *
+ * @example
+ * ```javascript
+ * // Client-side
+ * const imageData = textToImageData("สวัสดี", 384, 22);
+ * await fetch('/api/print', {
+ *     body: JSON.stringify({
+ *         data: Array.from(imageData.data),
+ *         width: imageData.width,
+ *         height: imageData.height,
+ *     })
+ * });
+ *
+ * // Server-side (API route)
+ * const printer = new ThermalPrinter();
+ * printer
+ *     .init()
+ *     .image({
+ *         data: new Uint8ClampedArray(req.body.data),
+ *         width: req.body.width,
+ *         height: req.body.height,
+ *     })
+ *     .print("Printer Name");
+ * ```
+ */
+export function textToImageData(
+    text: string,
+    width?: number,
+    fontSize?: number,
+): ImageData;
+
+/**
+ * ThermalPrinter Service with Auto-Discovery
  * Fluent API for controlling thermal printer with ESC/POS commands
+ * Automatically discovers printer driver on ports 9123-9130
  *
  * @example
  * ```javascript
- * const printer = new ThermalPrinter("http://localhost:9123", 384);
+ * const printer = new ThermalPrinter(384);  // 384 dots = 58mm (default)
  * printer
  *     .init()
  *     .align(1)
  *     .printThaiText("สวัสดี")
  *     .feed(2)
  *     .cut()
- *     .print("Printer Name");
+ *     .print("Printer Name");  // Auto-discovers driver
  * ```
  */
 export class ThermalPrinter {
     /**
-     * Initialize ThermalPrinter instance
-     * @param driverApiUrl - URL of the thermal printer driver API (default: http://localhost:9123)
+     * Initialize ThermalPrinter instance with auto-discovery
      * @param width - Printer width in dots (384 = 58mm, 576 = 80mm, default: 384)
      */
-    constructor(driverApiUrl?: string, width?: number);
+    constructor(width?: number);
 
     /**
-     * Driver API URL
+     * Driver API URL (null until driver is discovered)
      */
-    readonly driverApi: string;
+    driverApi: string | null;
 
     /**
      * Printer width in dots
@@ -167,21 +221,42 @@ export class ThermalPrinter {
     getBuffer(): Uint8Array;
 
     /**
-     * Print to specific printer
+     * Auto-discover printer driver on localhost:9123-9130
+     * Performs health check and verifies it's a CDH-Driver service
+     * Caches discovered URL for subsequent calls
+     *
+     * @returns Promise<boolean> - true if driver found, false otherwise
+     * @throws Error if driver not found after scanning all ports
+     */
+    findDriver(): Promise<boolean>;
+
+    /**
+     * Print to specific printer (auto-discovers driver if needed)
      * @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
+     * @throws Error if driver 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
+     * Get list of available printers from Windows/system
+     * Auto-discovers driver if URL not provided
+     * @param overrideUrl - Driver API URL (optional, will auto-discover if not provided)
+     * @returns Promise resolving to array of PrinterInfo objects
+     *
+     * @example
+     * ```javascript
+     * const printers = await ThermalPrinter.getPrinters();
+     * // [
+     * //   { name: "thermal printer", driver: "Generic / Text Only", port: "USB001", status_text: "Ready" },
+     * //   { name: "HP LaserJet M1530 MFP Series PCL 6", ... },
+     * //   ...
+     * // ]
+     * ```
      */
-    static getPrinters(apiUrl?: string): Promise<string[]>;
+    static getPrinters(overrideUrl?: string): Promise<PrinterInfo[]>;
 }
 
 export {};

package/dist/thermal-printer.es.js

@@ -1,4 +1,4 @@
-const i = {
+const h = {
   ESC: 27,
   GS: 29,
   LF: 10,
@@ -18,73 +18,86 @@ const i = {
   // Cash Drawer
   DRAWER_KICK: [27, 112, 0, 12, 120],
   // Beep (ESC B - default 100ms)
-  BEEP: (f = 100) => [27, 66, f]
+  BEEP: (l = 100) => [27, 66, l]
 };
-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(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);
+function x(l) {
+  const t = l.width, r = l.height, e = l.data, n = t / 8;
+  let i = [];
+  i.push(29, 118, 48, 0), i.push(n % 256, Math.floor(n / 256)), i.push(r % 256, Math.floor(r / 256));
+  for (let s = 0; s < r; s++)
+    for (let c = 0; c < n; c++) {
+      let a = 0;
+      for (let o = 0; o < 8; o++) {
+        const f = (s * t + c * 8 + o) * 4;
+        e[f] + e[f + 1] + e[f + 2] < 380 && (a |= 1 << 7 - o);
       }
-      n.push(u);
+      i.push(a);
     }
-  return n;
+  return i;
 }
-class l {
-  constructor(e = "http://localhost:9123", t = 384) {
-    this.driverApi = e, this.printerWidth = t, this.buffer = [];
+function p(l, t = 384, r = 22) {
+  if (typeof document > "u")
+    throw new Error(
+      "textToImageData() requires browser environment with Canvas API"
+    );
+  const e = document.createElement("canvas"), n = e.getContext("2d"), i = "'Sarabun', sans-serif", s = r + 12, c = l.split(`
+`), a = c.length * s + 20;
+  e.width = t, e.height = a, n.fillStyle = "white", n.fillRect(0, 0, e.width, e.height), n.fillStyle = "black", n.font = `${r}px ${i}`, n.textBaseline = "top";
+  let o = 10;
+  for (let f of c)
+    n.fillText(f, 10, o), o += s;
+  return n.getImageData(0, 0, t, a);
+}
+class u {
+  constructor(t = 384) {
+    this.driverApi = null, this.printerWidth = t, this.buffer = [];
   }
   // --- Basic Commands ---
   init() {
-    return this.buffer.push(...i.INIT), this;
+    return this.buffer.push(...h.INIT), this;
   }
-  align(e = 1) {
-    const t = [...i.ALIGN_LEFT];
-    return t[2] = e, this.buffer.push(...t), this;
+  align(t = 1) {
+    const r = [...h.ALIGN_LEFT];
+    return r[2] = t, this.buffer.push(...r), this;
   }
-  bold(e = !0) {
-    return this.buffer.push(...e ? i.BOLD_ON : i.BOLD_OFF), this;
+  bold(t = !0) {
+    return this.buffer.push(...t ? h.BOLD_ON : h.BOLD_OFF), this;
   }
-  feed(e = 1) {
-    for (let t = 0; t < e; t++) this.buffer.push(i.LF);
+  feed(t = 1) {
+    for (let r = 0; r < t; r++) this.buffer.push(h.LF);
     return this;
   }
-  cut(e = !1) {
-    return this.buffer.push(...e ? i.CUT_PARTIAL : i.CUT_FULL), this;
+  cut(t = !1) {
+    return this.buffer.push(...t ? h.CUT_PARTIAL : h.CUT_FULL), this;
   }
-  line(e = "") {
-    const r = new TextEncoder().encode(e + `
+  line(t = "") {
+    const e = new TextEncoder().encode(t + `
 `);
-    return this.buffer.push(...r), this;
+    return this.buffer.push(...e), this;
   }
-  newline(e = 1) {
-    for (let t = 0; t < e; t++)
-      this.buffer.push(i.LF);
+  newline(t = 1) {
+    for (let r = 0; r < t; r++)
+      this.buffer.push(h.LF);
     return this;
   }
-  divider(e = "-", t = 32) {
-    return this.line(e.repeat(t)), this;
+  divider(t = "-", r = 32) {
+    return this.line(t.repeat(r)), this;
   }
-  beep(e = 1, t = 100) {
-    for (let r = 0; r < e; r++)
-      this.buffer.push(...i.BEEP(t));
+  beep(t = 1, r = 100) {
+    for (let e = 0; e < t; e++)
+      this.buffer.push(...h.BEEP(r));
     return this;
   }
   drawerKick() {
-    return this.buffer.push(...i.DRAWER_KICK), this;
+    return this.buffer.push(...h.DRAWER_KICK), this;
   }
-  raw(e) {
-    return this.buffer.push(...e), this;
+  raw(t) {
+    return this.buffer.push(...t), this;
   }
   // --- Image & Thai Text Logic ---
-  image(e) {
-    const t = p(e);
-    return this.buffer.push(...t), this;
+  image(t) {
+    const r = x(t);
+    return this.buffer.push(...r), this;
   }
   /**
    * พิมพ์ข้อความภาษาไทย (Render เป็นรูปภาพอัตโนมัติ)
@@ -97,17 +110,17 @@ class l {
    * @param {string} text - Thai text to print
    * @param {number} fontSize - Font size in pixels (default: 22)
    */
-  printThaiText(e, t = 22) {
+  printThaiText(t, r = 22) {
     if (typeof document > "u")
       return console.error("Browser environment required for printThaiText"), this;
-    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);
+    const e = document.createElement("canvas"), n = e.getContext("2d"), i = "'Sarabun', sans-serif", s = r + 12, c = t.split(`
+`), a = c.length * s + 20;
+    e.width = this.printerWidth, e.height = a, n.fillStyle = "white", n.fillRect(0, 0, e.width, e.height), n.fillStyle = "black", n.font = `${r}px ${i}`, n.textBaseline = "top";
+    let o = 10;
+    for (let d of c)
+      n.fillText(d, 10, o), o += s;
+    const f = n.getImageData(0, 0, this.printerWidth, a);
+    return this.image(f);
   }
   // --- Execution ---
   clear() {
@@ -116,37 +129,74 @@ class l {
   getBuffer() {
     return new Uint8Array(this.buffer);
   }
-  async print(e) {
-    if (!e) {
-      const t = await l.getPrinters(this.driverApi);
-      if (t.length > 0) e = t[0];
-      else throw new Error("No printer found.");
+  // --- 🔥 Auto Discovery & Print Logic 🔥 ---
+  /**
+   * วิ่งหา Driver ใน Port 9123-9130
+   * (Lazy Mode: เรียกใช้เมื่อจำเป็น)
+   */
+  async findDriver() {
+    if (this.driverApi)
+      try {
+        if ((await fetch(`${this.driverApi}/health`)).ok) return !0;
+      } catch {
+        console.warn("Driver connection lost, rescanning..."), this.driverApi = null;
+      }
+    for (let t = 9123; t <= 9130; t++) {
+      const r = `http://localhost:${t}`;
+      try {
+        const e = new AbortController(), n = setTimeout(() => e.abort(), 100), i = await fetch(`${r}/health`, {
+          signal: e.signal
+        });
+        if (clearTimeout(n), i.ok && (await i.json()).service === "CDH-Driver")
+          return this.driverApi = r, console.log(`✅ Driver found at: ${r}`), !0;
+      } catch {
+        continue;
+      }
+    }
+    return console.error("❌ CDH Driver not found (Is .exe running?)"), !1;
+  }
+  async print(t) {
+    if (!await this.findDriver())
+      throw new Error(
+        "Cannot connect to Printer Driver. Please run the application."
+      );
+    if (!t) {
+      const e = await u.getPrinters(this.driverApi);
+      if (e.length > 0) t = e[0].name;
+      else throw new Error("No printer found in Windows settings.");
     }
     try {
-      const t = this.getBuffer(), r = encodeURIComponent(e);
+      const e = this.getBuffer(), n = encodeURIComponent(t);
       if (!(await fetch(
-        `${this.driverApi}/print?printer=${r}`,
+        `${this.driverApi}/print?printer=${n}`,
         {
           method: "POST",
           headers: { "Content-Type": "application/octet-stream" },
-          body: t
+          body: e
         }
-      )).ok) throw new Error("Driver Error");
+      )).ok) throw new Error("Driver returned error");
       return this.clear(), { success: !0 };
-    } catch (t) {
-      throw console.error("Print Failed:", t), t;
+    } catch (e) {
+      throw console.error("Print Failed:", e), e;
     }
   }
-  // --- Static Methods ---
-  static async getPrinters(e = "http://localhost:9123") {
+  // Static Method: ต้องสร้าง instance ชั่วคราวไปหา driver
+  static async getPrinters(t = null) {
+    let r = t;
+    if (!r) {
+      const e = new u();
+      if (await e.findDriver()) r = e.driverApi;
+      else return [];
+    }
     try {
-      return await (await fetch(`${e}/printers`)).json();
-    } catch (t) {
-      return console.error("Connection Error:", t), [];
+      return await (await fetch(`${r}/printers`)).json();
+    } catch (e) {
+      return console.error("Get Printers Failed:", e), [];
     }
   }
 }
 export {
-  l as ThermalPrinter
+  u as ThermalPrinter,
+  p as textToImageData
 };
 //# sourceMappingURL=thermal-printer.es.js.map

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

@@ -1 +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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"}
+{"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/**\r\n * แปลงข้อความเป็น ImageData (Client-side only)\r\n * ต้องใช้ใน Browser environment เท่านั้น\r\n *\r\n * ⚠️ REQUIRED: Sarabun font must be loaded 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 * @param {string} text - Thai text to convert\r\n * @param {number} width - Canvas width in pixels (default: 384)\r\n * @param {number} fontSize - Font size in pixels (default: 22)\r\n * @returns {ImageData} Canvas ImageData object\r\n * @throws {Error} If not in browser environment\r\n *\r\n * @example\r\n * // Client-side (React/Next.js)\r\n * const imageData = textToImageData(\"สวัสดี\", 384, 22);\r\n * await fetch('/api/print', {\r\n *     body: JSON.stringify({\r\n *         data: Array.from(imageData.data),\r\n *         width: imageData.width,\r\n *         height: imageData.height,\r\n *     })\r\n * });\r\n */\r\nexport function textToImageData(text, width = 384, fontSize = 22) {\r\n    // ตรวจสอบว่าเป็น Browser environment\r\n    if (typeof document === \"undefined\") {\r\n        throw new Error(\r\n            \"textToImageData() requires browser environment with Canvas API\",\r\n        );\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 = width;\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    // ดึง ImageData\r\n    return ctx.getImageData(0, 0, width, height);\r\n}\r\n","// src/index.js\r\nimport { CMD } from \"./constants\";\r\nimport { convertCanvasToEscPos, textToImageData } from \"./utils\";\r\n\r\n/**\r\n * Thermal Printer Library for ESC/POS printers\r\n *\r\n * IMPORTANT: When using printThaiText() or textToImageData(), 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 { textToImageData } from \"./utils\";\r\nexport class ThermalPrinter {\r\n    constructor(width = 384) {\r\n        this.driverApi = null; // เริ่มต้นยังไม่มี URL\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    // --- 🔥 Auto Discovery & Print Logic 🔥 ---\r\n\r\n    /**\r\n     * วิ่งหา Driver ใน Port 9123-9130\r\n     * (Lazy Mode: เรียกใช้เมื่อจำเป็น)\r\n     */\r\n    async findDriver() {\r\n        // 1. ถ้ามี URL เดิมอยู่ ลองเช็คว่ายังอยู่ไหม (Ping)\r\n        if (this.driverApi) {\r\n            try {\r\n                const res = await fetch(`${this.driverApi}/health`);\r\n                if (res.ok) return true; // ยังอยู่ดี\r\n            } catch (e) {\r\n                console.warn(\"Driver connection lost, rescanning...\");\r\n                this.driverApi = null;\r\n            }\r\n        }\r\n\r\n        // 2. ถ้าไม่มี หรือหลุด ให้วนหาใหม่\r\n        for (let port = 9123; port <= 9130; port++) {\r\n            const url = `http://localhost:${port}`;\r\n            try {\r\n                // ตั้ง Timeout สั้นๆ (100ms) เพื่อความเร็ว\r\n                const controller = new AbortController();\r\n                const timeoutId = setTimeout(() => controller.abort(), 100);\r\n\r\n                const res = await fetch(`${url}/health`, {\r\n                    signal: controller.signal,\r\n                });\r\n                clearTimeout(timeoutId);\r\n\r\n                if (res.ok) {\r\n                    const data = await res.json();\r\n                    // เช็ค Signature ว่าใช่ Driver ของเราไหม\r\n                    if (data.service === \"CDH-Driver\") {\r\n                        this.driverApi = url;\r\n                        console.log(`✅ Driver found at: ${url}`);\r\n                        return true;\r\n                    }\r\n                }\r\n            } catch (e) {\r\n                // Port ไม่ว่าง หรือไม่ใช่ของเรา -> ข้าม\r\n                continue;\r\n            }\r\n        }\r\n        console.error(\"❌ CDH Driver not found (Is .exe running?)\");\r\n        return false;\r\n    }\r\n\r\n    async print(printerName) {\r\n        // 1. หา Driver ก่อน (Lazy Discovery)\r\n        const found = await this.findDriver();\r\n        if (!found) {\r\n            throw new Error(\r\n                \"Cannot connect to Printer Driver. Please run the application.\",\r\n            );\r\n        }\r\n\r\n        // 2. ถ้าไม่ระบุชื่อ Printer ให้ดึงตัวแรก\r\n        if (!printerName) {\r\n            const printers = await ThermalPrinter.getPrinters(this.driverApi);\r\n            if (printers.length > 0) printerName = printers[0].name;\r\n            else throw new Error(\"No printer found in Windows settings.\");\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 returned 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 Method: ต้องสร้าง instance ชั่วคราวไปหา driver\r\n    static async getPrinters(overrideUrl = null) {\r\n        let apiUrl = overrideUrl;\r\n\r\n        if (!apiUrl) {\r\n            const temp = new ThermalPrinter();\r\n            const found = await temp.findDriver();\r\n            if (found) apiUrl = temp.driverApi;\r\n            else return [];\r\n        }\r\n\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(\"Get Printers Failed:\", 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","textToImageData","text","fontSize","canvas","ctx","fontFamily","lineHeight","lines","line","ThermalPrinter","alignment","cmd","enable","i","partial","bytes","count","char","times","port","url","controller","timeoutId","res","printerName","printers","bufferData","encodedName","overrideUrl","apiUrl","temp"],"mappings":"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"}

package/dist/thermal-printer.umd.js

@@ -1,4 +1,5 @@
-(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"})}));
+(function(f,i){typeof exports=="object"&&typeof module<"u"?i(exports):typeof define=="function"&&define.amd?define(["exports"],i):(f=typeof globalThis<"u"?globalThis:f||self,i(f.ThermalPrinter={}))})(this,(function(f){"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:(l=100)=>[27,66,l]};function p(l){const t=l.width,r=l.height,e=l.data,n=t/8;let s=[];s.push(29,118,48,0),s.push(n%256,Math.floor(n/256)),s.push(r%256,Math.floor(r/256));for(let o=0;o<r;o++)for(let c=0;c<n;c++){let a=0;for(let h=0;h<8;h++){const u=(o*t+c*8+h)*4;e[u]+e[u+1]+e[u+2]<380&&(a|=1<<7-h)}s.push(a)}return s}function b(l,t=384,r=22){if(typeof document>"u")throw new Error("textToImageData() requires browser environment with Canvas API");const e=document.createElement("canvas"),n=e.getContext("2d"),s="'Sarabun', sans-serif",o=r+12,c=l.split(`
+`),a=c.length*o+20;e.width=t,e.height=a,n.fillStyle="white",n.fillRect(0,0,e.width,e.height),n.fillStyle="black",n.font=`${r}px ${s}`,n.textBaseline="top";let h=10;for(let u of c)n.fillText(u,10,h),h+=o;return n.getImageData(0,0,t,a)}class d{constructor(t=384){this.driverApi=null,this.printerWidth=t,this.buffer=[]}init(){return this.buffer.push(...i.INIT),this}align(t=1){const r=[...i.ALIGN_LEFT];return r[2]=t,this.buffer.push(...r),this}bold(t=!0){return this.buffer.push(...t?i.BOLD_ON:i.BOLD_OFF),this}feed(t=1){for(let r=0;r<t;r++)this.buffer.push(i.LF);return this}cut(t=!1){return this.buffer.push(...t?i.CUT_PARTIAL:i.CUT_FULL),this}line(t=""){const e=new TextEncoder().encode(t+`
+`);return this.buffer.push(...e),this}newline(t=1){for(let r=0;r<t;r++)this.buffer.push(i.LF);return this}divider(t="-",r=32){return this.line(t.repeat(r)),this}beep(t=1,r=100){for(let e=0;e<t;e++)this.buffer.push(...i.BEEP(r));return this}drawerKick(){return this.buffer.push(...i.DRAWER_KICK),this}raw(t){return this.buffer.push(...t),this}image(t){const r=p(t);return this.buffer.push(...r),this}printThaiText(t,r=22){if(typeof document>"u")return console.error("Browser environment required for printThaiText"),this;const e=document.createElement("canvas"),n=e.getContext("2d"),s="'Sarabun', sans-serif",o=r+12,c=t.split(`
+`),a=c.length*o+20;e.width=this.printerWidth,e.height=a,n.fillStyle="white",n.fillRect(0,0,e.width,e.height),n.fillStyle="black",n.font=`${r}px ${s}`,n.textBaseline="top";let h=10;for(let x of c)n.fillText(x,10,h),h+=o;const u=n.getImageData(0,0,this.printerWidth,a);return this.image(u)}clear(){return this.buffer=[],this}getBuffer(){return new Uint8Array(this.buffer)}async findDriver(){if(this.driverApi)try{if((await fetch(`${this.driverApi}/health`)).ok)return!0}catch{console.warn("Driver connection lost, rescanning..."),this.driverApi=null}for(let t=9123;t<=9130;t++){const r=`http://localhost:${t}`;try{const e=new AbortController,n=setTimeout(()=>e.abort(),100),s=await fetch(`${r}/health`,{signal:e.signal});if(clearTimeout(n),s.ok&&(await s.json()).service==="CDH-Driver")return this.driverApi=r,console.log(`✅ Driver found at: ${r}`),!0}catch{continue}}return console.error("❌ CDH Driver not found (Is .exe running?)"),!1}async print(t){if(!await this.findDriver())throw new Error("Cannot connect to Printer Driver. Please run the application.");if(!t){const e=await d.getPrinters(this.driverApi);if(e.length>0)t=e[0].name;else throw new Error("No printer found in Windows settings.")}try{const e=this.getBuffer(),n=encodeURIComponent(t);if(!(await fetch(`${this.driverApi}/print?printer=${n}`,{method:"POST",headers:{"Content-Type":"application/octet-stream"},body:e})).ok)throw new Error("Driver returned error");return this.clear(),{success:!0}}catch(e){throw console.error("Print Failed:",e),e}}static async getPrinters(t=null){let r=t;if(!r){const e=new d;if(await e.findDriver())r=e.driverApi;else return[]}try{return await(await fetch(`${r}/printers`)).json()}catch(e){return console.error("Get Printers Failed:",e),[]}}}f.ThermalPrinter=d,f.textToImageData=b,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})}));
 //# sourceMappingURL=thermal-printer.umd.js.map

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

@@ -1 +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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"}
+{"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/**\r\n * แปลงข้อความเป็น ImageData (Client-side only)\r\n * ต้องใช้ใน Browser environment เท่านั้น\r\n *\r\n * ⚠️ REQUIRED: Sarabun font must be loaded 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 * @param {string} text - Thai text to convert\r\n * @param {number} width - Canvas width in pixels (default: 384)\r\n * @param {number} fontSize - Font size in pixels (default: 22)\r\n * @returns {ImageData} Canvas ImageData object\r\n * @throws {Error} If not in browser environment\r\n *\r\n * @example\r\n * // Client-side (React/Next.js)\r\n * const imageData = textToImageData(\"สวัสดี\", 384, 22);\r\n * await fetch('/api/print', {\r\n *     body: JSON.stringify({\r\n *         data: Array.from(imageData.data),\r\n *         width: imageData.width,\r\n *         height: imageData.height,\r\n *     })\r\n * });\r\n */\r\nexport function textToImageData(text, width = 384, fontSize = 22) {\r\n    // ตรวจสอบว่าเป็น Browser environment\r\n    if (typeof document === \"undefined\") {\r\n        throw new Error(\r\n            \"textToImageData() requires browser environment with Canvas API\",\r\n        );\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 = width;\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    // ดึง ImageData\r\n    return ctx.getImageData(0, 0, width, height);\r\n}\r\n","// src/index.js\r\nimport { CMD } from \"./constants\";\r\nimport { convertCanvasToEscPos, textToImageData } from \"./utils\";\r\n\r\n/**\r\n * Thermal Printer Library for ESC/POS printers\r\n *\r\n * IMPORTANT: When using printThaiText() or textToImageData(), 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 { textToImageData } from \"./utils\";\r\nexport class ThermalPrinter {\r\n    constructor(width = 384) {\r\n        this.driverApi = null; // เริ่มต้นยังไม่มี URL\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    // --- 🔥 Auto Discovery & Print Logic 🔥 ---\r\n\r\n    /**\r\n     * วิ่งหา Driver ใน Port 9123-9130\r\n     * (Lazy Mode: เรียกใช้เมื่อจำเป็น)\r\n     */\r\n    async findDriver() {\r\n        // 1. ถ้ามี URL เดิมอยู่ ลองเช็คว่ายังอยู่ไหม (Ping)\r\n        if (this.driverApi) {\r\n            try {\r\n                const res = await fetch(`${this.driverApi}/health`);\r\n                if (res.ok) return true; // ยังอยู่ดี\r\n            } catch (e) {\r\n                console.warn(\"Driver connection lost, rescanning...\");\r\n                this.driverApi = null;\r\n            }\r\n        }\r\n\r\n        // 2. ถ้าไม่มี หรือหลุด ให้วนหาใหม่\r\n        for (let port = 9123; port <= 9130; port++) {\r\n            const url = `http://localhost:${port}`;\r\n            try {\r\n                // ตั้ง Timeout สั้นๆ (100ms) เพื่อความเร็ว\r\n                const controller = new AbortController();\r\n                const timeoutId = setTimeout(() => controller.abort(), 100);\r\n\r\n                const res = await fetch(`${url}/health`, {\r\n                    signal: controller.signal,\r\n                });\r\n                clearTimeout(timeoutId);\r\n\r\n                if (res.ok) {\r\n                    const data = await res.json();\r\n                    // เช็ค Signature ว่าใช่ Driver ของเราไหม\r\n                    if (data.service === \"CDH-Driver\") {\r\n                        this.driverApi = url;\r\n                        console.log(`✅ Driver found at: ${url}`);\r\n                        return true;\r\n                    }\r\n                }\r\n            } catch (e) {\r\n                // Port ไม่ว่าง หรือไม่ใช่ของเรา -> ข้าม\r\n                continue;\r\n            }\r\n        }\r\n        console.error(\"❌ CDH Driver not found (Is .exe running?)\");\r\n        return false;\r\n    }\r\n\r\n    async print(printerName) {\r\n        // 1. หา Driver ก่อน (Lazy Discovery)\r\n        const found = await this.findDriver();\r\n        if (!found) {\r\n            throw new Error(\r\n                \"Cannot connect to Printer Driver. Please run the application.\",\r\n            );\r\n        }\r\n\r\n        // 2. ถ้าไม่ระบุชื่อ Printer ให้ดึงตัวแรก\r\n        if (!printerName) {\r\n            const printers = await ThermalPrinter.getPrinters(this.driverApi);\r\n            if (printers.length > 0) printerName = printers[0].name;\r\n            else throw new Error(\"No printer found in Windows settings.\");\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 returned 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 Method: ต้องสร้าง instance ชั่วคราวไปหา driver\r\n    static async getPrinters(overrideUrl = null) {\r\n        let apiUrl = overrideUrl;\r\n\r\n        if (!apiUrl) {\r\n            const temp = new ThermalPrinter();\r\n            const found = await temp.findDriver();\r\n            if (found) apiUrl = temp.driverApi;\r\n            else return [];\r\n        }\r\n\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(\"Get Printers Failed:\", 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","textToImageData","text","fontSize","canvas","ctx","fontFamily","lineHeight","lines","line","ThermalPrinter","alignment","cmd","enable","i","partial","bytes","count","char","times","port","url","controller","timeoutId","res","printerName","printers","bufferData","encodedName","overrideUrl","apiUrl","temp"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@naphatjm/cdh-thermal-printer",
-    "version": "1.0.3",
+    "version": "1.0.5",
     "description": "Thai Thermal Printer Library via Local Driver",
     "type": "module",
     "files": [
@@ -11,9 +11,9 @@
     "types": "./dist/index.d.ts",
     "exports": {
         ".": {
+            "types": "./dist/index.d.ts",
             "import": "./dist/thermal-printer.es.js",
-            "require": "./dist/thermal-printer.umd.js",
-            "types": "./dist/index.d.ts"
+            "require": "./dist/thermal-printer.umd.js"
         }
     },
     "scripts": {