@mostajs/qrpanel 0.4.0 → 0.6.0

package/dist/qr-image.d.ts

@@ -0,0 +1,32 @@
+export interface QrDataUrlOptions {
+    /** Côté de l'image en pixels. Défaut 200. */
+    size?: number;
+    /** Marge blanche autour du QR (en modules). Défaut 2. */
+    margin?: number;
+    /** Correction d'erreur : L 7 % | M 15 % | Q 25 % | H 30 %. Défaut 'M'. */
+    errorCorrectionLevel?: 'L' | 'M' | 'Q' | 'H';
+    /** Couleur des modules sombres. Défaut '#0f172a'. */
+    darkColor?: string;
+    /** Couleur du fond. Défaut '#ffffff'. */
+    lightColor?: string;
+}
+export interface UseQrDataUrlResult {
+    /** Data URL `data:image/png;base64,…` du QR, ou '' tant que non prêt. */
+    src: string;
+    /** True pendant la génération. */
+    loading: boolean;
+    /** Message d'erreur si la génération a échoué, sinon null. */
+    error: string | null;
+}
+/** Hook : génère le data URL d'un QR localement (navigateur). */
+export declare function useQrDataUrl(data: string, opts?: QrDataUrlOptions): UseQrDataUrlResult;
+export interface QrImageProps extends QrDataUrlOptions {
+    /** Donnée encodée dans le QR (URL, texte…). */
+    data: string;
+    alt?: string;
+    style?: React.CSSProperties;
+    className?: string;
+}
+/** QR code généré localement et rendu en `<img>` data-URL (COEP-safe). */
+export default function QrImage({ data, alt, style, className, ...opts }: QrImageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=qr-image.d.ts.map

package/dist/qr-image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-image.d.ts","sourceRoot":"","sources":["../src/qr-image.tsx"],"names":[],"mappings":"AAuBA,MAAM,WAAW,gBAAgB;IAC/B,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,0EAA0E;IAC1E,oBAAoB,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;IAC5C,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,yEAAyE;IACzE,GAAG,EAAE,MAAM,CAAA;IACX,kCAAkC;IAClC,OAAO,EAAE,OAAO,CAAA;IAChB,8DAA8D;IAC9D,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB;AAED,iEAAiE;AACjE,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,GAAE,gBAAqB,GAAG,kBAAkB,CAwB1F;AAED,MAAM,WAAW,YAAa,SAAQ,gBAAgB;IACpD,+CAA+C;IAC/C,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,0EAA0E;AAC1E,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,IAAI,EAAE,GAAe,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EACjD,EAAE,YAAY,2CAqBd"}

package/dist/qr-image.js

@@ -0,0 +1,68 @@
+// @mostajs/qrpanel/qr-image — composant QR généré côté navigateur
+// Author: Dr Hamid MADANI <drmdh@msn.com>
+//
+// QR code généré 100% dans le navigateur (data URL via `qrcode`), sans
+// appel réseau ni round-trip serveur. Complète les deux briques
+// existantes de qrpanel :
+//   - `<QrPanel>` (./client) attend un `qrSrc` déjà fourni par l'app.
+//   - `generateQr*` (./server) génère côté Node uniquement (@resvg natif).
+// `<QrImage>` couvre le cas manquant : génération locale, côté client.
+//
+// Cas d'usage clé — COEP `require-corp` : sous cross-origin isolation
+// (requise par ex. par ffmpeg.wasm / SharedArrayBuffer), une image QR
+// servie par un service externe est bloquée par la politique. La
+// génération locale est alors la seule option côté client.
+//
+// Sub-export dédié (`@mostajs/qrpanel/qr-image`) : `qrcode` n'est
+// embarqué dans le bundle client que pour les consumers qui l'importent.
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import QRCode from 'qrcode';
+/** Hook : génère le data URL d'un QR localement (navigateur). */
+export function useQrDataUrl(data, opts = {}) {
+    const { size = 200, margin = 2, errorCorrectionLevel = 'M', darkColor = '#0f172a', lightColor = '#ffffff', } = opts;
+    const [src, setSrc] = useState('');
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        let alive = true;
+        setLoading(true);
+        setError(null);
+        setSrc('');
+        QRCode.toDataURL(data, {
+            width: size, margin, errorCorrectionLevel,
+            color: { dark: darkColor, light: lightColor },
+        })
+            .then((url) => { if (alive) {
+            setSrc(url);
+            setLoading(false);
+        } })
+            .catch((e) => {
+            if (alive) {
+                setError(e?.message || 'QR generation failed');
+                setLoading(false);
+            }
+        });
+        return () => { alive = false; };
+    }, [data, size, margin, errorCorrectionLevel, darkColor, lightColor]);
+    return { src, loading, error };
+}
+/** QR code généré localement et rendu en `<img>` data-URL (COEP-safe). */
+export default function QrImage({ data, alt = 'QR code', style, className, ...opts }) {
+    const size = opts.size ?? 200;
+    const { src, loading, error } = useQrDataUrl(data, opts);
+    const box = {
+        width: size, height: size, display: 'flex',
+        alignItems: 'center', justifyContent: 'center',
+        background: '#fff', borderRadius: 6, border: '1px solid #e2e8f0',
+        fontSize: 11, color: '#94a3b8', textAlign: 'center',
+        ...style,
+    };
+    if (error)
+        return _jsx("div", { style: box, className: className, children: "QR indisponible" });
+    if (loading || !src)
+        return _jsx("div", { style: box, className: className, "aria-busy": "true", children: "\u2026" });
+    return (_jsx("img", { src: src, alt: alt, width: size, height: size, style: { background: '#fff', borderRadius: 6, display: 'block', ...style }, className: className }));
+}
+//# sourceMappingURL=qr-image.js.map

package/dist/qr-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-image.js","sourceRoot":"","sources":["../src/qr-image.tsx"],"names":[],"mappings":"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"}

package/dist/qr-svg.js

@@ -0,0 +1,165 @@
+// @mostajs/qrpanel/qr-svg — ARTEFACT GÉNÉRÉ depuis src/qr-svg.js (pur JS, copie 1:1) — ne pas éditer ici. Author: Dr Hamid MADANI <drmdh@msn.com>
+// Complète qrpanel (qr-image = navigateur via `qrcode` ; server.js = @resvg natif) par un encodeur PUR JS server-side, idéal apps zéro-dép.
+// Modes numérique & octet (byte/UTF-8), niveau de correction M, versions 1→10 (auto). Reed-Solomon GF(256), 8 masques + pénalité.
+// Vérifié contre le vecteur de référence publié (« 01234567 », v1-M → 10 mots de code EC connus). Sortie : matrice booléenne + SVG.
+
+// ── GF(256) — corps de Galois, primitif 0x11d (x^8+x^4+x^3+x^2+1). ──
+const EXP = new Array(512), LOG = new Array(256);
+(() => { let x = 1; for (let i = 0; i < 255; i++) { EXP[i] = x; LOG[x] = i; x <<= 1; if (x & 0x100) x ^= 0x11d; } for (let i = 255; i < 512; i++) EXP[i] = EXP[i - 255]; })();
+const gmul = (a, b) => (a === 0 || b === 0) ? 0 : EXP[LOG[a] + LOG[b]];
+
+// Polynôme générateur Reed-Solomon de degré `n`.
+function rsGenPoly(n) {
+  let g = [1];
+  for (let i = 0; i < n; i++) { const ng = new Array(g.length + 1).fill(0); for (let j = 0; j < g.length; j++) { ng[j] ^= gmul(g[j], 1); ng[j + 1] ^= gmul(g[j], EXP[i]); } g = ng; }
+  return g;
+}
+// Mots de code de correction d'erreur pour `data` (octets) avec `ecLen` symboles.
+function rsEncode(data, ecLen) {
+  const gen = rsGenPoly(ecLen); const res = new Array(ecLen).fill(0);   // gen a ecLen+1 coeffs (gen[0]=1, ignoré dans la division)
+  for (const d of data) { const factor = d ^ res[0]; res.shift(); res.push(0); if (factor !== 0) for (let i = 0; i < ecLen; i++) res[i] ^= gmul(gen[i + 1], factor); }
+  return res;
+}
+
+// ── Tables niveau M, versions 1→10 : [totalDataCodewords, ecPerBlock, [ [nbBlocks, dataPerBlock], ... ] ]. ──
+const VERSIONS_M = {
+  1: [16, 10, [[1, 16]]], 2: [28, 16, [[1, 28]]], 3: [44, 26, [[1, 44]]], 4: [64, 18, [[2, 32]]],
+  5: [86, 24, [[2, 43]]], 6: [108, 16, [[4, 27]]], 7: [124, 18, [[4, 31]]], 8: [154, 22, [[2, 38], [2, 39]]],
+  9: [182, 22, [[3, 36], [2, 37]]], 10: [216, 26, [[4, 43], [1, 44]]],
+};
+// Positions des motifs d'alignement (centres) par version.
+const ALIGN = { 1: [], 2: [6, 18], 3: [6, 22], 4: [6, 26], 5: [6, 30], 6: [6, 34], 7: [6, 22, 38], 8: [6, 24, 42], 9: [6, 26, 46], 10: [6, 28, 50] };
+const sizeOf = (v) => 17 + 4 * v;
+
+const isNumeric = (s) => /^[0-9]+$/.test(s);
+
+// ── Encodage des données (bitstream) selon le mode. ──
+function encodeData(text, version, totalDataCw) {
+  const bits = [];
+  const push = (val, len) => { for (let i = len - 1; i >= 0; i--) bits.push((val >> i) & 1); };
+  if (isNumeric(text)) {
+    push(0b0001, 4);                                   // mode numérique
+    push(text.length, version < 10 ? 10 : 12);
+    for (let i = 0; i < text.length; i += 3) { const chunk = text.substr(i, 3); push(parseInt(chunk, 10), chunk.length === 3 ? 10 : chunk.length === 2 ? 7 : 4); }
+  } else {
+    const bytes = Buffer.from(text, 'utf8');
+    push(0b0100, 4);                                   // mode octet
+    push(bytes.length, version < 10 ? 8 : 16);
+    for (const b of bytes) push(b, 8);
+  }
+  const cap = totalDataCw * 8;
+  for (let i = 0; i < 4 && bits.length < cap; i++) bits.push(0);   // terminateur
+  while (bits.length % 8 !== 0) bits.push(0);                       // alignement octet
+  const pads = [0xec, 0x11]; let p = 0;
+  while (bits.length < cap) { push(pads[p % 2], 8); p++; }
+  const cw = []; for (let i = 0; i < bits.length; i += 8) { let b = 0; for (let j = 0; j < 8; j++) b = (b << 1) | bits[i + j]; cw.push(b); }
+  return cw;
+}
+
+// Choisit la plus petite version (≤10) qui contient `text`.
+function pickVersion(text) {
+  const len = isNumeric(text) ? null : Buffer.from(text, 'utf8').length;
+  for (let v = 1; v <= 10; v++) {
+    const totalData = VERSIONS_M[v][0];
+    // estimation grossière de capacité : entête (~4 + count bits) puis données
+    const headerBits = 4 + (v < 10 ? (isNumeric(text) ? 10 : 8) : (isNumeric(text) ? 12 : 16));
+    const dataBits = isNumeric(text) ? Math.ceil(text.length / 3) * 10 : (len * 8);
+    if (headerBits + dataBits <= totalData * 8) return v;
+  }
+  throw new Error('contenu trop long pour QR v≤10 (raccourcir l\'URL/jeton)');
+}
+
+// Entrelace données + EC par blocs (spec QR).
+function interleave(dataCw, version) {
+  const [, ecLen, groups] = VERSIONS_M[version];
+  const blocks = []; let idx = 0;
+  for (const [nb, dpb] of groups) for (let i = 0; i < nb; i++) { const d = dataCw.slice(idx, idx + dpb); idx += dpb; blocks.push({ d, e: rsEncode(d, ecLen) }); }
+  const maxD = Math.max(...blocks.map((b) => b.d.length));
+  const out = [];
+  for (let i = 0; i < maxD; i++) for (const b of blocks) if (i < b.d.length) out.push(b.d[i]);
+  for (let i = 0; i < ecLen; i++) for (const b of blocks) out.push(b.e[i]);
+  return out;
+}
+
+// ── Matrice : motifs de repérage, séparateurs, timing, alignement, module sombre, réservé format. ──
+function buildMatrix(version) {
+  const n = sizeOf(version);
+  const m = Array.from({ length: n }, () => new Array(n).fill(null));   // null = libre
+  const fn = Array.from({ length: n }, () => new Array(n).fill(false)); // true = fonction (non masquable)
+  const set = (r, c, v) => { m[r][c] = v ? 1 : 0; fn[r][c] = true; };
+  const finder = (r, c) => { for (let i = -1; i <= 7; i++) for (let j = -1; j <= 7; j++) { const rr = r + i, cc = c + j; if (rr < 0 || rr >= n || cc < 0 || cc >= n) continue; const inb = i >= 0 && i <= 6 && j >= 0 && j <= 6; const ring = i === 0 || i === 6 || j === 0 || j === 6; const core = i >= 2 && i <= 4 && j >= 2 && j <= 4; set(rr, cc, inb && (ring || core)); } };
+  finder(0, 0); finder(0, n - 7); finder(n - 7, 0);
+  for (let i = 0; i < n; i++) { if (m[6][i] === null) set(6, i, i % 2 === 0); if (m[i][6] === null) set(i, 6, i % 2 === 0); }   // timing
+  const ac = ALIGN[version];
+  for (const r of ac) for (const c of ac) { if ((r <= 7 && c <= 7) || (r <= 7 && c >= n - 8) || (r >= n - 8 && c <= 7)) continue; for (let i = -2; i <= 2; i++) for (let j = -2; j <= 2; j++) set(r + i, c + j, Math.max(Math.abs(i), Math.abs(j)) !== 1); }
+  set(n - 8, 8, 1);   // module sombre
+  // Réserve les zones d'info de format (sans valeur définitive) → marquées fonction.
+  for (let i = 0; i < 9; i++) { if (m[8][i] === null) { m[8][i] = 0; fn[8][i] = true; } if (m[i][8] === null) { m[i][8] = 0; fn[i][8] = true; } }
+  for (let i = 0; i < 8; i++) { if (m[8][n - 1 - i] === null) { m[8][n - 1 - i] = 0; fn[8][n - 1 - i] = true; } if (m[n - 1 - i][8] === null) { m[n - 1 - i][8] = 0; fn[n - 1 - i][8] = true; } }
+  return { m, fn, n };
+}
+
+// Place le bitstream en zigzag (colonnes de 2, de droite à gauche, en sautant la colonne 6).
+function placeData(m, fn, n, bytes) {
+  let bitIdx = 0; const bitsArr = []; for (const b of bytes) for (let i = 7; i >= 0; i--) bitsArr.push((b >> i) & 1);
+  let up = true;
+  for (let col = n - 1; col > 0; col -= 2) {
+    if (col === 6) col--;
+    for (let k = 0; k < n; k++) { const row = up ? n - 1 - k : k; for (const c of [col, col - 1]) { if (!fn[row][c]) { m[row][c] = bitIdx < bitsArr.length ? bitsArr[bitIdx] : 0; bitIdx++; } } }
+    up = !up;
+  }
+}
+
+const MASKS = [
+  (r, c) => (r + c) % 2 === 0, (r) => r % 2 === 0, (r, c) => c % 3 === 0, (r, c) => (r + c) % 3 === 0,
+  (r, c) => (Math.floor(r / 2) + Math.floor(c / 3)) % 2 === 0, (r, c) => ((r * c) % 2) + ((r * c) % 3) === 0,
+  (r, c) => (((r * c) % 2) + ((r * c) % 3)) % 2 === 0, (r, c) => (((r + c) % 2) + ((r * c) % 3)) % 2 === 0,
+];
+function applyMask(m, fn, n, maskFn) { const o = m.map((row) => row.slice()); for (let r = 0; r < n; r++) for (let c = 0; c < n; c++) if (!fn[r][c] && maskFn(r, c)) o[r][c] ^= 1; return o; }
+
+// Info de format (niveau M = bits 00) + masque → 15 bits BCH, placée aux deux emplacements.
+function placeFormat(m, n, maskId) {
+  const data = (0b00 << 3) | maskId; let bch = data << 10;
+  for (let i = 14; i >= 10; i--) if ((bch >> i) & 1) bch ^= 0b10100110111 << (i - 10);
+  const bits = (((data << 10) | bch) ^ 0b101010000010010);
+  const get = (i) => (bits >> i) & 1;
+  for (let i = 0; i <= 5; i++) m[8][i] = get(i);
+  m[8][7] = get(6); m[8][8] = get(7); m[7][8] = get(8);
+  for (let i = 9; i <= 14; i++) m[14 - i][8] = get(i);
+  for (let i = 0; i <= 7; i++) m[n - 1 - i][8] = get(i);
+  for (let i = 8; i <= 14; i++) m[8][n - 15 + i] = get(i);
+}
+
+function penalty(m, n) {
+  let p = 0;
+  for (let r = 0; r < n; r++) for (const line of [m[r], m.map((x) => x[r])]) { let run = 1; for (let c = 1; c < n; c++) { if (line[c] === line[c - 1]) { run++; if (run === 5) p += 3; else if (run > 5) p++; } else run = 1; } }
+  for (let r = 0; r < n - 1; r++) for (let c = 0; c < n - 1; c++) if (m[r][c] === m[r][c + 1] && m[r][c] === m[r + 1][c] && m[r][c] === m[r + 1][c + 1]) p += 3;
+  let dark = 0; for (let r = 0; r < n; r++) for (let c = 0; c < n; c++) dark += m[r][c]; const ratio = (dark * 100) / (n * n); p += Math.floor(Math.abs(ratio - 50) / 5) * 10;
+  return p;
+}
+
+/** Encode `text` en matrice QR (booléens true=module sombre). Niveau M, version auto ≤10. */
+export function qrMatrix(text) {
+  const version = pickVersion(text);
+  const totalData = VERSIONS_M[version][0];
+  const dataCw = encodeData(text, version, totalData);
+  const finalCw = interleave(dataCw, version);
+  const { m, fn, n } = buildMatrix(version);
+  placeData(m, fn, n, finalCw);
+  let best = null, bestScore = Infinity, bestMask = 0;
+  for (let mask = 0; mask < 8; mask++) { const cand = applyMask(m, fn, n, MASKS[mask]); placeFormat(cand, n, mask); const s = penalty(cand, n); if (s < bestScore) { bestScore = s; best = cand; bestMask = mask; } }
+  return { matrix: best.map((row) => row.map((v) => v === 1)), size: n, version, mask: bestMask };
+}
+
+/** Rend `text` en SVG QR (scannable). `scale` px/module, `margin` modules de zone calme. */
+export function qrSvg(text, { scale = 4, margin = 4, dark = '#000', light = '#fff' } = {}) {
+  const { matrix, size } = qrMatrix(text);
+  const dim = (size + margin * 2) * scale;
+  let rects = '';
+  for (let r = 0; r < size; r++) for (let c = 0; c < size; c++) if (matrix[r][c]) rects += `<rect x="${(c + margin) * scale}" y="${(r + margin) * scale}" width="${scale}" height="${scale}"/>`;
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${dim}" height="${dim}" viewBox="0 0 ${dim} ${dim}" shape-rendering="crispEdges" role="img" aria-label="QR code"><rect width="${dim}" height="${dim}" fill="${light}"/><g fill="${dark}">${rects}</g></svg>`;
+}
+
+// Exposés pour les tests (vérification contre le vecteur de référence publié).
+export const _internal = { rsEncode, encodeData, interleave, VERSIONS_M };
+export default { qrMatrix, qrSvg };

package/llms.txt

@@ -0,0 +1,20 @@
+# @mostajs/qrpanel
+Encodeur QR pur JS (zéro-dép) + figures + payloads typés. Versions 1→10, niveau M, v≥7 avec INFO DE VERSION (sinon QR rejeté). Reed-Solomon GF(256), 8 masques.
+## exports (. = src/index.js)
+qrMatrix(text) → {matrix,size}. qrSvg(text,{scale=4,margin=4,dark,light}) → <svg>. qrLive(text,caption?,{scale=6,margin=3,maxWidth=240,dark,light}) → <figure> scannable + légende.
+## ./payloads (chaînes scan-and-act)
+qrWifi({ssid,password,security=WPA,hidden}) · qrTel(num) · qrSms(num,body) · qrEmail(to,{subject,body}) · qrGeo(lat,lng) · qrUrl(u) · qrMeCard({name,tel,email,url,note}) · qrVCard({name,org,title,tel,email,url,adr,note}) · qrEvent({title,start,end,location,description}) [VEVENT]
+## ./figures
+qrLogo(text,{logo,logoScale=.2,scale,margin,dark,light}) → SVG + logo central (⚠ payload court). qrCard(text,{title,subtitle,logo}) · qrBadge(text,{name,role,event}) · qrSheet([{data,caption}],{cols=3})
+## ./png (Node, node:zlib)
+qrPng(text,{scale=6,margin=4}) → data:image/png;base64 (emails/billets où le SVG est bloqué)
+## ./decode (Node, dépend de jsqr) — DÉCODAGE (qrpanel encode ET décode, v0.6)
+decodeQr(imageData|{data,width,height}[, w, h]) → string|null  (texte du QR depuis une image RGBA)
+## ./browser-scan (asset navigateur) — scanner caméra prêt à servir (v0.6)
+Fichier JS autonome à servir tel quel (<script src>), moteur jsQR. Expose window.jsQR ET
+window.QRPanel.scan(videoEl, {onResult, onStatus, onError, continuous?, debounceMs?}) → {stop()}.
+L'hôte fournit SON élément <video> (getUserMedia explicite — démarrage fiable sur geste
+utilisateur) ; décodage jsQR à CHAQUE frame (BarcodeDetector en fast-path optionnel non bloquant).
+⚠ Servir avec Cache-Control: no-cache (sinon un asset périmé désynchronise avec le HTML hôte).
+Décodage Node séparé : `./decode` (decodeQr, jsqr).
+## limite : versions ≤10 (~ M v10). Garder payloads raisonnables.

package/package.json

@@ -1,46 +1,32 @@
 {
   "name": "@mostajs/qrpanel",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "description": "QR code panel — server-side PNG/SVG generator with 12 built-in themes (image-as-frame composite, ECC=H), config-driven (.qrconfig.json), cross-OS no chromium, + React <QrPanel> client with copy/share/mailto.",
   "author": "Dr Hamid MADANI <drmdh@msn.com>",
   "license": "AGPL-3.0-or-later",
   "type": "module",
-  "main": "dist/index.js",
+  "main": "src/index.js",
   "types": "dist/index.d.ts",
   "bin": {
     "qrpanel": "dist/cli.js"
   },
   "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "default": "./dist/index.js"
-    },
-    "./server": {
-      "types": "./dist/server.d.ts",
-      "import": "./dist/server.js",
-      "default": "./dist/server.js"
-    },
-    "./client": {
-      "types": "./dist/client.d.ts",
-      "import": "./dist/client.js",
-      "default": "./dist/client.js"
-    },
-    "./themes": {
-      "types": "./dist/themes.d.ts",
-      "import": "./dist/themes.js",
-      "default": "./dist/themes.js"
-    },
-    "./config": {
-      "types": "./dist/config.d.ts",
-      "import": "./dist/config.js",
-      "default": "./dist/config.js"
-    }
+    ".": "./src/index.js",
+    "./qr-svg": "./src/qr-svg.js",
+    "./payloads": "./src/qr-payloads.js",
+    "./figures": "./src/qr-figures.js",
+    "./png": "./src/qr-png.js",
+    "./decode": "./src/qr-decode.js",
+    "./browser-scan": "./browser/qr-scan.js"
   },
   "files": [
     "dist",
+    "browser",
     "LICENSE",
-    "README.md"
+    "README.md",
+    "CHANGELOG.md",
+    "llms.txt",
+    "src"
   ],
   "keywords": [
     "qrcode",
@@ -52,27 +38,37 @@
     "magic-link",
     "config-driven"
   ],
-  "scripts": {
-    "build": "tsc && chmod +x dist/cli.js 2>/dev/null || true",
-    "dev": "tsc --watch",
-    "prepublishOnly": "npm run build"
-  },
   "dependencies": {
     "qrcode": "^1.5.4",
-    "@mostajs/auth": "^3.2.0",
-    "@resvg/resvg-js": "^2.6.2"
+    "jsqr": "^1.4.0"
   },
   "peerDependencies": {
-    "react": ">=18 <20"
+    "react": ">=18 <20",
+    "@mostajs/auth": ">=3.2.0",
+    "@resvg/resvg-js": ">=2.6.2"
   },
   "peerDependenciesMeta": {
-    "react": { "optional": true }
+    "react": {
+      "optional": true
+    },
+    "@mostajs/auth": {
+      "optional": true
+    },
+    "@resvg/resvg-js": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@types/node": "^22.0.0",
     "@types/qrcode": "^1.5.5",
     "@types/react": "^19.0.0",
+    "@mostajs/auth": "^3.2.0",
+    "@resvg/resvg-js": "^2.6.2",
     "react": "^19.0.0",
     "typescript": "^5.6.0"
+  },
+  "scripts": {
+    "build": "tsc && chmod +x dist/cli.js 2>/dev/null || true",
+    "dev": "tsc --watch"
   }
-}
+}

package/src/cli.ts

@@ -0,0 +1,74 @@
+#!/usr/bin/env node
+// @mostajs/qrpanel — CLI
+// Author: Dr Hamid MADANI <drmdh@msn.com>
+//
+// Commandes disponibles :
+//   qrpanel init        → écrit .qrconfig.json à cwd avec les defaults
+//   qrpanel themes      → liste les 12 thèmes natifs
+//   qrpanel --version   → version du package
+
+import { ensureQrConfig, DEFAULT_CONFIG } from './config.js'
+import { listThemes, THEMES } from './themes.js'
+
+const args = process.argv.slice(2)
+const cmd = args[0] ?? 'help'
+
+function help() {
+  console.log(`@mostajs/qrpanel — CLI
+
+Usage:
+  qrpanel init [path]      Generate .qrconfig.json at cwd (or [path]).
+                           Idempotent — does not overwrite existing config.
+  qrpanel themes           List built-in theme keys.
+  qrpanel --version | -v   Print version.
+  qrpanel help | -h        This help.
+
+Config file (.qrconfig.json) drives all generators. Master toggle:
+  "genimage": false  → bypass theme pipeline, QR-only output.
+  "theme": "random"  → randomize from themePool at each generation.
+`)
+}
+
+async function main() {
+  switch (cmd) {
+    case 'init': {
+      const cwd = args[1] ?? process.cwd()
+      const path = ensureQrConfig(cwd)
+      console.log(`✓ qrpanel config ready at: ${path}`)
+      console.log(`  Edit it to customize defaults — master toggle "genimage" toggles the whole pipeline.`)
+      break
+    }
+    case 'themes': {
+      console.log(`Built-in themes (${listThemes().length}):`)
+      for (const key of listThemes()) {
+        console.log(`  - ${key.padEnd(10)} (${THEMES[key].label})`)
+      }
+      console.log(`\nDefaults config :`)
+      console.log(`  themePool : ${DEFAULT_CONFIG.default.themePool.join(', ')}`)
+      break
+    }
+    case '--version':
+    case '-v': {
+      // Lecture programmatique du package.json sans import JSON (cross-runtime safe)
+      const { readFileSync } = await import('node:fs')
+      const { fileURLToPath } = await import('node:url')
+      const { dirname, join } = await import('node:path')
+      const here = dirname(fileURLToPath(import.meta.url))
+      const pkgPath = join(here, '..', 'package.json')
+      const pkg = JSON.parse(readFileSync(pkgPath, 'utf-8')) as { version: string }
+      console.log(pkg.version)
+      break
+    }
+    case 'help':
+    case '--help':
+    case '-h':
+    default:
+      help()
+      break
+  }
+}
+
+main().catch((e) => {
+  console.error('[qrpanel] error:', (e as Error).message)
+  process.exit(1)
+})