@eudi-verify/client 0.1.0 → 0.1.2

package/README.md

@@ -11,36 +11,36 @@ pnpm add @eudi-verify/client
 ## Quick Start
 
 ```ts
-import { createVerification } from '@eudi-verify/client';
+import { createVerification } from "@eudi-verify/client";
 
 const verification = createVerification({
-  apiUrl: 'https://your-api.example.com',
+  apiUrl: "https://your-api.example.com",
 });
 
 // Subscribe to state changes
 verification.subscribe((state) => {
   switch (state.status) {
-    case 'loading':
+    case "loading":
       showSpinner();
       break;
-    case 'showQR':
+    case "showQR":
       // Display QR code for wallet scanning
-      document.getElementById('qr').src = state.qrDataUrl;
+      document.getElementById("qr").src = state.qrDataUrl;
       break;
-    case 'waitingForWallet':
-      showMessage('Approve in your wallet app...');
+    case "waitingForWallet":
+      showMessage("Approve in your wallet app...");
       break;
-    case 'verified':
+    case "verified":
       // Send token to your backend for validation
       submitToBackend(state.token, state.claims);
       break;
-    case 'rejected':
-      showError('Verification was declined');
+    case "rejected":
+      showError("Verification was declined");
       break;
-    case 'expired':
-      showError('Session expired, please try again');
+    case "expired":
+      showError("Session expired, please try again");
       break;
-    case 'error':
+    case "error":
       showError(state.error);
       break;
   }
@@ -66,14 +66,14 @@ All states are typed as a discriminated union:
 
 ```ts
 type VerificationState =
-  | { status: 'idle' }
-  | { status: 'loading' }
-  | { status: 'showQR'; qrDataUrl: string; qrUrl: string; sessionId: string }
-  | { status: 'waitingForWallet'; sessionId: string }
-  | { status: 'verified'; token: string; claims: VerifiedClaims }
-  | { status: 'rejected'; error?: string }
-  | { status: 'expired' }
-  | { status: 'error'; error: string };
+  | { status: "idle" }
+  | { status: "loading" }
+  | { status: "showQR"; qrDataUrl: string; qrUrl: string; sessionId: string }
+  | { status: "waitingForWallet"; sessionId: string }
+  | { status: "verified"; token: string; claims: VerifiedClaims }
+  | { status: "rejected"; error?: string }
+  | { status: "expired" }
+  | { status: "error"; error: string };
 ```
 
 ## API
@@ -84,27 +84,27 @@ Creates a verification instance.
 
 ```ts
 interface VerificationConfig {
-  apiUrl: string;              // Your verifier API base URL
+  apiUrl: string; // Your verifier API base URL
   polling?: {
     initialIntervalMs?: number; // Default: 1000
-    maxIntervalMs?: number;     // Default: 10000
+    maxIntervalMs?: number; // Default: 10000
     backoffMultiplier?: number; // Default: 2
   };
   qr?: {
-    size?: number;              // Default: 200
-    errorCorrection?: 'L' | 'M' | 'Q' | 'H'; // Default: 'M'
+    size?: number; // Default: 200
+    errorCorrection?: "L" | "M" | "Q" | "H"; // Default: 'M'
   };
 }
 ```
 
 ### Verification Instance
 
-| Method | Description |
-|--------|-------------|
-| `state` | Current state (read-only) |
-| `start(request)` | Start verification with requested claims |
-| `cancel()` | Cancel current verification |
-| `destroy()` | Cleanup (stop polling, clear subscribers) |
+| Method                | Description                                        |
+| --------------------- | -------------------------------------------------- |
+| `state`               | Current state (read-only)                          |
+| `start(request)`      | Start verification with requested claims           |
+| `cancel()`            | Cancel current verification                        |
+| `destroy()`           | Cleanup (stop polling, clear subscribers)          |
 | `subscribe(callback)` | Subscribe to state changes, returns unsubscribe fn |
 
 ### Claims You Can Request
@@ -125,9 +125,9 @@ interface VerificationRequest {
 For custom integrations, use the API client directly:
 
 ```ts
-import { createApiClient } from '@eudi-verify/client';
+import { createApiClient } from "@eudi-verify/client";
 
-const api = createApiClient({ baseUrl: 'https://your-api.example.com' });
+const api = createApiClient({ baseUrl: "https://your-api.example.com" });
 
 // Create session
 const session = await api.createSession({ age_over_18: true });
@@ -145,13 +145,13 @@ await api.cancelSession(session.id);
 Generate QR codes independently:
 
 ```ts
-import { generateQRSvg, generateQRDataUrl } from '@eudi-verify/client';
+import { generateQRSvg, generateQRDataUrl } from "@eudi-verify/client";
 
 // SVG string
-const svg = generateQRSvg('openid4vp://...', { size: 300 });
+const svg = generateQRSvg("openid4vp://...", { size: 300 });
 
 // Data URL (for <img src>)
-const dataUrl = generateQRDataUrl('openid4vp://...');
+const dataUrl = generateQRDataUrl("openid4vp://...");
 ```
 
 ## Error Boundaries
@@ -162,17 +162,17 @@ The client exposes two integration paths with different error models.
 
 `start()`, `cancel()`, and polling **do not throw** on failure. Errors become state transitions:
 
-| State | Cause | Action |
-|-------|-------|--------|
-| `rejected` | User declined in wallet | Retry UX; usually not an ops alert |
-| `expired` | Session timed out | Restart flow |
-| `error` | Network failure, API 4xx/5xx, unknown status | Show message; report via `state.error` (string only) |
+| State      | Cause                                        | Action                                               |
+| ---------- | -------------------------------------------- | ---------------------------------------------------- |
+| `rejected` | User declined in wallet                      | Retry UX; usually not an ops alert                   |
+| `expired`  | Session timed out                            | Restart flow                                         |
+| `error`    | Network failure, API 4xx/5xx, unknown status | Show message; report via `state.error` (string only) |
 
 **Boundary:** `verification.subscribe(callback)`. This is the hook for UI updates and client-side error reporting.
 
 ```ts
 verification.subscribe((state) => {
-  if (state.status === 'error') {
+  if (state.status === "error") {
     reportError({ message: state.error });
   }
 });
@@ -191,9 +191,9 @@ import {
   ApiResponseError,
   SessionNotFoundError,
   RateLimitError,
-} from '@eudi-verify/client';
+} from "@eudi-verify/client";
 
-const api = createApiClient({ baseUrl: 'https://your-api.example.com' });
+const api = createApiClient({ baseUrl: "https://your-api.example.com" });
 
 try {
   await api.createSession({ age_over_18: true });
@@ -201,7 +201,7 @@ try {
   if (error instanceof RateLimitError) {
     await sleep(error.retryAfterMs ?? 60_000);
   } else if (error instanceof NetworkError) {
-    reportError({ type: 'network', cause: error.cause?.message });
+    reportError({ type: "network", cause: error.cause?.message });
   } else if (error instanceof ApiResponseError) {
     reportError({ status: error.statusCode, code: error.errorCode });
   }
@@ -212,11 +212,11 @@ Session-level outcomes (`rejected`, `expired`, `error`) come from `getSession()`
 
 ### Which path to use
 
-| Need | Use |
-|------|-----|
-| Drop-in flow with QR + polling | `createVerification` + `subscribe` |
-| Rate-limit retry, custom error codes | `createApiClient` + `try/catch` |
-| Both | `createVerification` for UX; `createApiClient` for one-off calls |
+| Need                                 | Use                                                              |
+| ------------------------------------ | ---------------------------------------------------------------- |
+| Drop-in flow with QR + polling       | `createVerification` + `subscribe`                               |
+| Rate-limit retry, custom error codes | `createApiClient` + `try/catch`                                  |
+| Both                                 | `createVerification` for UX; `createApiClient` for one-off calls |
 
 ## Bundle Size
 

package/dist/index.d.ts

@@ -20,7 +20,7 @@ interface VerificationRequest {
 /**
  * Session lifecycle states.
  */
-type SessionStatus = 'pending' | 'waiting_for_wallet' | 'verified' | 'rejected' | 'expired' | 'cancelled' | 'error';
+type SessionStatus = "pending" | "waiting_for_wallet" | "verified" | "rejected" | "expired" | "cancelled" | "error";
 /**
  * Terminal states that cannot transition further.
  */
@@ -114,14 +114,13 @@ declare function createPoller(fn: () => Promise<boolean>, config?: PollingConfig
 /**
  * @eudi-verify/client - QR Code Generator
  *
- * Minimal QR code generation for OpenID4VP URLs.
- * Implements ISO/IEC 18004 (QR Code) with byte mode encoding.
+ * Uses `qrcode` (MIT) for matrix generation; renders crisp SVG locally.
  */
 interface QRCodeOptions {
     /** Size in pixels (default: 200) */
     size?: number;
-    /** Error correction level (default: 'M') */
-    errorCorrection?: 'L' | 'M' | 'Q' | 'H';
+    /** Error correction level (default: 'L') */
+    errorCorrection?: "L" | "M" | "Q" | "H";
     /** Quiet zone modules (default: 4) */
     quietZone?: number;
 }
@@ -144,28 +143,28 @@ declare function generateQRDataUrl(data: string, options?: QRCodeOptions): strin
  * All possible verification states.
  */
 type VerificationState = {
-    status: 'idle';
+    status: "idle";
 } | {
-    status: 'loading';
+    status: "loading";
 } | {
-    status: 'showQR';
+    status: "showQR";
     qrDataUrl: string;
     qrUrl: string;
     sessionId: string;
 } | {
-    status: 'waitingForWallet';
+    status: "waitingForWallet";
     sessionId: string;
 } | {
-    status: 'verified';
+    status: "verified";
     token: string;
     claims: VerifiedClaims;
 } | {
-    status: 'rejected';
+    status: "rejected";
     error?: string;
 } | {
-    status: 'expired';
+    status: "expired";
 } | {
-    status: 'error';
+    status: "error";
     error: string;
 };
 /**

package/dist/index.js

@@ -40,7 +40,10 @@ var ApiResponseError = class extends EudiClientError {
 var SessionNotFoundError = class extends ApiResponseError {
   sessionId;
   constructor(sessionId) {
-    super(404, { error: "not_found", message: `Session ${sessionId} not found` });
+    super(404, {
+      error: "not_found",
+      message: `Session ${sessionId} not found`
+    });
     this.name = "SessionNotFoundError";
     this.sessionId = sessionId;
   }
@@ -100,7 +103,10 @@ function createApiClient(config) {
         if (error.name === "AbortError") {
           throw new NetworkError(`Request timeout after ${timeoutMs}ms`);
         }
-        throw new NetworkError(`Network request failed: ${error.message}`, error);
+        throw new NetworkError(
+          `Network request failed: ${error.message}`,
+          error
+        );
       }
       throw new NetworkError("Unknown network error");
     }
@@ -131,10 +137,15 @@ function createApiClient(config) {
   }
   return {
     async createSession(verificationRequest) {
-      return request("POST", "/sessions", { request: verificationRequest });
+      return request("POST", "/sessions", {
+        request: verificationRequest
+      });
     },
     async getSession(sessionId) {
-      return request("GET", `/sessions/${encodeURIComponent(sessionId)}`);
+      return request(
+        "GET",
+        `/sessions/${encodeURIComponent(sessionId)}`
+      );
     },
     async cancelSession(sessionId) {
       return request(
@@ -199,422 +210,25 @@ function createPoller(fn, config = {}) {
 }
 
 // src/qr.ts
-var EC_LEVELS = { L: 0, M: 1, Q: 2, H: 3 };
-var VERSION_TABLE = {
-  L: [
-    { version: 1, totalCodewords: 19, ecCodewordsPerBlock: 7, numBlocks: 1 },
-    { version: 2, totalCodewords: 34, ecCodewordsPerBlock: 10, numBlocks: 1 },
-    { version: 3, totalCodewords: 55, ecCodewordsPerBlock: 15, numBlocks: 1 },
-    { version: 4, totalCodewords: 80, ecCodewordsPerBlock: 20, numBlocks: 1 },
-    { version: 5, totalCodewords: 108, ecCodewordsPerBlock: 26, numBlocks: 1 },
-    { version: 6, totalCodewords: 136, ecCodewordsPerBlock: 18, numBlocks: 2 },
-    { version: 7, totalCodewords: 156, ecCodewordsPerBlock: 20, numBlocks: 2 },
-    { version: 8, totalCodewords: 194, ecCodewordsPerBlock: 24, numBlocks: 2 },
-    { version: 9, totalCodewords: 232, ecCodewordsPerBlock: 30, numBlocks: 2 },
-    { version: 10, totalCodewords: 274, ecCodewordsPerBlock: 18, numBlocks: 4 },
-    { version: 11, totalCodewords: 401, ecCodewordsPerBlock: 20, numBlocks: 4 },
-    { version: 12, totalCodewords: 466, ecCodewordsPerBlock: 24, numBlocks: 4 },
-    { version: 13, totalCodewords: 532, ecCodewordsPerBlock: 26, numBlocks: 4 },
-    { version: 14, totalCodewords: 588, ecCodewordsPerBlock: 30, numBlocks: 4 }
-  ],
-  M: [
-    { version: 1, totalCodewords: 16, ecCodewordsPerBlock: 10, numBlocks: 1 },
-    { version: 2, totalCodewords: 28, ecCodewordsPerBlock: 16, numBlocks: 1 },
-    { version: 3, totalCodewords: 44, ecCodewordsPerBlock: 26, numBlocks: 1 },
-    { version: 4, totalCodewords: 64, ecCodewordsPerBlock: 18, numBlocks: 2 },
-    { version: 5, totalCodewords: 86, ecCodewordsPerBlock: 24, numBlocks: 2 },
-    { version: 6, totalCodewords: 108, ecCodewordsPerBlock: 16, numBlocks: 4 },
-    { version: 7, totalCodewords: 124, ecCodewordsPerBlock: 18, numBlocks: 4 },
-    { version: 8, totalCodewords: 154, ecCodewordsPerBlock: 22, numBlocks: 4 },
-    { version: 9, totalCodewords: 182, ecCodewordsPerBlock: 22, numBlocks: 5 },
-    { version: 10, totalCodewords: 216, ecCodewordsPerBlock: 26, numBlocks: 5 }
-  ],
-  Q: [
-    { version: 1, totalCodewords: 13, ecCodewordsPerBlock: 13, numBlocks: 1 },
-    { version: 2, totalCodewords: 22, ecCodewordsPerBlock: 22, numBlocks: 1 },
-    { version: 3, totalCodewords: 34, ecCodewordsPerBlock: 18, numBlocks: 2 },
-    { version: 4, totalCodewords: 48, ecCodewordsPerBlock: 26, numBlocks: 2 },
-    { version: 5, totalCodewords: 62, ecCodewordsPerBlock: 18, numBlocks: 4 },
-    { version: 6, totalCodewords: 76, ecCodewordsPerBlock: 24, numBlocks: 4 },
-    { version: 7, totalCodewords: 88, ecCodewordsPerBlock: 18, numBlocks: 6 },
-    { version: 8, totalCodewords: 110, ecCodewordsPerBlock: 22, numBlocks: 6 },
-    { version: 9, totalCodewords: 132, ecCodewordsPerBlock: 20, numBlocks: 8 },
-    { version: 10, totalCodewords: 154, ecCodewordsPerBlock: 24, numBlocks: 8 }
-  ],
-  H: [
-    { version: 1, totalCodewords: 9, ecCodewordsPerBlock: 17, numBlocks: 1 },
-    { version: 2, totalCodewords: 16, ecCodewordsPerBlock: 28, numBlocks: 1 },
-    { version: 3, totalCodewords: 26, ecCodewordsPerBlock: 22, numBlocks: 2 },
-    { version: 4, totalCodewords: 36, ecCodewordsPerBlock: 16, numBlocks: 4 },
-    { version: 5, totalCodewords: 46, ecCodewordsPerBlock: 22, numBlocks: 4 },
-    { version: 6, totalCodewords: 60, ecCodewordsPerBlock: 28, numBlocks: 4 },
-    { version: 7, totalCodewords: 66, ecCodewordsPerBlock: 26, numBlocks: 5 },
-    { version: 8, totalCodewords: 86, ecCodewordsPerBlock: 26, numBlocks: 6 },
-    { version: 9, totalCodewords: 100, ecCodewordsPerBlock: 24, numBlocks: 8 },
-    { version: 10, totalCodewords: 122, ecCodewordsPerBlock: 28, numBlocks: 8 }
-  ]
-};
-var FORMAT_INFO_STRINGS = {
-  0: [1, 1, 1, 0, 1, 1, 1, 1, 1, 0, 0, 0, 1, 0, 0],
-  1: [1, 1, 1, 0, 0, 1, 0, 1, 1, 1, 1, 0, 0, 1, 1],
-  2: [1, 1, 1, 1, 1, 0, 1, 1, 0, 1, 0, 1, 0, 1, 0],
-  3: [1, 1, 1, 1, 0, 0, 0, 1, 0, 0, 1, 1, 1, 0, 1],
-  4: [1, 1, 0, 0, 1, 1, 0, 0, 0, 1, 0, 1, 1, 1, 1],
-  5: [1, 1, 0, 0, 0, 1, 1, 0, 0, 0, 1, 1, 0, 0, 0],
-  6: [1, 1, 0, 1, 1, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1],
-  7: [1, 1, 0, 1, 0, 0, 1, 0, 1, 1, 1, 0, 1, 1, 0],
-  8: [1, 0, 1, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 1, 0],
-  9: [1, 0, 1, 0, 0, 0, 1, 0, 0, 1, 0, 0, 1, 0, 1],
-  10: [1, 0, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 0, 0],
-  11: [1, 0, 1, 1, 0, 1, 1, 0, 1, 0, 0, 1, 0, 1, 1],
-  12: [1, 0, 0, 0, 1, 0, 1, 1, 1, 1, 1, 1, 0, 0, 1],
-  13: [1, 0, 0, 0, 0, 0, 0, 1, 1, 0, 0, 1, 1, 1, 0],
-  14: [1, 0, 0, 1, 1, 1, 1, 1, 0, 0, 1, 0, 1, 1, 1],
-  15: [1, 0, 0, 1, 0, 1, 0, 1, 0, 1, 0, 0, 0, 0, 0],
-  16: [0, 1, 1, 0, 1, 0, 1, 0, 1, 0, 1, 1, 1, 1, 1],
-  17: [0, 1, 1, 0, 0, 0, 0, 0, 1, 1, 0, 1, 0, 0, 0],
-  18: [0, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 0, 0, 0, 1],
-  19: [0, 1, 1, 1, 0, 1, 0, 0, 0, 0, 0, 0, 1, 1, 0],
-  20: [0, 1, 0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 0, 0],
-  21: [0, 1, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 1, 1],
-  22: [0, 1, 0, 1, 1, 1, 0, 1, 1, 0, 1, 1, 0, 1, 0],
-  23: [0, 1, 0, 1, 0, 1, 1, 1, 1, 1, 0, 1, 1, 0, 1],
-  24: [0, 0, 1, 0, 1, 1, 0, 1, 0, 0, 0, 1, 0, 0, 1],
-  25: [0, 0, 1, 0, 0, 1, 1, 1, 0, 1, 1, 1, 1, 1, 0],
-  26: [0, 0, 1, 1, 1, 0, 0, 1, 1, 1, 0, 0, 1, 1, 1],
-  27: [0, 0, 1, 1, 0, 0, 1, 1, 1, 0, 1, 0, 0, 0, 0],
-  28: [0, 0, 0, 0, 1, 1, 1, 0, 1, 1, 0, 0, 0, 1, 0],
-  29: [0, 0, 0, 0, 0, 1, 0, 0, 1, 0, 1, 0, 1, 0, 1],
-  30: [0, 0, 0, 1, 1, 0, 1, 0, 0, 0, 0, 1, 1, 0, 0],
-  31: [0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 1, 1, 0, 1, 1]
-};
-var ALIGNMENT_PATTERNS = [
-  [],
-  [],
-  [6, 18],
-  [6, 22],
-  [6, 26],
-  [6, 30],
-  [6, 34],
-  [6, 22, 38],
-  [6, 24, 42],
-  [6, 26, 46],
-  [6, 28, 50],
-  [6, 30, 54],
-  [6, 32, 58],
-  [6, 34, 62],
-  [6, 26, 46, 66]
-];
-function getVersionInfo(dataLength, ecLevel) {
-  const table = VERSION_TABLE[ecLevel];
-  for (const info of table) {
-    const dataCodewords = info.totalCodewords - info.ecCodewordsPerBlock * info.numBlocks;
-    const maxBytes = dataCodewords - (info.version < 10 ? 2 : 3);
-    if (maxBytes >= dataLength) {
-      return info;
-    }
-  }
-  throw new Error(`Data too long for QR code (max ~270 bytes with ${ecLevel} EC)`);
-}
-function createByteData(data, version) {
-  const bytes = new TextEncoder().encode(data);
-  const bits = [];
-  bits.push(0, 1, 0, 0);
-  const countBits = version < 10 ? 8 : 16;
-  for (let i = countBits - 1; i >= 0; i--) {
-    bits.push(bytes.length >> i & 1);
-  }
-  for (const byte of bytes) {
-    for (let i = 7; i >= 0; i--) {
-      bits.push(byte >> i & 1);
-    }
-  }
-  bits.push(0, 0, 0, 0);
-  while (bits.length % 8 !== 0) {
-    bits.push(0);
-  }
-  const codewords = [];
-  for (let i = 0; i < bits.length; i += 8) {
-    let byte = 0;
-    for (let j = 0; j < 8; j++) {
-      byte = byte << 1 | (bits[i + j] ?? 0);
-    }
-    codewords.push(byte);
-  }
-  return codewords;
-}
-var GF_EXP = new Uint8Array(512);
-var GF_LOG = new Uint8Array(256);
-(function initGaloisField() {
-  let x = 1;
-  for (let i = 0; i < 255; i++) {
-    GF_EXP[i] = x;
-    GF_LOG[x] = i;
-    x <<= 1;
-    if (x & 256) x ^= 285;
-  }
-  for (let i = 255; i < 512; i++) {
-    GF_EXP[i] = GF_EXP[i - 255];
-  }
-})();
-function gfMul(a, b) {
-  if (a === 0 || b === 0) return 0;
-  return GF_EXP[GF_LOG[a] + GF_LOG[b]];
-}
-function generateECCodewords(data, numECCodewords) {
-  const gen = [1];
-  for (let i = 0; i < numECCodewords; i++) {
-    const newGen = new Array(gen.length + 1).fill(0);
-    for (let j = 0; j < gen.length; j++) {
-      newGen[j] ^= gen[j];
-      newGen[j + 1] ^= gfMul(gen[j], GF_EXP[i]);
-    }
-    gen.length = newGen.length;
-    for (let j = 0; j < newGen.length; j++) gen[j] = newGen[j];
-  }
-  const msg = [...data, ...new Array(numECCodewords).fill(0)];
-  for (let i = 0; i < data.length; i++) {
-    const coef = msg[i];
-    if (coef !== 0) {
-      for (let j = 0; j < gen.length; j++) {
-        msg[i + j] ^= gfMul(gen[j], coef);
-      }
-    }
-  }
-  return msg.slice(data.length);
-}
-function interleaveBlocks(dataCodewords, info) {
-  const { numBlocks, ecCodewordsPerBlock, totalCodewords } = info;
-  const totalDataCodewords = totalCodewords - numBlocks * ecCodewordsPerBlock;
-  const smallBlockSize = Math.floor(totalDataCodewords / numBlocks);
-  const largeBlockCount = totalDataCodewords % numBlocks;
-  const dataBlocks = [];
-  const ecBlocks = [];
-  let offset = 0;
-  for (let i = 0; i < numBlocks; i++) {
-    const blockSize = smallBlockSize + (i >= numBlocks - largeBlockCount ? 1 : 0);
-    const block = dataCodewords.slice(offset, offset + blockSize);
-    offset += blockSize;
-    dataBlocks.push(block);
-    ecBlocks.push(generateECCodewords(block, ecCodewordsPerBlock));
-  }
-  const result = [];
-  const maxDataLen = Math.max(...dataBlocks.map((b) => b.length));
-  for (let i = 0; i < maxDataLen; i++) {
-    for (const block of dataBlocks) {
-      if (i < block.length) result.push(block[i]);
-    }
-  }
-  for (let i = 0; i < ecCodewordsPerBlock; i++) {
-    for (const block of ecBlocks) {
-      result.push(block[i]);
-    }
-  }
-  return result;
-}
-function createMatrix(version) {
-  const size = version * 4 + 17;
-  const matrix = Array.from(
-    { length: size },
-    () => new Array(size).fill(null)
-  );
-  function setFinderPattern(row, col) {
-    for (let r = -1; r <= 7; r++) {
-      for (let c = -1; c <= 7; c++) {
-        const nr = row + r;
-        const nc = col + c;
-        if (nr < 0 || nr >= size || nc < 0 || nc >= size) continue;
-        const isOuter = r === -1 || r === 7 || c === -1 || c === 7;
-        const isInner = r >= 1 && r <= 5 && c >= 1 && c <= 5;
-        const isCore = r >= 2 && r <= 4 && c >= 2 && c <= 4;
-        matrix[nr][nc] = isOuter ? 0 : isCore ? 1 : isInner ? 0 : 1;
-      }
-    }
-  }
-  setFinderPattern(0, 0);
-  setFinderPattern(0, size - 7);
-  setFinderPattern(size - 7, 0);
-  for (let i = 8; i < size - 8; i++) {
-    matrix[6][i] = i % 2 === 0 ? 1 : 0;
-    matrix[i][6] = i % 2 === 0 ? 1 : 0;
-  }
-  matrix[size - 8][8] = 1;
-  if (version >= 2) {
-    const positions = ALIGNMENT_PATTERNS[version];
-    for (const row of positions) {
-      for (const col of positions) {
-        if (matrix[row][col] !== null) continue;
-        for (let r = -2; r <= 2; r++) {
-          for (let c = -2; c <= 2; c++) {
-            const isOuter = Math.abs(r) === 2 || Math.abs(c) === 2;
-            const isCore = r === 0 && c === 0;
-            matrix[row + r][col + c] = isOuter || isCore ? 1 : 0;
-          }
-        }
-      }
-    }
-  }
-  return matrix;
-}
-function placeData(matrix, codewords) {
-  const size = matrix.length;
-  let bitIndex = 0;
-  const bits = [];
-  for (const cw of codewords) {
-    for (let i = 7; i >= 0; i--) {
-      bits.push(cw >> i & 1);
-    }
-  }
-  let col = size - 1;
-  let goingUp = true;
-  while (col > 0) {
-    if (col === 6) col--;
-    for (let row = goingUp ? size - 1 : 0; goingUp ? row >= 0 : row < size; row += goingUp ? -1 : 1) {
-      for (const offset of [0, -1]) {
-        const c = col + offset;
-        if (c < 0 || matrix[row][c] !== null) continue;
-        matrix[row][c] = bitIndex < bits.length ? bits[bitIndex++] : 0;
-      }
-    }
-    col -= 2;
-    goingUp = !goingUp;
-  }
-}
-function applyMask(matrix, maskPattern) {
-  const size = matrix.length;
-  const maskFns = [
-    (r, c) => (r + c) % 2 === 0,
-    (r) => r % 2 === 0,
-    (_, 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
-  ];
-  const maskFn = maskFns[maskPattern];
-  const reserved = createReservedMask(size);
-  for (let r = 0; r < size; r++) {
-    for (let c = 0; c < size; c++) {
-      if (!reserved[r][c] && maskFn(r, c)) {
-        matrix[r][c] ^= 1;
-      }
-    }
-  }
-}
-function createReservedMask(size) {
-  const reserved = Array.from(
-    { length: size },
-    () => new Array(size).fill(false)
-  );
-  for (let i = 0; i < 8; i++) {
-    for (let j = 0; j < 8; j++) {
-      reserved[i][j] = true;
-      reserved[i][size - 8 + j] = true;
-      reserved[size - 8 + i][j] = true;
-    }
-  }
-  for (let i = 0; i < 9; i++) {
-    reserved[i][8] = true;
-    reserved[8][i] = true;
-    reserved[size - 8 + i - 1][8] = true;
-    reserved[8][size - 8 + i - 1] = true;
-  }
-  for (let i = 0; i < size; i++) {
-    reserved[6][i] = true;
-    reserved[i][6] = true;
-  }
-  return reserved;
-}
-function addFormatInfo(matrix, ecLevel, maskPattern) {
-  const formatIndex = EC_LEVELS[ecLevel] * 8 + maskPattern;
-  const bits = FORMAT_INFO_STRINGS[formatIndex];
-  const size = matrix.length;
-  for (let i = 0; i < 6; i++) {
-    matrix[8][i] = bits[i];
-    matrix[i][8] = bits[14 - i];
-  }
-  matrix[8][7] = bits[6];
-  matrix[8][8] = bits[7];
-  matrix[7][8] = bits[8];
-  for (let i = 0; i < 7; i++) {
-    matrix[8][size - 1 - i] = bits[14 - i];
-    matrix[size - 1 - i][8] = bits[i];
-  }
-  matrix[size - 8][8] = bits[7];
-}
-function evaluatePenalty(matrix) {
-  const size = matrix.length;
-  let penalty = 0;
-  for (let r = 0; r < size; r++) {
-    let count = 1;
-    for (let c = 1; c < size; c++) {
-      if (matrix[r][c] === matrix[r][c - 1]) {
-        count++;
-        if (count === 5) penalty += 3;
-        else if (count > 5) penalty++;
-      } else {
-        count = 1;
-      }
-    }
-  }
-  for (let c = 0; c < size; c++) {
-    let count = 1;
-    for (let r = 1; r < size; r++) {
-      if (matrix[r][c] === matrix[r - 1][c]) {
-        count++;
-        if (count === 5) penalty += 3;
-        else if (count > 5) penalty++;
-      } else {
-        count = 1;
-      }
-    }
-  }
-  return penalty;
-}
-function generateQRMatrix(data, ecLevel) {
-  const info = getVersionInfo(data.length, ecLevel);
-  const dataCodewords = createByteData(data, info.version);
-  const totalDataCodewords = info.totalCodewords - info.numBlocks * info.ecCodewordsPerBlock;
-  while (dataCodewords.length < totalDataCodewords) {
-    dataCodewords.push(dataCodewords.length % 2 === 0 ? 236 : 17);
-  }
-  const codewords = interleaveBlocks(dataCodewords, info);
-  const baseMatrix = createMatrix(info.version);
-  placeData(baseMatrix, codewords);
-  let bestMatrix = null;
-  let bestPenalty = Infinity;
-  for (let mask = 0; mask < 8; mask++) {
-    const matrix = baseMatrix.map(
-      (row) => row.map((cell) => cell === null ? 0 : cell)
-    );
-    applyMask(matrix, mask);
-    addFormatInfo(matrix, ecLevel, mask);
-    const penalty = evaluatePenalty(matrix);
-    if (penalty < bestPenalty) {
-      bestPenalty = penalty;
-      bestMatrix = matrix;
-    }
-  }
-  return bestMatrix;
-}
+import { create as createQRCode } from "qrcode/lib/core/qrcode.js";
 function generateQRSvg(data, options = {}) {
   const { size = 200, errorCorrection = "L", quietZone = 4 } = options;
-  const matrix = generateQRMatrix(data, errorCorrection);
-  const moduleCount = matrix.length;
+  const qr = createQRCode(data, { errorCorrectionLevel: errorCorrection });
+  const moduleCount = qr.modules.size;
   const totalModules = moduleCount + quietZone * 2;
-  const moduleSize = size / totalModules;
+  const modulePx = Math.max(1, Math.floor(size / totalModules));
+  const pad = Math.floor((size - modulePx * totalModules) / 2);
   let paths = "";
   for (let r = 0; r < moduleCount; r++) {
     for (let c = 0; c < moduleCount; c++) {
-      if (matrix[r][c] === 1) {
-        const x = (c + quietZone) * moduleSize;
-        const y = (r + quietZone) * moduleSize;
-        paths += `M${x},${y}h${moduleSize}v${moduleSize}h-${moduleSize}z`;
+      if (qr.modules.get(r, c)) {
+        const x = pad + (c + quietZone) * modulePx;
+        const y = pad + (r + quietZone) * modulePx;
+        paths += `M${x},${y}h${modulePx}v${modulePx}h-${modulePx}z`;
       }
     }
   }
-  return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${size} ${size}" width="${size}" height="${size}"><rect width="100%" height="100%" fill="white"/><path d="${paths}" fill="black"/></svg>`;
+  return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${size} ${size}" width="${size}" height="${size}" shape-rendering="crispEdges"><rect width="100%" height="100%" fill="white"/><path d="${paths}" fill="black"/></svg>`;
 }
 function generateQRDataUrl(data, options = {}) {
   const svg = generateQRSvg(data, options);
@@ -625,7 +239,10 @@ function generateQRDataUrl(data, options = {}) {
 // src/verification.ts
 function createVerification(config) {
   const { apiUrl, polling, qr, fetch: fetchFn } = config;
-  const client = createApiClient({ baseUrl: apiUrl, fetch: fetchFn });
+  const client = createApiClient({
+    baseUrl: apiUrl,
+    fetch: fetchFn
+  });
   const subscribers = /* @__PURE__ */ new Set();
   let currentState = { status: "idle" };
   let currentSessionId = null;
@@ -666,7 +283,10 @@ function createVerification(config) {
       case "cancelled":
         return { status: "idle" };
       case "error":
-        return { status: "error", error: session.error ?? "Verification failed" };
+        return {
+          status: "error",
+          error: session.error ?? "Verification failed"
+        };
       default:
         return { status: "error", error: "Unknown session status" };
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eudi-verify/client",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Typed API client and state machine for EUDI Wallet verification",
   "type": "module",
   "engines": {
@@ -33,7 +33,12 @@
     "url": "https://github.com/eudi-verify/eudi-verify.git",
     "directory": "packages/client"
   },
+  "dependencies": {
+    "qrcode": "1.5.4"
+  },
   "devDependencies": {
+    "@types/qrcode": "^1.5.5",
+    "jsqr": "1.4.0",
     "tsup": "^8.0.0"
   },
   "scripts": {