@wirunrom/hqr-generate 0.1.0 → 0.2.1

package/README.md

@@ -1,16 +1,32 @@
-# hqr-generate
+# @wirunrom/hqr-generate
 
-Stable black/white QR Code generator returning PNG data URL (Rust + WASM).
+A **stable black-and-white QR Code generator** that returns a **PNG Data URL**, powered by **Rust + WebAssembly (WASM)**.
 
-## Install
+- High contrast (black & white) for maximum scan reliability
+- Designed to work across old and new mobile devices
+- Simple API for frontend usage
+- Compatible with React, Next.js, and modern bundlers
 
-npm i hqr-generate
+---
+
+## Installation
+
+```bash
+npm install @wirunrom/hqr-generate
+```
 
 ## Usage (React / Next.js)
 
 ```ts
-import { qr_png_data_url } from "hqr-generate";
+import { qr_png_data_url } from "@wirunrom/hqr-generate";
+
+const src = await qr_png_data_url(
+  "hello world",
+  320, // image size (px)
+  4, // margin (quiet zone)
+  "Q", // error correction level: L | M | Q | H
+);
 
-const src = await qr_png_data_url("hello", 320, 4, "Q");
-// <img src={src} />
+// Example:
+// <img src={src} alt="QR Code" />
 ```

package/bundler/react.d.ts

@@ -0,0 +1,6 @@
+import type { QrEcc } from "../index";
+
+export declare function useQrCode(
+  text: string,
+  opts?: { size?: number; margin?: number; ecc?: QrEcc }
+): string;

package/bundler/react.js

@@ -0,0 +1,35 @@
+import { useEffect, useState } from "react";
+import { qr_png_data_url } from "../index.bundler.js";
+
+export function useQrCode(text, opts) {
+  const size = opts?.size ?? 320;
+  const margin = opts?.margin ?? 4;
+  const ecc = opts?.ecc ?? "Q";
+
+  const [src, setSrc] = useState("");
+
+  useEffect(() => {
+    let alive = true;
+
+    if (!text) {
+      setSrc("");
+      return () => {
+        alive = false;
+      };
+    }
+
+    qr_png_data_url(text, size, margin, ecc)
+      .then((res) => {
+        if (alive) setSrc(res);
+      })
+      .catch(() => {
+        if (alive) setSrc("");
+      });
+
+    return () => {
+      alive = false;
+    };
+  }, [text, size, margin, ecc]);
+
+  return src;
+}

package/index.bundler.js

@@ -0,0 +1,15 @@
+import init, {
+  qr_png_data_url as _qr_png_data_url,
+} from "./pkg/bundler/hqr_generate.js";
+
+let _initPromise;
+
+async function ensureInit() {
+  if (!_initPromise) _initPromise = init();
+  await _initPromise;
+}
+
+export async function qr_png_data_url(text, size = 320, margin = 4, ecc = "Q") {
+  await ensureInit();
+  return _qr_png_data_url(text, size, margin, ecc);
+}

package/index.d.ts

@@ -1,6 +1,6 @@
 export type QrEcc = "L" | "M" | "Q" | "H";
 
-export function qr_png_data_url(
+export declare function qr_png_data_url(
   text: string,
   size?: number,
   margin?: number,

package/index.web.js

@@ -0,0 +1,23 @@
+import init, {
+  qr_png_data_url as _qr_png_data_url,
+} from "./pkg/web/hqr_generate.js";
+
+let _initPromise;
+
+/** @returns {Promise<void>} */
+async function ensureInit() {
+  if (!_initPromise) _initPromise = init();
+  await _initPromise;
+}
+
+/**
+ * @param {string} text
+ * @param {number} [size=320]
+ * @param {number} [margin=4]
+ * @param {"L"|"M"|"Q"|"H"} [ecc="Q"]
+ * @returns {Promise<string>}
+ */
+export async function qr_png_data_url(text, size = 320, margin = 4, ecc = "Q") {
+  await ensureInit();
+  return _qr_png_data_url(text, size, margin, ecc);
+}

package/package.json

@@ -1,30 +1,49 @@
 {
   "name": "@wirunrom/hqr-generate",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "description": "Stable black/white QR code generator (PNG data URL) powered by Rust + WASM",
   "type": "module",
   "files": [
     "pkg/**",
-    "index.browser.js",
-    "index.node.js",
+    "index.web.js",
+    "index.bundler.js",
     "index.d.ts",
+    "react/**",
+    "bundler/**",
     "README.md",
     "LICENSE"
   ],
-  "main": "./index.node.js",
-  "module": "./index.browser.js",
+  "main": "./index.web.js",
+  "module": "./index.web.js",
   "types": "./index.d.ts",
   "exports": {
     ".": {
       "types": "./index.d.ts",
-      "browser": "./index.browser.js",
-      "default": "./index.node.js"
+      "default": "./index.web.js"
+    },
+    "./bundler": {
+      "types": "./index.d.ts",
+      "default": "./index.bundler.js"
+    },
+    "./react": {
+      "types": "./react/index.d.ts",
+      "default": "./react/index.js"
+    },
+    "./bundler/react": {
+      "types": "./bundler/react.d.ts",
+      "default": "./bundler/react.js"
     }
   },
+  "peerDependencies": {
+    "react": ">=17",
+    "react-dom": ">=17"
+  },
   "scripts": {
-    "build": "wasm-pack build --target bundler",
     "clean": "rm -rf pkg",
-    "prepack": "npm run clean && npm run build && rm -f pkg/.gitignore",
+    "build:web": "wasm-pack build --target web --out-dir pkg/web",
+    "build:bundler": "wasm-pack build --target bundler --out-dir pkg/bundler",
+    "build": "npm run build:web && npm run build:bundler",
+    "prepack": "npm run clean && npm run build && rm -f pkg/web/.gitignore pkg/bundler/.gitignore",
     "publish:npm": "npm publish --registry=https://registry.npmjs.org --access public",
     "publish:github": "npm publish --registry=https://npm.pkg.github.com --userconfig .npmrc.github --access public"
   },

package/pkg/bundler/README.md

@@ -0,0 +1,32 @@
+# @wirunrom/hqr-generate
+
+A **stable black-and-white QR Code generator** that returns a **PNG Data URL**, powered by **Rust + WebAssembly (WASM)**.
+
+- High contrast (black & white) for maximum scan reliability
+- Designed to work across old and new mobile devices
+- Simple API for frontend usage
+- Compatible with React, Next.js, and modern bundlers
+
+---
+
+## Installation
+
+```bash
+npm install @wirunrom/hqr-generate
+```
+
+## Usage (React / Next.js)
+
+```ts
+import { qr_png_data_url } from "@wirunrom/hqr-generate";
+
+const src = await qr_png_data_url(
+  "hello world",
+  320, // image size (px)
+  4, // margin (quiet zone)
+  "Q", // error correction level: L | M | Q | H
+);
+
+// Example:
+// <img src={src} alt="QR Code" />
+```

package/pkg/web/README.md

@@ -0,0 +1,32 @@
+# @wirunrom/hqr-generate
+
+A **stable black-and-white QR Code generator** that returns a **PNG Data URL**, powered by **Rust + WebAssembly (WASM)**.
+
+- High contrast (black & white) for maximum scan reliability
+- Designed to work across old and new mobile devices
+- Simple API for frontend usage
+- Compatible with React, Next.js, and modern bundlers
+
+---
+
+## Installation
+
+```bash
+npm install @wirunrom/hqr-generate
+```
+
+## Usage (React / Next.js)
+
+```ts
+import { qr_png_data_url } from "@wirunrom/hqr-generate";
+
+const src = await qr_png_data_url(
+  "hello world",
+  320, // image size (px)
+  4, // margin (quiet zone)
+  "Q", // error correction level: L | M | Q | H
+);
+
+// Example:
+// <img src={src} alt="QR Code" />
+```

package/pkg/web/hqr_generate.d.ts

@@ -0,0 +1,39 @@
+/* tslint:disable */
+/* eslint-disable */
+
+export function qr_png_data_url(text: string, size: number, margin: number, ecc: string): string;
+
+export type InitInput = RequestInfo | URL | Response | BufferSource | WebAssembly.Module;
+
+export interface InitOutput {
+    readonly memory: WebAssembly.Memory;
+    readonly qr_png_data_url: (a: number, b: number, c: number, d: number, e: number, f: number) => [number, number, number, number];
+    readonly __wbindgen_externrefs: WebAssembly.Table;
+    readonly __wbindgen_malloc: (a: number, b: number) => number;
+    readonly __wbindgen_realloc: (a: number, b: number, c: number, d: number) => number;
+    readonly __externref_table_dealloc: (a: number) => void;
+    readonly __wbindgen_free: (a: number, b: number, c: number) => void;
+    readonly __wbindgen_start: () => void;
+}
+
+export type SyncInitInput = BufferSource | WebAssembly.Module;
+
+/**
+ * Instantiates the given `module`, which can either be bytes or
+ * a precompiled `WebAssembly.Module`.
+ *
+ * @param {{ module: SyncInitInput }} module - Passing `SyncInitInput` directly is deprecated.
+ *
+ * @returns {InitOutput}
+ */
+export function initSync(module: { module: SyncInitInput } | SyncInitInput): InitOutput;
+
+/**
+ * If `module_or_path` is {RequestInfo} or {URL}, makes a request and
+ * for everything else, calls `WebAssembly.instantiate` directly.
+ *
+ * @param {{ module_or_path: InitInput | Promise<InitInput> }} module_or_path - Passing `InitInput` directly is deprecated.
+ *
+ * @returns {Promise<InitOutput>}
+ */
+export default function __wbg_init (module_or_path?: { module_or_path: InitInput | Promise<InitInput> } | InitInput | Promise<InitInput>): Promise<InitOutput>;

package/pkg/web/hqr_generate.js

@@ -0,0 +1,232 @@
+/* @ts-self-types="./hqr_generate.d.ts" */
+
+/**
+ * @param {string} text
+ * @param {number} size
+ * @param {number} margin
+ * @param {string} ecc
+ * @returns {string}
+ */
+export function qr_png_data_url(text, size, margin, ecc) {
+    let deferred4_0;
+    let deferred4_1;
+    try {
+        const ptr0 = passStringToWasm0(text, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+        const len0 = WASM_VECTOR_LEN;
+        const ptr1 = passStringToWasm0(ecc, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+        const len1 = WASM_VECTOR_LEN;
+        const ret = wasm.qr_png_data_url(ptr0, len0, size, margin, ptr1, len1);
+        var ptr3 = ret[0];
+        var len3 = ret[1];
+        if (ret[3]) {
+            ptr3 = 0; len3 = 0;
+            throw takeFromExternrefTable0(ret[2]);
+        }
+        deferred4_0 = ptr3;
+        deferred4_1 = len3;
+        return getStringFromWasm0(ptr3, len3);
+    } finally {
+        wasm.__wbindgen_free(deferred4_0, deferred4_1, 1);
+    }
+}
+
+function __wbg_get_imports() {
+    const import0 = {
+        __proto__: null,
+        __wbindgen_cast_0000000000000001: function(arg0, arg1) {
+            // Cast intrinsic for `Ref(String) -> Externref`.
+            const ret = getStringFromWasm0(arg0, arg1);
+            return ret;
+        },
+        __wbindgen_init_externref_table: function() {
+            const table = wasm.__wbindgen_externrefs;
+            const offset = table.grow(4);
+            table.set(0, undefined);
+            table.set(offset + 0, undefined);
+            table.set(offset + 1, null);
+            table.set(offset + 2, true);
+            table.set(offset + 3, false);
+        },
+    };
+    return {
+        __proto__: null,
+        "./hqr_generate_bg.js": import0,
+    };
+}
+
+function getStringFromWasm0(ptr, len) {
+    ptr = ptr >>> 0;
+    return decodeText(ptr, len);
+}
+
+let cachedUint8ArrayMemory0 = null;
+function getUint8ArrayMemory0() {
+    if (cachedUint8ArrayMemory0 === null || cachedUint8ArrayMemory0.byteLength === 0) {
+        cachedUint8ArrayMemory0 = new Uint8Array(wasm.memory.buffer);
+    }
+    return cachedUint8ArrayMemory0;
+}
+
+function passStringToWasm0(arg, malloc, realloc) {
+    if (realloc === undefined) {
+        const buf = cachedTextEncoder.encode(arg);
+        const ptr = malloc(buf.length, 1) >>> 0;
+        getUint8ArrayMemory0().subarray(ptr, ptr + buf.length).set(buf);
+        WASM_VECTOR_LEN = buf.length;
+        return ptr;
+    }
+
+    let len = arg.length;
+    let ptr = malloc(len, 1) >>> 0;
+
+    const mem = getUint8ArrayMemory0();
+
+    let offset = 0;
+
+    for (; offset < len; offset++) {
+        const code = arg.charCodeAt(offset);
+        if (code > 0x7F) break;
+        mem[ptr + offset] = code;
+    }
+    if (offset !== len) {
+        if (offset !== 0) {
+            arg = arg.slice(offset);
+        }
+        ptr = realloc(ptr, len, len = offset + arg.length * 3, 1) >>> 0;
+        const view = getUint8ArrayMemory0().subarray(ptr + offset, ptr + len);
+        const ret = cachedTextEncoder.encodeInto(arg, view);
+
+        offset += ret.written;
+        ptr = realloc(ptr, len, offset, 1) >>> 0;
+    }
+
+    WASM_VECTOR_LEN = offset;
+    return ptr;
+}
+
+function takeFromExternrefTable0(idx) {
+    const value = wasm.__wbindgen_externrefs.get(idx);
+    wasm.__externref_table_dealloc(idx);
+    return value;
+}
+
+let cachedTextDecoder = new TextDecoder('utf-8', { ignoreBOM: true, fatal: true });
+cachedTextDecoder.decode();
+const MAX_SAFARI_DECODE_BYTES = 2146435072;
+let numBytesDecoded = 0;
+function decodeText(ptr, len) {
+    numBytesDecoded += len;
+    if (numBytesDecoded >= MAX_SAFARI_DECODE_BYTES) {
+        cachedTextDecoder = new TextDecoder('utf-8', { ignoreBOM: true, fatal: true });
+        cachedTextDecoder.decode();
+        numBytesDecoded = len;
+    }
+    return cachedTextDecoder.decode(getUint8ArrayMemory0().subarray(ptr, ptr + len));
+}
+
+const cachedTextEncoder = new TextEncoder();
+
+if (!('encodeInto' in cachedTextEncoder)) {
+    cachedTextEncoder.encodeInto = function (arg, view) {
+        const buf = cachedTextEncoder.encode(arg);
+        view.set(buf);
+        return {
+            read: arg.length,
+            written: buf.length
+        };
+    };
+}
+
+let WASM_VECTOR_LEN = 0;
+
+let wasmModule, wasm;
+function __wbg_finalize_init(instance, module) {
+    wasm = instance.exports;
+    wasmModule = module;
+    cachedUint8ArrayMemory0 = null;
+    wasm.__wbindgen_start();
+    return wasm;
+}
+
+async function __wbg_load(module, imports) {
+    if (typeof Response === 'function' && module instanceof Response) {
+        if (typeof WebAssembly.instantiateStreaming === 'function') {
+            try {
+                return await WebAssembly.instantiateStreaming(module, imports);
+            } catch (e) {
+                const validResponse = module.ok && expectedResponseType(module.type);
+
+                if (validResponse && module.headers.get('Content-Type') !== 'application/wasm') {
+                    console.warn("`WebAssembly.instantiateStreaming` failed because your server does not serve Wasm with `application/wasm` MIME type. Falling back to `WebAssembly.instantiate` which is slower. Original error:\n", e);
+
+                } else { throw e; }
+            }
+        }
+
+        const bytes = await module.arrayBuffer();
+        return await WebAssembly.instantiate(bytes, imports);
+    } else {
+        const instance = await WebAssembly.instantiate(module, imports);
+
+        if (instance instanceof WebAssembly.Instance) {
+            return { instance, module };
+        } else {
+            return instance;
+        }
+    }
+
+    function expectedResponseType(type) {
+        switch (type) {
+            case 'basic': case 'cors': case 'default': return true;
+        }
+        return false;
+    }
+}
+
+function initSync(module) {
+    if (wasm !== undefined) return wasm;
+
+
+    if (module !== undefined) {
+        if (Object.getPrototypeOf(module) === Object.prototype) {
+            ({module} = module)
+        } else {
+            console.warn('using deprecated parameters for `initSync()`; pass a single object instead')
+        }
+    }
+
+    const imports = __wbg_get_imports();
+    if (!(module instanceof WebAssembly.Module)) {
+        module = new WebAssembly.Module(module);
+    }
+    const instance = new WebAssembly.Instance(module, imports);
+    return __wbg_finalize_init(instance, module);
+}
+
+async function __wbg_init(module_or_path) {
+    if (wasm !== undefined) return wasm;
+
+
+    if (module_or_path !== undefined) {
+        if (Object.getPrototypeOf(module_or_path) === Object.prototype) {
+            ({module_or_path} = module_or_path)
+        } else {
+            console.warn('using deprecated parameters for the initialization function; pass a single object instead')
+        }
+    }
+
+    if (module_or_path === undefined) {
+        module_or_path = new URL('hqr_generate_bg.wasm', import.meta.url);
+    }
+    const imports = __wbg_get_imports();
+
+    if (typeof module_or_path === 'string' || (typeof Request === 'function' && module_or_path instanceof Request) || (typeof URL === 'function' && module_or_path instanceof URL)) {
+        module_or_path = fetch(module_or_path);
+    }
+
+    const { instance, module } = await __wbg_load(await module_or_path, imports);
+
+    return __wbg_finalize_init(instance, module);
+}
+
+export { initSync, __wbg_init as default };

package/pkg/web/hqr_generate_bg.wasm.d.ts

@@ -0,0 +1,10 @@
+/* tslint:disable */
+/* eslint-disable */
+export const memory: WebAssembly.Memory;
+export const qr_png_data_url: (a: number, b: number, c: number, d: number, e: number, f: number) => [number, number, number, number];
+export const __wbindgen_externrefs: WebAssembly.Table;
+export const __wbindgen_malloc: (a: number, b: number) => number;
+export const __wbindgen_realloc: (a: number, b: number, c: number, d: number) => number;
+export const __externref_table_dealloc: (a: number) => void;
+export const __wbindgen_free: (a: number, b: number, c: number) => void;
+export const __wbindgen_start: () => void;

package/pkg/web/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "hqr-generate",
+  "type": "module",
+  "description": "Stable black/white QR code generator (PNG data URL) powered by Rust + WASM",
+  "version": "0.1.0",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/heart569522/hqr-generate"
+  },
+  "files": [
+    "hqr_generate_bg.wasm",
+    "hqr_generate.js",
+    "hqr_generate.d.ts"
+  ],
+  "main": "hqr_generate.js",
+  "types": "hqr_generate.d.ts",
+  "sideEffects": [
+    "./snippets/*"
+  ]
+}

package/react/index.d.ts

@@ -0,0 +1,6 @@
+import type { QrEcc } from "../index";
+
+export declare function useQrCode(
+  text: string,
+  opts?: { size?: number; margin?: number; ecc?: QrEcc }
+): string;

package/react/index.js

@@ -0,0 +1,40 @@
+import { useEffect, useState } from "react";
+import { qr_png_data_url } from "../index.web.js";
+
+/**
+ * React hook for QR Code Data URL (browser-only).
+ * @param {string} text
+ * @param {{size?:number, margin?:number, ecc?:"L"|"M"|"Q"|"H"}} [opts]
+ */
+export function useQrCode(text, opts) {
+  const size = opts?.size ?? 320;
+  const margin = opts?.margin ?? 4;
+  const ecc = opts?.ecc ?? "Q";
+
+  const [src, setSrc] = useState("");
+
+  useEffect(() => {
+    let alive = true;
+
+    if (!text) {
+      setSrc("");
+      return () => {
+        alive = false;
+      };
+    }
+
+    qr_png_data_url(text, size, margin, ecc)
+      .then((res) => {
+        if (alive) setSrc(res);
+      })
+      .catch(() => {
+        if (alive) setSrc("");
+      });
+
+    return () => {
+      alive = false;
+    };
+  }, [text, size, margin, ecc]);
+
+  return src;
+}

package/index.browser.js

@@ -1,24 +0,0 @@
-let _initPromise;
-let _modPromise;
-
-async function loadWasm() {
-  if (!_modPromise) {
-    _modPromise = import("./pkg/hqr_generate.js");
-  }
-  const mod = await _modPromise;
-
-  const initFn =
-    mod.default ?? mod.__wbg_init ?? mod.init ?? mod.__wbindgen_start;
-
-  if (typeof initFn === "function") {
-    if (!_initPromise) _initPromise = initFn();
-    await _initPromise;
-  }
-
-  return mod;
-}
-
-export async function qr_png_data_url(text, size = 320, margin = 4, ecc = "Q") {
-  const mod = await loadWasm();
-  return mod.qr_png_data_url(text, size, margin, ecc);
-}

package/index.node.js

@@ -1,5 +0,0 @@
-export async function qr_png_data_url() {
-  throw new Error(
-    'hqr-generate is a browser/WASM library. Use it in a Client Component ("use client") only.',
-  );
-}

package/pkg/README.md

@@ -1,16 +0,0 @@
-# hqr-generate
-
-Stable black/white QR Code generator returning PNG data URL (Rust + WASM).
-
-## Install
-
-npm i hqr-generate
-
-## Usage (React / Next.js)
-
-```ts
-import { qr_png_data_url } from "hqr-generate";
-
-const src = await qr_png_data_url("hello", 320, 4, "Q");
-// <img src={src} />
-```