@lightworkai.official/debug-capture 0.12.8 → 0.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +17 -0
- package/dist/debug-capture.js +25 -5
- package/dist/index.d.ts +2 -0
- package/dist/index.mjs +36 -16
- package/dist/requests.d.ts +30 -0
- package/dist/submit.d.ts +11 -0
- package/dist/ui/strings.d.ts +26 -0
- package/dist/ui/styles.d.ts +1 -1
- package/package.json +1 -1
- package/src/embed.ts +7 -1
- package/src/index.ts +2 -0
- package/src/install.ts +10 -0
- package/src/requests.ts +109 -0
- package/src/submit.ts +19 -16
- package/src/ui/annotator.ts +2 -0
- package/src/ui/element.ts +242 -52
- package/src/ui/strings.ts +73 -0
- package/src/ui/styles.ts +22 -2
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var N2=((J)=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(J,{get:($,Q)=>(typeof require<"u"?require:$)[Q]}):J)(function(J){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+J+'" is not supported')});var w2={maxRequests:60,maxConsoleEntries:120,maxActions:80,maxBodyChars:20000},T=null;function S2(J){let $=[];if(!J.host?.trim())$.push("host");if(!J.realmKey?.trim())$.push("realmKey");if(!J.app?.name?.trim())$.push("app.name");if(typeof J.module!=="function")$.push("module");if($.length)throw Error(`[debug-capture] configureDebugCapture is missing: ${$.join(", ")}. `+"See the README — `module` maps a pathname to the part of your app it belongs to.");T=J}function w(){if(!T)throw Error("[debug-capture] configureDebugCapture() has not been called");return T}function z0(){return T!==null}function m(){let J=w().app;return{name:J.name,version:J.version??"0.0.0",environment:J.environment??O2()}}function O2(){if(typeof window>"u")return"unknown";let J=window.location.hostname;if(J==="localhost"||J==="127.0.0.1"||J.endsWith(".local"))return"development";return"production"}function g(J){let $=T?.capture?.[J];return typeof $==="number"?$:w2[J]}function W1(J){let $=T?.module;if(!$)return null;try{return $(J)??null}catch{return null}}function X0(){let J=T?.redact;return{headers:J?.headers??[],queryKeys:(J?.queryKeys??[]).map(($)=>$.toLowerCase()),bodyKeys:(J?.bodyKeys??[]).map(($)=>$.toLowerCase())}}function Y1(){return T?.capture?.overlaySelectors??[]}var R2='[contenteditable]:not([contenteditable="false"]), [data-lw-mask]',_2="[data-lw-mask]",K1={fps:1,quality:0.5};function Z0(){let J=T?.replay;if(!J)return null;let $=J===!0?{}:J,Q=(K,W)=>typeof K==="number"&&K>0?K:W,j=$.maskInputs!==!1,z=$.recordCanvas?{fps:Q(typeof $.recordCanvas==="object"?$.recordCanvas.fps:void 0,K1.fps),quality:Q(typeof $.recordCanvas==="object"?$.recordCanvas.quality:void 0,K1.quality)}:null;return{seconds:Q($.seconds,60),maskInputs:j,maskTextSelector:$.maskTextSelector?.trim()||(j?R2:_2),maskText:$.maskText===!0,blockSelector:$.blockSelector?.trim()||"[data-lw-private]",maxBytes:Q($.maxBytes,4000000),canvas:z}}function G1(J){if(typeof window>"u")return!1;let $;try{$=new URL(J,window.location.href)}catch{return!1}if(L2($))return!1;if($.origin===window.location.origin)return!0;return(T?.capture?.bodyOrigins??[]).some((Q)=>{try{return new URL(Q).origin===$.origin}catch{return!1}})}function L2(J){if(!T?.host)return!1;try{if(new URL(T.host).origin!==J.origin)return!1}catch{return!1}return J.pathname.startsWith("/ingest/")}function k2(J){let $=Object.entries(J).map(([Q,j])=>[Q.replace(/\/+$/,"")||"/",j]).sort((Q,j)=>j[0].length-Q[0].length);return(Q)=>{let j=(Q||"/").replace(/\/+$/,"")||"/";for(let[z,K]of $)if(j===z||j.startsWith(`${z}/`))return{key:z,label:K};return null}}var l="‹redacted›",T2=/^(authorization|proxy-authorization|cookie|set-cookie|x-[a-z-]*token|x-csrf[a-z-]*|x-xsrf[a-z-]*)$/i,A2=new Set(["access_token","token","id_token","refresh_token","code","secret","client_secret","password","apikey","api_key","signature","x-amz-signature","x-amz-credential"]),x2=/(password|passwd|token|secret|authorization|refresh|client_secret|otp|pin)/i,f2=/[\w.+-]+@[\w-]+\.[\w.-]+/g,E2=/\d(?:[\d\s-]{7,})\d/g;function o(J){return J.replace(f2,l).replace(E2,l)}function h2(J){if(T2.test(J))return!0;return X0().headers.some((Q)=>Q.toLowerCase()===J.toLowerCase())}function r(J){let $={};for(let[Q,j]of Object.entries(J))$[Q]=h2(Q)?l:j;return $}function E(J){try{let $=/^https?:\/\//i.test(J),Q=new URL(J,$?void 0:"http://local.invalid"),j=!1;if(Q.searchParams.forEach((z,K)=>{if(A2.has(K.toLowerCase())||X0().queryKeys.includes(K.toLowerCase()))Q.searchParams.set(K,l),j=!0}),!j)return J;return $?Q.toString():`${Q.pathname}${Q.search}`}catch{return J}}function w0(J,$){if($>6||J===null||typeof J!=="object")return J;if(Array.isArray(J))return J.map((j)=>w0(j,$+1));let Q={};for(let[j,z]of Object.entries(J)){let K=x2.test(j)||X0().bodyKeys.some((W)=>j.toLowerCase().includes(W));Q[j]=K?l:w0(z,$+1)}return Q}function s(J,$){if(J==null)return null;let Q=J,j=J.trim();if(j.startsWith("{")||j.startsWith("["))try{let z=JSON.parse(j);Q=JSON.stringify(w0(z,0))}catch{}if(Q.length>$)return`${Q.slice(0,$)}… [truncated ${Q.length-$} chars]`;return Q}var S0=120,O0=40,a=(J,$)=>J.length>$?`${J.slice(0,$)}…`:J,R0=(J)=>{try{return decodeURIComponent(J)}catch{return J}},n=[],V1=0,X1=!1;function K0(J,$,Q,j){let z=a($,S0),K=n[n.length-1];if(J==="navigate"&&K?.kind==="click"){let G=z.replace(/^ไปที่\s*/,"");if(K.detail.includes(`→ ${G}`))return K.at=new Date().toISOString(),K;let F=G.split(/[?#]/)[0]??G,P=K.source?R0(K.source.replace(/^→\s*/,"")).split(/[?#]/)[0]:null;if(P&&(F===P||F.startsWith(P)))return K.detail=a(`${K.detail} → ${G}`,S0),K.source=void 0,K.at=new Date().toISOString(),K}if(K&&K.kind===J&&K.detail===z){if(K.at=new Date().toISOString(),J!=="navigate")K.count=(K.count??1)+1;return K}V1+=1;let W={id:`act_${V1}`,at:new Date().toISOString(),kind:J,detail:z,count:1,source:Q,html:H0(j)};n.push(W);while(n.length>g("maxActions"))g2(n.shift());return W}var m2=200000,W0=0;function H0(J){if(!J)return;if(W0+J.length>m2)return;return W0+=J.length,J}function g2(J){if(!J)return;if(W0-=(J.html?.length??0)+(J.afterHtml?.length??0),W0<0)W0=0}function _0(J){return J&&J>1?` (×${J})`:""}function F0(J){return J instanceof Element&&Boolean(J.closest("[data-debug-reporter]"))}var y2='button, a[href], [role="button"], [role="tab"], [role="menuitem"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"], [role="link"], summary, input, select, textarea',b2={button:"ปุ่ม",a:"ลิงก์",input:"ช่อง",textarea:"ช่อง",select:"ตัวเลือก",summary:"ส่วนขยาย"},F1={button:"ปุ่ม",tab:"แท็บ",menuitem:"เมนู",option:"ตัวเลือก",switch:"สวิตช์",checkbox:"ช่องเลือก",radio:"ตัวเลือก",link:"ลิงก์"};function v2(J){let $=J.getAttribute("role");if($&&F1[$])return F1[$];return b2[J.tagName.toLowerCase()]??"ปุ่ม"}function p2(J,$){try{let Q=J,j=0;while(Q&&j<=$){let z=I1(Q);if(z&&typeof z.memoizedProps?.onClick==="function")return Q;Q=Q.parentElement,j+=1}}catch{}return null}function u2(J){let $=J.getAttribute("aria-label")?.trim();if($)return $;let Q=J.getAttribute("title")?.trim();if(Q)return Q;if(J instanceof HTMLInputElement||J instanceof HTMLTextAreaElement||J instanceof HTMLSelectElement)return(J.getAttribute("placeholder")||J.getAttribute("name")||"").trim();if(J instanceof HTMLImageElement)return(J.getAttribute("alt")||"").trim();let j=(J.textContent??"").replace(/\s+/g," ").trim();if(j)return j;if(J instanceof HTMLAnchorElement){let z=J.getAttribute("href");if(z?.startsWith("/"))return R0(z)}return""}function d2(J){if(!(J instanceof Element))return null;let $=J.closest(y2)??p2(J,4);if(!$)return null;let Q=$.tagName.toLowerCase();if(Q==="html"||Q==="body")return null;return $}function c2(J){let $=o(u2(J));if(!$)return null;return`${v2(J)} “${a($,O0)}”`}var C1=6000,i2=4000,l2=/(?:^|\s)!?(?:fixed|absolute|sticky|inset-\S+|z-\S+|top-\S+|bottom-\S+|left-\S+|right-\S+|w-screen|h-screen|min-h-screen|max-h-screen|translate-\S+|scale-\S+)(?=\s|$)/g;function o2(J){J.querySelectorAll("script, style, link, iframe, object, embed, noscript, canvas, video, audio").forEach((z)=>z.remove());let $=[J,...Array.from(J.querySelectorAll("*"))];for(let z of $){for(let W of Array.from(z.attributes)){let G=W.name.toLowerCase();if(G.startsWith("on")||G==="srcdoc"||G==="value"||G.startsWith("data-"))z.removeAttribute(W.name)}if(z instanceof HTMLAnchorElement)z.setAttribute("href","#");if(z instanceof HTMLImageElement)z.removeAttribute("src");let K=z.getAttribute("class");if(K){let W=K.replace(l2," ").replace(/\s+/g," ").trim();if(W)z.setAttribute("class",W);else z.removeAttribute("class")}}let Q=document.createTreeWalker(J,NodeFilter.SHOW_TEXT),j=Q.nextNode();while(j){if(j.nodeValue)j.nodeValue=o(j.nodeValue);j=Q.nextNode()}}function L0(J,$,Q){try{let j=J.outerHTML;if(!j||j.length>$)return;let z=J.cloneNode(!0);o2(z);let K=z.outerHTML;return K&&K.length<=Q?K:void 0}catch{return}}var r2=(J)=>L0(J,C1,i2),s2=150000,n2=40000,H1=(J)=>L0(J,s2,n2);function a2(J){if(!(J instanceof HTMLInputElement)&&!(J instanceof HTMLTextAreaElement)&&!(J instanceof HTMLSelectElement))return null;let $=J.name||J.id||J.getAttribute("aria-label")||J.getAttribute("placeholder")||J.tagName.toLowerCase();return`ช่อง “${o($)}”`}var U1=80;function I1(J){let $=Object.keys(J).find((Q)=>Q.startsWith("__reactFiber$")||Q.startsWith("__reactInternalInstance$"));return $?J[$]:null}function t2(J){if(typeof J!=="function")return null;try{let $=Function.prototype.toString.call(J);return($.match(/\.(?:push|replace)\(\s*['"`]([^'"`]+)['"`]/)??$.match(/redirect\(\s*['"`]([^'"`]+)['"`]/))?.[1]??null}catch{return null}}function P1(J){if(!J)return;return`→ ${J.length>U1?`${J.slice(0,U1)}…`:J}`}function e2(J){try{let $=J.closest("a[href]")?.getAttribute("href");if($&&$.startsWith("/"))return P1($);let Q=I1(J),j=0;while(Q&&j<30){if(typeof Q.memoizedProps?.onClick==="function")return P1(t2(Q.memoizedProps.onClick));Q=Q.return,j+=1}return}catch{return}}var J4='[role="dialog"], [role="alertdialog"], [role="menu"], [role="listbox"], [role="status"], [role="alert"]';function $4(){let J=Y1();return J.length?J.join(", "):J4}function Q4(J){let $=J.getAttribute("role");if($==="status"||$==="alert")return"ข้อความแจ้งเตือน";if($==="menu")return"เมนู";if($==="listbox")return"รายการตัวเลือก";if($==="alertdialog")return"กล่องยืนยัน";return"กล่องโต้ตอบ"}function j4(J){let $=J.getAttribute("aria-label")?.trim();if($)return $;let Q=J.getAttribute("aria-labelledby");if(Q){let K=Q.split(/\s+/).map((W)=>document.getElementById(W)?.textContent?.trim()??"").filter(Boolean).join(" ");if(K)return K}let z=J.querySelector('[data-slot="dialog-title"], h1, h2, h3, [role="heading"]')?.textContent?.replace(/\s+/g," ").trim();if(z)return z;return(J.textContent??"").replace(/\s+/g," ").trim()}function D1(J){let $=o(j4(J)),Q=Q4(J);return $?`เปิด ${Q} “${a($,O0)}”`:`เปิด ${Q}`}var z4='[aria-busy="true"], [role="progressbar"], [data-loading="true"], .animate-pulse, .animate-spin',Z4=/กำลังโหลด|กำลังค้นหา|กำลังดำเนินการ|\bloading\b/i;function K4(J){if(J.querySelector(z4))return!0;return Z4.test(J.textContent??"")}var W4=400,Y4=250,G4=8000;function V4(J,$){if(typeof MutationObserver>"u"){$.html=H0(H1(J));return}let Q=Date.now(),j=!1,z=()=>{j=!0,W.disconnect(),window.clearInterval(G),window.clearTimeout(F)},K=()=>{if(j)return;if(z(),!J.isConnected)return;$.detail=a(D1(J),S0),$.html=H0(H1(J))},W=new MutationObserver(()=>{Q=Date.now()});W.observe(J,{childList:!0,subtree:!0,attributes:!0,characterData:!0});let G=window.setInterval(()=>{if(j)return;if(!J.isConnected){z();return}if(Date.now()-Q>=W4&&!K4(J))K()},Y4),F=window.setTimeout(K,G4)}function X4(J){if(F0(J))return;let $=K0("ui",D1(J));if($)V4(J,$)}function F4(){if(typeof MutationObserver>"u")return;let J=new WeakSet;new MutationObserver((Q)=>{for(let j of Q)for(let z of Array.from(j.addedNodes)){if(!(z instanceof Element))continue;let K=$4(),W=z.matches(K)?[z]:Array.from(z.querySelectorAll(K));for(let G of W){if(J.has(G))continue;J.add(G),X4(G)}}}).observe(document.body,{childList:!0,subtree:!0})}var H4=1600,U4=2500;function M1(J){return{disabled:J.hasAttribute("disabled")||J.getAttribute("aria-disabled")==="true",busy:J.getAttribute("aria-busy")==="true",text:a((J.textContent??"").replace(/\s+/g," ").trim(),O0)}}function P4(J,$){if(!J.disabled&&$.disabled)return"ปุ่มถูกปิดใช้งานหลังคลิก";if(!J.busy&&$.busy)return"ปุ่มเข้าสู่สถานะกำลังโหลด";if(J.text!==$.text&&$.text)return`ข้อความเปลี่ยนเป็น “${$.text}”`;return null}function M4(J,$){if(typeof MutationObserver>"u")return;let Q=M1(J),j=!1,z=(G,F)=>{if(j)return;if(j=!0,K.disconnect(),window.clearTimeout(W),$.afterNote=G,F)$.afterHtml=H0(L0(J,C1,U4))},K=new MutationObserver(()=>{if(!J.isConnected){z("องค์ประกอบหายไปจากหน้าจอ",!1);return}let G=P4(Q,M1(J));if(G)z(G,!0)});K.observe(J,{attributes:!0,attributeFilter:["disabled","aria-disabled","aria-busy","class"],childList:!0,subtree:!0,characterData:!0});let W=window.setTimeout(()=>{if(!j&&!J.isConnected){z("องค์ประกอบหายไปจากหน้าจอ",!1);return}j=!0,K.disconnect()},H4)}function q1(){if(X1||typeof window>"u")return;X1=!0,document.addEventListener("click",(j)=>{if(F0(j.target))return;let z=d2(j.target);if(!z)return;let K=c2(z);if(!K)return;let W=K0("click",`คลิก ${K}`,e2(z),r2(z));if(W)M4(z,W)},{capture:!0,passive:!0}),document.addEventListener("change",(j)=>{if(F0(j.target))return;let z=a2(j.target);if(z)K0("input",`แก้ไข ${z}`)},{capture:!0,passive:!0}),document.addEventListener("submit",(j)=>{if(F0(j.target))return;K0("submit","ส่งฟอร์ม")},{capture:!0,passive:!0});let J=()=>K0("navigate",`ไปที่ ${R0(E(location.pathname+location.search))}`),$=history.pushState.bind(history),Q=history.replaceState.bind(history);history.pushState=(...j)=>{let z=$(...j);return J(),z},history.replaceState=(...j)=>{let z=Q(...j);return J(),z},window.addEventListener("popstate",J),F4()}function k0(){return n.map((J)=>({...J}))}var B1=2000,U0=[],N1=0,w1=!1;function T0(J,$){N1+=1,U0.push({id:`log_${N1}`,at:new Date().toISOString(),level:J,message:$.length>B1?`${$.slice(0,B1)}…`:$});while(U0.length>g("maxConsoleEntries"))U0.shift()}function C4(){let J=new WeakSet;return($,Q)=>{if(typeof Q==="object"&&Q!==null){if(J.has(Q))return"[Circular]";J.add(Q)}if(typeof Q==="bigint")return Q.toString();return Q}}function S1(J){if(typeof J==="string")return J;if(J instanceof Error)return`${J.name}: ${J.message}`;try{let $=JSON.stringify(J,C4());if($!==void 0)return $}catch{}try{return String(J)}catch{}try{return Object.prototype.toString.call(J)}catch{return`[${typeof J}]`}}function O1(){if(w1||typeof window>"u")return;w1=!0;let J=["log","info","warn","error","debug"];for(let $ of J){let Q=console[$].bind(console);console[$]=(...j)=>{T0($,j.map(S1).join(" ")),Q(...j)}}window.addEventListener("error",($)=>{let Q=$.filename?` (${$.filename}:${$.lineno}:${$.colno})`:"";T0("exception",`${$.message}${Q}`)}),window.addEventListener("unhandledrejection",($)=>{let Q=$.reason instanceof Error?`${$.reason.name}: ${$.reason.message}`:S1($.reason);T0("unhandledrejection",Q)})}function A0(){return U0.map((J)=>({...J}))}var R1=new Set,_1=new Set;function L1(J,$){return J.add($),()=>J.delete($)}function k1(J,$){for(let Q of[...J])Q($)}function x0(J){return L1(R1,J)}function f0(J={type:"manual"}){k1(R1,J)}function E0(J){return L1(_1,J)}function h0(J){k1(_1,J)}var I4=15000,D4=["ResizeObserver loop","Script error.","Non-Error promise rejection captured"],T1=!1,A1=0;function q4(J){return D4.some(($)=>J.includes($))}function x1(J){let $=J.message??"";if(!$||q4($))return;let Q=Date.now();if(Q-A1<I4)return;A1=Q,h0({...J,message:$})}function f1(){if(T1||typeof window>"u")return;T1=!0,window.addEventListener("error",(J)=>{if(!J.message&&!J.error)return;let $=J.error instanceof Error?J.error:null;x1({type:"runtime-error",message:J.message||($?$.message:"Unknown error"),stack:$?.stack})}),window.addEventListener("unhandledrejection",(J)=>{let $=J.reason;x1({type:"unhandledrejection",message:$ instanceof Error?$.message:String($),stack:$ instanceof Error?$.stack:void 0})})}var g1=4000,B4=1e6,N4=1e7,P0=[],E1=0,h1=!1;function y1(J){P0.push(J);while(P0.length>g("maxRequests"))P0.shift()}function b1(){return E1+=1,`req_${E1}`}function m1(J){let $={};if(!J)return $;if(J instanceof Headers)J.forEach((Q,j)=>{$[j]=Q});else if(Array.isArray(J))for(let[Q,j]of J)$[Q]=j;else Object.assign($,J);return $}function w4(J){let $={};return J.forEach((Q,j)=>{$[j]=Q}),$}function S4(J){if(J==null)return null;if(typeof J==="string")return J;if(J instanceof URLSearchParams)return J.toString();if(typeof FormData<"u"&&J instanceof FormData)return`[FormData: ${Array.from(J.keys()).join(", ")}]`;if(typeof Blob<"u"&&J instanceof Blob)return`[Blob ${J.size} bytes]`;if(J instanceof ArrayBuffer)return`[ArrayBuffer ${J.byteLength} bytes]`;return"[binary]"}function O4(J,$){let Q="",j="GET",z={},K=null;if(typeof J==="string")Q=J;else if(J instanceof URL)Q=J.toString();else Q=J.url,j=J.method||j,z=m1(J.headers);if($){if($.method)j=$.method;if($.headers)z={...z,...m1($.headers)};if($.body!==void 0)K=S4($.body)}return{method:j.toUpperCase(),url:Q,headers:z,body:K}}function v1(J){return!G1(J)}function R4(J,$){if(v1($.url)){$.responseSnippet="[body not captured for this origin]";return}let Q=J.headers.get("content-type")??"",j=Number(J.headers.get("content-length")??"0"),z=j?`, ~${j} bytes`:"";if(!/json|text|xml|html|javascript|urlencoded/i.test(Q)){$.responseSnippet=`[binary ${Q||"unknown"}${z}]`;return}if(j>B4){$.responseSnippet=`[response ${Q||"text"}${z} — omitted]`;return}try{J.clone().text().then((K)=>{$.responseSnippet=s(K,g("maxBodyChars"))}).catch(()=>{})}catch{}}function p1(J,$){if(/[?&]_rsc=/.test(J))return!0;for(let Q of Object.keys($)){let j=Q.toLowerCase();if(j==="rsc"||j==="next-router-prefetch"||j==="next-router-state-tree")return!0}return!1}function _4(){if(typeof window>"u"||typeof window.fetch!=="function")return;let J=window.fetch.bind(window);window.fetch=Object.assign(async($,Q)=>{let j=O4($,Q);if(p1(j.url,j.headers))return J($,Q);let z={id:b1(),startedAt:new Date().toISOString(),method:j.method,url:E(j.url),requestHeaders:r(j.headers),requestBody:s(j.body,g1),status:null,statusText:null,durationMs:null,via:"fetch"};y1(z);let K=performance.now();try{let W=await J($,Q);return z.status=W.status,z.statusText=W.statusText,z.durationMs=Math.round(performance.now()-K),z.responseHeaders=r(w4(W.headers)),R4(W,z),W}catch(W){throw z.durationMs=Math.round(performance.now()-K),z.error=W instanceof Error?`${W.name}: ${W.message}`:String(W),W}},J)}function L4(){if(typeof window>"u"||typeof window.XMLHttpRequest!=="function")return;let J=XMLHttpRequest.prototype,$=J.open,Q=J.send,j=function(K,W){let G=typeof W==="string"?W:W.toString();return this.__lwEntry=p1(G,{})?void 0:{id:b1(),startedAt:"",method:(K||"GET").toUpperCase(),url:E(G),requestHeaders:{},requestBody:null,status:null,statusText:null,durationMs:null,via:"xhr"},$.apply(this,arguments)},z=function(K){let W=this.__lwEntry;if(W){W.startedAt=new Date().toISOString(),W.requestBody=typeof K==="string"?s(K,g1):K==null?null:"[non-string body]";let G=performance.now();y1(W),this.addEventListener("loadend",()=>{if(W.status=this.status||null,W.statusText=this.statusText||null,W.durationMs=Math.round(performance.now()-G),v1(W.url))W.responseSnippet="[body not captured for this origin]";else if(this.responseType===""||this.responseType==="text")try{W.responseSnippet=s(this.responseText||"",g("maxBodyChars"))}catch{}else{let F=this.getResponseHeader("content-type")??this.responseType;W.responseSnippet=`[binary ${F}]`}})}return Q.apply(this,arguments)};J.open=j,J.send=z}function u1(){if(h1)return;h1=!0,_4(),L4()}function m0(){let J=P0.map((Q)=>({...Q})),$=0;for(let Q=J.length-1;Q>=0;Q-=1){let j=J[Q],z=j?.responseSnippet;if(!j||typeof z!=="string"||z.length===0)continue;if($+z.length>N4)j.responseSnippet=`[response omitted — report size budget reached (${z.length.toLocaleString()} chars)]`;else $+=z.length}return J}var k4=4,d1=3,T4=4000,A4="[data-debug-reporter]",x4=()=>import("@rrweb/record");var A=[],t=null,M0=!1;function c1(){if(typeof window>"u"||t||M0)return;let J=Z0();if(!J)return;M0=!0;let $=()=>void f4(J);if("requestIdleCallback"in window)window.requestIdleCallback($,{timeout:3000});else setTimeout($,1000)}async function f4(J){let $;try{$=(await x4()).record}catch(Q){M0=!1,console.warn("[debug-capture] session replay could not start:",Q);return}if(t)return;try{t=$({emit:(Q)=>E4(Q),checkoutEveryNms:Math.max(1000,J.seconds*1000/2),checkoutEveryNth:T4,maskAllInputs:J.maskInputs,maskTextSelector:J.maskText?"*":J.maskTextSelector,blockSelector:`${J.blockSelector}, ${A4}`,slimDOMOptions:"all",inlineStylesheet:!0,sampling:{mousemove:50,scroll:150,media:800,input:"last",...J.canvas?{canvas:J.canvas.fps}:{}},recordCanvas:J.canvas!==null,...J.canvas?{dataURLOptions:{type:"image/webp",quality:J.canvas.quality}}:{},errorHandler:()=>!0})??null}catch(Q){console.warn("[debug-capture] session replay could not start:",Q)}finally{M0=!1}}function E4(J){if(J.type===k4||A.length===0){if(A.push([]),A.length>d1)A=A.slice(-d1)}A[A.length-1].push(J)}function g0(J=Date.now()){let $=Z0();if(!$||!A.length)return null;let Q=J-$.seconds*1000,j=A.length-1;while(j>0&&(A[j][0]?.timestamp??J)>Q)j-=1;let z=A.slice(j).flat(),K=z[0]?.timestamp,W=z[z.length-1]?.timestamp;if(K===void 0||W===void 0)return null;return{events:z,startedAt:new Date(K).toISOString(),endedAt:new Date(W).toISOString(),durationMs:Math.max(0,W-K)}}function h4(){return t!==null}function m4(){t?.(),t=null,A=[]}var g4={title:"รายงานปัญหา",summaryLabel:"หัวข้อปัญหา",summaryRequired:"(ต้องกรอกก่อนแจ้งปัญหา)",summaryPlaceholder:"สรุปปัญหาสั้น ๆ เช่น กดบันทึกร่างแล้ว error",detailLabel:"อธิบายปัญหา (ไม่บังคับ)",detailPlaceholder:"เกิดอะไรขึ้น? กำลังทำอะไรอยู่ตอนที่พบปัญหา?",annotateTitle:"วาดบนรูป",annotateHint:"ทำเครื่องหมายจุดที่มีปัญหาก่อนแนบ — วงกรอบ ชี้ลูกศร ไฮไลต์ หรือพิมพ์ข้อความ",annotateApply:"ใช้รูปนี้",cancel:"ยกเลิก",toolRect:"กรอบ",toolArrow:"ลูกศร",toolHighlight:"ไฮไลต์",toolText:"ข้อความ",deleteSelected:"ลบที่เลือก",clearAll:"ล้างทั้งหมด",annotateHelp:"เลือกเครื่องมือแล้วลากบนรูป · ไม่ได้เลือกเครื่องมือ = ย้าย/ปรับขนาดสิ่งที่วาดไว้ · กดกากบาทมุมขวาบนของรูปทรงเพื่อลบ",capturing:"กำลังเก็บภาพหน้าจอ…",noScreenshot:"ไม่มีภาพหน้าจอ — ยังส่งรายงานได้",cancelled:"ยกเลิกการเก็บภาพหน้าจอแล้ว",close:"ปิด",submit:"แจ้งปัญหา",submitting:"กำลังส่ง…",submitted:"แจ้งปัญหาสำเร็จ",crashed:"เกิดข้อผิดพลาดในระบบ",crashAction:"แจ้งปัญหา",failed:"ส่งรายงานไม่สำเร็จ",failedOffline:"ส่งไม่สำเร็จ — เชื่อมต่อเซิร์ฟเวอร์ไม่ได้ ข้อความที่พิมพ์ไว้ยังอยู่ ตรวจสอบอินเทอร์เน็ตแล้วลองใหม่",failedUnavailable:"ส่งไม่สำเร็จ — ระบบกำลังปรับปรุงชั่วคราว ข้อความที่พิมพ์ไว้ยังอยู่ ลองใหม่ในอีกสักครู่",failedTooMany:"แจ้งปัญหาถี่เกินไป — ลองใหม่ในอีก {seconds} วินาที",captured:"เก็บข้อมูลแล้ว",reporter:"ผู้แจ้ง",page:"หน้า",replay:"บันทึกการใช้งาน",handoffTitle:"กำลังพาไปที่ระบบแจ้งปัญหา",handoffBody:"ระบบจะลงชื่อเข้าใช้ให้อัตโนมัติ เพื่อดูเรื่องที่คุณแจ้งไว้",handoffGo:"ไปเลย",handoffPreparing:"กำลังเตรียม…",handoffFailed:"เปิดรายการที่แจ้งไว้ไม่สำเร็จ",handoffBlocked:"เบราว์เซอร์บล็อกการเปิดแท็บใหม่",handoffOpen:"เปิดในแท็บใหม่"},y4={title:"Report a problem",summaryLabel:"Summary",summaryRequired:"(required)",summaryPlaceholder:"One line, e.g. saving a draft returns an error",detailLabel:"Details (optional)",detailPlaceholder:"What happened? What were you doing at the time?",annotateTitle:"Draw on the image",annotateHint:"Mark what went wrong before attaching — box it, point at it, highlight it, or type on it",annotateApply:"Use this image",cancel:"Cancel",toolRect:"Box",toolArrow:"Arrow",toolHighlight:"Highlight",toolText:"Text",deleteSelected:"Delete selected",clearAll:"Clear all",annotateHelp:"Pick a tool and drag on the image · no tool selected = move/resize what you drew · press the ✕ on a shape to delete it",capturing:"Capturing the screen…",noScreenshot:"No screenshot — you can still send the report",cancelled:"Screen capture cancelled",close:"Close",submit:"Send report",submitting:"Sending…",submitted:"Report sent",crashed:"Something went wrong",crashAction:"Report it",failed:"Could not send the report",failedOffline:"Could not send — the server could not be reached. What you wrote is still here; check your connection and try again.",failedUnavailable:"Could not send — the system is being updated. What you wrote is still here; try again in a moment.",failedTooMany:"Too many reports — try again in {seconds} seconds.",captured:"Captured",reporter:"Reporter",page:"Page",replay:"activity log",handoffTitle:"Opening the support portal",handoffBody:"You will be signed in automatically to see what you reported",handoffGo:"Go now",handoffPreparing:"Preparing…",handoffFailed:"Could not open your reports",handoffBlocked:"Your browser blocked the new tab",handoffOpen:"Open in a new tab"};function d(J){return J==="en"?y4:g4}var b4="lw-debug-toasts",v4=6000,p4=`
|
|
1
|
+
var k2=((J)=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(J,{get:($,z)=>(typeof require<"u"?require:$)[z]}):J)(function(J){if(typeof require<"u")return require.apply(this,arguments);throw Error('Dynamic require of "'+J+'" is not supported')});var E2={maxRequests:60,maxConsoleEntries:120,maxActions:80,maxBodyChars:20000},k=null;function f2(J){let $=[];if(!J.host?.trim())$.push("host");if(!J.realmKey?.trim())$.push("realmKey");if(!J.app?.name?.trim())$.push("app.name");if(typeof J.module!=="function")$.push("module");if($.length)throw Error(`[debug-capture] configureDebugCapture is missing: ${$.join(", ")}. `+"See the README — `module` maps a pathname to the part of your app it belongs to.");k=J}function S(){if(!k)throw Error("[debug-capture] configureDebugCapture() has not been called");return k}function M0(){return k!==null}function v(){let J=S().app;return{name:J.name,version:J.version??"0.0.0",environment:J.environment??h2()}}function h2(){if(typeof window>"u")return"unknown";let J=window.location.hostname;if(J==="localhost"||J==="127.0.0.1"||J.endsWith(".local"))return"development";return"production"}function l(J){let $=k?.capture?.[J];return typeof $==="number"?$:E2[J]}function S0(J){let $=k?.module;if(!$)return null;try{return $(J)??null}catch{return null}}function w0(){let J=k?.redact;return{headers:J?.headers??[],queryKeys:(J?.queryKeys??[]).map(($)=>$.toLowerCase()),bodyKeys:(J?.bodyKeys??[]).map(($)=>$.toLowerCase())}}function C1(){return k?.capture?.overlaySelectors??[]}var m2='[contenteditable]:not([contenteditable="false"]), [data-lw-mask]',g2="[data-lw-mask]",I1={fps:1,quality:0.5};function D0(){let J=k?.replay;if(!J)return null;let $=J===!0?{}:J,z=(Z,W)=>typeof Z==="number"&&Z>0?Z:W,Q=$.maskInputs!==!1,j=$.recordCanvas?{fps:z(typeof $.recordCanvas==="object"?$.recordCanvas.fps:void 0,I1.fps),quality:z(typeof $.recordCanvas==="object"?$.recordCanvas.quality:void 0,I1.quality)}:null;return{seconds:z($.seconds,60),maskInputs:Q,maskTextSelector:$.maskTextSelector?.trim()||(Q?m2:g2),maskText:$.maskText===!0,blockSelector:$.blockSelector?.trim()||"[data-lw-private]",maxBytes:z($.maxBytes,4000000),canvas:j}}function B1(J){if(typeof window>"u")return!1;let $;try{$=new URL(J,window.location.href)}catch{return!1}if(b2($))return!1;if($.origin===window.location.origin)return!0;return(k?.capture?.bodyOrigins??[]).some((z)=>{try{return new URL(z).origin===$.origin}catch{return!1}})}function b2(J){if(!k?.host)return!1;try{if(new URL(k.host).origin!==J.origin)return!1}catch{return!1}return J.pathname.startsWith("/ingest/")}function y2(J){let $=Object.entries(J).map(([z,Q])=>[z.replace(/\/+$/,"")||"/",Q]).sort((z,Q)=>Q[0].length-z[0].length);return(z)=>{let Q=(z||"/").replace(/\/+$/,"")||"/";for(let[j,Z]of $)if(Q===j||Q.startsWith(`${j}/`))return{key:j,label:Z};return null}}var K0="‹redacted›",v2=/^(authorization|proxy-authorization|cookie|set-cookie|x-[a-z-]*token|x-csrf[a-z-]*|x-xsrf[a-z-]*)$/i,p2=new Set(["access_token","token","id_token","refresh_token","code","secret","client_secret","password","apikey","api_key","signature","x-amz-signature","x-amz-credential"]),u2=/(password|passwd|token|secret|authorization|refresh|client_secret|otp|pin)/i,d2=/[\w.+-]+@[\w-]+\.[\w.-]+/g,c2=/\d(?:[\d\s-]{7,})\d/g;function W0(J){return J.replace(d2,K0).replace(c2,K0)}function i2(J){if(v2.test(J))return!0;return w0().headers.some((z)=>z.toLowerCase()===J.toLowerCase())}function Y0(J){let $={};for(let[z,Q]of Object.entries(J))$[z]=i2(z)?K0:Q;return $}function d(J){try{let $=/^https?:\/\//i.test(J),z=new URL(J,$?void 0:"http://local.invalid"),Q=!1;if(z.searchParams.forEach((j,Z)=>{if(p2.has(Z.toLowerCase())||w0().queryKeys.includes(Z.toLowerCase()))z.searchParams.set(Z,K0),Q=!0}),!Q)return J;return $?z.toString():`${z.pathname}${z.search}`}catch{return J}}function y0(J,$){if($>6||J===null||typeof J!=="object")return J;if(Array.isArray(J))return J.map((Q)=>y0(Q,$+1));let z={};for(let[Q,j]of Object.entries(J)){let Z=u2.test(Q)||w0().bodyKeys.some((W)=>Q.toLowerCase().includes(W));z[Q]=Z?K0:y0(j,$+1)}return z}function G0(J,$){if(J==null)return null;let z=J,Q=J.trim();if(Q.startsWith("{")||Q.startsWith("["))try{let j=JSON.parse(Q);z=JSON.stringify(y0(j,0))}catch{}if(z.length>$)return`${z.slice(0,$)}… [truncated ${z.length-$} chars]`;return z}var v0=120,p0=40,X0=(J,$)=>J.length>$?`${J.slice(0,$)}…`:J,u0=(J)=>{try{return decodeURIComponent(J)}catch{return J}},V0=[],N1=0,q1=!1;function I0(J,$,z,Q){let j=X0($,v0),Z=V0[V0.length-1];if(J==="navigate"&&Z?.kind==="click"){let V=j.replace(/^ไปที่\s*/,"");if(Z.detail.includes(`→ ${V}`))return Z.at=new Date().toISOString(),Z;let H=V.split(/[?#]/)[0]??V,U=Z.source?u0(Z.source.replace(/^→\s*/,"")).split(/[?#]/)[0]:null;if(U&&(H===U||H.startsWith(U)))return Z.detail=X0(`${Z.detail} → ${V}`,v0),Z.source=void 0,Z.at=new Date().toISOString(),Z}if(Z&&Z.kind===J&&Z.detail===j){if(Z.at=new Date().toISOString(),J!=="navigate")Z.count=(Z.count??1)+1;return Z}N1+=1;let W={id:`act_${N1}`,at:new Date().toISOString(),kind:J,detail:j,count:1,source:z,html:_0(Q)};V0.push(W);while(V0.length>l("maxActions"))o2(V0.shift());return W}var l2=200000,C0=0;function _0(J){if(!J)return;if(C0+J.length>l2)return;return C0+=J.length,J}function o2(J){if(!J)return;if(C0-=(J.html?.length??0)+(J.afterHtml?.length??0),C0<0)C0=0}function d0(J){return J&&J>1?` (×${J})`:""}function O0(J){return J instanceof Element&&Boolean(J.closest("[data-debug-reporter]"))}var r2='button, a[href], [role="button"], [role="tab"], [role="menuitem"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"], [role="link"], summary, input, select, textarea',s2={button:"ปุ่ม",a:"ลิงก์",input:"ช่อง",textarea:"ช่อง",select:"ตัวเลือก",summary:"ส่วนขยาย"},S1={button:"ปุ่ม",tab:"แท็บ",menuitem:"เมนู",option:"ตัวเลือก",switch:"สวิตช์",checkbox:"ช่องเลือก",radio:"ตัวเลือก",link:"ลิงก์"};function n2(J){let $=J.getAttribute("role");if($&&S1[$])return S1[$];return s2[J.tagName.toLowerCase()]??"ปุ่ม"}function a2(J,$){try{let z=J,Q=0;while(z&&Q<=$){let j=A1(z);if(j&&typeof j.memoizedProps?.onClick==="function")return z;z=z.parentElement,Q+=1}}catch{}return null}function t2(J){let $=J.getAttribute("aria-label")?.trim();if($)return $;let z=J.getAttribute("title")?.trim();if(z)return z;if(J instanceof HTMLInputElement||J instanceof HTMLTextAreaElement||J instanceof HTMLSelectElement)return(J.getAttribute("placeholder")||J.getAttribute("name")||"").trim();if(J instanceof HTMLImageElement)return(J.getAttribute("alt")||"").trim();let Q=(J.textContent??"").replace(/\s+/g," ").trim();if(Q)return Q;if(J instanceof HTMLAnchorElement){let j=J.getAttribute("href");if(j?.startsWith("/"))return u0(j)}return""}function e2(J){if(!(J instanceof Element))return null;let $=J.closest(r2)??a2(J,4);if(!$)return null;let z=$.tagName.toLowerCase();if(z==="html"||z==="body")return null;return $}function J4(J){let $=W0(t2(J));if(!$)return null;return`${n2(J)} “${X0($,p0)}”`}var L1=6000,$4=4000,z4=/(?:^|\s)!?(?:fixed|absolute|sticky|inset-\S+|z-\S+|top-\S+|bottom-\S+|left-\S+|right-\S+|w-screen|h-screen|min-h-screen|max-h-screen|translate-\S+|scale-\S+)(?=\s|$)/g;function Q4(J){J.querySelectorAll("script, style, link, iframe, object, embed, noscript, canvas, video, audio").forEach((j)=>j.remove());let $=[J,...Array.from(J.querySelectorAll("*"))];for(let j of $){for(let W of Array.from(j.attributes)){let V=W.name.toLowerCase();if(V.startsWith("on")||V==="srcdoc"||V==="value"||V.startsWith("data-"))j.removeAttribute(W.name)}if(j instanceof HTMLAnchorElement)j.setAttribute("href","#");if(j instanceof HTMLImageElement)j.removeAttribute("src");let Z=j.getAttribute("class");if(Z){let W=Z.replace(z4," ").replace(/\s+/g," ").trim();if(W)j.setAttribute("class",W);else j.removeAttribute("class")}}let z=document.createTreeWalker(J,NodeFilter.SHOW_TEXT),Q=z.nextNode();while(Q){if(Q.nodeValue)Q.nodeValue=W0(Q.nodeValue);Q=z.nextNode()}}function c0(J,$,z){try{let Q=J.outerHTML;if(!Q||Q.length>$)return;let j=J.cloneNode(!0);Q4(j);let Z=j.outerHTML;return Z&&Z.length<=z?Z:void 0}catch{return}}var j4=(J)=>c0(J,L1,$4),Z4=150000,K4=40000,w1=(J)=>c0(J,Z4,K4);function W4(J){if(!(J instanceof HTMLInputElement)&&!(J instanceof HTMLTextAreaElement)&&!(J instanceof HTMLSelectElement))return null;let $=J.name||J.id||J.getAttribute("aria-label")||J.getAttribute("placeholder")||J.tagName.toLowerCase();return`ช่อง “${W0($)}”`}var O1=80;function A1(J){let $=Object.keys(J).find((z)=>z.startsWith("__reactFiber$")||z.startsWith("__reactInternalInstance$"));return $?J[$]:null}function Y4(J){if(typeof J!=="function")return null;try{let $=Function.prototype.toString.call(J);return($.match(/\.(?:push|replace)\(\s*['"`]([^'"`]+)['"`]/)??$.match(/redirect\(\s*['"`]([^'"`]+)['"`]/))?.[1]??null}catch{return null}}function _1(J){if(!J)return;return`→ ${J.length>O1?`${J.slice(0,O1)}…`:J}`}function G4(J){try{let $=J.closest("a[href]")?.getAttribute("href");if($&&$.startsWith("/"))return _1($);let z=A1(J),Q=0;while(z&&Q<30){if(typeof z.memoizedProps?.onClick==="function")return _1(Y4(z.memoizedProps.onClick));z=z.return,Q+=1}return}catch{return}}var V4='[role="dialog"], [role="alertdialog"], [role="menu"], [role="listbox"], [role="status"], [role="alert"]';function X4(){let J=C1();return J.length?J.join(", "):V4}function F4(J){let $=J.getAttribute("role");if($==="status"||$==="alert")return"ข้อความแจ้งเตือน";if($==="menu")return"เมนู";if($==="listbox")return"รายการตัวเลือก";if($==="alertdialog")return"กล่องยืนยัน";return"กล่องโต้ตอบ"}function H4(J){let $=J.getAttribute("aria-label")?.trim();if($)return $;let z=J.getAttribute("aria-labelledby");if(z){let Z=z.split(/\s+/).map((W)=>document.getElementById(W)?.textContent?.trim()??"").filter(Boolean).join(" ");if(Z)return Z}let j=J.querySelector('[data-slot="dialog-title"], h1, h2, h3, [role="heading"]')?.textContent?.replace(/\s+/g," ").trim();if(j)return j;return(J.textContent??"").replace(/\s+/g," ").trim()}function T1(J){let $=W0(H4(J)),z=F4(J);return $?`เปิด ${z} “${X0($,p0)}”`:`เปิด ${z}`}var P4='[aria-busy="true"], [role="progressbar"], [data-loading="true"], .animate-pulse, .animate-spin',U4=/กำลังโหลด|กำลังค้นหา|กำลังดำเนินการ|\bloading\b/i;function M4(J){if(J.querySelector(P4))return!0;return U4.test(J.textContent??"")}var D4=400,I4=250,C4=8000;function B4(J,$){if(typeof MutationObserver>"u"){$.html=_0(w1(J));return}let z=Date.now(),Q=!1,j=()=>{Q=!0,W.disconnect(),window.clearInterval(V),window.clearTimeout(H)},Z=()=>{if(Q)return;if(j(),!J.isConnected)return;$.detail=X0(T1(J),v0),$.html=_0(w1(J))},W=new MutationObserver(()=>{z=Date.now()});W.observe(J,{childList:!0,subtree:!0,attributes:!0,characterData:!0});let V=window.setInterval(()=>{if(Q)return;if(!J.isConnected){j();return}if(Date.now()-z>=D4&&!M4(J))Z()},I4),H=window.setTimeout(Z,C4)}function N4(J){if(O0(J))return;let $=I0("ui",T1(J));if($)B4(J,$)}function q4(){if(typeof MutationObserver>"u")return;let J=new WeakSet;new MutationObserver((z)=>{for(let Q of z)for(let j of Array.from(Q.addedNodes)){if(!(j instanceof Element))continue;let Z=X4(),W=j.matches(Z)?[j]:Array.from(j.querySelectorAll(Z));for(let V of W){if(J.has(V))continue;J.add(V),N4(V)}}}).observe(document.body,{childList:!0,subtree:!0})}var S4=1600,w4=2500;function R1(J){return{disabled:J.hasAttribute("disabled")||J.getAttribute("aria-disabled")==="true",busy:J.getAttribute("aria-busy")==="true",text:X0((J.textContent??"").replace(/\s+/g," ").trim(),p0)}}function O4(J,$){if(!J.disabled&&$.disabled)return"ปุ่มถูกปิดใช้งานหลังคลิก";if(!J.busy&&$.busy)return"ปุ่มเข้าสู่สถานะกำลังโหลด";if(J.text!==$.text&&$.text)return`ข้อความเปลี่ยนเป็น “${$.text}”`;return null}function _4(J,$){if(typeof MutationObserver>"u")return;let z=R1(J),Q=!1,j=(V,H)=>{if(Q)return;if(Q=!0,Z.disconnect(),window.clearTimeout(W),$.afterNote=V,H)$.afterHtml=_0(c0(J,L1,w4))},Z=new MutationObserver(()=>{if(!J.isConnected){j("องค์ประกอบหายไปจากหน้าจอ",!1);return}let V=O4(z,R1(J));if(V)j(V,!0)});Z.observe(J,{attributes:!0,attributeFilter:["disabled","aria-disabled","aria-busy","class"],childList:!0,subtree:!0,characterData:!0});let W=window.setTimeout(()=>{if(!Q&&!J.isConnected){j("องค์ประกอบหายไปจากหน้าจอ",!1);return}Q=!0,Z.disconnect()},S4)}function x1(){if(q1||typeof window>"u")return;q1=!0,document.addEventListener("click",(Q)=>{if(O0(Q.target))return;let j=e2(Q.target);if(!j)return;let Z=J4(j);if(!Z)return;let W=I0("click",`คลิก ${Z}`,G4(j),j4(j));if(W)_4(j,W)},{capture:!0,passive:!0}),document.addEventListener("change",(Q)=>{if(O0(Q.target))return;let j=W4(Q.target);if(j)I0("input",`แก้ไข ${j}`)},{capture:!0,passive:!0}),document.addEventListener("submit",(Q)=>{if(O0(Q.target))return;I0("submit","ส่งฟอร์ม")},{capture:!0,passive:!0});let J=()=>I0("navigate",`ไปที่ ${u0(d(location.pathname+location.search))}`),$=history.pushState.bind(history),z=history.replaceState.bind(history);history.pushState=(...Q)=>{let j=$(...Q);return J(),j},history.replaceState=(...Q)=>{let j=z(...Q);return J(),j},window.addEventListener("popstate",J),q4()}function i0(){return V0.map((J)=>({...J}))}var k1=2000,R0=[],E1=0,f1=!1;function l0(J,$){E1+=1,R0.push({id:`log_${E1}`,at:new Date().toISOString(),level:J,message:$.length>k1?`${$.slice(0,k1)}…`:$});while(R0.length>l("maxConsoleEntries"))R0.shift()}function R4(){let J=new WeakSet;return($,z)=>{if(typeof z==="object"&&z!==null){if(J.has(z))return"[Circular]";J.add(z)}if(typeof z==="bigint")return z.toString();return z}}function h1(J){if(typeof J==="string")return J;if(J instanceof Error)return`${J.name}: ${J.message}`;try{let $=JSON.stringify(J,R4());if($!==void 0)return $}catch{}try{return String(J)}catch{}try{return Object.prototype.toString.call(J)}catch{return`[${typeof J}]`}}function m1(){if(f1||typeof window>"u")return;f1=!0;let J=["log","info","warn","error","debug"];for(let $ of J){let z=console[$].bind(console);console[$]=(...Q)=>{l0($,Q.map(h1).join(" ")),z(...Q)}}window.addEventListener("error",($)=>{let z=$.filename?` (${$.filename}:${$.lineno}:${$.colno})`:"";l0("exception",`${$.message}${z}`)}),window.addEventListener("unhandledrejection",($)=>{let z=$.reason instanceof Error?`${$.reason.name}: ${$.reason.message}`:h1($.reason);l0("unhandledrejection",z)})}function o0(){return R0.map((J)=>({...J}))}var g1=new Set,b1=new Set;function y1(J,$){return J.add($),()=>J.delete($)}function v1(J,$){for(let z of[...J])z($)}function r0(J){return y1(g1,J)}function s0(J={type:"manual"}){v1(g1,J)}function n0(J){return y1(b1,J)}function a0(J){v1(b1,J)}var L4=15000,A4=["ResizeObserver loop","Script error.","Non-Error promise rejection captured"],p1=!1,u1=0;function T4(J){return A4.some(($)=>J.includes($))}function d1(J){let $=J.message??"";if(!$||T4($))return;let z=Date.now();if(z-u1<L4)return;u1=z,a0({...J,message:$})}function c1(){if(p1||typeof window>"u")return;p1=!0,window.addEventListener("error",(J)=>{if(!J.message&&!J.error)return;let $=J.error instanceof Error?J.error:null;d1({type:"runtime-error",message:J.message||($?$.message:"Unknown error"),stack:$?.stack})}),window.addEventListener("unhandledrejection",(J)=>{let $=J.reason;d1({type:"unhandledrejection",message:$ instanceof Error?$.message:String($),stack:$ instanceof Error?$.stack:void 0})})}var r1=4000,x4=1e6,k4=1e7,L0=[],i1=0,l1=!1;function s1(J){L0.push(J);while(L0.length>l("maxRequests"))L0.shift()}function n1(){return i1+=1,`req_${i1}`}function o1(J){let $={};if(!J)return $;if(J instanceof Headers)J.forEach((z,Q)=>{$[Q]=z});else if(Array.isArray(J))for(let[z,Q]of J)$[z]=Q;else Object.assign($,J);return $}function E4(J){let $={};return J.forEach((z,Q)=>{$[Q]=z}),$}function f4(J){if(J==null)return null;if(typeof J==="string")return J;if(J instanceof URLSearchParams)return J.toString();if(typeof FormData<"u"&&J instanceof FormData)return`[FormData: ${Array.from(J.keys()).join(", ")}]`;if(typeof Blob<"u"&&J instanceof Blob)return`[Blob ${J.size} bytes]`;if(J instanceof ArrayBuffer)return`[ArrayBuffer ${J.byteLength} bytes]`;return"[binary]"}function h4(J,$){let z="",Q="GET",j={},Z=null;if(typeof J==="string")z=J;else if(J instanceof URL)z=J.toString();else z=J.url,Q=J.method||Q,j=o1(J.headers);if($){if($.method)Q=$.method;if($.headers)j={...j,...o1($.headers)};if($.body!==void 0)Z=f4($.body)}return{method:Q.toUpperCase(),url:z,headers:j,body:Z}}function a1(J){return!B1(J)}function m4(J,$){if(a1($.url)){$.responseSnippet="[body not captured for this origin]";return}let z=J.headers.get("content-type")??"",Q=Number(J.headers.get("content-length")??"0"),j=Q?`, ~${Q} bytes`:"";if(!/json|text|xml|html|javascript|urlencoded/i.test(z)){$.responseSnippet=`[binary ${z||"unknown"}${j}]`;return}if(Q>x4){$.responseSnippet=`[response ${z||"text"}${j} — omitted]`;return}try{J.clone().text().then((Z)=>{$.responseSnippet=G0(Z,l("maxBodyChars"))}).catch(()=>{})}catch{}}function t1(J,$){if(/[?&]_rsc=/.test(J))return!0;for(let z of Object.keys($)){let Q=z.toLowerCase();if(Q==="rsc"||Q==="next-router-prefetch"||Q==="next-router-state-tree")return!0}return!1}function g4(){if(typeof window>"u"||typeof window.fetch!=="function")return;let J=window.fetch.bind(window);window.fetch=Object.assign(async($,z)=>{let Q=h4($,z);if(t1(Q.url,Q.headers))return J($,z);let j={id:n1(),startedAt:new Date().toISOString(),method:Q.method,url:d(Q.url),requestHeaders:Y0(Q.headers),requestBody:G0(Q.body,r1),status:null,statusText:null,durationMs:null,via:"fetch"};s1(j);let Z=performance.now();try{let W=await J($,z);return j.status=W.status,j.statusText=W.statusText,j.durationMs=Math.round(performance.now()-Z),j.responseHeaders=Y0(E4(W.headers)),m4(W,j),W}catch(W){throw j.durationMs=Math.round(performance.now()-Z),j.error=W instanceof Error?`${W.name}: ${W.message}`:String(W),W}},J)}function b4(){if(typeof window>"u"||typeof window.XMLHttpRequest!=="function")return;let J=XMLHttpRequest.prototype,$=J.open,z=J.send,Q=function(Z,W){let V=typeof W==="string"?W:W.toString();return this.__lwEntry=t1(V,{})?void 0:{id:n1(),startedAt:"",method:(Z||"GET").toUpperCase(),url:d(V),requestHeaders:{},requestBody:null,status:null,statusText:null,durationMs:null,via:"xhr"},$.apply(this,arguments)},j=function(Z){let W=this.__lwEntry;if(W){W.startedAt=new Date().toISOString(),W.requestBody=typeof Z==="string"?G0(Z,r1):Z==null?null:"[non-string body]";let V=performance.now();s1(W),this.addEventListener("loadend",()=>{if(W.status=this.status||null,W.statusText=this.statusText||null,W.durationMs=Math.round(performance.now()-V),a1(W.url))W.responseSnippet="[body not captured for this origin]";else if(this.responseType===""||this.responseType==="text")try{W.responseSnippet=G0(this.responseText||"",l("maxBodyChars"))}catch{}else{let H=this.getResponseHeader("content-type")??this.responseType;W.responseSnippet=`[binary ${H}]`}})}return z.apply(this,arguments)};J.open=Q,J.send=j}function e1(){if(l1)return;l1=!0,g4(),b4()}function t0(){let J=L0.map((z)=>({...z})),$=0;for(let z=J.length-1;z>=0;z-=1){let Q=J[z],j=Q?.responseSnippet;if(!Q||typeof j!=="string"||j.length===0)continue;if($+j.length>k4)Q.responseSnippet=`[response omitted — report size budget reached (${j.length.toLocaleString()} chars)]`;else $+=j.length}return J}var y4=4,J2=3,v4=4000,p4="[data-debug-reporter]",u4=()=>import("@rrweb/record");var E=[],F0=null,A0=!1;function $2(){if(typeof window>"u"||F0||A0)return;let J=D0();if(!J)return;A0=!0;let $=()=>void d4(J);if("requestIdleCallback"in window)window.requestIdleCallback($,{timeout:3000});else setTimeout($,1000)}async function d4(J){let $;try{$=(await u4()).record}catch(z){A0=!1,console.warn("[debug-capture] session replay could not start:",z);return}if(F0)return;try{F0=$({emit:(z)=>c4(z),checkoutEveryNms:Math.max(1000,J.seconds*1000/2),checkoutEveryNth:v4,maskAllInputs:J.maskInputs,maskTextSelector:J.maskText?"*":J.maskTextSelector,blockSelector:`${J.blockSelector}, ${p4}`,slimDOMOptions:"all",inlineStylesheet:!0,sampling:{mousemove:50,scroll:150,media:800,input:"last",...J.canvas?{canvas:J.canvas.fps}:{}},recordCanvas:J.canvas!==null,...J.canvas?{dataURLOptions:{type:"image/webp",quality:J.canvas.quality}}:{},errorHandler:()=>!0})??null}catch(z){console.warn("[debug-capture] session replay could not start:",z)}finally{A0=!1}}function c4(J){if(J.type===y4||E.length===0){if(E.push([]),E.length>J2)E=E.slice(-J2)}E[E.length-1].push(J)}function e0(J=Date.now()){let $=D0();if(!$||!E.length)return null;let z=J-$.seconds*1000,Q=E.length-1;while(Q>0&&(E[Q][0]?.timestamp??J)>z)Q-=1;let j=E.slice(Q).flat(),Z=j[0]?.timestamp,W=j[j.length-1]?.timestamp;if(Z===void 0||W===void 0)return null;return{events:j,startedAt:new Date(Z).toISOString(),endedAt:new Date(W).toISOString(),durationMs:Math.max(0,W-Z)}}function i4(){return F0!==null}function l4(){F0?.(),F0=null,E=[]}var o4={title:"รายงานปัญหา",summaryLabel:"หัวข้อปัญหา",summaryRequired:"(ต้องกรอกก่อนแจ้งปัญหา)",summaryPlaceholder:"สรุปปัญหาสั้น ๆ เช่น กดบันทึกร่างแล้ว error",detailLabel:"อธิบายปัญหา (ไม่บังคับ)",detailPlaceholder:"เกิดอะไรขึ้น? กำลังทำอะไรอยู่ตอนที่พบปัญหา?",annotateTitle:"วาดบนรูป",annotateHint:"ทำเครื่องหมายจุดที่มีปัญหาก่อนแนบ — วงกรอบ ชี้ลูกศร ไฮไลต์ หรือพิมพ์ข้อความ",annotateApply:"ใช้รูปนี้",cancel:"ยกเลิก",toolRect:"กรอบ",toolArrow:"ลูกศร",toolHighlight:"ไฮไลต์",toolText:"ข้อความ",deleteSelected:"ลบที่เลือก",clearAll:"ล้างทั้งหมด",annotateHelp:"เลือกเครื่องมือแล้วลากบนรูป · ไม่ได้เลือกเครื่องมือ = ย้าย/ปรับขนาดสิ่งที่วาดไว้ · กดกากบาทมุมขวาบนของรูปทรงเพื่อลบ",capturing:"กำลังเก็บภาพหน้าจอ…",noScreenshot:"ไม่มีภาพหน้าจอ — ยังส่งรายงานได้",cancelled:"ยกเลิกการเก็บภาพหน้าจอแล้ว",close:"ปิด",submit:"แจ้งปัญหา",submitting:"กำลังส่ง…",submitted:"แจ้งปัญหาสำเร็จ",crashed:"เกิดข้อผิดพลาดในระบบ",crashAction:"แจ้งปัญหา",failed:"ส่งรายงานไม่สำเร็จ",failedOffline:"ส่งไม่สำเร็จ — เชื่อมต่อเซิร์ฟเวอร์ไม่ได้ ข้อความที่พิมพ์ไว้ยังอยู่ ตรวจสอบอินเทอร์เน็ตแล้วลองใหม่",failedUnavailable:"ส่งไม่สำเร็จ — ระบบกำลังปรับปรุงชั่วคราว ข้อความที่พิมพ์ไว้ยังอยู่ ลองใหม่ในอีกสักครู่",failedTooMany:"แจ้งปัญหาถี่เกินไป — ลองใหม่ในอีก {seconds} วินาที",captured:"เก็บข้อมูลแล้ว",reporter:"ผู้แจ้ง",page:"หน้า",replay:"บันทึกการใช้งาน",handoffTitle:"กำลังพาไปที่ระบบแจ้งปัญหา",handoffBody:"ระบบจะลงชื่อเข้าใช้ให้อัตโนมัติ เพื่อดูเรื่องที่คุณแจ้งไว้",handoffGo:"ไปเลย",handoffPreparing:"กำลังเตรียม…",handoffFailed:"เปิดรายการที่แจ้งไว้ไม่สำเร็จ",handoffBlocked:"เบราว์เซอร์บล็อกการเปิดแท็บใหม่",handoffOpen:"เปิดในแท็บใหม่",askInstead:"เป็นคำขอ?",askInsteadAction:"เลือกเรื่องที่ขอ",problemInstead:"เป็นปัญหาที่ต้องแก้?",problemInsteadAction:"แจ้งปัญหาแทน",requestTitle:"ขอให้ทีมดำเนินการ",requestTypeLabel:"เรื่องที่ขอ",requestTarget:"ทีมตั้งใจให้เสร็จภายใน {time}",requestSummaryLabel:"หัวข้อ",requestSummaryPlaceholder:"ขออะไร — สั้น ๆ",requestDetailLabel:"รายละเอียด (ไม่บังคับ)",requestDetailPlaceholder:"สิ่งที่ทีมต้องรู้เพื่อดำเนินการ",requestSubmit:"ส่งคำขอ",requestSubmitted:"ส่งคำขอแล้ว",requestWithShot:"แนบภาพหน้าจอนี้ไปกับคำขอ",requestAnnotateHint:"ทำเครื่องหมายสิ่งที่ขอบนภาพ — วงกรอบ ชี้ลูกศร ไฮไลต์ หรือพิมพ์ข้อความ",draftRestored:"ข้อความที่พิมพ์ไว้ครั้งก่อน ยังไม่ได้ส่ง",draftClear:"ล้าง",requestLeaves:"ไม่ส่งไปกับคำขอ",requestLeavesWhat:"บันทึกการใช้งานของหน้านี้ — ใช้กับการแจ้งปัญหาเท่านั้น",days:"{n} วัน",hours:"{n} ชั่วโมง"},r4={title:"Report a problem",summaryLabel:"Summary",summaryRequired:"(required)",summaryPlaceholder:"One line, e.g. saving a draft returns an error",detailLabel:"Details (optional)",detailPlaceholder:"What happened? What were you doing at the time?",annotateTitle:"Draw on the image",annotateHint:"Mark what went wrong before attaching — box it, point at it, highlight it, or type on it",annotateApply:"Use this image",cancel:"Cancel",toolRect:"Box",toolArrow:"Arrow",toolHighlight:"Highlight",toolText:"Text",deleteSelected:"Delete selected",clearAll:"Clear all",annotateHelp:"Pick a tool and drag on the image · no tool selected = move/resize what you drew · press the ✕ on a shape to delete it",capturing:"Capturing the screen…",noScreenshot:"No screenshot — you can still send the report",cancelled:"Screen capture cancelled",close:"Close",submit:"Send report",submitting:"Sending…",submitted:"Report sent",crashed:"Something went wrong",crashAction:"Report it",failed:"Could not send the report",failedOffline:"Could not send — the server could not be reached. What you wrote is still here; check your connection and try again.",failedUnavailable:"Could not send — the system is being updated. What you wrote is still here; try again in a moment.",failedTooMany:"Too many reports — try again in {seconds} seconds.",captured:"Captured",reporter:"Reporter",page:"Page",replay:"activity log",handoffTitle:"Opening the support portal",handoffBody:"You will be signed in automatically to see what you reported",handoffGo:"Go now",handoffPreparing:"Preparing…",handoffFailed:"Could not open your reports",handoffBlocked:"Your browser blocked the new tab",handoffOpen:"Open in a new tab",askInstead:"Asking for something?",askInsteadAction:"Choose what you need",problemInstead:"Something broken?",problemInsteadAction:"Report a problem instead",requestTitle:"Ask the team",requestTypeLabel:"What you need",requestTarget:"The team aims to finish within {time}",requestSummaryLabel:"Subject",requestSummaryPlaceholder:"What do you need — briefly",requestDetailLabel:"Details (optional)",requestDetailPlaceholder:"What the team needs to know to do it",requestSubmit:"Send request",requestSubmitted:"Request sent",requestWithShot:"Attach this screenshot to the request",requestAnnotateHint:"Mark what you are asking about — box it, point at it, highlight it, or type on it",draftRestored:"What you typed last time, not sent yet",draftClear:"Clear",requestLeaves:"Not sent with a request",requestLeavesWhat:"this page's activity log — it is for problem reports only",days:"{n} days",hours:"{n} hours"};function J0(J){return J==="en"?r4:o4}var s4="lw-debug-toasts",n4=6000,a4=`
|
|
2
2
|
:host { all: initial; }
|
|
3
3
|
.stack {
|
|
4
4
|
position: fixed; top: 16px; right: 16px; z-index: 2147483001;
|
|
@@ -30,15 +30,15 @@ var N2=((J)=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(J,{get:($,Q)=
|
|
|
30
30
|
}
|
|
31
31
|
@keyframes in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
|
|
32
32
|
@media (prefers-reduced-motion: reduce) { .toast { animation: none; } }
|
|
33
|
-
`,
|
|
34
|
-
# response: ${$.responseSnippet}`:"";return`${
|
|
35
|
-
${
|
|
33
|
+
`,J1=null;function t4(){if(typeof document>"u")return null;if(J1?.isConnected)return J1;let J=document.createElement(s4);J.dataset.debugReporter="true";let $=J.attachShadow({mode:"open"}),z=document.createElement("style");z.textContent=a4;let Q=document.createElement("div");return Q.className="stack",Q.setAttribute("role","status"),Q.setAttribute("aria-live","polite"),$.append(z,Q),document.body.append(J),J1=Q,Q}function $0(J,$="success",z){let Q=M0()?S().toast:void 0;if(Q){Q({message:J,tone:$,...z?{action:z}:{}});return}let j=t4();if(!j)return;let Z=document.createElement("div");Z.className="toast",Z.dataset.tone=$;let W=document.createElement("span");W.className="dot";let V=document.createElement("span");V.textContent=J;let H=document.createElement("button");H.type="button",H.className="close",H.textContent="✕",H.setAttribute("aria-label","ปิด");let U=()=>{window.clearTimeout(w),Z.remove()};H.addEventListener("click",U);let w=$==="error"||z?0:window.setTimeout(U,n4);if(Z.append(W,V),z){let D=document.createElement("button");D.type="button",D.className="action",D.textContent=z.label,D.addEventListener("click",()=>{U(),z.onClick()}),Z.append(D)}Z.append(H),j.append(Z)}function z2(J,$,z){let Q=J.filter((Z)=>Boolean(Z.error)||Z.status!=null&&Z.status>=400).slice(-20).map((Z)=>({method:Z.method,url:Z.url,status:Z.status,error:Z.error,at:Z.startedAt})),j=$.filter((Z)=>Z.level==="error"||Z.level==="exception"||Z.level==="unhandledrejection").slice(-20).map((Z)=>Z.message);return{failedRequests:Q,errors:j,erroredQueries:z.slice(0,20)}}function Q2(J){return J.failedRequests.length+J.errors.length+J.erroredQueries.length}function e4(){let J={memoryUsedMb:null,memoryLimitMb:null,domContentLoadedMs:null,loadEventMs:null};if(typeof performance>"u")return J;let $=performance.memory;if($)J.memoryUsedMb=Math.round($.usedJSHeapSize/1024/1024),J.memoryLimitMb=Math.round($.jsHeapSizeLimit/1024/1024);let[z]=performance.getEntriesByType("navigation");if(z)J.domContentLoadedMs=Math.round(z.domContentLoadedEventEnd),J.loadEventMs=Math.round(z.loadEventEnd);return J}function $1(J,$){if(!J)return $;try{return J()}catch{return $}}function j2(){let J=S(),{pathname:$,search:z,href:Q}=window.location;return{capturedAt:new Date().toISOString(),route:{href:Q,pathname:$,search:z},module:S0($),user:$1(J.user,{}),apiHeaders:Y0($1(J.headers,{})),app:{name:v().name,version:v().version,environment:v().environment},client:{userAgent:navigator.userAgent,language:navigator.language,platform:navigator.platform,online:navigator.onLine,viewport:{width:window.innerWidth,height:window.innerHeight,dpr:window.devicePixelRatio},screen:{width:window.screen.width,height:window.screen.height}},performance:e4(),extra:$1(J.extra,{})}}var J6=2,$6={manual:"ผู้ใช้แจ้งเอง","runtime-error":"ข้อผิดพลาด runtime (auto)",unhandledrejection:"Promise rejection (auto)","framework-error":"หน้าจอค้าง/พัง (auto)"};function z1(J){let $=t0(),z=o0();return{context:j2(),reason:J.reason,note:J.note,cause:z2($,z,J.erroredQueries),actionTrail:i0(),network:$,console:z,screenshotDataUrl:J.screenshotDataUrl,screenshotMethod:J.screenshotMethod,replay:e0()??void 0,meta:{generatedBy:"lightwork-debug-capture",schemaVersion:J6}}}function Z2(J){return J.replace(/'/g,"'\\''")}function K2(J){let $=[`curl -X ${J.method} '${J.url}'`];for(let[z,Q]of Object.entries(J.requestHeaders))$.push(` -H '${z}: ${Z2(Q)}'`);if(J.requestBody)$.push(` --data '${Z2(J.requestBody)}'`);return $.join(" \\\n")}function z6(J){if(J.error)return`ERR ${J.error}`;return`${J.status??"—"} ${J.statusText??""}`.trim()}function Q6(J){if(J.length===0)return"No network activity captured.";return J.map(($)=>{let z=$.durationMs!=null?`${$.durationMs}ms`:"—",Q=`# [${z6($)}] ${$.method} ${$.url} (${z}, ${$.startedAt})`,j=$.responseSnippet?`
|
|
34
|
+
# response: ${$.responseSnippet}`:"";return`${Q}
|
|
35
|
+
${K2($)}${j}`}).join(`
|
|
36
36
|
|
|
37
|
-
`)}function
|
|
38
|
-
`)}function
|
|
39
|
-
↳ ${
|
|
40
|
-
`)}function
|
|
41
|
-
`)}function e4(J){return J.replace(/[:.]/g,"-").replace("T","_").slice(0,19)}function J6(J,$){return`debug-report_${e4(J.context.capturedAt)}.${$}`}function $6(J){return l1(J.cause)>0}async function p0(){if(typeof navigator<"u"&&Boolean(navigator.mediaDevices?.getDisplayMedia)){let Q=await Q6();if(Q.status==="ok")return{dataUrl:Q.dataUrl,method:"display-media"};if(Q.status==="cancelled")return{dataUrl:null,method:"cancelled"}}let $=await Z6();if($)return{dataUrl:$,method:"html-to-image"};return{dataUrl:null,method:"none"}}async function Q6(){let J=null;try{let $={video:{frameRate:30},audio:!1,preferCurrentTab:!0,selfBrowserSurface:"include",surfaceSwitching:"exclude"};J=await navigator.mediaDevices.getDisplayMedia($);let Q=await j6(J);return Q?{status:"ok",dataUrl:Q}:{status:"error"}}catch($){if($ instanceof DOMException&&($.name==="NotAllowedError"||$.name==="AbortError"))return{status:"cancelled"};return{status:"error"}}finally{J?.getTracks().forEach(($)=>$.stop())}}async function j6(J){let $=document.createElement("video");$.srcObject=J,$.muted=!0,$.playsInline=!0,await new Promise((W)=>{let G=!1,F=()=>{if(G)return;G=!0,W()};$.onloadedmetadata=()=>{$.play().then(F).catch(F)},window.setTimeout(F,1500)}),await z6($);let{videoWidth:Q,videoHeight:j}=$;if(!Q||!j)return null;let z=document.createElement("canvas");z.width=Q,z.height=j;let K=z.getContext("2d");if(!K)return null;K.drawImage($,0,0,Q,j),$.pause(),$.srcObject=null;try{return z.toDataURL("image/png")}catch{return null}}function z6(J){return new Promise(($)=>{let Q=!1,j=()=>{if(Q)return;Q=!0,$()},z=J;if(typeof z.requestVideoFrameCallback==="function")z.requestVideoFrameCallback(()=>j()),window.setTimeout(j,1000);else window.setTimeout(j,250)})}async function Z6(){let J=w().screenshotFallback;if(!J)return null;let $=await J().catch(()=>null);if(!$)return null;try{return await $(document.body,{cacheBust:!0,pixelRatio:Math.min(window.devicePixelRatio||1,2),filter:(Q)=>!(Q instanceof HTMLElement&&Q.dataset?.debugReporter==="true")})}catch{return null}}var K6=2000,W6=0.82,Y6=3000000;function G6(J){return new Promise(($,Q)=>{let j=new Image;j.onload=()=>$(j),j.onerror=()=>Q(Error("could not read the screenshot")),j.src=J})}async function n1(J){try{let $=await G6(J),Q=Math.max($.naturalWidth,$.naturalHeight),j=Math.min(1,K6/Q),z=document.createElement("canvas");z.width=Math.max(1,Math.round($.naturalWidth*j)),z.height=Math.max(1,Math.round($.naturalHeight*j));let K=z.getContext("2d");if(!K)return J;K.fillStyle="#fff",K.fillRect(0,0,z.width,z.height),K.drawImage($,0,0,z.width,z.height);let W=W6,G=z.toDataURL("image/jpeg",W);while(G.length>Y6&&W>0.4)W-=0.15,G=z.toDataURL("image/jpeg",W);return G}catch{return J}}var V6=/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i,X6=/^\d+$/,F6=/^[0-9a-f]{16,}$/i;function u0(J){if(J.reason.type==="manual")return null;let $=J.cause?.failedRequests?.[0];if(!$?.url)return null;let Q;try{Q=new URL($.url,"http://x").pathname}catch{Q=$.url}let j=Q.split("/").map((K)=>V6.test(K)||X6.test(K)||F6.test(K)?":id":K).join("/"),z=$.status??($.error?"ERR":"?");return`${$.method??"REQ"} ${j} ${z}`}var d0=2000000;function C0(J){let{screenshotDataUrl:$,replay:Q,...j}=J;return JSON.stringify(j).length}function c0(J,$=2000000){if(C0(J)<=$)return J;let Q=J.network.map((z)=>({...z})),j={...J,network:Q};for(let z of Q){if(C0(j)<=$)return j;if(typeof z.responseSnippet==="string"&&z.responseSnippet.length>35)z.responseSnippet="[body dropped — report size budget]";if(typeof z.requestBody==="string"&&z.requestBody.length>35)z.requestBody="[body dropped — report size budget]"}while(j.network.length>1&&C0(j)>$)j.network=j.network.slice(1);while(j.console.length>1&&C0(j)>$)j.console=j.console.slice(1);return j}function Y0(J){let $="";for(let Q=0;Q<J.length;Q+=32768)$+=String.fromCharCode(...J.subarray(Q,Q+32768));return btoa($)}var H6=4,U6=2,P6=3,M6=0,C6=new Set(["href","src","action","formaction","xlink:href","data","poster","srcset"]),I6=/^\s*javascript:/i;function D6(J,$){let Q=J.toLowerCase();if(Q.startsWith("on")||Q==="srcdoc")return!0;return typeof $==="string"&&I6.test($)}function a1(J,$=!1){if(!J)return;for(let Q of Object.keys(J)){let j=J[Q];if(D6(Q,j)){if($)J[Q]=null;else delete J[Q];continue}if(typeof j!=="string"||!C6.has(Q)||!j.includes("?"))continue;J[Q]=E(j)}}function i0(J){if(!J)return;a1(J.attributes);for(let $ of J.childNodes??[])i0($)}function t1(J){let $=JSON.parse(JSON.stringify(J));for(let Q of $){let j=Q.data;if(!j||typeof j!=="object")continue;if(Q.type===H6&&typeof j.href==="string")j.href=E(j.href);else if(Q.type===U6)i0(j.node);else if(Q.type===P6&&j.source===M6){for(let z of j.adds??[])i0(z.node);for(let z of j.attributes??[])a1(z.attributes,!0)}}return $}var J2="session-replay.json.gz",q6="session-replay.json";function B6(J){return Boolean(J&&J.events.length>0)}async function N6(J){if(typeof CompressionStream>"u")return null;try{let $=new Blob([J]).stream().pipeThrough(new CompressionStream("gzip"));return new Uint8Array(await new Response($).arrayBuffer())}catch{return null}}async function l0(J,$){if(!B6(J))return{summary:{omitted:"empty"}};let j={seconds:Math.round(J.durationMs/1000),events:J.events.length,startedAt:J.startedAt,endedAt:J.endedAt},z=t1(J.events),K=await e1(z),W=!1;if(K.bytes.byteLength>$&&O6(z))z=R6(z),K=await e1(z),W=!0;let{bytes:G,compressed:F}=K;if(G.byteLength>$)return{summary:{...j,bytes:G.byteLength,omitted:"too-large"}};return{dataUri:`data:${F?"application/gzip":"application/json"};base64,${Y0(G)}`,filename:F?J2:q6,summary:{...j,events:z.length,bytes:G.byteLength,compressed:F,...W?{canvasDropped:W}:{}}}}async function e1(J){let $=new TextEncoder().encode(JSON.stringify({events:J})),Q=await N6($);return Q?{bytes:Q,compressed:!0}:{bytes:$,compressed:!1}}var w6=3,$2=2,S6=9;function Q2(J){return J.type===w6&&J.data?.source===S6}function O6(J){return J.some(Q2)||J.some(($)=>$.type===$2&&j2($.data.node))}function j2(J){if(!J)return!1;if(J.attributes&&"rr_dataURL"in J.attributes)return!0;return(J.childNodes??[]).some(j2)}function z2(J){if(!J)return;if(J.attributes&&"rr_dataURL"in J.attributes)delete J.attributes.rr_dataURL;for(let $ of J.childNodes??[])z2($)}function R6(J){let $=[];for(let Q of J){if(Q2(Q))continue;if(Q.type===$2)z2(Q.data.node);$.push(Q)}return $}var _6=new Set([502,503,504]);class c extends Error{kind;retryAfter;status;constructor(J,$,Q,j){super(J);this.kind=$;this.retryAfter=Q;this.status=j;this.name="ReportError"}}function L6(J){let{screenshotDataUrl:$,replay:Q,...j}=J;return{dataUri:`data:application/json;base64,${Y0(new TextEncoder().encode(JSON.stringify(j)))}`,filename:"debug-bundle.json"}}async function k6(){let J=w().identity;if(!J)return{};try{let $=await J();return $?{authorization:`Bearer ${$}`}:{}}catch{return{}}}async function o0(J,$){let Q=w(),j=c0($,d0),{context:z,note:K}=j,W=[];if(j.screenshotDataUrl){let C=await n1(j.screenshotDataUrl);W.push({dataUri:C,filename:"screenshot.jpg"})}W.push(L6(j));let G,F=Z0();if(F){let C=await l0(j.replay,F.maxBytes);if(G=C.summary,"dataUri"in C)W.push({dataUri:C.dataUri,filename:C.filename})}let P=u0(j),B={title:J,description:K.trim()||void 0,appName:m().name,category:z.module?.label,routeUrl:z.route.href,priority:"MEDIUM",requesterEmail:z.user.email??void 0,requesterName:z.user.fullName??void 0,customFields:{unit:z.user.unit??"",appVersion:z.app.version,environment:z.app.environment,reasonType:j.reason.type,appName:m().name,module:z.module?.label??""},context:{...P?{signature:P}:{},capturedAt:z.capturedAt,reason:j.reason,cause:j.cause,actionTrail:j.actionTrail,client:z.client,performance:z.performance,apiHeaders:z.apiHeaders,extra:z.extra,counts:{network:j.network.length,console:j.console.length,actions:j.actionTrail.length},screenshotMethod:j.screenshotMethod,...G?{replay:G}:{}},attachments:W},M=await fetch(`${Q.host.replace(/\/$/,"")}/ingest/tickets`,{method:"POST",headers:{"content-type":"application/json","x-realm-key":Q.realmKey,...await k6()},body:JSON.stringify(B)}).catch(()=>{throw new c("report never left the browser","offline")});if(!M.ok){let C=M.headers.get("retry-after"),S=await M.json().then((D)=>D.error).catch(()=>null);if(M.status===429)throw new c("rate limited","rateLimited",C??void 0);if(_6.has(M.status))throw new c("desk unavailable","unavailable");throw new c(S??`Report failed (${M.status})`,"rejected",void 0,M.status)}return await M.json()}var G0=Math.PI/6;function Z2(J,$,Q){let j=$.x-J.x,z=$.y-J.y,K=Math.hypot(j,z),W=Math.atan2(z,j),G=[{x:$.x,y:$.y},{x:$.x-Q*Math.cos(W-G0),y:$.y-Q*Math.sin(W-G0)},{x:$.x-Q*Math.cos(W+G0),y:$.y-Q*Math.sin(W+G0)}],F=Q*Math.cos(G0)*0.92;if(K<=F)return{shaft:null,head:G};return{shaft:{from:J,to:{x:$.x-F*Math.cos(W),y:$.y-F*Math.sin(W)}},head:G}}var r0="#f44336",T6="rgba(250, 204, 21, 0.4)",s0=22,K2="#2563eb",W2=9,Y2=11,G2=18,V2=4,I0=8,A6=[{id:"nw",fx:0,fy:0,cursor:"nwse-resize"},{id:"n",fx:0.5,fy:0,cursor:"ns-resize"},{id:"ne",fx:1,fy:0,cursor:"nesw-resize"},{id:"e",fx:1,fy:0.5,cursor:"ew-resize"},{id:"se",fx:1,fy:1,cursor:"nwse-resize"},{id:"s",fx:0.5,fy:1,cursor:"ns-resize"},{id:"sw",fx:0,fy:1,cursor:"nesw-resize"},{id:"w",fx:0,fy:0.5,cursor:"ew-resize"}];function n0(J,$,Q){let j=[],z=null,K=-1,W=null,G=null,F=J.getContext("2d");function P(){let Z=J.getBoundingClientRect().width;return Z>0?J.width/Z:1}function B(Z){let Y=J.getBoundingClientRect();return{x:(Z.clientX-Y.left)/Y.width*J.width,y:(Z.clientY-Y.top)/Y.height*J.height}}function M(Z){let Y=Z.size??s0;if(!F)return(Z.text?.length??0)*Y*0.6;F.save(),F.font=`600 ${Y}px system-ui, sans-serif`;let X=F.measureText(Z.text??"").width;return F.restore(),X}function C(Z){if(Z.tool==="text"){let Y=Z.size??s0;return{left:Z.x1,top:Z.y1,right:Z.x1+M(Z),bottom:Z.y1+Y*1.25}}return{left:Math.min(Z.x1,Z.x2),top:Math.min(Z.y1,Z.y2),right:Math.max(Z.x1,Z.x2),bottom:Math.max(Z.y1,Z.y2)}}function S(Z){if(Z.tool==="arrow")return[{id:"tail",x:Z.x1,y:Z.y1,cursor:"move"},{id:"head",x:Z.x2,y:Z.y2,cursor:"move"}];let Y=C(Z);if(Z.tool==="text")return[{id:"size",x:Y.right,y:Y.bottom,cursor:"nwse-resize"}];return A6.map((X)=>({id:X.id,x:Y.left+(Y.right-Y.left)*X.fx,y:Y.top+(Y.bottom-Y.top)*X.fy,cursor:X.cursor}))}function D(Z){let Y=C(Z);return{x:Y.right+G2*P(),y:Y.top-G2*P()}}function R(Z,Y,X){let{shaft:V,head:H}=Z2({x:Y.x1,y:Y.y1},{x:Y.x2,y:Y.y2},Math.max(10,16*X));if(V)Z.lineCap="butt",Z.beginPath(),Z.moveTo(V.from.x,V.from.y),Z.lineTo(V.to.x,V.to.y),Z.stroke();Z.beginPath(),Z.moveTo(H[0].x,H[0].y),Z.lineTo(H[1].x,H[1].y),Z.lineTo(H[2].x,H[2].y),Z.closePath(),Z.fill()}function _(Z,Y,X){Z.save(),Z.lineWidth=Math.max(2,3*X),Z.strokeStyle=r0,Z.fillStyle=r0;let V=C(Y);if(Y.tool==="rect")Z.strokeRect(V.left,V.top,V.right-V.left,V.bottom-V.top);else if(Y.tool==="arrow")R(Z,Y,X);else if(Y.tool==="highlight")Z.fillStyle=T6,Z.fillRect(V.left,V.top,V.right-V.left,V.bottom-V.top);else if(Y.tool==="text"&&Y.text){let H=Y.size??s0;Z.font=`600 ${H}px system-ui, sans-serif`,Z.textBaseline="top";let U=H*0.22;Z.fillStyle="rgba(255,255,255,0.92)",Z.fillRect(V.left-U,V.top-U,V.right-V.left+U*2,V.bottom-V.top+U*2),Z.fillStyle=r0,Z.fillText(Y.text,V.left,V.top)}Z.restore()}function q(Z,Y,X){let V=C(Y);Z.save(),Z.strokeStyle=K2,Z.lineWidth=Math.max(1,1.5*X),Z.setLineDash([6*X,4*X]),Z.strokeRect(V.left,V.top,V.right-V.left,V.bottom-V.top),Z.setLineDash([]);let H=W2*X;for(let x of S(Y))Z.fillStyle="#fff",Z.strokeStyle=K2,Z.lineWidth=Math.max(1,1.5*X),Z.beginPath(),Z.rect(x.x-H/2,x.y-H/2,H,H),Z.fill(),Z.stroke();let U=D(Y),I=Y2*X;Z.beginPath(),Z.arc(U.x,U.y,I,0,Math.PI*2),Z.fillStyle="#dc2626",Z.fill(),Z.strokeStyle="#fff",Z.lineWidth=Math.max(1.5,2*X),Z.beginPath(),Z.moveTo(U.x-I*0.4,U.y-I*0.4),Z.lineTo(U.x+I*0.4,U.y+I*0.4),Z.moveTo(U.x+I*0.4,U.y-I*0.4),Z.lineTo(U.x-I*0.4,U.y+I*0.4),Z.stroke(),Z.restore()}function O(){if(!F)return;let Z=P();if(F.clearRect(0,0,J.width,J.height),F.drawImage($,0,0,J.width,J.height),j.forEach((X,V)=>{if(V!==v)_(F,X,Z)}),W)_(F,W,Z);let Y=j[K];if(Y&&!W)q(F,Y,Z)}function y(Z,Y,X,V,H){return Math.abs(Z-X)<=H&&Math.abs(Y-V)<=H}function Q0(Z,Y){let X=j[K];if(!X)return null;let V=W2*P()/2+3*P();for(let H of S(X))if(y(Z,Y,H.x,H.y,V))return H.id;return null}function i(Z,Y){let X=j[K];if(!X)return!1;let V=D(X);return y(Z,Y,V.x,V.y,Y2*P())}function h(Z,Y){let X=6*P();for(let V=j.length-1;V>=0;V-=1){let H=j[V];if(H.tool==="arrow"){let I=H.x2-H.x1,x=H.y2-H.y1,p=Math.hypot(I,x)||1,u=Math.max(0,Math.min(1,((Z-H.x1)*I+(Y-H.y1)*x)/(p*p)));if(Math.hypot(Z-(H.x1+u*I),Y-(H.y1+u*x))<=X+4*P())return V;continue}let U=C(H);if(Z>=U.left-X&&Z<=U.right+X&&Y>=U.top-X&&Y<=U.bottom+X)return V}return-1}function b(Z,Y,X,V,H){if(Y==="tail"){Z.x1=X.x1+V,Z.y1=X.y1+H;return}if(Y==="head"){Z.x2=X.x2+V,Z.y2=X.y2+H;return}if(Y==="size"){let B2=(X.size??24)+H;Z.size=Math.max(10,B2);return}let U=C(X),{left:I,top:x,right:p,bottom:u}=U;if(Y.includes("w"))I=Math.min(p-I0,I+V);if(Y.includes("e"))p=Math.max(I+I0,p+V);if(Y.includes("n"))x=Math.min(u-I0,x+H);if(Y.includes("s"))u=Math.max(x+I0,u+H);Z.x1=I,Z.y1=x,Z.x2=p,Z.y2=u}function B0(Z,Y,X,V){Z.x1=Y.x1+X,Z.y1=Y.y1+V,Z.x2=Y.x2+X,Z.y2=Y.y2+V}let L=null,v=-1,N={x:0,y:0,size:24};function f(){let Z=J.getBoundingClientRect().width;return Z>0?Z/J.width:1}function q2(Z,Y){if(!F)return Z.length*Y*0.6;F.save(),F.font=`600 ${Y}px system-ui, sans-serif`;let X=F.measureText(Z||" ").width;return F.restore(),X}function J1(){if(!L)return;let Z=J.parentElement;if(!Z)return;let Y=J.getBoundingClientRect(),X=Z.getBoundingClientRect(),V=f(),H=N.size*V;L.style.left=`${Y.left-X.left+N.x*V}px`,L.style.top=`${Y.top-X.top+N.y*V}px`,L.style.fontSize=`${H}px`,L.style.width=`${Math.max(40,q2(L.value,H)+H)}px`}function j0(Z){let Y=L;if(!Y)return;L=null;let X=Y.value.trim(),V=v;if(v=-1,Y.remove(),Z&&X){if(V>=0&&j[V])j[V].text=X,K=V;else j.push({tool:"text",x1:N.x,y1:N.y,x2:N.x,y2:N.y,text:X,size:N.size}),K=j.length-1;Q()}else if(V>=0)K=V;J.focus(),O()}function $1(Z,Y,X=-1){j0(!0);let V=J.parentElement;if(!V)return;if(getComputedStyle(V).position==="static")V.style.position="relative";let H=X>=0?j[X]:void 0;v=X,N={x:H?.x1??Z,y:H?.y1??Y,size:H?.size??Math.round(24*P())};let U=document.createElement("input");U.type="text",U.className="text-edit",U.value=H?.text??"",U.setAttribute("aria-label","ข้อความบนภาพ"),U.placeholder="ข้อความ",L=U,V.append(U),J1(),U.addEventListener("input",J1),U.addEventListener("keydown",(I)=>{if(I.stopPropagation(),I.key==="Enter")j0(!0);else if(I.key==="Escape")j0(!1)}),requestAnimationFrame(()=>{if(L!==U)return;U.focus(),U.select(),U.addEventListener("blur",()=>j0(!0))}),O()}function Q1(Z){let{x:Y,y:X}=B(Z);if(J.setPointerCapture(Z.pointerId),i(Y,X)){N0();return}let V=Q0(Y,X);if(V&&j[K]){G={grip:V,x:Y,y:X,start:{...j[K]}};return}if(z==="text"){if(Z.preventDefault(),J.hasPointerCapture(Z.pointerId))J.releasePointerCapture(Z.pointerId);z=null,Q(),$1(Y,X);return}if(z){W={tool:z,x1:Y,y1:X,x2:Y,y2:X},K=-1;return}let H=h(Y,X);K=H,G=H>=0?{grip:"body",x:Y,y:X,start:{...j[H]}}:null,O()}function j1(Z){let{x:Y,y:X}=B(Z);if(W){W.x2=Y,W.y2=X,O();return}if(G){let H=j[K];if(!H)return;let U=Y-G.x,I=X-G.y;if(G.grip==="body")B0(H,G.start,U,I);else b(H,G.grip,G.start,U,I);O();return}if(z){J.style.cursor="crosshair";return}if(i(Y,X)){J.style.cursor="pointer";return}let V=Q0(Y,X);if(V){let H=j[K]?S(j[K]).find((U)=>U.id===V):null;J.style.cursor=H?.cursor??"pointer";return}J.style.cursor=h(Y,X)>=0?"move":"default"}function V0(){if(W){if(!(Math.abs(W.x2-W.x1)<V2&&Math.abs(W.y2-W.y1)<V2))j.push(W),K=j.length-1,z=null,Q();W=null}if(G)G=null,Q();O()}function z1(Z){let Y=J.getBoundingClientRect(),X=(Z.clientX-Y.left)/Y.width*J.width,V=(Z.clientY-Y.top)/Y.height*J.height,H=h(X,V),U=j[H];if(!U||U.tool!=="text")return;Z.preventDefault(),$1(U.x1,U.y1,H)}function Z1(Z){if(K<0)return;if(Z.key==="Delete"||Z.key==="Backspace")Z.preventDefault(),N0();else if(Z.key==="Escape")K=-1,O()}function N0(){if(K<0)return;j.splice(K,1),K=-1,Q(),O()}return J.addEventListener("pointerdown",Q1),J.addEventListener("pointermove",j1),J.addEventListener("pointerup",V0),J.addEventListener("pointercancel",V0),J.addEventListener("dblclick",z1),J.tabIndex=0,J.addEventListener("keydown",Z1),O(),{setTool(Z){z=Z,K=-1,J.style.cursor=Z?"crosshair":"default",O()},deleteSelected:N0,clear(){j.length=0,K=-1,Q(),O()},hasShapes:()=>j.length>0,hasSelection:()=>K>=0,toDataUrl(){let Z=document.createElement("canvas");Z.width=$.naturalWidth,Z.height=$.naturalHeight;let Y=Z.getContext("2d");if(!Y)return J.toDataURL("image/png");Y.drawImage($,0,0);let X=P();for(let V of j)_(Y,V,X);return Z.toDataURL("image/png")},destroy(){j0(!1),J.removeEventListener("pointerdown",Q1),J.removeEventListener("pointermove",j1),J.removeEventListener("pointerup",V0),J.removeEventListener("pointercancel",V0),J.removeEventListener("dblclick",z1),J.removeEventListener("keydown",Z1)}}}var x6=["keydown","keyup","keypress"];function D0(J){for(let $ of x6)J.addEventListener($,(Q)=>Q.stopPropagation())}var X2=`
|
|
37
|
+
`)}function j6(J){if(J.length===0)return"No console output captured.";return J.map(($)=>`[${$.at}] ${$.level.toUpperCase()}: ${$.message}`).join(`
|
|
38
|
+
`)}function Z6(J){if(J.length===0)return"No user actions captured.";let $=0;return J.map((z)=>{let Q=z.source?` (${z.source})`:"",j=`${z.detail}${d0(z.count)}${Q}`;if(z.kind==="ui")return` ↳ [${z.at}] ${j}`;$+=1;let Z=`${$}. [${z.at}] ${j}`;return z.afterNote?`${Z}
|
|
39
|
+
↳ ${z.afterNote}`:Z}).join(`
|
|
40
|
+
`)}function K6(J){let $=[];for(let z of J.failedRequests)$.push(`✗ ${z.status??z.error??"ERR"} ${z.method} ${z.url}`);for(let z of J.errors)$.push(`⚠ ${z}`);for(let z of J.erroredQueries)$.push(`⚠ React Query error: ${z.key} — ${z.error}`);return $}function W6(J){let{context:$}=J;return[`User : ${$.user.fullName??"—"} (${$.user.email??"—"})`,`Unit : ${$.user.unit??"—"}`,`Roles : ${$.user.roles?.join(", ")||"—"}`,`Route : ${$.route.href}`,`Module : ${$.module?`${$.module.label} (${$.module.key})`:"—"}`,`App : ${$.app.name} v${$.app.version} · ${$.app.environment}`,`Memory : ${$.performance.memoryUsedMb??"—"}/${$.performance.memoryLimitMb??"—"} MB`,`Client : ${$.client.userAgent}`,`Viewport : ${$.client.viewport.width}×${$.client.viewport.height} @${$.client.viewport.dpr}x`,`Reason : ${$6[J.reason.type]}${J.reason.message?` — ${J.reason.message}`:""}`,`Captured : ${J.network.length} requests · ${J.console.length} console · ${J.actionTrail.length} actions · screenshot=${J.screenshotMethod}${J.replay?` · replay=${Math.round(J.replay.durationMs/1000)}s`:""}`]}function Y6(J){let $=K6(J.cause),z=[`## \uD83D\uDC1E ${J.context.app.name} — Debug Report`,`**Generated:** ${J.context.capturedAt}`,"",...W6(J).map((Q)=>`- ${Q.replace(/\s{2,}:/,":")}`),"",`**หมายเหตุจากผู้แจ้ง:** ${J.note.trim()||"(ไม่มี)"}`];if($.length>0)z.push("","### ⚠ สาเหตุที่น่าจะเป็น","```",...$,"```");return z.push("",`<details><summary>ขั้นตอน (${J.actionTrail.length})</summary>`,"","```",Z6(J.actionTrail),"```","</details>","",`<details><summary>Network (${J.network.length})</summary>`,"","```",Q6(J.network),"```","</details>","",`<details><summary>Console (${J.console.length})</summary>`,"","```",j6(J.console),"```","</details>","","_ข้อมูลลับ (token, cookie) ถูกปกปิดอัตโนมัติ · ภาพหน้าจออยู่ในไฟล์ .zip_"),z.join(`
|
|
41
|
+
`)}function G6(J){return J.replace(/[:.]/g,"-").replace("T","_").slice(0,19)}function V6(J,$){return`debug-report_${G6(J.context.capturedAt)}.${$}`}function X6(J){return Q2(J.cause)>0}async function Q1(){if(typeof navigator<"u"&&Boolean(navigator.mediaDevices?.getDisplayMedia)){let z=await F6();if(z.status==="ok")return{dataUrl:z.dataUrl,method:"display-media"};if(z.status==="cancelled")return{dataUrl:null,method:"cancelled"}}let $=await U6();if($)return{dataUrl:$,method:"html-to-image"};return{dataUrl:null,method:"none"}}async function F6(){let J=null;try{let $={video:{frameRate:30},audio:!1,preferCurrentTab:!0,selfBrowserSurface:"include",surfaceSwitching:"exclude"};J=await navigator.mediaDevices.getDisplayMedia($);let z=await H6(J);return z?{status:"ok",dataUrl:z}:{status:"error"}}catch($){if($ instanceof DOMException&&($.name==="NotAllowedError"||$.name==="AbortError"))return{status:"cancelled"};return{status:"error"}}finally{J?.getTracks().forEach(($)=>$.stop())}}async function H6(J){let $=document.createElement("video");$.srcObject=J,$.muted=!0,$.playsInline=!0,await new Promise((W)=>{let V=!1,H=()=>{if(V)return;V=!0,W()};$.onloadedmetadata=()=>{$.play().then(H).catch(H)},window.setTimeout(H,1500)}),await P6($);let{videoWidth:z,videoHeight:Q}=$;if(!z||!Q)return null;let j=document.createElement("canvas");j.width=z,j.height=Q;let Z=j.getContext("2d");if(!Z)return null;Z.drawImage($,0,0,z,Q),$.pause(),$.srcObject=null;try{return j.toDataURL("image/png")}catch{return null}}function P6(J){return new Promise(($)=>{let z=!1,Q=()=>{if(z)return;z=!0,$()},j=J;if(typeof j.requestVideoFrameCallback==="function")j.requestVideoFrameCallback(()=>Q()),window.setTimeout(Q,1000);else window.setTimeout(Q,250)})}async function U6(){let J=S().screenshotFallback;if(!J)return null;let $=await J().catch(()=>null);if(!$)return null;try{return await $(document.body,{cacheBust:!0,pixelRatio:Math.min(window.devicePixelRatio||1,2),filter:(z)=>!(z instanceof HTMLElement&&z.dataset?.debugReporter==="true")})}catch{return null}}var M6=2000,D6=0.82,I6=3000000;function C6(J){return new Promise(($,z)=>{let Q=new Image;Q.onload=()=>$(Q),Q.onerror=()=>z(Error("could not read the screenshot")),Q.src=J})}async function T0(J){try{let $=await C6(J),z=Math.max($.naturalWidth,$.naturalHeight),Q=Math.min(1,M6/z),j=document.createElement("canvas");j.width=Math.max(1,Math.round($.naturalWidth*Q)),j.height=Math.max(1,Math.round($.naturalHeight*Q));let Z=j.getContext("2d");if(!Z)return J;Z.fillStyle="#fff",Z.fillRect(0,0,j.width,j.height),Z.drawImage($,0,0,j.width,j.height);let W=D6,V=j.toDataURL("image/jpeg",W);while(V.length>I6&&W>0.4)W-=0.15,V=j.toDataURL("image/jpeg",W);return V}catch{return J}}var B6=/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i,N6=/^\d+$/,q6=/^[0-9a-f]{16,}$/i;function j1(J){if(J.reason.type==="manual")return null;let $=J.cause?.failedRequests?.[0];if(!$?.url)return null;let z;try{z=new URL($.url,"http://x").pathname}catch{z=$.url}let Q=z.split("/").map((Z)=>B6.test(Z)||N6.test(Z)||q6.test(Z)?":id":Z).join("/"),j=$.status??($.error?"ERR":"?");return`${$.method??"REQ"} ${Q} ${j}`}var Z1=2000000;function x0(J){let{screenshotDataUrl:$,replay:z,...Q}=J;return JSON.stringify(Q).length}function K1(J,$=2000000){if(x0(J)<=$)return J;let z=J.network.map((j)=>({...j})),Q={...J,network:z};for(let j of z){if(x0(Q)<=$)return Q;if(typeof j.responseSnippet==="string"&&j.responseSnippet.length>35)j.responseSnippet="[body dropped — report size budget]";if(typeof j.requestBody==="string"&&j.requestBody.length>35)j.requestBody="[body dropped — report size budget]"}while(Q.network.length>1&&x0(Q)>$)Q.network=Q.network.slice(1);while(Q.console.length>1&&x0(Q)>$)Q.console=Q.console.slice(1);return Q}function B0(J){let $="";for(let z=0;z<J.length;z+=32768)$+=String.fromCharCode(...J.subarray(z,z+32768));return btoa($)}var S6=4,w6=2,O6=3,_6=0,R6=new Set(["href","src","action","formaction","xlink:href","data","poster","srcset"]),L6=/^\s*javascript:/i;function A6(J,$){let z=J.toLowerCase();if(z.startsWith("on")||z==="srcdoc")return!0;return typeof $==="string"&&L6.test($)}function W2(J,$=!1){if(!J)return;for(let z of Object.keys(J)){let Q=J[z];if(A6(z,Q)){if($)J[z]=null;else delete J[z];continue}if(typeof Q!=="string"||!R6.has(z)||!Q.includes("?"))continue;J[z]=d(Q)}}function W1(J){if(!J)return;W2(J.attributes);for(let $ of J.childNodes??[])W1($)}function Y2(J){let $=JSON.parse(JSON.stringify(J));for(let z of $){let Q=z.data;if(!Q||typeof Q!=="object")continue;if(z.type===S6&&typeof Q.href==="string")Q.href=d(Q.href);else if(z.type===w6)W1(Q.node);else if(z.type===O6&&Q.source===_6){for(let j of Q.adds??[])W1(j.node);for(let j of Q.attributes??[])W2(j.attributes,!0)}}return $}var V2="session-replay.json.gz",T6="session-replay.json";function x6(J){return Boolean(J&&J.events.length>0)}async function k6(J){if(typeof CompressionStream>"u")return null;try{let $=new Blob([J]).stream().pipeThrough(new CompressionStream("gzip"));return new Uint8Array(await new Response($).arrayBuffer())}catch{return null}}async function Y1(J,$){if(!x6(J))return{summary:{omitted:"empty"}};let Q={seconds:Math.round(J.durationMs/1000),events:J.events.length,startedAt:J.startedAt,endedAt:J.endedAt},j=Y2(J.events),Z=await G2(j),W=!1;if(Z.bytes.byteLength>$&&h6(j))j=m6(j),Z=await G2(j),W=!0;let{bytes:V,compressed:H}=Z;if(V.byteLength>$)return{summary:{...Q,bytes:V.byteLength,omitted:"too-large"}};return{dataUri:`data:${H?"application/gzip":"application/json"};base64,${B0(V)}`,filename:H?V2:T6,summary:{...Q,events:j.length,bytes:V.byteLength,compressed:H,...W?{canvasDropped:W}:{}}}}async function G2(J){let $=new TextEncoder().encode(JSON.stringify({events:J})),z=await k6($);return z?{bytes:z,compressed:!0}:{bytes:$,compressed:!1}}var E6=3,X2=2,f6=9;function F2(J){return J.type===E6&&J.data?.source===f6}function h6(J){return J.some(F2)||J.some(($)=>$.type===X2&&H2($.data.node))}function H2(J){if(!J)return!1;if(J.attributes&&"rr_dataURL"in J.attributes)return!0;return(J.childNodes??[]).some(H2)}function P2(J){if(!J)return;if(J.attributes&&"rr_dataURL"in J.attributes)delete J.attributes.rr_dataURL;for(let $ of J.childNodes??[])P2($)}function m6(J){let $=[];for(let z of J){if(F2(z))continue;if(z.type===X2)P2(z.data.node);$.push(z)}return $}var g6=new Set([502,503,504]);class c extends Error{kind;retryAfter;status;constructor(J,$,z,Q){super(J);this.kind=$;this.retryAfter=z;this.status=Q;this.name="ReportError"}}function b6(J){let{screenshotDataUrl:$,replay:z,...Q}=J;return{dataUri:`data:application/json;base64,${B0(new TextEncoder().encode(JSON.stringify(Q)))}`,filename:"debug-bundle.json"}}async function G1(){let J=S().identity;if(!J)return{};try{let $=await J();return $?{authorization:`Bearer ${$}`}:{}}catch{return{}}}async function V1(J,$){let z=S(),Q=K1($,Z1),{context:j,note:Z}=Q,W=[];if(Q.screenshotDataUrl){let B=await T0(Q.screenshotDataUrl);W.push({dataUri:B,filename:"screenshot.jpg"})}W.push(b6(Q));let V,H=D0();if(H){let B=await Y1(Q.replay,H.maxBytes);if(V=B.summary,"dataUri"in B)W.push({dataUri:B.dataUri,filename:B.filename})}let U=j1(Q),w={title:J,description:Z.trim()||void 0,appName:v().name,category:j.module?.label,routeUrl:j.route.href,priority:"MEDIUM",requesterEmail:j.user.email??void 0,requesterName:j.user.fullName??void 0,customFields:{unit:j.user.unit??"",appVersion:j.app.version,environment:j.app.environment,reasonType:Q.reason.type,appName:v().name,module:j.module?.label??""},context:{...U?{signature:U}:{},capturedAt:j.capturedAt,reason:Q.reason,cause:Q.cause,actionTrail:Q.actionTrail,client:j.client,performance:j.performance,apiHeaders:j.apiHeaders,extra:j.extra,counts:{network:Q.network.length,console:Q.console.length,actions:Q.actionTrail.length},screenshotMethod:Q.screenshotMethod,...V?{replay:V}:{}},attachments:W},D=await fetch(`${z.host.replace(/\/$/,"")}/ingest/tickets`,{method:"POST",headers:{"content-type":"application/json","x-realm-key":z.realmKey,...await G1()},body:JSON.stringify(w)}).catch(()=>{throw new c("report never left the browser","offline")});if(!D.ok)throw await X1(D);return await D.json()}async function X1(J){let $=J.headers.get("retry-after"),z=await J.json().then((Q)=>Q.error).catch(()=>null);if(J.status===429)return new c("rate limited","rateLimited",$??void 0);if(g6.has(J.status))return new c("desk unavailable","unavailable");return new c(z??`Report failed (${J.status})`,"rejected",void 0,J.status)}var k0=null,N0=null,U2=()=>S().host.replace(/\/$/,"");function E0(){return k0}function z0(){if(N0)return N0;return N0=(async()=>{try{let J=await fetch(`${U2()}/ingest/request-types`,{headers:{"x-realm-key":S().realmKey}}),$=J.ok?await J.json():null;k0=Array.isArray($?.types)?$.types.filter(y6):[]}catch{k0=[],N0=null}return k0??[]})(),N0}function y6(J){let $=J;return!!$&&typeof $.id==="string"&&typeof $.name==="string"}async function F1(J){let $=S(),z={};try{z=$.user?.()??{}}catch{z={}}let Q=typeof window>"u"?null:window.location,j={title:J.title,description:J.description.trim()||void 0,ticketTypeId:J.ticketTypeId,appName:v().name,category:Q?S0(Q.pathname)?.label:void 0,routeUrl:Q?.href,priority:"MEDIUM",requesterEmail:z.email??void 0,requesterName:z.fullName??void 0,attachments:J.screenshotDataUrl?[{dataUri:await T0(J.screenshotDataUrl),filename:"screenshot.jpg"}]:void 0},Z=await fetch(`${U2()}/ingest/tickets`,{method:"POST",headers:{"content-type":"application/json","x-realm-key":$.realmKey,...await G1()},body:JSON.stringify(j)}).catch(()=>{throw new c("request never left the browser","offline")});if(!Z.ok)throw await X1(Z);return await Z.json()}var q0=Math.PI/6;function M2(J,$,z){let Q=$.x-J.x,j=$.y-J.y,Z=Math.hypot(Q,j),W=Math.atan2(j,Q),V=[{x:$.x,y:$.y},{x:$.x-z*Math.cos(W-q0),y:$.y-z*Math.sin(W-q0)},{x:$.x-z*Math.cos(W+q0),y:$.y-z*Math.sin(W+q0)}],H=z*Math.cos(q0)*0.92;if(Z<=H)return{shaft:null,head:V};return{shaft:{from:J,to:{x:$.x-H*Math.cos(W),y:$.y-H*Math.sin(W)}},head:V}}var H1="#f44336",v6="rgba(250, 204, 21, 0.4)",P1=22,D2="#2563eb",I2=9,C2=11,B2=18,N2=4,f0=8,p6=[{id:"nw",fx:0,fy:0,cursor:"nwse-resize"},{id:"n",fx:0.5,fy:0,cursor:"ns-resize"},{id:"ne",fx:1,fy:0,cursor:"nesw-resize"},{id:"e",fx:1,fy:0.5,cursor:"ew-resize"},{id:"se",fx:1,fy:1,cursor:"nwse-resize"},{id:"s",fx:0.5,fy:1,cursor:"ns-resize"},{id:"sw",fx:0,fy:1,cursor:"nesw-resize"},{id:"w",fx:0,fy:0.5,cursor:"ew-resize"}];function U1(J,$,z){let Q=[],j=null,Z=-1,W=null,V=null,H=J.getContext("2d");function U(){let K=J.getBoundingClientRect().width;return K>0?J.width/K:1}function w(K){let G=J.getBoundingClientRect();return{x:(K.clientX-G.left)/G.width*J.width,y:(K.clientY-G.top)/G.height*J.height}}function D(K){let G=K.size??P1;if(!H)return(K.text?.length??0)*G*0.6;H.save(),H.font=`600 ${G}px system-ui, sans-serif`;let X=H.measureText(K.text??"").width;return H.restore(),X}function B(K){if(K.tool==="text"){let G=K.size??P1;return{left:K.x1,top:K.y1,right:K.x1+D(K),bottom:K.y1+G*1.25}}return{left:Math.min(K.x1,K.x2),top:Math.min(K.y1,K.y2),right:Math.max(K.x1,K.x2),bottom:Math.max(K.y1,K.y2)}}function _(K){if(K.tool==="arrow")return[{id:"tail",x:K.x1,y:K.y1,cursor:"move"},{id:"head",x:K.x2,y:K.y2,cursor:"move"}];let G=B(K);if(K.tool==="text")return[{id:"size",x:G.right,y:G.bottom,cursor:"nwse-resize"}];return p6.map((X)=>({id:X.id,x:G.left+(G.right-G.left)*X.fx,y:G.top+(G.bottom-G.top)*X.fy,cursor:X.cursor}))}function N(K){let G=B(K);return{x:G.right+B2*U(),y:G.top-B2*U()}}function T(K,G,X){let{shaft:Y,head:F}=M2({x:G.x1,y:G.y1},{x:G.x2,y:G.y2},Math.max(10,16*X));if(Y)K.lineCap="butt",K.beginPath(),K.moveTo(Y.from.x,Y.from.y),K.lineTo(Y.to.x,Y.to.y),K.stroke();K.beginPath(),K.moveTo(F[0].x,F[0].y),K.lineTo(F[1].x,F[1].y),K.lineTo(F[2].x,F[2].y),K.closePath(),K.fill()}function f(K,G,X){K.save(),K.lineWidth=Math.max(2,3*X),K.strokeStyle=H1,K.fillStyle=H1;let Y=B(G);if(G.tool==="rect")K.strokeRect(Y.left,Y.top,Y.right-Y.left,Y.bottom-Y.top);else if(G.tool==="arrow")T(K,G,X);else if(G.tool==="highlight")K.fillStyle=v6,K.fillRect(Y.left,Y.top,Y.right-Y.left,Y.bottom-Y.top);else if(G.tool==="text"&&G.text){let F=G.size??P1;K.font=`600 ${F}px system-ui, sans-serif`,K.textBaseline="top";let P=F*0.22;K.fillStyle="rgba(255,255,255,0.92)",K.fillRect(Y.left-P,Y.top-P,Y.right-Y.left+P*2,Y.bottom-Y.top+P*2),K.fillStyle=H1,K.fillText(G.text,Y.left,Y.top)}K.restore()}function q(K,G,X){let Y=B(G);K.save(),K.strokeStyle=D2,K.lineWidth=Math.max(1,1.5*X),K.setLineDash([6*X,4*X]),K.strokeRect(Y.left,Y.top,Y.right-Y.left,Y.bottom-Y.top),K.setLineDash([]);let F=I2*X;for(let A of _(G))K.fillStyle="#fff",K.strokeStyle=D2,K.lineWidth=Math.max(1,1.5*X),K.beginPath(),K.rect(A.x-F/2,A.y-F/2,F,F),K.fill(),K.stroke();let P=N(G),M=C2*X;K.beginPath(),K.arc(P.x,P.y,M,0,Math.PI*2),K.fillStyle="#dc2626",K.fill(),K.strokeStyle="#fff",K.lineWidth=Math.max(1.5,2*X),K.beginPath(),K.moveTo(P.x-M*0.4,P.y-M*0.4),K.lineTo(P.x+M*0.4,P.y+M*0.4),K.moveTo(P.x+M*0.4,P.y-M*0.4),K.lineTo(P.x-M*0.4,P.y+M*0.4),K.stroke(),K.restore()}function I(){if(!H)return;let K=U();if(H.clearRect(0,0,J.width,J.height),H.drawImage($,0,0,J.width,J.height),Q.forEach((X,Y)=>{if(Y!==y)f(H,X,K)}),W)f(H,W,K);let G=Q[Z];if(G&&!W)q(H,G,K)}function b(K,G,X,Y,F){return Math.abs(K-X)<=F&&Math.abs(G-Y)<=F}function x(K,G){let X=Q[Z];if(!X)return null;let Y=I2*U()/2+3*U();for(let F of _(X))if(b(K,G,F.x,F.y,Y))return F.id;return null}function p(K,G){let X=Q[Z];if(!X)return!1;let Y=N(X);return b(K,G,Y.x,Y.y,C2*U())}function h(K,G){let X=6*U();for(let Y=Q.length-1;Y>=0;Y-=1){let F=Q[Y];if(F.tool==="arrow"){let M=F.x2-F.x1,A=F.y2-F.y1,t=Math.hypot(M,A)||1,e=Math.max(0,Math.min(1,((K-F.x1)*M+(G-F.y1)*A)/(t*t)));if(Math.hypot(K-(F.x1+e*M),G-(F.y1+e*A))<=X+4*U())return Y;continue}let P=B(F);if(K>=P.left-X&&K<=P.right+X&&G>=P.top-X&&G<=P.bottom+X)return Y}return-1}function m(K,G,X,Y,F){if(G==="tail"){K.x1=X.x1+Y,K.y1=X.y1+F;return}if(G==="head"){K.x2=X.x2+Y,K.y2=X.y2+F;return}if(G==="size"){let x2=(X.size??24)+F;K.size=Math.max(10,x2);return}let P=B(X),{left:M,top:A,right:t,bottom:e}=P;if(G.includes("w"))M=Math.min(t-f0,M+Y);if(G.includes("e"))t=Math.max(M+f0,t+Y);if(G.includes("n"))A=Math.min(e-f0,A+F);if(G.includes("s"))e=Math.max(A+f0,e+F);K.x1=M,K.y1=A,K.x2=t,K.y2=e}function Q0(K,G,X,Y){K.x1=G.x1+X,K.y1=G.y1+Y,K.x2=G.x2+X,K.y2=G.y2+Y}let R=null,y=-1,C={x:0,y:0,size:24};function L(){let K=J.getBoundingClientRect().width;return K>0?K/J.width:1}function P0(K,G){if(!H)return K.length*G*0.6;H.save(),H.font=`600 ${G}px system-ui, sans-serif`;let X=H.measureText(K||" ").width;return H.restore(),X}function U0(){if(!R)return;let K=J.parentElement;if(!K)return;let G=J.getBoundingClientRect(),X=K.getBoundingClientRect(),Y=L(),F=C.size*Y;R.style.left=`${G.left-X.left+C.x*Y}px`,R.style.top=`${G.top-X.top+C.y*Y}px`,R.style.fontSize=`${F}px`,R.style.width=`${Math.max(40,P0(R.value,F)+F)}px`}function g(K){let G=R;if(!G)return;R=null;let X=G.value.trim(),Y=y;if(y=-1,G.remove(),K&&X){if(Y>=0&&Q[Y])Q[Y].text=X,Z=Y;else Q.push({tool:"text",x1:C.x,y1:C.y,x2:C.x,y2:C.y,text:X,size:C.size}),Z=Q.length-1;z()}else if(Y>=0)Z=Y;J.focus(),I()}function i(K,G,X=-1){g(!0);let Y=J.parentElement;if(!Y)return;if(getComputedStyle(Y).position==="static")Y.style.position="relative";let F=X>=0?Q[X]:void 0;y=X,C={x:F?.x1??K,y:F?.y1??G,size:F?.size??Math.round(24*U())};let P=document.createElement("input");P.type="text",P.className="text-edit",P.value=F?.text??"",P.setAttribute("aria-label","ข้อความบนภาพ"),P.placeholder="ข้อความ",R=P,Y.append(P),U0(),P.addEventListener("input",U0),P.addEventListener("keydown",(M)=>{if(M.stopPropagation(),M.key==="Enter")g(!0);else if(M.key==="Escape")g(!1)}),requestAnimationFrame(()=>{if(R!==P)return;P.focus(),P.select(),P.addEventListener("blur",()=>g(!0))}),I()}function s(K){let{x:G,y:X}=w(K);if(J.setPointerCapture(K.pointerId),p(G,X)){Z0();return}let Y=x(G,X);if(Y&&Q[Z]){V={grip:Y,x:G,y:X,start:{...Q[Z]}};return}if(j==="text"){if(K.preventDefault(),J.hasPointerCapture(K.pointerId))J.releasePointerCapture(K.pointerId);j=null,z(),i(G,X);return}if(j){W={tool:j,x1:G,y1:X,x2:G,y2:X},Z=-1;return}let F=h(G,X);Z=F,V=F>=0?{grip:"body",x:G,y:X,start:{...Q[F]}}:null,I()}function n(K){let{x:G,y:X}=w(K);if(W){W.x2=G,W.y2=X,I();return}if(V){let F=Q[Z];if(!F)return;let P=G-V.x,M=X-V.y;if(V.grip==="body")Q0(F,V.start,P,M);else m(F,V.grip,V.start,P,M);I();return}if(j){J.style.cursor="crosshair";return}if(p(G,X)){J.style.cursor="pointer";return}let Y=x(G,X);if(Y){let F=Q[Z]?_(Q[Z]).find((P)=>P.id===Y):null;J.style.cursor=F?.cursor??"pointer";return}J.style.cursor=h(G,X)>=0?"move":"default"}function j0(){if(W){if(!(Math.abs(W.x2-W.x1)<N2&&Math.abs(W.y2-W.y1)<N2))Q.push(W),Z=Q.length-1,j=null,z();W=null}if(V)V=null,z();I()}function u(K){let G=J.getBoundingClientRect(),X=(K.clientX-G.left)/G.width*J.width,Y=(K.clientY-G.top)/G.height*J.height,F=h(X,Y),P=Q[F];if(!P||P.tool!=="text")return;K.preventDefault(),i(P.x1,P.y1,F)}function a(K){if(Z<0)return;if(K.key==="Delete"||K.key==="Backspace")K.preventDefault(),Z0();else if(K.key==="Escape")K.preventDefault(),Z=-1,I()}function Z0(){if(Z<0)return;Q.splice(Z,1),Z=-1,z(),I()}return J.addEventListener("pointerdown",s),J.addEventListener("pointermove",n),J.addEventListener("pointerup",j0),J.addEventListener("pointercancel",j0),J.addEventListener("dblclick",u),J.tabIndex=0,J.addEventListener("keydown",a),I(),{setTool(K){j=K,Z=-1,J.style.cursor=K?"crosshair":"default",I()},deleteSelected:Z0,clear(){Q.length=0,Z=-1,z(),I()},hasShapes:()=>Q.length>0,hasSelection:()=>Z>=0,toDataUrl(){let K=document.createElement("canvas");K.width=$.naturalWidth,K.height=$.naturalHeight;let G=K.getContext("2d");if(!G)return J.toDataURL("image/png");G.drawImage($,0,0);let X=U();for(let Y of Q)f(G,Y,X);return K.toDataURL("image/png")},destroy(){g(!1),J.removeEventListener("pointerdown",s),J.removeEventListener("pointermove",n),J.removeEventListener("pointerup",j0),J.removeEventListener("pointercancel",j0),J.removeEventListener("dblclick",u),J.removeEventListener("keydown",a)}}}var u6=["keydown","keyup","keypress"];function h0(J){for(let $ of u6)J.addEventListener($,(z)=>z.stopPropagation())}var q2=`
|
|
42
42
|
:host { all: initial; }
|
|
43
43
|
* { box-sizing: border-box; }
|
|
44
44
|
|
|
@@ -62,11 +62,11 @@ h2 { margin: 0; font-size: 20px; font-weight: 700; flex: 1; }
|
|
|
62
62
|
label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 6px; }
|
|
63
63
|
.req { color: #dc2626; }
|
|
64
64
|
.hint { font-weight: 400; color: #64748b; }
|
|
65
|
-
input[type="text"], textarea {
|
|
65
|
+
input[type="text"], textarea, select {
|
|
66
66
|
width: 100%; padding: 10px 12px; font: inherit; font-size: 14px;
|
|
67
67
|
border: 1px solid #cbd5e1; border-radius: 10px; background: #fff; color: inherit;
|
|
68
68
|
}
|
|
69
|
-
input[type="text"]:focus, textarea:focus {
|
|
69
|
+
input[type="text"]:focus, textarea:focus, select:focus {
|
|
70
70
|
outline: none; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18);
|
|
71
71
|
}
|
|
72
72
|
textarea { min-height: 88px; resize: vertical; }
|
|
@@ -121,7 +121,27 @@ canvas { width: 100%; height: auto; display: block; border: 1px solid #e2e8f0; b
|
|
|
121
121
|
border-radius: 0 0 16px 16px;
|
|
122
122
|
}
|
|
123
123
|
.foot .grow { flex: 1; }
|
|
124
|
-
|
|
124
|
+
|
|
125
|
+
/* ขอให้ทีมดำเนินการ — the same dialog turned into a request (docs/WIDGET-ASK-PLAN.md).
|
|
126
|
+
The door is a quiet line under the heading: read by the one who asks,
|
|
127
|
+
costing nothing to the many who report. */
|
|
128
|
+
[hidden] { display: none !important; }
|
|
129
|
+
.door { margin: -8px 0 0; font-size: 13px; color: #64748b; }
|
|
130
|
+
button.link {
|
|
131
|
+
display: inline; padding: 0; border: 0; border-radius: 4px; background: none;
|
|
132
|
+
font-size: 13px; font-weight: 600; color: #2563eb;
|
|
133
|
+
text-decoration: underline; text-underline-offset: 3px;
|
|
134
|
+
}
|
|
135
|
+
button.link:hover:not(:disabled) { background: none; color: #1d4ed8; }
|
|
136
|
+
button.link:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
|
|
137
|
+
.ask p { margin: 0; }
|
|
138
|
+
.draft { margin: -8px 0 0; padding: 8px 12px; border-radius: 10px; background: #eff6ff; font-size: 13px; color: #1e3a8a; }
|
|
139
|
+
.ask .status { margin-top: 6px; }
|
|
140
|
+
.ask-type { font-size: 14px; font-weight: 600; }
|
|
141
|
+
.shot-choice { display: flex; align-items: center; gap: 8px; margin: 0; font-weight: 500; }
|
|
142
|
+
.shot-choice input { width: 16px; height: 16px; margin: 0; accent-color: #2563eb; }
|
|
143
|
+
.dropped { opacity: 0.35; pointer-events: none; }
|
|
144
|
+
`;var H0="lw-debug-reporter",o=null;function d6(J,$){if(J instanceof c){if(J.kind==="offline")return $.failedOffline;if(J.kind==="unavailable")return $.failedUnavailable;if(J.kind==="rateLimited")return $.failedTooMany.replace("{seconds}",J.retryAfter??"60");return J.message||$.failed}return $.failed}var S2=()=>[];function c6(J){S2=J}var i6=[{tool:"rect",key:"toolRect"},{tool:"arrow",key:"toolArrow"},{tool:"highlight",key:"toolHighlight"},{tool:"text",key:"toolText"}];function l6(){return class extends HTMLElement{root;stop=null;annotator=null;bundle=null;busy=!1;keep=null;returnFocus=null;constructor(){super();this.root=this.attachShadow({mode:"open"}),h0(this.root),this.root.addEventListener("keydown",($)=>{let z=$;if(z.key!=="Escape"||z.defaultPrevented||!this.root.querySelector("[role=dialog]"))return;z.preventDefault(),this.close()})}connectedCallback(){this.dataset.debugReporter="true",this.stop=r0(($)=>void this.open($))}disconnectedCallback(){this.stop?.(),this.stop=null,this.close()}async open($){if(this.busy)return;this.busy=!0;let z=document.activeElement;this.returnFocus=z instanceof HTMLElement&&z!==document.body?z:null;let Q=J0(S().locale);if(E0()===null)z0();await this.report($,Q)}async report($,z){let Q=await Q1();if(Q.method==="cancelled"){this.close();return}this.bundle=z1({reason:$,note:"",screenshotDataUrl:Q.dataUrl,screenshotMethod:Q.method,erroredQueries:o6()}),this.renderForm(z,$)}close($=!1){if($)o=null;else if(this.keep)o=this.keep()??o;this.keep=null,this.annotator?.destroy(),this.annotator=null,this.bundle=null,this.busy=!1,this.root.replaceChildren();let z=this.returnFocus;if(this.returnFocus=null,z?.isConnected)z.focus()}shell($){let z=document.createElement("style");z.textContent=q2;let Q=document.createElement("div");Q.className="backdrop";let j=document.createElement("div");return j.className="panel",j.setAttribute("role","dialog"),j.setAttribute("aria-modal","true"),j.setAttribute("aria-label",$.title),Q.append(j),this.root.replaceChildren(z,Q),j}renderShell($,z){let Q=this.shell($),j=O("div","head");j.append(O("h2","",$.title)),Q.append(j,O("p","status",z))}renderForm($,z){let Q=this.bundle;if(!Q)return;let j=this.shell($),Z="problem",W=null,V=null,H=O("div","head"),U=O("h2","",$.title),w=r("✕","icon");w.setAttribute("aria-label",$.close),w.addEventListener("click",()=>this.close()),H.append(U,w);let D=O("p","door");D.hidden=!0;let B=O("span"),_=r("","link");_.dataset.switchKind="",D.append(B,_);let N=O("div","ask");N.hidden=!0;let T=O("div"),f=O("p","status","");N.append(m0($.requestTypeLabel,"",!0),T,f);let q=()=>{if(!W)return;f.textContent=[W.description,W.targetHours?$.requestTarget.replace("{time}",r6($,W.targetHours)):""].filter(Boolean).join(" · ")},I=document.createElement("input");I.type="text";let b=m0(""),x=document.createElement("textarea"),p=m0(""),h=O("div","meta"),{context:m}=Q,Q0=`${Q.network.length} network · ${Q.console.length} console · ${Q.actionTrail.length} actions${Q.replay?` · ${$.replay} ${Math.round(Q.replay.durationMs/1000)}s`:""}`,R=(Y,F)=>{let P=document.createElement("div"),M=document.createElement("b");M.textContent=`${Y}: `;let A=document.createTextNode(F);return P.append(M,A),h.append(P),{b:M,v:A}};R($.reporter,`${m.user.fullName??"—"} (${m.user.email??"—"})`),R($.page,m.route.href);let y=R($.captured,Q0),C=document.createElement("label");C.className="shot-choice",C.hidden=!0;let L=document.createElement("input");L.type="checkbox",L.checked=!0,L.dataset.requestShot="",C.append(L,document.createTextNode(` ${$.requestWithShot}`));let P0=Q.screenshotDataUrl?this.screenshotSection($,Q.screenshotDataUrl):[O("p","status",$.noScreenshot)],U0=Q.screenshotDataUrl?P0[0]:null;if(!Q.screenshotDataUrl)C.replaceChildren();let g=O("p","status",""),i=r($.submit,"primary"),s=()=>{i.disabled=I.value.trim().length===0||Z==="request"&&!W};I.addEventListener("input",s);let n=()=>{let Y=Z==="request";if(U.textContent=Y?$.requestTitle:$.title,j.setAttribute("aria-label",Y?$.requestTitle:$.title),B.textContent=`${Y?$.problemInstead:$.askInstead} `,_.textContent=Y?$.problemInsteadAction:$.askInsteadAction,N.hidden=!Y,g0(b,Y?$.requestSummaryLabel:$.summaryLabel,Y?"":$.summaryRequired,!0),I.placeholder=Y?$.requestSummaryPlaceholder:$.summaryPlaceholder,g0(p,Y?$.requestDetailLabel:$.detailLabel),x.placeholder=Y?$.requestDetailPlaceholder:$.detailPlaceholder,y.b.textContent=`${Y?$.requestLeaves:$.captured}: `,y.v.textContent=Y?$.requestLeavesWhat:Q0,C.hidden=!Y||!Q.screenshotDataUrl,U0)g0(U0,Y?$.requestAnnotateHint:$.annotateHint);for(let F of P0)F.classList.toggle("dropped",Y&&!L.checked);i.textContent=Y?$.requestSubmit:$.submit,s()};L.addEventListener("change",n),_.addEventListener("click",()=>{Z=Z==="problem"?"request":"problem",n(),(Z==="request"?V??I:I).focus()});let j0=(Y)=>{if(this.bundle!==Q||z.type!=="manual"||!Y.length)return;if(W=Y[0],Y.length>1){V=document.createElement("select"),V.dataset.requestType="";for(let F of Y){let P=document.createElement("option");P.value=F.id,P.textContent=F.name,V.append(P)}V.addEventListener("change",()=>{W=Y.find((F)=>F.id===V.value)??W,q()}),T.replaceChildren(V)}else T.replaceChildren(O("p","ask-type",W.name));q(),D.hidden=!1},u=o&&(o.title||o.detail)?o:null,a=O("p","draft");if(a.hidden=!u,u){I.value=u.title,x.value=u.detail;let Y=r($.draftClear,"link");Y.dataset.draftClear="",Y.addEventListener("click",()=>{I.value="",x.value="",o=null,a.hidden=!0,s(),I.focus()}),a.append(document.createTextNode(`${$.draftRestored} · `),Y)}let Z0=E0(),K=(Y)=>{if(j0(Y),!u?.asking||D.hidden)return;let F=Y.find((P)=>P.id===u.typeId);if(F){if(W=F,V)V.value=F.id;q()}Z="request",n()};if(Z0)K(Z0);else if(z.type==="manual")z0().then(K);this.keep=()=>({title:I.value,detail:x.value,asking:Z==="request",typeId:W?.id??null}),j.append(H,D,a,N,b,I,p,x,h,C,...P0);let G=O("div","foot"),X=r($.close);X.addEventListener("click",()=>this.close()),G.append(X,g,O("span","grow"),i),j.append(G),n(),i.addEventListener("click",async()=>{i.disabled=!0,g.dataset.tone="",g.textContent=$.submitting;let Y=()=>this.annotator?.hasShapes()?this.annotator.toDataUrl():Q.screenshotDataUrl;try{if(Z==="request"&&W){let M=await F1({ticketTypeId:W.id,title:I.value.trim(),description:x.value,screenshotDataUrl:L.checked?Y():null}),A=this.dispatchEvent(new CustomEvent("lw-request-submitted",{detail:M,bubbles:!0,composed:!0,cancelable:!0}));if(this.close(!0),A)$0(`${$.requestSubmitted} — #${M.number}`,"success");return}let F=await V1(I.value.trim(),{...Q,note:x.value,screenshotDataUrl:Y()}),P=this.dispatchEvent(new CustomEvent("lw-report-submitted",{detail:F,bubbles:!0,composed:!0,cancelable:!0}));if(this.close(!0),P)$0(`${$.submitted} — #${F.number}`,"success")}catch(F){let P=d6(F,$);g.dataset.tone="error",g.textContent=P,$0(P,"error"),s()}}),I.focus()}screenshotSection($,z){let Q=m0($.annotateHint),j=O("div","tools"),Z=document.createElement("canvas"),W=O("div","shot");W.append(Z);let V=[],H=(B)=>{for(let _ of V)_.setAttribute("aria-pressed",String(_===B))};for(let{tool:B,key:_}of i6){let N=r($[_]);N.setAttribute("aria-pressed","false"),N.addEventListener("click",()=>{let T=N.getAttribute("aria-pressed")==="true";H(T?null:N),this.annotator?.setTool(T?null:B)}),V.push(N),j.append(N)}j.append(O("span","sep"));let U=r($.deleteSelected);U.addEventListener("click",()=>this.annotator?.deleteSelected());let w=r($.clearAll);w.addEventListener("click",()=>{this.annotator?.clear(),H(null)}),j.append(U,w);let D=new Image;return D.onload=()=>{Z.width=D.naturalWidth,Z.height=D.naturalHeight,this.annotator=U1(Z,D,()=>{H(null),U.disabled=!this.annotator?.hasSelection()})},D.src=z,[Q,j,O("p","status",$.annotateHelp),W]}}}function o6(){try{return S2()}catch{return[]}}function O(J,$="",z=""){let Q=document.createElement(J);if($)Q.className=$;if(z)Q.textContent=z;return Q}function r6(J,$){return $>=24&&$%24===0?J.days.replace("{n}",String($/24)):J.hours.replace("{n}",String($))}function r(J,$=""){let z=document.createElement("button");if(z.type="button",z.textContent=J,$)z.className=$;return z}function m0(J,$="",z=!1){return g0(document.createElement("label"),J,$,z)}function g0(J,$,z="",Q=!1){if(J.replaceChildren(document.createTextNode($)),Q){let j=document.createElement("span");j.className="req",j.textContent=" *",J.append(j)}if(z){let j=document.createElement("span");j.className="hint",j.textContent=` ${z}`,J.append(j)}return J}function M1(){if(typeof window>"u"||customElements.get(H0))return;customElements.define(H0,l6())}var w2=!1;function s6(J={}){if(w2||typeof window>"u")return;if(!M0()){console.error("[debug-capture] configureDebugCapture() must be called before install");return}if(w2=!0,e1(),m1(),x1(),c1(),$2(),J.ui===!1)return;let $=J0(S().locale);if(n0((Q)=>{$0(Q.message??$.crashed,"error",{label:$.crashAction,onClick:()=>s0(Q)})}),M1(),!document.querySelector(H0))document.body.append(document.createElement(H0));let z=window.requestIdleCallback;if(z)z(()=>void z0(),{timeout:5000});else setTimeout(()=>void z0(),2000)}var n6=new Set(["error","exception","unhandledrejection"]);function O2(J){if(J.error)return!0;return J.status!==null&&J.status>=400}function D1(J){if(!J)return null;let $=Date.parse(J);return Number.isNaN($)?null:$}function a6(J){try{let{pathname:$}=new URL(J,"http://x");try{return decodeURIComponent($)}catch{return $}}catch{return J.split(/[?#]/)[0]??J}}function t6(J,$,z){let Q=(W)=>({elapsedMs:W,requests:[],failedRequests:[],consoleErrors:[],slowestMs:null});if(J.length===0)return[];let j=J.map((W)=>D1(W.at)),Z=(W)=>{for(let V=W+1;V<j.length;V+=1){let H=j[V];if(H!=null)return H}return Number.POSITIVE_INFINITY};return J.map((W,V)=>{let H=j[V]??null,U=(V>0?j[V-1]:null)??null,w=H!==null&&U!==null?Math.max(0,H-U):null;if(H===null)return Q(w);let D=H,B=Math.max(D,Z(V)),_=(q)=>q!==null&&q>=D&&(q<B||B===Number.POSITIVE_INFINITY),N=$.filter((q)=>_(D1(q.startedAt))),T=z.filter((q)=>n6.has(q.level)&&_(D1(q.at))),f=N.map((q)=>q.durationMs).filter((q)=>typeof q==="number");return{elapsedMs:w,requests:N,failedRequests:N.filter(O2),consoleErrors:T,slowestMs:f.length>0?Math.max(...f):null}})}function e6(J,$){return J.requests.length===0&&J.consoleErrors.length===0&&(J.elapsedMs===null||J.elapsedMs<$)}function J8(J){if(J<1000)return`${Math.round(J)} มิลลิวินาที`;let $=J/1000;if($<10)return`${$.toFixed(1)} วิ`;if($<60)return`${Math.round($)} วิ`;let z=Math.floor($/60),Q=Math.round($%60);return Q===0?`${z} นาที`:`${z} นาที ${Q} วิ`}var $8="lw-portal-handoff",_2=138.23,z8=`
|
|
125
145
|
:host { all: initial; }
|
|
126
146
|
.backdrop {
|
|
127
147
|
position: fixed; inset: 0; z-index: 2147483002;
|
|
@@ -151,10 +171,10 @@ canvas { width: 100%; height: auto; display: block; border: 1px solid #e2e8f0; b
|
|
|
151
171
|
.ring .track { stroke: #e2e8f0; }
|
|
152
172
|
.ring .bar {
|
|
153
173
|
stroke: #0ea5e9; transform: rotate(-90deg); transform-origin: 50% 50%;
|
|
154
|
-
stroke-dasharray: ${
|
|
174
|
+
stroke-dasharray: ${_2}; stroke-dashoffset: 0;
|
|
155
175
|
animation: deplete var(--secs, 3s) linear forwards;
|
|
156
176
|
}
|
|
157
|
-
@keyframes deplete { to { stroke-dashoffset: ${
|
|
177
|
+
@keyframes deplete { to { stroke-dashoffset: ${_2}; } }
|
|
158
178
|
.count {
|
|
159
179
|
position: absolute; inset: 0; display: grid; place-items: center;
|
|
160
180
|
font-size: 18px; font-weight: 600; color: #0f172a;
|
|
@@ -198,7 +218,7 @@ p { margin: 0; font-size: 13px; line-height: 1.6; color: #475569; }
|
|
|
198
218
|
.ring .bar { animation: none; stroke-dashoffset: 0; }
|
|
199
219
|
.spinner { animation-duration: 2s; }
|
|
200
220
|
}
|
|
201
|
-
`;function
|
|
221
|
+
`;function R2(J){if(typeof document>"u")return J.prepare().then((q)=>void J.go(q),()=>{return});let $=J0(S().locale),z=Math.max(1,Math.floor(J.seconds??3)),Q=document.createElement($8),j=Q.attachShadow({mode:"open"});h0(j);let Z=document.createElement("style");Z.textContent=z8,j.append(Z);let W=document.createElement("div");W.className="backdrop",W.innerHTML=`
|
|
202
222
|
<div class="card" role="dialog" aria-modal="true" aria-labelledby="lw-ho-title">
|
|
203
223
|
<div class="dial">
|
|
204
224
|
<svg class="ring" viewBox="0 0 52 52" aria-hidden="true">
|
|
@@ -214,4 +234,4 @@ p { margin: 0; font-size: 13px; line-height: 1.6; color: #475569; }
|
|
|
214
234
|
<button type="button" class="cancel"></button>
|
|
215
235
|
<button type="button" class="go"></button>
|
|
216
236
|
</div>
|
|
217
|
-
</div>`,
|
|
237
|
+
</div>`,j.append(W);let V=(q)=>W.querySelector(q),H=V(".card"),U=V(".bar"),w=V(".count"),D=V("h2"),B=V(".body"),_=V(".host"),N=V(".go"),T=V(".cancel");D.textContent=$.handoffTitle,B.textContent=$.handoffBody;try{_.textContent=new URL(S().host).host}catch{_.textContent=""}N.textContent=$.handoffGo,T.textContent=$.cancel,H.style.setProperty("--secs",`${z}s`),w.textContent=String(z),document.body.append(Q),requestAnimationFrame(()=>W.setAttribute("data-open","1"));let f=document.activeElement;return N.focus({preventScroll:!0}),new Promise((q)=>{let I=!1,b=null,x=!1,p=Date.now()+z*1000,h=window.setInterval(()=>{let C=Math.ceil((p-Date.now())/1000);if(w.textContent=String(Math.max(0,C)),Date.now()>=p)R()},100);function m(C){if(I)return;if(I=!0,window.clearInterval(h),document.removeEventListener("keydown",y,!0),W.removeAttribute("data-open"),window.setTimeout(()=>Q.remove(),200),!C)f?.focus?.({preventScroll:!0});q()}function Q0(C){window.clearInterval(h),U.classList.remove("spinner"),U.style.animation="none",w.textContent="",D.textContent=$.handoffBlocked,B.textContent=$.handoffBody;let L=document.createElement("a");L.className="go",L.href=C,L.target="_blank",L.rel="noopener noreferrer",L.textContent=$.handoffOpen,L.addEventListener("click",()=>m(!0)),N.replaceWith(L),L.focus({preventScroll:!0})}function R(){if(I||x)return;if(b)return J.go(b)?m(!0):Q0(b);window.clearInterval(h),w.textContent="",U.classList.add("spinner"),D.textContent=$.handoffPreparing}function y(C){if(C.key==="Escape")C.stopPropagation(),m(!1)}document.addEventListener("keydown",y,!0),N.addEventListener("click",R),T.addEventListener("click",()=>m(!1)),W.addEventListener("click",(C)=>{if(C.target===W)m(!1)}),J.prepare().then((C)=>{if(b=C,!I&&Date.now()>=p)R()},()=>{x=!0,window.clearInterval(h),H.classList.add("error"),U.classList.remove("spinner"),U.style.animation="none",w.textContent="",D.textContent=$.handoffFailed,B.textContent=$.handoffBody,N.remove(),T.textContent=$.close})})}var Q8="/sso";function T2(J,$,z,Q){let j=new URL(Q8,J.endsWith("/")?J:`${J}/`);if(j.searchParams.set("realm",$),j.searchParams.set("token",z),Q)j.searchParams.set("return",Q);return j.toString()}class b0 extends Error{constructor(J="No identity provider is configured, or nobody is signed in"){super(J);this.name="NoIdentityError"}}async function L2(J){let $=S();if(!$.identity)throw new b0;let z=await $.identity();if(!z)throw new b0;return T2($.host,$.realmKey,z,J)}function A2(J,$){if($==="_self")return window.location.assign(J),!0;let z=window.open(J,"_blank");if(!z)return!1;try{z.opener=null}catch{}return!0}async function j8(J={}){if(J.announce===!1){A2(await L2(J.returnTo),J.target);return}await R2({seconds:J.seconds,prepare:()=>L2(J.returnTo),go:($)=>A2($,J.target)})}export{K1 as trimToBudget,K2 as toCurl,e0 as takeReplay,T2 as supportPortalUrl,F1 as submitRequest,V1 as submitBundle,l4 as stopReplay,$0 as showToast,c6 as setErroredQueriesSource,E0 as requestTypesNow,a6 as requestPath,J0 as reporterStrings,d as redactUrl,W0 as redactLabel,Y0 as redactHeaders,G0 as redactBody,Y1 as packReplay,j8 as openSupportPortal,r0 as onLaunch,n0 as onCrash,y2 as moduleResolver,z0 as loadRequestTypes,s0 as launch,i4 as isReplayRecording,e6 as isQuietStep,O2 as isFailedRequest,M0 as isConfigured,s6 as installDebugCapture,X6 as hasCause,t0 as getNetworkLog,o0 as getConsoleLog,S as getConfig,i0 as getActionTrail,J8 as formatDuration,j1 as errorSignature,a0 as emitCrash,M1 as defineReporterElement,U1 as createAnnotator,t6 as correlateActionTrail,f2 as configureDebugCapture,Q1 as captureScreen,Y6 as bundleToMarkdown,V6 as bundleFileName,z1 as buildBundle,v as appInfo,d0 as actionCountSuffix,H0 as REPORTER_TAG,V2 as REPLAY_FILENAME,K0 as REDACTED,b0 as NoIdentityError,Z1 as BUNDLE_BUDGET_BYTES};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { type FiledTicket } from "./submit";
|
|
2
|
+
export interface RequestTypeOption {
|
|
3
|
+
id: string;
|
|
4
|
+
name: string;
|
|
5
|
+
description: string;
|
|
6
|
+
/** How long the team means to take, in hours — null when it has not said. */
|
|
7
|
+
targetHours: number | null;
|
|
8
|
+
}
|
|
9
|
+
/** What the desk opens to its reporters, as far as is known right now — null before the first read lands. */
|
|
10
|
+
export declare function requestTypesNow(): RequestTypeOption[] | null;
|
|
11
|
+
/**
|
|
12
|
+
* Ask the desk once. Never throws: a desk that answers nothing useful — an
|
|
13
|
+
* older one without the endpoint (404), a network blip — offers nothing, and
|
|
14
|
+
* the widget stays a report button.
|
|
15
|
+
*/
|
|
16
|
+
export declare function loadRequestTypes(): Promise<RequestTypeOption[]>;
|
|
17
|
+
/** Forget what was read — for tests, and for a host that changes realm. */
|
|
18
|
+
export declare function resetRequestTypes(): void;
|
|
19
|
+
/**
|
|
20
|
+
* Send a request. The same door as a report (POST /ingest/tickets), with the
|
|
21
|
+
* type it asks for — the desk starts its steps and never folds two people's
|
|
22
|
+
* same request into one. Who is asking comes from the identity token when the
|
|
23
|
+
* host has one, as for a report.
|
|
24
|
+
*/
|
|
25
|
+
export declare function submitRequest(input: {
|
|
26
|
+
ticketTypeId: string;
|
|
27
|
+
title: string;
|
|
28
|
+
description: string;
|
|
29
|
+
screenshotDataUrl?: string | null;
|
|
30
|
+
}): Promise<FiledTicket>;
|
package/dist/submit.d.ts
CHANGED
|
@@ -38,4 +38,15 @@ export declare function bundleAttachment(bundle: DebugBundle): {
|
|
|
38
38
|
dataUri: string;
|
|
39
39
|
filename: string;
|
|
40
40
|
};
|
|
41
|
+
/**
|
|
42
|
+
* The host's proof of who is filing, when it has any.
|
|
43
|
+
*
|
|
44
|
+
* Never throws. Filing a report has to keep working for an app that has not
|
|
45
|
+
* wired identity up, for one where nobody is signed in, and for one whose token
|
|
46
|
+
* endpoint is having a bad day — a bug report is the last thing that should
|
|
47
|
+
* fail because of a side quest.
|
|
48
|
+
*/
|
|
49
|
+
export declare function identityHeader(): Promise<Record<string, string>>;
|
|
41
50
|
export declare function submitBundle(title: string, bundle: DebugBundle): Promise<FiledTicket>;
|
|
51
|
+
/** The send that did not go through, as one of the four failures — shared with a request's send (requests.ts). */
|
|
52
|
+
export declare function failureOf(res: Response): Promise<ReportError>;
|
package/dist/ui/strings.d.ts
CHANGED
|
@@ -64,5 +64,31 @@ export interface Strings {
|
|
|
64
64
|
handoffFailed: string;
|
|
65
65
|
handoffBlocked: string;
|
|
66
66
|
handoffOpen: string;
|
|
67
|
+
askInstead: string;
|
|
68
|
+
askInsteadAction: string;
|
|
69
|
+
problemInstead: string;
|
|
70
|
+
problemInsteadAction: string;
|
|
71
|
+
requestTitle: string;
|
|
72
|
+
requestTypeLabel: string;
|
|
73
|
+
/** Carries `{time}`. */
|
|
74
|
+
requestTarget: string;
|
|
75
|
+
requestSummaryLabel: string;
|
|
76
|
+
requestSummaryPlaceholder: string;
|
|
77
|
+
requestDetailLabel: string;
|
|
78
|
+
requestDetailPlaceholder: string;
|
|
79
|
+
requestSubmit: string;
|
|
80
|
+
requestSubmitted: string;
|
|
81
|
+
/** The picture, a request's to keep or take off. */
|
|
82
|
+
requestWithShot: string;
|
|
83
|
+
requestAnnotateHint: string;
|
|
84
|
+
/** What was typed last time and not sent, back in the form — and the way to clear it. */
|
|
85
|
+
draftRestored: string;
|
|
86
|
+
draftClear: string;
|
|
87
|
+
/** In the captured row, turned: what a request does NOT send. */
|
|
88
|
+
requestLeaves: string;
|
|
89
|
+
requestLeavesWhat: string;
|
|
90
|
+
/** Carry `{n}`. */
|
|
91
|
+
days: string;
|
|
92
|
+
hours: string;
|
|
67
93
|
}
|
|
68
94
|
export declare function strings(locale: "th" | "en" | undefined): Strings;
|
package/dist/ui/styles.d.ts
CHANGED
|
@@ -10,4 +10,4 @@
|
|
|
10
10
|
* Everything is explicit for the same reason: the host's `body` font and colours
|
|
11
11
|
* do not inherit past the boundary, so stating them is not belt-and-braces.
|
|
12
12
|
*/
|
|
13
|
-
export declare const CSS = "\n:host { all: initial; }\n* { box-sizing: border-box; }\n\n.backdrop {\n position: fixed; inset: 0; z-index: 2147483000;\n display: flex; align-items: center; justify-content: center;\n padding: 24px; background: rgba(15, 23, 42, 0.55);\n font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Noto Sans Thai\", sans-serif;\n color: #0f172a;\n}\n.panel {\n display: flex; flex-direction: column; gap: 16px;\n width: min(820px, 100%); max-height: 90vh; overflow-y: auto;\n /* No bottom padding: the footer supplies its own and sits flush, so it can\n stick to the panel's edge without a gap under it. */\n padding: 24px 24px 0; border-radius: 16px; background: #fff;\n box-shadow: 0 24px 60px rgba(15, 23, 42, 0.28);\n}\n.head { display: flex; align-items: flex-start; gap: 12px; }\nh2 { margin: 0; font-size: 20px; font-weight: 700; flex: 1; }\nlabel { display: block; font-size: 14px; font-weight: 600; margin-bottom: 6px; }\n.req { color: #dc2626; }\n.hint { font-weight: 400; color: #64748b; }\ninput[type=\"text\"], textarea {\n width: 100%; padding: 10px 12px; font: inherit; font-size: 14px;\n border: 1px solid #cbd5e1; border-radius: 10px; background: #fff; color: inherit;\n}\ninput[type=\"text\"]:focus, textarea:focus {\n outline: none; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18);\n}\ntextarea { min-height: 88px; resize: vertical; }\n\n.meta {\n padding: 12px 14px; border-radius: 10px; background: #f8fafc;\n font-size: 13px; line-height: 1.7; color: #475569; word-break: break-all;\n}\n.meta b { color: #0f172a; font-weight: 600; }\n\n.tools { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }\n.sep { width: 1px; align-self: stretch; background: #e2e8f0; margin: 0 4px; }\nbutton {\n display: inline-flex; align-items: center; gap: 6px; cursor: pointer;\n padding: 8px 14px; font: inherit; font-size: 14px; font-weight: 500;\n border: 1px solid #cbd5e1; border-radius: 10px; background: #fff; color: inherit;\n}\nbutton:hover:not(:disabled) { background: #f1f5f9; }\nbutton:disabled { opacity: 0.5; cursor: not-allowed; }\nbutton[aria-pressed=\"true\"] { border-color: #2563eb; background: #eff6ff; color: #1d4ed8; }\nbutton.primary { background: #2563eb; border-color: #2563eb; color: #fff; }\nbutton.primary:hover:not(:disabled) { background: #1d4ed8; }\nbutton.icon { padding: 6px 10px; border-color: transparent; font-size: 18px; line-height: 1; }\n\n/* The on-image text editor. Absolutely placed over the canvas and matched to\n the shape it becomes \u2014 same weight, same red, same white plate \u2014 so what you\n type is what gets drawn, at the position you clicked. Sized in JS, because\n the font size tracks the image's own scale. */\n.text-edit {\n position: absolute; z-index: 2; margin: 0; padding: 2px 4px;\n font-family: system-ui, sans-serif; font-weight: 600; line-height: 1.25;\n color: #e11d48; background: rgba(255, 255, 255, 0.92);\n border: 1px dashed #e11d48; border-radius: 4px; outline: none;\n box-shadow: 0 2px 10px rgba(15, 23, 42, 0.18);\n}\n.text-edit::placeholder { color: rgba(225, 29, 72, 0.45); }\n\ncanvas { width: 100%; height: auto; display: block; border: 1px solid #e2e8f0; border-radius: 10px; touch-action: none; }\n.shot { position: relative; }\n.status { font-size: 13px; color: #64748b; }\n.status[data-tone=\"error\"] { color: #dc2626; }\n/* Pinned to the bottom of the scrolling panel.\n A screenshot is tall \u2014 often taller than the viewport \u2014 so \u0E41\u0E08\u0E49\u0E07\u0E1B\u0E31\u0E0D\u0E2B\u0E32 sat\n below the fold and the last step of filing a report was \"scroll to the end\n and find the button\". Sticky, with its own ground and a rule above it so the\n annotated image scrolls underneath rather than bleeding into it. */\n.foot {\n position: sticky; bottom: 0; z-index: 3;\n display: flex; align-items: center; gap: 12px;\n margin: 4px -24px 0; padding: 12px 24px;\n background: #fff; border-top: 1px solid #e2e8f0;\n border-radius: 0 0 16px 16px;\n}\n.foot .grow { flex: 1; }\n";
|
|
13
|
+
export declare const CSS = "\n:host { all: initial; }\n* { box-sizing: border-box; }\n\n.backdrop {\n position: fixed; inset: 0; z-index: 2147483000;\n display: flex; align-items: center; justify-content: center;\n padding: 24px; background: rgba(15, 23, 42, 0.55);\n font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Noto Sans Thai\", sans-serif;\n color: #0f172a;\n}\n.panel {\n display: flex; flex-direction: column; gap: 16px;\n width: min(820px, 100%); max-height: 90vh; overflow-y: auto;\n /* No bottom padding: the footer supplies its own and sits flush, so it can\n stick to the panel's edge without a gap under it. */\n padding: 24px 24px 0; border-radius: 16px; background: #fff;\n box-shadow: 0 24px 60px rgba(15, 23, 42, 0.28);\n}\n.head { display: flex; align-items: flex-start; gap: 12px; }\nh2 { margin: 0; font-size: 20px; font-weight: 700; flex: 1; }\nlabel { display: block; font-size: 14px; font-weight: 600; margin-bottom: 6px; }\n.req { color: #dc2626; }\n.hint { font-weight: 400; color: #64748b; }\ninput[type=\"text\"], textarea, select {\n width: 100%; padding: 10px 12px; font: inherit; font-size: 14px;\n border: 1px solid #cbd5e1; border-radius: 10px; background: #fff; color: inherit;\n}\ninput[type=\"text\"]:focus, textarea:focus, select:focus {\n outline: none; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18);\n}\ntextarea { min-height: 88px; resize: vertical; }\n\n.meta {\n padding: 12px 14px; border-radius: 10px; background: #f8fafc;\n font-size: 13px; line-height: 1.7; color: #475569; word-break: break-all;\n}\n.meta b { color: #0f172a; font-weight: 600; }\n\n.tools { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }\n.sep { width: 1px; align-self: stretch; background: #e2e8f0; margin: 0 4px; }\nbutton {\n display: inline-flex; align-items: center; gap: 6px; cursor: pointer;\n padding: 8px 14px; font: inherit; font-size: 14px; font-weight: 500;\n border: 1px solid #cbd5e1; border-radius: 10px; background: #fff; color: inherit;\n}\nbutton:hover:not(:disabled) { background: #f1f5f9; }\nbutton:disabled { opacity: 0.5; cursor: not-allowed; }\nbutton[aria-pressed=\"true\"] { border-color: #2563eb; background: #eff6ff; color: #1d4ed8; }\nbutton.primary { background: #2563eb; border-color: #2563eb; color: #fff; }\nbutton.primary:hover:not(:disabled) { background: #1d4ed8; }\nbutton.icon { padding: 6px 10px; border-color: transparent; font-size: 18px; line-height: 1; }\n\n/* The on-image text editor. Absolutely placed over the canvas and matched to\n the shape it becomes \u2014 same weight, same red, same white plate \u2014 so what you\n type is what gets drawn, at the position you clicked. Sized in JS, because\n the font size tracks the image's own scale. */\n.text-edit {\n position: absolute; z-index: 2; margin: 0; padding: 2px 4px;\n font-family: system-ui, sans-serif; font-weight: 600; line-height: 1.25;\n color: #e11d48; background: rgba(255, 255, 255, 0.92);\n border: 1px dashed #e11d48; border-radius: 4px; outline: none;\n box-shadow: 0 2px 10px rgba(15, 23, 42, 0.18);\n}\n.text-edit::placeholder { color: rgba(225, 29, 72, 0.45); }\n\ncanvas { width: 100%; height: auto; display: block; border: 1px solid #e2e8f0; border-radius: 10px; touch-action: none; }\n.shot { position: relative; }\n.status { font-size: 13px; color: #64748b; }\n.status[data-tone=\"error\"] { color: #dc2626; }\n/* Pinned to the bottom of the scrolling panel.\n A screenshot is tall \u2014 often taller than the viewport \u2014 so \u0E41\u0E08\u0E49\u0E07\u0E1B\u0E31\u0E0D\u0E2B\u0E32 sat\n below the fold and the last step of filing a report was \"scroll to the end\n and find the button\". Sticky, with its own ground and a rule above it so the\n annotated image scrolls underneath rather than bleeding into it. */\n.foot {\n position: sticky; bottom: 0; z-index: 3;\n display: flex; align-items: center; gap: 12px;\n margin: 4px -24px 0; padding: 12px 24px;\n background: #fff; border-top: 1px solid #e2e8f0;\n border-radius: 0 0 16px 16px;\n}\n.foot .grow { flex: 1; }\n\n/* \u0E02\u0E2D\u0E43\u0E2B\u0E49\u0E17\u0E35\u0E21\u0E14\u0E33\u0E40\u0E19\u0E34\u0E19\u0E01\u0E32\u0E23 \u2014 the same dialog turned into a request (docs/WIDGET-ASK-PLAN.md).\n The door is a quiet line under the heading: read by the one who asks,\n costing nothing to the many who report. */\n[hidden] { display: none !important; }\n.door { margin: -8px 0 0; font-size: 13px; color: #64748b; }\nbutton.link {\n display: inline; padding: 0; border: 0; border-radius: 4px; background: none;\n font-size: 13px; font-weight: 600; color: #2563eb;\n text-decoration: underline; text-underline-offset: 3px;\n}\nbutton.link:hover:not(:disabled) { background: none; color: #1d4ed8; }\nbutton.link:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }\n.ask p { margin: 0; }\n.draft { margin: -8px 0 0; padding: 8px 12px; border-radius: 10px; background: #eff6ff; font-size: 13px; color: #1e3a8a; }\n.ask .status { margin-top: 6px; }\n.ask-type { font-size: 14px; font-weight: 600; }\n.shot-choice { display: flex; align-items: center; gap: 8px; margin: 0; font-weight: 500; }\n.shot-choice input { width: 16px; height: 16px; margin: 0; accent-color: #2563eb; }\n.dropped { opacity: 0.35; pointer-events: none; }\n";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lightworkai.official/debug-capture",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.14.0",
|
|
4
4
|
"description": "Report-a-problem widget: rolling network/console/action capture, optional rrweb session replay, annotated screenshot, and submission to a Lightwork Support host",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"module": "./dist/index.mjs",
|
package/src/embed.ts
CHANGED
|
@@ -66,7 +66,13 @@ if (data.host && data.realmKey) {
|
|
|
66
66
|
locale: data.locale === "en" ? "en" : "th",
|
|
67
67
|
...(data.replay !== undefined ? { replay: { seconds: Number(data.replay) || undefined } } : {}),
|
|
68
68
|
});
|
|
69
|
-
|
|
69
|
+
/*
|
|
70
|
+
* In <head>, the script runs before there is a <body> — and installing then
|
|
71
|
+
* threw on the first observer set on it, so the page had no reporter and no
|
|
72
|
+
* `lwReportProblem` either. Wait for the document when it is not there yet.
|
|
73
|
+
*/
|
|
74
|
+
if (document.body) installDebugCapture();
|
|
75
|
+
else document.addEventListener("DOMContentLoaded", () => installDebugCapture(), { once: true });
|
|
70
76
|
}
|
|
71
77
|
|
|
72
78
|
// The only handle a no-bundler page gets. Call it from a button's onclick —
|
package/src/index.ts
CHANGED
|
@@ -22,6 +22,8 @@ export { launch, onLaunch, onCrash, emitCrash } from "./reporter";
|
|
|
22
22
|
export { buildBundle, bundleToMarkdown, hasCause, bundleFileName, toCurl } from "./bundle";
|
|
23
23
|
export { submitBundle } from "./submit";
|
|
24
24
|
export type { FiledTicket } from "./submit";
|
|
25
|
+
export { loadRequestTypes, requestTypesNow, submitRequest } from "./requests";
|
|
26
|
+
export type { RequestTypeOption } from "./requests";
|
|
25
27
|
export { errorSignature } from "./signature";
|
|
26
28
|
export { trimToBudget, BUNDLE_BUDGET_BYTES } from "./budget";
|
|
27
29
|
export { captureScreen } from "./screenshot";
|