qapture2 0.8.2 → 0.8.3

package/dist/{chunk-JGSKPW7Y.js → chunk-32LKZ2PG.js}

@@ -2383,6 +2383,25 @@ function getExactCaptureStatus() {
 function getFrozenFrame() {
   return frozen;
 }
+var STILL_REUSE_MS = 9e4;
+var frozenAtScrollX = 0;
+var frozenAtScrollY = 0;
+var frozenAtPath = "";
+function stillIsCurrent() {
+  if (!frozen) return false;
+  if (typeof window === "undefined") return false;
+  if (Date.now() - frozen.takenAt > STILL_REUSE_MS) return false;
+  if (window.scrollX !== frozenAtScrollX || window.scrollY !== frozenAtScrollY) return false;
+  if (window.location.pathname + window.location.search !== frozenAtPath) return false;
+  const vw = document.documentElement.clientWidth || window.innerWidth;
+  const vh = document.documentElement.clientHeight || window.innerHeight;
+  if (vw !== frozen.viewportWidth || vh !== frozen.viewportHeight) return false;
+  return true;
+}
+async function freezeOrReuse() {
+  if (stillIsCurrent()) return frozen;
+  return freezeViewport();
+}
 function releaseFrozenFrame() {
   if (frozen) {
     frozen.canvas.width = 0;
@@ -2627,6 +2646,9 @@ async function freezeViewport() {
       viewportHeight: vh,
       takenAt: Date.now()
     };
+    frozenAtScrollX = window.scrollX;
+    frozenAtScrollY = window.scrollY;
+    frozenAtPath = window.location.pathname + window.location.search;
     lastMode = mode;
     return frozen;
   } catch {
@@ -4331,6 +4353,7 @@ function QaProvider({
   useEffect(() => {
     notesRef.current = notes;
   }, [notes]);
+  const staleStillTimer = useRef(null);
   const applyNotes = useCallback((updater) => {
     const next = updater(notesRef.current);
     notesRef.current = next;
@@ -4874,17 +4897,22 @@ function QaProvider({
       flushPendingDeletes();
       for (const timer of noticeTimers.current.values()) clearTimeout(timer);
       noticeTimers.current.clear();
+      if (staleStillTimer.current) {
+        clearTimeout(staleStillTimer.current);
+        staleStillTimer.current = null;
+      }
       releaseFrozenFrame();
     };
   }, [flushPendingDeletes]);
+  const STILL_HOLD_MS = 1e5;
   const startCapture = useCallback((prefill) => {
     setIsOpen(false);
     setCapturePrefill(prefill ?? "");
     setCaptureActive(true);
-    setFrozenAt(null);
+    if (!stillIsCurrent()) setFrozenAt(null);
     if (exactShotsWanted(storage) && isExactCaptureSupported()) {
       resetExactCaptureDecline();
-      void freezeViewport().then((frame) => {
+      void freezeOrReuse().then((frame) => {
         setFrozenAt(frame?.takenAt ?? null);
         setExactStatus(getExactCaptureStatus());
       });
@@ -4892,8 +4920,11 @@ function QaProvider({
   }, [storage]);
   const endCapture = useCallback((reopen = true) => {
     setCaptureActive(false);
-    releaseFrozenFrame();
-    setFrozenAt(null);
+    if (staleStillTimer.current) clearTimeout(staleStillTimer.current);
+    staleStillTimer.current = setTimeout(() => {
+      releaseFrozenFrame();
+      staleStillTimer.current = null;
+    }, STILL_HOLD_MS);
     if (reopen) setIsOpen(true);
   }, []);
   const toggleGuide = useCallback((key) => {
@@ -10647,5 +10678,5 @@ function Qapture({ config }) {
 }
 
 export { Qapture, deleteQaDatabase, initQaStudio };
-//# sourceMappingURL=chunk-JGSKPW7Y.js.map
-//# sourceMappingURL=chunk-JGSKPW7Y.js.map
+//# sourceMappingURL=chunk-32LKZ2PG.js.map
+//# sourceMappingURL=chunk-32LKZ2PG.js.map

package/dist/{chunk-IYQ5JZJX.cjs → chunk-OSYYMS6R.cjs}

@@ -2390,6 +2390,25 @@ function getExactCaptureStatus() {
 function getFrozenFrame() {
   return frozen;
 }
+var STILL_REUSE_MS = 9e4;
+var frozenAtScrollX = 0;
+var frozenAtScrollY = 0;
+var frozenAtPath = "";
+function stillIsCurrent() {
+  if (!frozen) return false;
+  if (typeof window === "undefined") return false;
+  if (Date.now() - frozen.takenAt > STILL_REUSE_MS) return false;
+  if (window.scrollX !== frozenAtScrollX || window.scrollY !== frozenAtScrollY) return false;
+  if (window.location.pathname + window.location.search !== frozenAtPath) return false;
+  const vw = document.documentElement.clientWidth || window.innerWidth;
+  const vh = document.documentElement.clientHeight || window.innerHeight;
+  if (vw !== frozen.viewportWidth || vh !== frozen.viewportHeight) return false;
+  return true;
+}
+async function freezeOrReuse() {
+  if (stillIsCurrent()) return frozen;
+  return freezeViewport();
+}
 function releaseFrozenFrame() {
   if (frozen) {
     frozen.canvas.width = 0;
@@ -2634,6 +2653,9 @@ async function freezeViewport() {
       viewportHeight: vh,
       takenAt: Date.now()
     };
+    frozenAtScrollX = window.scrollX;
+    frozenAtScrollY = window.scrollY;
+    frozenAtPath = window.location.pathname + window.location.search;
     lastMode = mode;
     return frozen;
   } catch {
@@ -4338,6 +4360,7 @@ function QaProvider({
   React.useEffect(() => {
     notesRef.current = notes;
   }, [notes]);
+  const staleStillTimer = React.useRef(null);
   const applyNotes = React.useCallback((updater) => {
     const next = updater(notesRef.current);
     notesRef.current = next;
@@ -4881,17 +4904,22 @@ function QaProvider({
       flushPendingDeletes();
       for (const timer of noticeTimers.current.values()) clearTimeout(timer);
       noticeTimers.current.clear();
+      if (staleStillTimer.current) {
+        clearTimeout(staleStillTimer.current);
+        staleStillTimer.current = null;
+      }
       releaseFrozenFrame();
     };
   }, [flushPendingDeletes]);
+  const STILL_HOLD_MS = 1e5;
   const startCapture = React.useCallback((prefill) => {
     setIsOpen(false);
     setCapturePrefill(prefill ?? "");
     setCaptureActive(true);
-    setFrozenAt(null);
+    if (!stillIsCurrent()) setFrozenAt(null);
     if (exactShotsWanted(storage) && isExactCaptureSupported()) {
       resetExactCaptureDecline();
-      void freezeViewport().then((frame) => {
+      void freezeOrReuse().then((frame) => {
         setFrozenAt(frame?.takenAt ?? null);
         setExactStatus(getExactCaptureStatus());
       });
@@ -4899,8 +4927,11 @@ function QaProvider({
   }, [storage]);
   const endCapture = React.useCallback((reopen = true) => {
     setCaptureActive(false);
-    releaseFrozenFrame();
-    setFrozenAt(null);
+    if (staleStillTimer.current) clearTimeout(staleStillTimer.current);
+    staleStillTimer.current = setTimeout(() => {
+      releaseFrozenFrame();
+      staleStillTimer.current = null;
+    }, STILL_HOLD_MS);
     if (reopen) setIsOpen(true);
   }, []);
   const toggleGuide = React.useCallback((key) => {
@@ -10656,5 +10687,5 @@ function Qapture({ config }) {
 exports.Qapture = Qapture;
 exports.deleteQaDatabase = deleteQaDatabase;
 exports.initQaStudio = initQaStudio;
-//# sourceMappingURL=chunk-IYQ5JZJX.cjs.map
-//# sourceMappingURL=chunk-IYQ5JZJX.cjs.map
+//# sourceMappingURL=chunk-OSYYMS6R.cjs.map
+//# sourceMappingURL=chunk-OSYYMS6R.cjs.map

package/dist/index.cjs

@@ -1,24 +1,24 @@
 'use strict';
 
-var chunkIYQ5JZJX_cjs = require('./chunk-IYQ5JZJX.cjs');
+var chunkOSYYMS6R_cjs = require('./chunk-OSYYMS6R.cjs');
 
 
 
 Object.defineProperty(exports, "QaStudio", {
   enumerable: true,
-  get: function () { return chunkIYQ5JZJX_cjs.Qapture; }
+  get: function () { return chunkOSYYMS6R_cjs.Qapture; }
 });
 Object.defineProperty(exports, "Qapture", {
   enumerable: true,
-  get: function () { return chunkIYQ5JZJX_cjs.Qapture; }
+  get: function () { return chunkOSYYMS6R_cjs.Qapture; }
 });
 Object.defineProperty(exports, "deleteQaDatabase", {
   enumerable: true,
-  get: function () { return chunkIYQ5JZJX_cjs.deleteQaDatabase; }
+  get: function () { return chunkOSYYMS6R_cjs.deleteQaDatabase; }
 });
 Object.defineProperty(exports, "initQaStudio", {
   enumerable: true,
-  get: function () { return chunkIYQ5JZJX_cjs.initQaStudio; }
+  get: function () { return chunkOSYYMS6R_cjs.initQaStudio; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,3 +1,3 @@
-export { Qapture as QaStudio, Qapture, deleteQaDatabase, initQaStudio } from './chunk-JGSKPW7Y.js';
+export { Qapture as QaStudio, Qapture, deleteQaDatabase, initQaStudio } from './chunk-32LKZ2PG.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/next.cjs

@@ -1,21 +1,21 @@
 "use client";
 'use strict';
 
-var chunkIYQ5JZJX_cjs = require('./chunk-IYQ5JZJX.cjs');
+var chunkOSYYMS6R_cjs = require('./chunk-OSYYMS6R.cjs');
 
 
 
 Object.defineProperty(exports, "QaStudio", {
   enumerable: true,
-  get: function () { return chunkIYQ5JZJX_cjs.Qapture; }
+  get: function () { return chunkOSYYMS6R_cjs.Qapture; }
 });
 Object.defineProperty(exports, "Qapture", {
   enumerable: true,
-  get: function () { return chunkIYQ5JZJX_cjs.Qapture; }
+  get: function () { return chunkOSYYMS6R_cjs.Qapture; }
 });
 Object.defineProperty(exports, "initQaStudio", {
   enumerable: true,
-  get: function () { return chunkIYQ5JZJX_cjs.initQaStudio; }
+  get: function () { return chunkOSYYMS6R_cjs.initQaStudio; }
 });
 //# sourceMappingURL=next.cjs.map
 //# sourceMappingURL=next.cjs.map

package/dist/next.js

@@ -1,4 +1,4 @@
 "use client";
-export { Qapture as QaStudio, Qapture, initQaStudio } from './chunk-JGSKPW7Y.js';
+export { Qapture as QaStudio, Qapture, initQaStudio } from './chunk-32LKZ2PG.js';
 //# sourceMappingURL=next.js.map
 //# sourceMappingURL=next.js.map

package/dist/standalone.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkIYQ5JZJX_cjs = require('./chunk-IYQ5JZJX.cjs');
+var chunkOSYYMS6R_cjs = require('./chunk-OSYYMS6R.cjs');
 
 // src/standalone.ts
 if (typeof window !== "undefined" && typeof customElements !== "undefined" && !customElements.get("qapture-widget")) {
@@ -38,7 +38,7 @@ if (typeof window !== "undefined" && typeof customElements !== "undefined" && !c
 
 Object.defineProperty(exports, "initQaStudio", {
   enumerable: true,
-  get: function () { return chunkIYQ5JZJX_cjs.initQaStudio; }
+  get: function () { return chunkOSYYMS6R_cjs.initQaStudio; }
 });
 //# sourceMappingURL=standalone.cjs.map
 //# sourceMappingURL=standalone.cjs.map

package/dist/standalone.js

@@ -1,4 +1,4 @@
-export { initQaStudio } from './chunk-JGSKPW7Y.js';
+export { initQaStudio } from './chunk-32LKZ2PG.js';
 
 // src/standalone.ts
 if (typeof window !== "undefined" && typeof customElements !== "undefined" && !customElements.get("qapture-widget")) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qapture2",
-  "version": "0.8.2",
+  "version": "0.8.3",
   "description": "Drop-in, AI-aware in-browser QA capture widget. A tester annotates the live app (element/region + auto-screenshot + note), tracks a graded testing journey, and exports a ZIP your own coding agent reads. Ships zero AI.",
   "type": "module",
   "license": "MIT",