@lightworkai.official/debug-capture 0.13.0 → 0.14.1

package/src/requests.ts

@@ -3,18 +3,19 @@
  *
  * A report is "something broke": it carries a screenshot and the page's logs,
  * because those are what make it reproducible. A request is "please do this"
- * — reset my password, give me access — and nothing about the screen helps,
- * so it asks for no screen share and sends no bundle. The desk decides what
- * may be asked (its request types opened to reporters, GET
+ * — reset my password, fix this record — and the logs do not help, but the
+ * picture of the page often does (the record to fix is on it): a request
+ * keeps the picture and the page's address, and sends no bundle. The desk
+ * decides what may be asked (its request types opened to reporters, GET
  * /ingest/request-types); where it opens none, the widget is exactly what it
  * was.
  *
- * Read AHEAD of a launch, not at it: `getDisplayMedia` must be called inside
- * the click that opened the widget, so a launch cannot wait on the network to
- * find out whether to ask "report or request?" first. Installing the widget
- * starts the read; a launch uses whatever has arrived.
+ * Asked IN the report form, never before it (docs/WIDGET-ASK-PLAN.md): the
+ * press takes the screen as always, and the form offers เป็นคำขอ? whenever
+ * this read has landed. Installing the widget starts the read.
  */
 import { getConfig, appInfo, resolveModule } from "./config";
+import { compressScreenshot } from "./screenshot";
 import { failureOf, identityHeader, ReportError, type FiledTicket } from "./submit";
 
 export interface RequestTypeOption {
@@ -74,7 +75,7 @@ export function resetRequestTypes(): void {
  * same request into one. Who is asking comes from the identity token when the
  * host has one, as for a report.
  */
-export async function submitRequest(input: { ticketTypeId: string; title: string; description: string }): Promise<FiledTicket> {
+export async function submitRequest(input: { ticketTypeId: string; title: string; description: string; screenshotDataUrl?: string | null }): Promise<FiledTicket> {
   const config = getConfig();
   let user: { email?: string | null; fullName?: string | null } = {};
   try {
@@ -93,6 +94,8 @@ export async function submitRequest(input: { ticketTypeId: string; title: string
     priority: "MEDIUM",
     requesterEmail: user.email ?? undefined,
     requesterName: user.fullName ?? undefined,
+    // The picture of the page, resized as a report's is — never the logs.
+    attachments: input.screenshotDataUrl ? [{ dataUri: await compressScreenshot(input.screenshotDataUrl), filename: "screenshot.jpg" }] : undefined,
   };
   const res = await fetch(`${hostOf()}/ingest/tickets`, {
     method: "POST",

package/src/ui/annotator.ts

@@ -621,6 +621,8 @@ export function createAnnotator(
       event.preventDefault();
       deleteSelected();
     } else if (event.key === "Escape") {
+      // Handled: the dialog around the picture must not also close on it.
+      event.preventDefault();
       selected = -1;
       render();
     }