@k2b/ui 0.13.0 → 0.15.0

package/dist/ssr/inputs/QrScanner.js

@@ -7,18 +7,87 @@ var _tmpl$ = ["<p class=\"k2b-qr-scanner__note\">", "</p>"],
 import { timed } from "@k2b/stdlib/solid";
 import { createSignal, onCleanup, onMount, Show } from "solid-js";
 import { useUiMessages } from "../intl/messages";
+
 /**
- * qr-scanner turns every getUserMedia failure into the string "Camera not found.", so only the Permissions API can
- * tell a refusal apart. Safari and Chrome expose the camera permission; elsewhere a refusal counts as unavailable.
+ * Why the scanner could not start, as far as the browser tells: `"denied"` when camera access is off, `"no-camera"`
+ * when the device has no camera, `"in-use"` when the camera is busy or could not start, most often because another app
+ * holds it, and `"unavailable"` for anything else, including a scanning engine that cannot load.
  */
-const cameraDenied = async () => {
-  try {
-    return (await navigator.permissions.query({
-      name: "camera"
-    })).state === "denied";
-  } catch {
-    return false;
+
+const sizes = [{
+  width: {
+    min: 1024
+  }
+}, {
+  width: {
+    min: 768
+  }
+}, {}];
+/** The rear camera at a resolution that keeps small codes readable, then any camera: the order qr-scanner tries. */
+const cameraRequests = [...sizes.map(size => ({
+  ...size,
+  facingMode: {
+    exact: "environment"
   }
+})), ...sizes];
+const errorName = error => typeof error === "object" && error !== null && "name" in error ? String(error.name) : "";
+const cameraFailure = name => {
+  if (name === "NotAllowedError" || name === "SecurityError") return "denied";
+  if (name === "NotFoundError" || name === "OverconstrainedError") return "no-camera";
+  if (name === "NotReadableError") return "in-use";
+  return "unavailable";
+};
+
+/** The facing a track reports, or else the one its label names, as qr-scanner reads it. */
+const facingOf = track => {
+  if (!track) return undefined;
+  const {
+    facingMode
+  } = track.getSettings();
+  if (facingMode) return facingMode;
+  if (/rear|back|environment/i.test(track.label)) return "environment";
+  if (/front|user|face/i.test(track.label)) return "user";
+  return undefined;
+};
+
+/**
+ * Opens the camera here rather than in qr-scanner, which turns every failure into "Camera not found.". A refusal ends
+ * the search, because asking again could show the permission prompt again. Any other failure may belong to the request,
+ * such as a camera that cannot start at the larger size, so the next, looser request follows, as in qr-scanner. When
+ * none succeeds, a camera that exists but fails outweighs a request no camera could meet. A closed scanner asks no more.
+ */
+const openCamera = async closed => {
+  if (!navigator.mediaDevices) return {
+    error: "unavailable"
+  };
+  let error = "no-camera";
+  for (const video of cameraRequests) {
+    if (closed()) break;
+    try {
+      const stream = await navigator.mediaDevices.getUserMedia({
+        video,
+        audio: false
+      });
+      const facing = facingOf(stream.getVideoTracks()[0]);
+      // Like qr-scanner, mirror a front camera, and a camera of unknown facing that the rear request did not find.
+      return {
+        stream,
+        mirrored: facing ? facing === "user" : !video.facingMode
+      };
+    } catch (failure) {
+      const reason = cameraFailure(errorName(failure));
+      if (reason === "denied") return {
+        error: reason
+      };
+      if (reason !== "no-camera") error = reason;
+    }
+  }
+  return {
+    error
+  };
+};
+const stopStream = stream => {
+  for (const track of stream.getTracks()) track.stop();
 };
 
 /**
@@ -38,24 +107,22 @@ export function QrScanner(props) {
   let video;
   let scanner;
   let closed = false;
-  /** The host has unmounted the scanner; it no longer hears about failures that finish later. */
-  let unmounted = false;
   let cleanupMotion;
   const destroy = () => {
     closed = true;
     cleanupMotion?.();
     resetRejected.cancel();
     resetFeedback.cancel();
-    // pause(true) stops existing tracks immediately; destroy also handles a still-pending permission request.
+    // pause(true) stops the camera stream immediately.
     void scanner?.pause(true);
     scanner?.destroy();
     scanner = undefined;
   };
-  const fail = async () => {
+  // Once closed, the host has unmounted the scanner or heard why it stopped; later failures stay silent.
+  const fail = reason => {
     if (closed) return;
     destroy();
-    const denied = await cameraDenied();
-    if (!unmounted) props.onError(denied ? "denied" : "unavailable");
+    props.onError(reason);
   };
   onMount(() => {
     const hidden = () => {
@@ -65,7 +132,6 @@ export function QrScanner(props) {
     document.addEventListener("visibilitychange", hidden);
     window.addEventListener("pagehide", leaving);
     onCleanup(() => {
-      unmounted = true;
       destroy();
       document.removeEventListener("visibilitychange", hidden);
       window.removeEventListener("pagehide", leaving);
@@ -89,12 +155,20 @@ export function QrScanner(props) {
           setInvalid(true);
           resetFeedback.debouncedFn();
         }, {
-          preferredCamera: "environment",
           highlightScanRegion: true,
-          // Empty frames are expected. Never log decoded content or frame data.
+          // A frame that cannot be decoded never ends the session: the camera runs, and the next frame may read.
+          // An engine error other than an empty frame, which the native BarcodeDetector reports as "Scanner error:
+          // No QR code found", means the detector cannot read on this device. Fall back to the bundled worker for
+          // the page through the flag qr-scanner 1.4.2 sets itself for "not implemented" and "service unavailable";
+          // it swaps engines after this frame. Worker errors carry the same prefix; the flag changes nothing there.
+          // qr-scanner reports frames only as strings: an Error means the engine itself did not load, such as a
+          // decoder chunk gone after a deploy or a worker that cannot start, and no later frame can read. Never log
+          // decoded content or frame data.
           onDecodeError: error => {
-            if (closed || error === Engine.NO_QR_CODE_FOUND) return;
-            void fail();
+            if (typeof error !== "string") return fail("unavailable");
+            if (error.startsWith("Scanner error: ") && !error.endsWith(Engine.NO_QR_CODE_FOUND)) {
+              Reflect.set(Engine, "_disableBarcodeDetector", true);
+            }
           }
         });
         const motion = matchMedia("(prefers-reduced-motion: reduce)");
@@ -108,10 +182,16 @@ export function QrScanner(props) {
         applyMotion();
         motion.addEventListener("change", applyMotion);
         cleanupMotion = () => motion.removeEventListener("change", applyMotion);
+        const camera = await openCamera(() => closed);
+        if ("error" in camera) return fail(camera.error);
+        if (closed) return stopStream(camera.stream);
+        // qr-scanner plays a stream that is already set instead of opening its own.
+        video.srcObject = camera.stream;
+        video.style.transform = camera.mirrored ? "scaleX(-1)" : "";
         await scanner.start();
         if (!closed) setStarting(false);
       } catch {
-        await fail();
+        fail("unavailable");
       }
     })();
   });

package/dist/ssr/inputs/QrScanner.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["inputs/QrScanner.tsx"],"sourcesContent":["import { timed } from \"@k2b/stdlib/solid\";\nimport type QrScannerEngine from \"qr-scanner\";\nimport { createSignal, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\n\nexport type QrScannerError = \"denied\" | \"unavailable\";\n\nexport type QrScannerProps = {\n  /** Decoded text is untrusted. Return `true` to accept it and stop the camera, `false` to reject it and keep scanning. */\n  onResult: (text: string) => boolean;\n  /** The page was hidden or left; unmount the scanner. */\n  onStop: () => void;\n  /** The camera could not start: access was denied, or there is no usable camera. Offer another way in. */\n  onError: (reason: QrScannerError) => void;\n  /** What to point the camera at. Defaults to a generic QR code hint. */\n  instructions?: string;\n  class?: string;\n};\n\n/**\n * qr-scanner turns every getUserMedia failure into the string \"Camera not found.\", so only the Permissions API can\n * tell a refusal apart. Safari and Chrome expose the camera permission; elsewhere a refusal counts as unavailable.\n */\nconst cameraDenied = async (): Promise<boolean> => {\n  try {\n    return (await navigator.permissions.query({ name: \"camera\" as PermissionName })).state === \"denied\";\n  } catch {\n    return false;\n  }\n};\n\n/**\n * Scans a QR code with the rear camera. Each mount owns exactly one camera session, which stops when the scanner\n * unmounts, the page is hidden, or a result is accepted. The scanning engine loads only when the scanner mounts.\n * Decoded content is never logged.\n */\nexport function QrScanner(props: QrScannerProps): JSX.Element {\n  const messages = useUiMessages();\n  const [starting, setStarting] = createSignal(true);\n  const [invalid, setInvalid] = createSignal(false);\n  let lastRejected: string | undefined;\n  const resetRejected = timed.debounce(() => {\n    lastRejected = undefined;\n  }, 1000);\n  const resetFeedback = timed.debounce(() => setInvalid(false), 1500);\n  let video!: HTMLVideoElement;\n  let scanner: QrScannerEngine | undefined;\n  let closed = false;\n  /** The host has unmounted the scanner; it no longer hears about failures that finish later. */\n  let unmounted = false;\n  let cleanupMotion: (() => void) | undefined;\n  const destroy = () => {\n    closed = true;\n    cleanupMotion?.();\n    resetRejected.cancel();\n    resetFeedback.cancel();\n    // pause(true) stops existing tracks immediately; destroy also handles a still-pending permission request.\n    void scanner?.pause(true);\n    scanner?.destroy();\n    scanner = undefined;\n  };\n  const fail = async () => {\n    if (closed) return;\n    destroy();\n    const denied = await cameraDenied();\n    if (!unmounted) props.onError(denied ? \"denied\" : \"unavailable\");\n  };\n  onMount(() => {\n    const hidden = () => {\n      if (document.visibilityState !== \"visible\") props.onStop();\n    };\n    const leaving = () => props.onStop();\n    document.addEventListener(\"visibilitychange\", hidden);\n    window.addEventListener(\"pagehide\", leaving);\n    onCleanup(() => {\n      unmounted = true;\n      destroy();\n      document.removeEventListener(\"visibilitychange\", hidden);\n      window.removeEventListener(\"pagehide\", leaving);\n    });\n    void (async () => {\n      try {\n        const { default: Engine } = await import(\"qr-scanner\");\n        if (closed || document.visibilityState !== \"visible\") return;\n        scanner = new Engine(\n          video,\n          (result) => {\n            if (closed) return;\n            // Rearm only after a full second without a decoded QR, not between individual frames.\n            resetRejected.debouncedFn();\n            if (result.data === lastRejected) return;\n            if (props.onResult(result.data)) {\n              destroy();\n              return;\n            }\n            lastRejected = result.data;\n            setInvalid(true);\n            resetFeedback.debouncedFn();\n          },\n          {\n            preferredCamera: \"environment\",\n            highlightScanRegion: true,\n            // Empty frames are expected. Never log decoded content or frame data.\n            onDecodeError: (error) => {\n              if (closed || error === Engine.NO_QR_CODE_FOUND) return;\n              void fail();\n            },\n          },\n        );\n        const motion = matchMedia(\"(prefers-reduced-motion: reduce)\");\n        const applyMotion = () => {\n          for (const animation of scanner?.$overlay?.getAnimations({ subtree: true }) ?? []) {\n            if (motion.matches) animation.pause();\n            else animation.play();\n          }\n        };\n        applyMotion();\n        motion.addEventListener(\"change\", applyMotion);\n        cleanupMotion = () => motion.removeEventListener(\"change\", applyMotion);\n        await scanner.start();\n        if (!closed) setStarting(false);\n      } catch {\n        await fail();\n      }\n    })();\n  });\n  return (\n    <div class={props.class ? `k2b-qr-scanner ${props.class}` : \"k2b-qr-scanner\"}>\n      <div class=\"k2b-qr-scanner__preview\" data-invalid={invalid() || undefined}>\n        {/* Live camera preview contains no prerecorded speech or audio. */}\n        <video ref={video} muted playsinline aria-label={messages().qrCameraPreview} />\n      </div>\n      <p role=\"status\">{starting() ? messages().qrCameraStarting : (props.instructions ?? messages().qrCameraInstructions)}</p>\n      <Show when={!starting()}>\n        <p class=\"k2b-qr-scanner__note\">{messages().qrCameraPrivacy}</p>\n      </Show>\n    </div>\n  );\n}\n\nexport default QrScanner;\n"],"mappings":";;;;;;AAAA,SAAS,KAAK,QAAQ,mBAAmB;AAEzC,SAAS,YAAY,EAAY,SAAS,EAAE,OAAO,EAAE,IAAI,QAAQ,UAAU;AAC3E,SAAS,aAAa,QAAQ,kBAAkB;AAgBhD;AACA;AACA;AACA;AACA,MAAM,YAAY,GAAG,YAA8B;EACjD,IAAI;IACF,OAAO,CAAC,MAAM,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC;MAAE,IAAI,EAAE;IAA2B,CAAC,CAAC,EAAE,KAAK,KAAK,QAAQ;EACrG,CAAC,CAAC,MAAM;IACN,OAAO,KAAK;EACd;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,SAAS,SAAS,CAAC,KAAqB,EAAe;EAC5D,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,YAAY,CAAC,IAAI,CAAC;EAClD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;EACjD,IAAI,YAAgC;EACpC,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM;IACzC,YAAY,GAAG,SAAS;EAC1B,CAAC,EAAE,IAAI,CAAC;EACR,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,UAAU,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;EACnE,IAAI,KAAwB;EAC5B,IAAI,OAAoC;EACxC,IAAI,MAAM,GAAG,KAAK;EAClB;EACA,IAAI,SAAS,GAAG,KAAK;EACrB,IAAI,aAAuC;EAC3C,MAAM,OAAO,GAAG,MAAM;IACpB,MAAM,GAAG,IAAI;IACb,aAAa,GAAG,CAAC;IACjB,aAAa,CAAC,MAAM,CAAC,CAAC;IACtB,aAAa,CAAC,MAAM,CAAC,CAAC;IACtB;IACA,KAAK,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC,CAAC;IAClB,OAAO,GAAG,SAAS;EACrB,CAAC;EACD,MAAM,IAAI,GAAG,YAAY;IACvB,IAAI,MAAM,EAAE;IACZ,OAAO,CAAC,CAAC;IACT,MAAM,MAAM,GAAG,MAAM,YAAY,CAAC,CAAC;IACnC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,QAAQ,GAAG,aAAa,CAAC;EAClE,CAAC;EACD,OAAO,CAAC,MAAM;IACZ,MAAM,MAAM,GAAG,MAAM;MACnB,IAAI,QAAQ,CAAC,eAAe,KAAK,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC5D,CAAC;IACD,MAAM,OAAO,GAAG,MAAM,KAAK,CAAC,MAAM,CAAC,CAAC;IACpC,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,MAAM,CAAC;IACrD,MAAM,CAAC,gBAAgB,CAAC,UAAU,EAAE,OAAO,CAAC;IAC5C,SAAS,CAAC,MAAM;MACd,SAAS,GAAG,IAAI;MAChB,OAAO,CAAC,CAAC;MACT,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,MAAM,CAAC;MACxD,MAAM,CAAC,mBAAmB,CAAC,UAAU,EAAE,OAAO,CAAC;IACjD,CAAC,CAAC;IACF,KAAK,CAAC,YAAY;MAChB,IAAI;QACF,MAAM;UAAE,OAAO,EAAE;QAAO,CAAC,GAAG,MAAM,OAAO,YAAY,CAAC;QACtD,IAAI,MAAM,IAAI,QAAQ,CAAC,eAAe,KAAK,SAAS,EAAE;QACtD,OAAO,GAAG,IAAI,MAAM,CAClB,KAAK,EACJ,MAAM,IAAK;UACV,IAAI,MAAM,EAAE;UACZ;UACA,aAAa,CAAC,WAAW,CAAC,CAAC;UAC3B,IAAI,MAAM,CAAC,IAAI,KAAK,YAAY,EAAE;UAClC,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;YAC/B,OAAO,CAAC,CAAC;YACT;UACF;UACA,YAAY,GAAG,MAAM,CAAC,IAAI;UAC1B,UAAU,CAAC,IAAI,CAAC;UAChB,aAAa,CAAC,WAAW,CAAC,CAAC;QAC7B,CAAC,EACD;UACE,eAAe,EAAE,aAAa;UAC9B,mBAAmB,EAAE,IAAI;UACzB;UACA,aAAa,EAAG,KAAK,IAAK;YACxB,IAAI,MAAM,IAAI,KAAK,KAAK,MAAM,CAAC,gBAAgB,EAAE;YACjD,KAAK,IAAI,CAAC,CAAC;UACb;QACF,CACF,CAAC;QACD,MAAM,MAAM,GAAG,UAAU,CAAC,kCAAkC,CAAC;QAC7D,MAAM,WAAW,GAAG,MAAM;UACxB,KAAK,MAAM,SAAS,IAAI,OAAO,EAAE,QAAQ,EAAE,aAAa,CAAC;YAAE,OAAO,EAAE;UAAK,CAAC,CAAC,IAAI,EAAE,EAAE;YACjF,IAAI,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,KACjC,SAAS,CAAC,IAAI,CAAC,CAAC;UACvB;QACF,CAAC;QACD,WAAW,CAAC,CAAC;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,WAAW,CAAC;QAC9C,aAAa,GAAG,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,WAAW,CAAC;QACvE,MAAM,OAAO,CAAC,KAAK,CAAC,CAAC;QACrB,IAAI,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,CAAC;MACjC,CAAC,CAAC,MAAM;QACN,MAAM,IAAI,CAAC,CAAC;MACd;IACF,CAAC,EAAE,CAAC;EACN,CAAC,CAAC;EACF,8CACc,KAAK,CAAC,KAAK,GAAG,2BAAkB,KAAK,CAAC,KAAK,SAAE,GAAG,gBAAgB,kDACvB,OAAO,CAAC,CAAC,IAAI,SAAS,uDAEtB,QAAQ,CAAC,CAAC,CAAC,eAAe,iBAE3D,QAAQ,CAAC,CAAC,YAAG,QAAQ,CAAC,CAAC,CAAC,gBAAgB,aAAI,KAAK,CAAC,YAAY,IAAI,QAAQ,CAAC,CAAC,CAAC,oBAAoB,CAAC,6BACnH,IAAI;IAAA,IAAC,IAAI;MAAA,OAAE,CAAC,QAAQ,CAAC,CAAC;IAAA;IAAA;MAAA,8BACY,QAAQ,CAAC,CAAC,CAAC,eAAe;IAAA;EAAA;AAInE;AAEA,eAAe,SAAS","ignoreList":[]}
+{"version":3,"names":[],"sources":["inputs/QrScanner.tsx"],"sourcesContent":["import { timed } from \"@k2b/stdlib/solid\";\nimport type QrScannerEngine from \"qr-scanner\";\nimport { createSignal, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\n\n/**\n * Why the scanner could not start, as far as the browser tells: `\"denied\"` when camera access is off, `\"no-camera\"`\n * when the device has no camera, `\"in-use\"` when the camera is busy or could not start, most often because another app\n * holds it, and `\"unavailable\"` for anything else, including a scanning engine that cannot load.\n */\nexport type QrScannerError = \"denied\" | \"no-camera\" | \"in-use\" | \"unavailable\";\n\nexport type QrScannerProps = {\n  /** Decoded text is untrusted. Return `true` to accept it and stop the camera, `false` to reject it and keep scanning. */\n  onResult: (text: string) => boolean;\n  /** The page was hidden or left; unmount the scanner. */\n  onStop: () => void;\n  /**\n   * The camera or the scanning engine could not start; the scanner has stopped. Offer another way in. A frame that\n   * cannot be decoded never ends here.\n   */\n  onError: (reason: QrScannerError) => void;\n  /** What to point the camera at. Defaults to a generic QR code hint. */\n  instructions?: string;\n  class?: string;\n};\n\nconst sizes: MediaTrackConstraints[] = [{ width: { min: 1024 } }, { width: { min: 768 } }, {}];\n/** The rear camera at a resolution that keeps small codes readable, then any camera: the order qr-scanner tries. */\nconst cameraRequests: MediaTrackConstraints[] = [...sizes.map((size) => ({ ...size, facingMode: { exact: \"environment\" } })), ...sizes];\n\nconst errorName = (error: unknown): string => (typeof error === \"object\" && error !== null && \"name\" in error ? String(error.name) : \"\");\n\nconst cameraFailure = (name: string): QrScannerError => {\n  if (name === \"NotAllowedError\" || name === \"SecurityError\") return \"denied\";\n  if (name === \"NotFoundError\" || name === \"OverconstrainedError\") return \"no-camera\";\n  if (name === \"NotReadableError\") return \"in-use\";\n  return \"unavailable\";\n};\n\n/** The facing a track reports, or else the one its label names, as qr-scanner reads it. */\nconst facingOf = (track: MediaStreamTrack | undefined): string | undefined => {\n  if (!track) return undefined;\n  const { facingMode } = track.getSettings();\n  if (facingMode) return facingMode;\n  if (/rear|back|environment/i.test(track.label)) return \"environment\";\n  if (/front|user|face/i.test(track.label)) return \"user\";\n  return undefined;\n};\n\n/**\n * Opens the camera here rather than in qr-scanner, which turns every failure into \"Camera not found.\". A refusal ends\n * the search, because asking again could show the permission prompt again. Any other failure may belong to the request,\n * such as a camera that cannot start at the larger size, so the next, looser request follows, as in qr-scanner. When\n * none succeeds, a camera that exists but fails outweighs a request no camera could meet. A closed scanner asks no more.\n */\nconst openCamera = async (closed: () => boolean): Promise<{ stream: MediaStream; mirrored: boolean } | { error: QrScannerError }> => {\n  if (!navigator.mediaDevices) return { error: \"unavailable\" };\n  let error: QrScannerError = \"no-camera\";\n  for (const video of cameraRequests) {\n    if (closed()) break;\n    try {\n      const stream = await navigator.mediaDevices.getUserMedia({ video, audio: false });\n      const facing = facingOf(stream.getVideoTracks()[0]);\n      // Like qr-scanner, mirror a front camera, and a camera of unknown facing that the rear request did not find.\n      return { stream, mirrored: facing ? facing === \"user\" : !video.facingMode };\n    } catch (failure) {\n      const reason = cameraFailure(errorName(failure));\n      if (reason === \"denied\") return { error: reason };\n      if (reason !== \"no-camera\") error = reason;\n    }\n  }\n  return { error };\n};\n\nconst stopStream = (stream: MediaStream) => {\n  for (const track of stream.getTracks()) track.stop();\n};\n\n/**\n * Scans a QR code with the rear camera. Each mount owns exactly one camera session, which stops when the scanner\n * unmounts, the page is hidden, or a result is accepted. The scanning engine loads only when the scanner mounts.\n * Decoded content is never logged.\n */\nexport function QrScanner(props: QrScannerProps): JSX.Element {\n  const messages = useUiMessages();\n  const [starting, setStarting] = createSignal(true);\n  const [invalid, setInvalid] = createSignal(false);\n  let lastRejected: string | undefined;\n  const resetRejected = timed.debounce(() => {\n    lastRejected = undefined;\n  }, 1000);\n  const resetFeedback = timed.debounce(() => setInvalid(false), 1500);\n  let video!: HTMLVideoElement;\n  let scanner: QrScannerEngine | undefined;\n  let closed = false;\n  let cleanupMotion: (() => void) | undefined;\n  const destroy = () => {\n    closed = true;\n    cleanupMotion?.();\n    resetRejected.cancel();\n    resetFeedback.cancel();\n    // pause(true) stops the camera stream immediately.\n    void scanner?.pause(true);\n    scanner?.destroy();\n    scanner = undefined;\n  };\n  // Once closed, the host has unmounted the scanner or heard why it stopped; later failures stay silent.\n  const fail = (reason: QrScannerError) => {\n    if (closed) return;\n    destroy();\n    props.onError(reason);\n  };\n  onMount(() => {\n    const hidden = () => {\n      if (document.visibilityState !== \"visible\") props.onStop();\n    };\n    const leaving = () => props.onStop();\n    document.addEventListener(\"visibilitychange\", hidden);\n    window.addEventListener(\"pagehide\", leaving);\n    onCleanup(() => {\n      destroy();\n      document.removeEventListener(\"visibilitychange\", hidden);\n      window.removeEventListener(\"pagehide\", leaving);\n    });\n    void (async () => {\n      try {\n        const { default: Engine } = await import(\"qr-scanner\");\n        if (closed || document.visibilityState !== \"visible\") return;\n        scanner = new Engine(\n          video,\n          (result) => {\n            if (closed) return;\n            // Rearm only after a full second without a decoded QR, not between individual frames.\n            resetRejected.debouncedFn();\n            if (result.data === lastRejected) return;\n            if (props.onResult(result.data)) {\n              destroy();\n              return;\n            }\n            lastRejected = result.data;\n            setInvalid(true);\n            resetFeedback.debouncedFn();\n          },\n          {\n            highlightScanRegion: true,\n            // A frame that cannot be decoded never ends the session: the camera runs, and the next frame may read.\n            // An engine error other than an empty frame, which the native BarcodeDetector reports as \"Scanner error:\n            // No QR code found\", means the detector cannot read on this device. Fall back to the bundled worker for\n            // the page through the flag qr-scanner 1.4.2 sets itself for \"not implemented\" and \"service unavailable\";\n            // it swaps engines after this frame. Worker errors carry the same prefix; the flag changes nothing there.\n            // qr-scanner reports frames only as strings: an Error means the engine itself did not load, such as a\n            // decoder chunk gone after a deploy or a worker that cannot start, and no later frame can read. Never log\n            // decoded content or frame data.\n            onDecodeError: (error) => {\n              if (typeof error !== \"string\") return fail(\"unavailable\");\n              if (error.startsWith(\"Scanner error: \") && !error.endsWith(Engine.NO_QR_CODE_FOUND)) {\n                Reflect.set(Engine, \"_disableBarcodeDetector\", true);\n              }\n            },\n          },\n        );\n        const motion = matchMedia(\"(prefers-reduced-motion: reduce)\");\n        const applyMotion = () => {\n          for (const animation of scanner?.$overlay?.getAnimations({ subtree: true }) ?? []) {\n            if (motion.matches) animation.pause();\n            else animation.play();\n          }\n        };\n        applyMotion();\n        motion.addEventListener(\"change\", applyMotion);\n        cleanupMotion = () => motion.removeEventListener(\"change\", applyMotion);\n        const camera = await openCamera(() => closed);\n        if (\"error\" in camera) return fail(camera.error);\n        if (closed) return stopStream(camera.stream);\n        // qr-scanner plays a stream that is already set instead of opening its own.\n        video.srcObject = camera.stream;\n        video.style.transform = camera.mirrored ? \"scaleX(-1)\" : \"\";\n        await scanner.start();\n        if (!closed) setStarting(false);\n      } catch {\n        fail(\"unavailable\");\n      }\n    })();\n  });\n  return (\n    <div class={props.class ? `k2b-qr-scanner ${props.class}` : \"k2b-qr-scanner\"}>\n      <div class=\"k2b-qr-scanner__preview\" data-invalid={invalid() || undefined}>\n        {/* Live camera preview contains no prerecorded speech or audio. */}\n        <video ref={video} muted playsinline aria-label={messages().qrCameraPreview} />\n      </div>\n      <p role=\"status\">{starting() ? messages().qrCameraStarting : (props.instructions ?? messages().qrCameraInstructions)}</p>\n      <Show when={!starting()}>\n        <p class=\"k2b-qr-scanner__note\">{messages().qrCameraPrivacy}</p>\n      </Show>\n    </div>\n  );\n}\n\nexport default QrScanner;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/intl/messages.js

@@ -38,6 +38,11 @@ const uiMessages = i18n.define({
       close: "Close",
       closeDialog: "close dialog",
       copied: "Copied",
+      infoBlockNote: "Note",
+      infoBlockInfo: "Info",
+      infoBlockSuccess: "Success",
+      infoBlockWarning: "Warning",
+      infoBlockDanger: "Danger",
       copy: "Copy",
       closeLightbox: "Close lightbox",
       couldNotLoadData: "Could not load this data",
@@ -192,6 +197,42 @@ const uiMessages = i18n.define({
       dropFilesToAttach: "Drop files to attach",
       conversation: "Conversation",
       jumpToLatest: "Jump to latest",
+      feedJumpToLatest: "Jump to latest",
+      feedJumpToLatestCount: ({
+        count
+      }) => `Jump to latest, ${count} new`,
+      feedNewItems: ({
+        count
+      }) => count === 1 ? "1 new item" : `${count} new items`,
+      feedNewMarker: "New",
+      messageSent: "Sent",
+      messageNotSent: "Not sent",
+      messageRetry: "Retry",
+      messageShowMore: "Show more",
+      messageShowLess: "Show less",
+      messageReplyTo: "In reply to",
+      messageForwarded: "Forwarded",
+      messageEdited: "edited",
+      messageDeleted: "This message was deleted",
+      messageVideo: "Video",
+      messageMoreAttachments: ({
+        count
+      }) => `${count} more`,
+      messageReactions: "Reactions",
+      messageReaction: ({
+        emoji,
+        count,
+        names,
+        own
+      }) => `${emoji} ${own && count === 1 ? "your reaction" : `${count} ${count === 1 ? "reaction" : "reactions"}${own ? ", including yours" : ""}`}${names ? `: ${names}` : ""}`,
+      messageAddReaction: "Add reaction",
+      messageReplies: ({
+        count
+      }) => count === 1 ? "1 reply" : `${count} replies`,
+      messageLastReply: ({
+        time
+      }) => `Last reply ${time}`,
+      messageStop: "Stop",
       conversationMessages: ({
         label
       }) => `${label} messages`,
@@ -501,6 +542,11 @@ const uiMessages = i18n.define({
       installAppleBrowserDetail: "This browser installs through Share → Add to Home Screen. If that isn’t there, open this page in Safari.",
       installAndroidBrowserTitle: "Chrome works best",
       installAndroidBrowserDetail: "In this browser, look for “Install” or “Add to Home screen” in the menu. If that isn’t there, open this page in Chrome.",
+      installSamsungTitle: "Install with Chrome",
+      installSamsungDetail: ({
+        appName
+      }) => `On Samsung phones, Samsung Internet builds its own app package, which Android 14 and later may block as “built for an older version of Android”. That warning is about the package, not about ${appName}. Chrome installs ${appName} without it. Without Chrome, use this browser’s menu and continue through that warning.`,
+      installOpenChrome: "Open in Chrome",
       installCopyLink: "Copy link",
       installLinkCopied: "Link copied",
       installCopyFailed: "The link could not be copied. Copy this address manually:",
@@ -544,6 +590,11 @@ const uiMessages = i18n.define({
       close: "Schließen",
       closeDialog: "Dialog schließen",
       copied: "Kopiert",
+      infoBlockNote: "Notiz",
+      infoBlockInfo: "Info",
+      infoBlockSuccess: "Erfolg",
+      infoBlockWarning: "Warnung",
+      infoBlockDanger: "Gefahr",
       copy: "Kopieren",
       closeLightbox: "Bildansicht schließen",
       couldNotLoadData: "Diese Daten konnten nicht geladen werden",
@@ -698,6 +749,42 @@ const uiMessages = i18n.define({
       dropFilesToAttach: "Dateien zum Anhängen ablegen",
       conversation: "Unterhaltung",
       jumpToLatest: "Zur neuesten Nachricht",
+      feedJumpToLatest: "Zum Neuesten",
+      feedJumpToLatestCount: ({
+        count
+      }) => `Zum Neuesten, ${count} neu`,
+      feedNewItems: ({
+        count
+      }) => count === 1 ? "1 neuer Eintrag" : `${count} neue Einträge`,
+      feedNewMarker: "Neu",
+      messageSent: "Gesendet",
+      messageNotSent: "Nicht gesendet",
+      messageRetry: "Erneut senden",
+      messageShowMore: "Mehr anzeigen",
+      messageShowLess: "Weniger anzeigen",
+      messageReplyTo: "Antwort auf",
+      messageForwarded: "Weitergeleitet",
+      messageEdited: "bearbeitet",
+      messageDeleted: "Diese Nachricht wurde gelöscht",
+      messageVideo: "Video",
+      messageMoreAttachments: ({
+        count
+      }) => `${count} weitere`,
+      messageReactions: "Reaktionen",
+      messageReaction: ({
+        emoji,
+        count,
+        names,
+        own
+      }) => `${emoji} ${own && count === 1 ? "deine Reaktion" : `${count} ${count === 1 ? "Reaktion" : "Reaktionen"}${own ? ", einschließlich deiner" : ""}`}${names ? `: ${names}` : ""}`,
+      messageAddReaction: "Reaktion hinzufügen",
+      messageReplies: ({
+        count
+      }) => count === 1 ? "1 Antwort" : `${count} Antworten`,
+      messageLastReply: ({
+        time
+      }) => `Letzte Antwort ${time}`,
+      messageStop: "Stoppen",
       conversationMessages: ({
         label
       }) => `Nachrichten in ${label}`,
@@ -1007,6 +1094,11 @@ const uiMessages = i18n.define({
       installAppleBrowserDetail: "In diesem Browser installierst du über Teilen → Zum Home-Bildschirm. Fehlt der Eintrag, öffne diese Seite in Safari.",
       installAndroidBrowserTitle: "Am besten mit Chrome",
       installAndroidBrowserDetail: "Suche in diesem Browser im Menü nach „Installieren“ oder „Zum Startbildschirm hinzufügen“. Fehlt der Eintrag, öffne diese Seite in Chrome.",
+      installSamsungTitle: "Mit Chrome installieren",
+      installSamsungDetail: ({
+        appName
+      }) => `Auf Samsung-Handys erstellt Samsung Internet ein eigenes App-Paket, das Android ab Version 14 als „für eine ältere Android-Version entwickelt“ blockieren kann. Diese Warnung betrifft das Paket, nicht ${appName}. Mit Chrome installierst du ${appName} ohne sie. Ohne Chrome nutze das Menü dieses Browsers und fahre trotz dieser Warnung fort.`,
+      installOpenChrome: "In Chrome öffnen",
       installCopyLink: "Link kopieren",
       installLinkCopied: "Link kopiert",
       installCopyFailed: "Der Link konnte nicht kopiert werden. Kopiere diese Adresse manuell:",