qapture2 0.7.3 → 0.7.4

package/README.md

@@ -351,9 +351,15 @@ Because by default it is. The DOM engine re-draws your page; fonts shift,
 shadows and gradients flatten, `<canvas>` and video come out blank. From
 v0.7.3 a redrawn capture says so under the preview and offers a one-tap **Use
 real screenshots**, which grants tab-share and re-shoots the same selection
-with the exact engine below. Chromium desktop only — on Safari and Firefox the
-redraw is the only engine there is, so for screenshot-critical QA, test in
-Chrome.
+with the exact engine below.
+
+That upgrade is Chromium-only, because it depends on `preferCurrentTab`. On
+Safari and Firefox the redraw is the only engine there is — so from v0.7.4 the
+card says so outright and points you at Chrome, rather than leaving you to
+conclude the tool is broken. **If your app draws anything with inline SVG, a
+`<canvas>`, or video, do your screenshot QA in Chrome.** A redraw will render
+an SVG chart as bare outlines and a canvas as a blank box, every time, in any
+tool built this way.
 
 ### `exact` — opt-in, pixel-for-pixel
 

package/dist/{chunk-C5WJFSMN.cjs → chunk-7WHQBMVP.cjs}

@@ -1784,6 +1784,7 @@ var STR = {
     exact_hint: "Screenshots become a real photo of the tab instead of a redraw. Asks once to share this tab; nothing leaves your device.",
     redraw_notice: "This is a redraw of the page, not a real photo.",
     redraw_action: "Use real screenshots",
+    redraw_no_engine: "This browser cannot photograph a tab, so charts and canvases may come out wrong. Open the app in Chrome, Edge or Brave for true screenshots.",
     exact_on: "Pixel-exact screenshots on",
     exact_off: "Back to redrawn screenshots",
     exact_declined: "Staying on redrawn screenshots",
@@ -1980,6 +1981,7 @@ var STR = {
     exact_hint: "\u062A\u0635\u0628\u062D \u0627\u0644\u0644\u0642\u0637\u0629 \u0635\u0648\u0631\u0629 \u062D\u0642\u064A\u0642\u064A\u0629 \u0644\u0644\u062A\u0628\u0648\u064A\u0628 \u0628\u062F\u0644 \u0625\u0639\u0627\u062F\u0629 \u0631\u0633\u0645\u0647. \u064A\u064F\u0637\u0644\u0628 \u0627\u0644\u0625\u0630\u0646 \u0645\u0631\u0629 \u0648\u0627\u062D\u062F\u0629\u060C \u0648\u0644\u0627 \u0634\u064A\u0621 \u064A\u063A\u0627\u062F\u0631 \u062C\u0647\u0627\u0632\u0643.",
     redraw_notice: "\u0647\u0630\u0647 \u0625\u0639\u0627\u062F\u0629 \u0631\u0633\u0645 \u0644\u0644\u0635\u0641\u062D\u0629\u060C \u0648\u0644\u064A\u0633\u062A \u0635\u0648\u0631\u0629 \u062D\u0642\u064A\u0642\u064A\u0629.",
     redraw_action: "\u0627\u0633\u062A\u062E\u062F\u0645 \u0644\u0642\u0637\u0627\u062A \u062D\u0642\u064A\u0642\u064A\u0629",
+    redraw_no_engine: "\u0644\u0627 \u064A\u0633\u062A\u0637\u064A\u0639 \u0647\u0630\u0627 \u0627\u0644\u0645\u062A\u0635\u0641\u062D \u062A\u0635\u0648\u064A\u0631 \u0627\u0644\u062A\u0628\u0648\u064A\u0628\u060C \u0644\u0630\u0627 \u0642\u062F \u062A\u0638\u0647\u0631 \u0627\u0644\u0645\u062E\u0637\u0637\u0627\u062A \u0648\u0627\u0644\u0644\u0648\u062D\u0627\u062A \u0628\u0634\u0643\u0644 \u062E\u0627\u0637\u0626. \u0627\u0641\u062A\u062D \u0627\u0644\u062A\u0637\u0628\u064A\u0642 \u0641\u064A Chrome \u0623\u0648 Edge \u0623\u0648 Brave \u0644\u0644\u062D\u0635\u0648\u0644 \u0639\u0644\u0649 \u0644\u0642\u0637\u0627\u062A \u062D\u0642\u064A\u0642\u064A\u0629.",
     exact_on: "\u062A\u0645 \u062A\u0641\u0639\u064A\u0644 \u0627\u0644\u0644\u0642\u0637\u0627\u062A \u0627\u0644\u0645\u0637\u0627\u0628\u0642\u0629",
     exact_off: "\u0627\u0644\u0639\u0648\u062F\u0629 \u0625\u0644\u0649 \u0627\u0644\u0644\u0642\u0637\u0627\u062A \u0627\u0644\u0645\u064F\u0639\u0627\u062F \u0631\u0633\u0645\u0647\u0627",
     exact_declined: "\u0633\u0646\u0628\u0642\u0649 \u0639\u0644\u0649 \u0627\u0644\u0644\u0642\u0637\u0627\u062A \u0627\u0644\u0645\u064F\u0639\u0627\u062F \u0631\u0633\u0645\u0647\u0627",
@@ -9758,7 +9760,7 @@ function CaptureMode() {
                       )
                     ] })
                   ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "qa-py-4 qa-text-xs qa-text-slate-400", children: t("no_shot") }),
-                  shotUrl && shotEngine === "dom" && exactShots.supported && exactShots.status !== "live" && /* @__PURE__ */ jsxRuntime.jsxs(
+                  shotUrl && shotEngine === "dom" && (exactShots.status !== "live" && exactShots.supported ? /* @__PURE__ */ jsxRuntime.jsxs(
                     "span",
                     {
                       "data-qa-redraw-offer": "true",
@@ -9784,7 +9786,25 @@ function CaptureMode() {
                         )
                       ]
                     }
-                  )
+                  ) : !exactShots.supported ? (
+                    // Safari and Firefox have no way to photograph the tab, so
+                    // there is nothing to offer — but saying NOTHING was the real
+                    // failure. A tester watching an SVG chart come back as bare
+                    // outlines concludes the tool is broken and files it as a bug,
+                    // over and over. Name the limit and name the way out.
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      "span",
+                      {
+                        "data-qa-redraw-note": "true",
+                        className: "qa-mt-1.5 qa-block qa-text-center qa-text-10 qa-text-mid",
+                        children: [
+                          t("redraw_notice"),
+                          " ",
+                          t("redraw_no_engine")
+                        ]
+                      }
+                    )
+                  ) : null)
                 ]
               }
             ),
@@ -10079,5 +10099,5 @@ function Qapture({ config }) {
 exports.Qapture = Qapture;
 exports.deleteQaDatabase = deleteQaDatabase;
 exports.initQaStudio = initQaStudio;
-//# sourceMappingURL=chunk-C5WJFSMN.cjs.map
-//# sourceMappingURL=chunk-C5WJFSMN.cjs.map
+//# sourceMappingURL=chunk-7WHQBMVP.cjs.map
+//# sourceMappingURL=chunk-7WHQBMVP.cjs.map

package/dist/{chunk-BM3ESR2O.js → chunk-ZAWR5VJR.js}

@@ -1777,6 +1777,7 @@ var STR = {
     exact_hint: "Screenshots become a real photo of the tab instead of a redraw. Asks once to share this tab; nothing leaves your device.",
     redraw_notice: "This is a redraw of the page, not a real photo.",
     redraw_action: "Use real screenshots",
+    redraw_no_engine: "This browser cannot photograph a tab, so charts and canvases may come out wrong. Open the app in Chrome, Edge or Brave for true screenshots.",
     exact_on: "Pixel-exact screenshots on",
     exact_off: "Back to redrawn screenshots",
     exact_declined: "Staying on redrawn screenshots",
@@ -1973,6 +1974,7 @@ var STR = {
     exact_hint: "\u062A\u0635\u0628\u062D \u0627\u0644\u0644\u0642\u0637\u0629 \u0635\u0648\u0631\u0629 \u062D\u0642\u064A\u0642\u064A\u0629 \u0644\u0644\u062A\u0628\u0648\u064A\u0628 \u0628\u062F\u0644 \u0625\u0639\u0627\u062F\u0629 \u0631\u0633\u0645\u0647. \u064A\u064F\u0637\u0644\u0628 \u0627\u0644\u0625\u0630\u0646 \u0645\u0631\u0629 \u0648\u0627\u062D\u062F\u0629\u060C \u0648\u0644\u0627 \u0634\u064A\u0621 \u064A\u063A\u0627\u062F\u0631 \u062C\u0647\u0627\u0632\u0643.",
     redraw_notice: "\u0647\u0630\u0647 \u0625\u0639\u0627\u062F\u0629 \u0631\u0633\u0645 \u0644\u0644\u0635\u0641\u062D\u0629\u060C \u0648\u0644\u064A\u0633\u062A \u0635\u0648\u0631\u0629 \u062D\u0642\u064A\u0642\u064A\u0629.",
     redraw_action: "\u0627\u0633\u062A\u062E\u062F\u0645 \u0644\u0642\u0637\u0627\u062A \u062D\u0642\u064A\u0642\u064A\u0629",
+    redraw_no_engine: "\u0644\u0627 \u064A\u0633\u062A\u0637\u064A\u0639 \u0647\u0630\u0627 \u0627\u0644\u0645\u062A\u0635\u0641\u062D \u062A\u0635\u0648\u064A\u0631 \u0627\u0644\u062A\u0628\u0648\u064A\u0628\u060C \u0644\u0630\u0627 \u0642\u062F \u062A\u0638\u0647\u0631 \u0627\u0644\u0645\u062E\u0637\u0637\u0627\u062A \u0648\u0627\u0644\u0644\u0648\u062D\u0627\u062A \u0628\u0634\u0643\u0644 \u062E\u0627\u0637\u0626. \u0627\u0641\u062A\u062D \u0627\u0644\u062A\u0637\u0628\u064A\u0642 \u0641\u064A Chrome \u0623\u0648 Edge \u0623\u0648 Brave \u0644\u0644\u062D\u0635\u0648\u0644 \u0639\u0644\u0649 \u0644\u0642\u0637\u0627\u062A \u062D\u0642\u064A\u0642\u064A\u0629.",
     exact_on: "\u062A\u0645 \u062A\u0641\u0639\u064A\u0644 \u0627\u0644\u0644\u0642\u0637\u0627\u062A \u0627\u0644\u0645\u0637\u0627\u0628\u0642\u0629",
     exact_off: "\u0627\u0644\u0639\u0648\u062F\u0629 \u0625\u0644\u0649 \u0627\u0644\u0644\u0642\u0637\u0627\u062A \u0627\u0644\u0645\u064F\u0639\u0627\u062F \u0631\u0633\u0645\u0647\u0627",
     exact_declined: "\u0633\u0646\u0628\u0642\u0649 \u0639\u0644\u0649 \u0627\u0644\u0644\u0642\u0637\u0627\u062A \u0627\u0644\u0645\u064F\u0639\u0627\u062F \u0631\u0633\u0645\u0647\u0627",
@@ -9751,7 +9753,7 @@ function CaptureMode() {
                       )
                     ] })
                   ) : /* @__PURE__ */ jsx("span", { className: "qa-py-4 qa-text-xs qa-text-slate-400", children: t("no_shot") }),
-                  shotUrl && shotEngine === "dom" && exactShots.supported && exactShots.status !== "live" && /* @__PURE__ */ jsxs(
+                  shotUrl && shotEngine === "dom" && (exactShots.status !== "live" && exactShots.supported ? /* @__PURE__ */ jsxs(
                     "span",
                     {
                       "data-qa-redraw-offer": "true",
@@ -9777,7 +9779,25 @@ function CaptureMode() {
                         )
                       ]
                     }
-                  )
+                  ) : !exactShots.supported ? (
+                    // Safari and Firefox have no way to photograph the tab, so
+                    // there is nothing to offer — but saying NOTHING was the real
+                    // failure. A tester watching an SVG chart come back as bare
+                    // outlines concludes the tool is broken and files it as a bug,
+                    // over and over. Name the limit and name the way out.
+                    /* @__PURE__ */ jsxs(
+                      "span",
+                      {
+                        "data-qa-redraw-note": "true",
+                        className: "qa-mt-1.5 qa-block qa-text-center qa-text-10 qa-text-mid",
+                        children: [
+                          t("redraw_notice"),
+                          " ",
+                          t("redraw_no_engine")
+                        ]
+                      }
+                    )
+                  ) : null)
                 ]
               }
             ),
@@ -10070,5 +10090,5 @@ function Qapture({ config }) {
 }
 
 export { Qapture, deleteQaDatabase, initQaStudio };
-//# sourceMappingURL=chunk-BM3ESR2O.js.map
-//# sourceMappingURL=chunk-BM3ESR2O.js.map
+//# sourceMappingURL=chunk-ZAWR5VJR.js.map
+//# sourceMappingURL=chunk-ZAWR5VJR.js.map

package/dist/index.cjs

@@ -1,24 +1,24 @@
 'use strict';
 
-var chunkC5WJFSMN_cjs = require('./chunk-C5WJFSMN.cjs');
+var chunk7WHQBMVP_cjs = require('./chunk-7WHQBMVP.cjs');
 
 
 
 Object.defineProperty(exports, "QaStudio", {
   enumerable: true,
-  get: function () { return chunkC5WJFSMN_cjs.Qapture; }
+  get: function () { return chunk7WHQBMVP_cjs.Qapture; }
 });
 Object.defineProperty(exports, "Qapture", {
   enumerable: true,
-  get: function () { return chunkC5WJFSMN_cjs.Qapture; }
+  get: function () { return chunk7WHQBMVP_cjs.Qapture; }
 });
 Object.defineProperty(exports, "deleteQaDatabase", {
   enumerable: true,
-  get: function () { return chunkC5WJFSMN_cjs.deleteQaDatabase; }
+  get: function () { return chunk7WHQBMVP_cjs.deleteQaDatabase; }
 });
 Object.defineProperty(exports, "initQaStudio", {
   enumerable: true,
-  get: function () { return chunkC5WJFSMN_cjs.initQaStudio; }
+  get: function () { return chunk7WHQBMVP_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-BM3ESR2O.js';
+export { Qapture as QaStudio, Qapture, deleteQaDatabase, initQaStudio } from './chunk-ZAWR5VJR.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/next.cjs

@@ -1,21 +1,21 @@
 "use client";
 'use strict';
 
-var chunkC5WJFSMN_cjs = require('./chunk-C5WJFSMN.cjs');
+var chunk7WHQBMVP_cjs = require('./chunk-7WHQBMVP.cjs');
 
 
 
 Object.defineProperty(exports, "QaStudio", {
   enumerable: true,
-  get: function () { return chunkC5WJFSMN_cjs.Qapture; }
+  get: function () { return chunk7WHQBMVP_cjs.Qapture; }
 });
 Object.defineProperty(exports, "Qapture", {
   enumerable: true,
-  get: function () { return chunkC5WJFSMN_cjs.Qapture; }
+  get: function () { return chunk7WHQBMVP_cjs.Qapture; }
 });
 Object.defineProperty(exports, "initQaStudio", {
   enumerable: true,
-  get: function () { return chunkC5WJFSMN_cjs.initQaStudio; }
+  get: function () { return chunk7WHQBMVP_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-BM3ESR2O.js';
+export { Qapture as QaStudio, Qapture, initQaStudio } from './chunk-ZAWR5VJR.js';
 //# sourceMappingURL=next.js.map
 //# sourceMappingURL=next.js.map

package/dist/standalone.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkC5WJFSMN_cjs = require('./chunk-C5WJFSMN.cjs');
+var chunk7WHQBMVP_cjs = require('./chunk-7WHQBMVP.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 chunkC5WJFSMN_cjs.initQaStudio; }
+  get: function () { return chunk7WHQBMVP_cjs.initQaStudio; }
 });
 //# sourceMappingURL=standalone.cjs.map
 //# sourceMappingURL=standalone.cjs.map

package/dist/standalone.js

@@ -1,4 +1,4 @@
-export { initQaStudio } from './chunk-BM3ESR2O.js';
+export { initQaStudio } from './chunk-ZAWR5VJR.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.7.3",
+  "version": "0.7.4",
   "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",
@@ -90,6 +90,7 @@
     "browser-test": "node scripts/browser-test.mjs",
     "capture-accuracy-test": "node scripts/capture-accuracy-test.mjs",
     "element-capture-test": "node scripts/element-capture-test.mjs",
+    "svg-vars-test": "node scripts/svg-vars-test.mjs",
     "loop-features-test": "node scripts/loop-features-test.mjs",
     "walk-test": "node scripts/walk-test.mjs",
     "modern-css-test": "node scripts/modern-css-test.mjs",