@64mb/freelens-power 1.6.1 → 2.1.0

package/out/renderer/power-log-json.js

@@ -1,26 +1,229 @@
+const require__global_external_react = require("./_virtual/_global-external_react.js");
 const require_jsx_runtime = require("./_virtual/_global-external_react/jsx-runtime.js");
+const require_power_log_json_fields = require("./power-log-json-fields.js");
+let electron = require("electron");
 //#region src/renderer/power-log-json.tsx
-function LogJson({ text }) {
-	const tokens = [];
-	const pattern = /"(?:\\.|[^"\\])*"(?:\s*:)?|\b(?:true|false|null)\b|-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/g;
-	let cursor = 0;
-	for (const match of text.matchAll(pattern)) {
-		const start = match.index;
-		tokens.push(text.slice(cursor, start));
-		const value = match[0];
-		const key = value.startsWith("\"") && value.endsWith(":");
-		const kind = key ? "key" : value.startsWith("\"") ? "string" : /^(true|false|null)$/.test(value) ? "literal" : "number";
-		tokens.push(/* @__PURE__ */ require_jsx_runtime.jsx("span", {
-			"data-token": kind,
-			children: key ? value.slice(0, -1) : value
-		}, start));
-		if (key) tokens.push(":");
-		cursor = start + value.length;
-	}
-	tokens.push(text.slice(cursor));
-	return /* @__PURE__ */ require_jsx_runtime.jsx("pre", {
+var fieldButtonStyle = {
+	width: 20,
+	height: 20,
+	minHeight: 0,
+	minWidth: 0,
+	padding: 0,
+	margin: 0,
+	border: 0,
+	borderRadius: 0,
+	background: "transparent",
+	color: "inherit",
+	display: "inline-flex",
+	alignItems: "center",
+	justifyContent: "center",
+	cursor: "pointer"
+};
+function LogJson({ text, fieldText, fieldsEnabled = true, Icon, onFilter }) {
+	const leaveTimer = require__global_external_react.useRef();
+	const hoverTimer = require__global_external_react.useRef();
+	const keepOpen = () => {
+		clearTimeout(leaveTimer.current);
+		clearTimeout(hoverTimer.current);
+	};
+	require__global_external_react.useEffect(() => () => {
+		clearTimeout(leaveTimer.current);
+		clearTimeout(hoverTimer.current);
+	}, []);
+	const identity = fieldText ?? text;
+	const interactive = fieldsEnabled && Boolean(Icon || onFilter);
+	const fields = require__global_external_react.useMemo(() => interactive ? require_power_log_json_fields.jsonFields(identity) : /* @__PURE__ */ new Map(), [identity, interactive]);
+	const [active, setActive] = require__global_external_react.useState();
+	const activeField = require__global_external_react.useRef(active);
+	activeField.current = active;
+	const [feedback, setFeedback] = require__global_external_react.useState("");
+	const selected = fieldsEnabled && active?.text === identity ? active : void 0;
+	const pre = /* @__PURE__ */ require_jsx_runtime.jsx("pre", {
 		className: "power-log-json",
-		children: tokens
+		children: require__global_external_react.useMemo(() => {
+			const tokens = [];
+			const pattern = /"(?:\\.|[^"\\])*"(?:\s*:)?|\b(?:true|false|null)\b|-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?|[\[{]/g;
+			let cursor = 0;
+			let count = 0;
+			for (const match of text.matchAll(pattern)) {
+				if (++count > 2e4) break;
+				const start = match.index;
+				tokens.push(text.slice(cursor, start));
+				const value = match[0];
+				const key = value.startsWith("\"") && value.endsWith(":");
+				const kind = key ? "key" : value.startsWith("\"") ? "string" : /^(true|false|null)$/.test(value) ? "literal" : /^[\[{]$/.test(value) ? void 0 : "number";
+				const field = fields.get(start);
+				const activate = (element) => {
+					if (!field) return;
+					clearTimeout(leaveTimer.current);
+					const rect = element.getBoundingClientRect();
+					let lineRight = rect.right;
+					const pre = element.closest("pre");
+					if (pre) {
+						const lineEnd = text.indexOf("\n", start);
+						let remaining = lineEnd < 0 ? text.length : lineEnd;
+						const walker = document.createTreeWalker(pre, NodeFilter.SHOW_TEXT);
+						for (let node = walker.nextNode(); node; node = walker.nextNode()) {
+							if (remaining > (node.textContent?.length ?? 0)) {
+								remaining -= node.textContent?.length ?? 0;
+								continue;
+							}
+							const range = document.createRange();
+							range.setStart(element, 0);
+							range.setEnd(node, remaining);
+							if (typeof range.getClientRects === "function") {
+								for (const fragment of Array.from(range.getClientRects())) if (Math.abs(fragment.top - rect.top) < Math.max(1, rect.height / 2)) lineRight = Math.max(lineRight, fragment.right);
+							}
+							break;
+						}
+					}
+					const wrapperRight = element.closest(".power-log-json-fields")?.getBoundingClientRect().right;
+					const visibleRight = Math.min(window.innerWidth, wrapperRight && wrapperRight > 0 ? wrapperRight : window.innerWidth);
+					setActive({
+						field,
+						text: identity,
+						x: Math.max(4, Math.min(lineRight + 4, visibleRight - 64)),
+						y: Math.max(0, Math.min(rect.top, window.innerHeight - 20))
+					});
+					setFeedback("");
+				};
+				tokens.push(/* @__PURE__ */ require_jsx_runtime.jsx("span", {
+					"data-token": kind,
+					tabIndex: field ? 0 : void 0,
+					onMouseEnter: field ? (event) => {
+						keepOpen();
+						const element = event.currentTarget;
+						if (activeField.current?.text === identity && activeField.current.field !== field) hoverTimer.current = setTimeout(() => activate(element), 180);
+						else activate(element);
+					} : void 0,
+					onMouseLeave: field ? () => clearTimeout(hoverTimer.current) : void 0,
+					onFocus: field ? (event) => {
+						keepOpen();
+						activate(event.currentTarget);
+					} : void 0,
+					onKeyDown: field ? (event) => {
+						if (event.key === "Enter" || event.key === " ") {
+							event.preventDefault();
+							event.stopPropagation();
+							event.currentTarget.closest(".power-log-json-fields")?.querySelector("[role=\"toolbar\"] button")?.focus();
+						}
+					} : void 0,
+					children: key ? value.slice(0, -1) : value
+				}, start));
+				if (key) tokens.push(":");
+				cursor = start + value.length;
+			}
+			tokens.push(text.slice(cursor));
+			return tokens;
+		}, [
+			text,
+			fields,
+			identity
+		])
+	});
+	if (!Icon && !onFilter) return pre;
+	return /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+		className: "power-log-json-fields",
+		style: { paddingRight: 76 },
+		onMouseEnter: keepOpen,
+		onMouseLeave: () => {
+			leaveTimer.current = setTimeout(() => setActive(void 0), 150);
+		},
+		onBlur: (event) => {
+			if (!event.currentTarget.contains(event.relatedTarget)) setActive(void 0);
+		},
+		onKeyDown: (event) => {
+			if (event.key === "Escape") {
+				event.stopPropagation();
+				setActive(void 0);
+			}
+		},
+		children: [pre, selected && /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+			role: "toolbar",
+			"aria-label": "JSON field actions",
+			style: {
+				position: "fixed",
+				left: selected.x,
+				top: selected.y,
+				zIndex: 1e3,
+				display: "flex",
+				gap: 2,
+				padding: 0,
+				background: "transparent",
+				border: 0,
+				alignItems: "center",
+				height: 20
+			},
+			onMouseEnter: keepOpen,
+			onClick: (event) => event.stopPropagation(),
+			onKeyDown: (event) => {
+				event.stopPropagation();
+				if (event.key === "Escape") setActive(void 0);
+			},
+			children: [
+				/* @__PURE__ */ require_jsx_runtime.jsx("button", {
+					type: "button",
+					style: fieldButtonStyle,
+					title: Icon ? void 0 : "Copy value",
+					"aria-label": "Copy value",
+					onClick: () => {
+						try {
+							const value = selected.field.value;
+							electron.clipboard.writeText(typeof value === "string" ? value : require_power_log_json_fields.jsonFieldLiteral(identity, selected.field));
+							setFeedback("Copied");
+						} catch {
+							setFeedback("Copy failed");
+						}
+					},
+					children: Icon ? /* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
+						material: "content_copy",
+						size: 14,
+						tooltip: "Copy value"
+					}) : "⧉"
+				}),
+				onFilter && /* @__PURE__ */ require_jsx_runtime.jsxs(require_jsx_runtime.Fragment, { children: [/* @__PURE__ */ require_jsx_runtime.jsx("button", {
+					type: "button",
+					style: fieldButtonStyle,
+					title: Icon ? void 0 : "Include value",
+					"aria-label": "Include value",
+					onClick: () => onFilter({
+						path: selected.field.path,
+						value: selected.field.value,
+						operator: "eq"
+					}),
+					children: Icon ? /* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
+						material: "filter_alt",
+						size: 14,
+						tooltip: "Include value"
+					}) : "="
+				}), /* @__PURE__ */ require_jsx_runtime.jsx("button", {
+					type: "button",
+					style: fieldButtonStyle,
+					title: Icon ? void 0 : "Exclude value",
+					"aria-label": "Exclude value",
+					onClick: () => onFilter({
+						path: selected.field.path,
+						value: selected.field.value,
+						operator: "neq"
+					}),
+					children: Icon ? /* @__PURE__ */ require_jsx_runtime.jsx(Icon, {
+						material: "filter_alt_off",
+						size: 14,
+						tooltip: "Exclude value"
+					}) : "!="
+				})] }),
+				feedback && /* @__PURE__ */ require_jsx_runtime.jsx("span", {
+					role: "status",
+					style: {
+						position: "absolute",
+						top: 22,
+						right: 0,
+						whiteSpace: "nowrap"
+					},
+					children: feedback
+				})
+			]
+		})]
 	});
 }
 //#endregion

package/out/renderer/power-log-json.js.map

@@ -1 +1 @@
-{"version":3,"file":"power-log-json.js","names":[],"sources":["../../src/renderer/power-log-json.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nexport function LogJson({ text }: { text: string }) {\n  const tokens: ReactNode[] = [];\n  const pattern = /\"(?:\\\\.|[^\"\\\\])*\"(?:\\s*:)?|\\b(?:true|false|null)\\b|-?\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?/g;\n  let cursor = 0;\n  for (const match of text.matchAll(pattern)) {\n    const start = match.index!;\n    tokens.push(text.slice(cursor, start));\n    const value = match[0];\n    const key = value.startsWith('\"') && value.endsWith(\":\");\n    const kind = key\n      ? \"key\"\n      : value.startsWith('\"')\n        ? \"string\"\n        : /^(true|false|null)$/.test(value)\n          ? \"literal\"\n          : \"number\";\n    tokens.push(\n      <span key={start} data-token={kind}>\n        {key ? value.slice(0, -1) : value}\n      </span>,\n    );\n    if (key) tokens.push(\":\");\n    cursor = start + value.length;\n  }\n  tokens.push(text.slice(cursor));\n  return <pre className=\"power-log-json\">{tokens}</pre>;\n}\n"],"mappings":";;AAEA,SAAgB,QAAQ,EAAE,QAA0B;CAClD,MAAM,SAAsB,CAAC;CAC7B,MAAM,UAAU;CAChB,IAAI,SAAS;CACb,KAAK,MAAM,SAAS,KAAK,SAAS,OAAO,GAAG;EAC1C,MAAM,QAAQ,MAAM;EACpB,OAAO,KAAK,KAAK,MAAM,QAAQ,KAAK,CAAC;EACrC,MAAM,QAAQ,MAAM;EACpB,MAAM,MAAM,MAAM,WAAW,IAAG,KAAK,MAAM,SAAS,GAAG;EACvD,MAAM,OAAO,MACT,QACA,MAAM,WAAW,IAAG,IAClB,WACA,sBAAsB,KAAK,KAAK,IAC9B,YACA;EACR,OAAO,KACL,oCAAA,IAAC,QAAD;GAAkB,cAAY;aAC3B,MAAM,MAAM,MAAM,GAAG,EAAE,IAAI;EACxB,GAFK,KAEL,CACR;EACA,IAAI,KAAK,OAAO,KAAK,GAAG;EACxB,SAAS,QAAQ,MAAM;CACzB;CACA,OAAO,KAAK,KAAK,MAAM,MAAM,CAAC;CAC9B,OAAO,oCAAA,IAAC,OAAD;EAAK,WAAU;YAAkB;CAAY,CAAA;AACtD"}
+{"version":3,"file":"power-log-json.js","names":[],"sources":["../../src/renderer/power-log-json.tsx"],"sourcesContent":["import { clipboard } from \"electron\";\nimport { type ComponentType, type CSSProperties, type ReactNode, useEffect, useMemo, useRef, useState } from \"react\";\nimport { type JsonField, jsonFieldLiteral, jsonFields, maxJsonTokens } from \"./power-log-json-fields\";\n\nimport type { JsonFieldFilter } from \"../common/power-log-field-filters\";\n\nexport interface LogJsonProps {\n  text: string;\n  fieldText?: string;\n  fieldsEnabled?: boolean;\n  Icon?: ComponentType<{ material: string; size?: number; tooltip?: string }>;\n  onFilter?: (filter: JsonFieldFilter) => void;\n}\n\nconst fieldButtonStyle: CSSProperties = {\n  width: 20,\n  height: 20,\n  minHeight: 0,\n  minWidth: 0,\n  padding: 0,\n  margin: 0,\n  border: 0,\n  borderRadius: 0,\n  background: \"transparent\",\n  color: \"inherit\",\n  display: \"inline-flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  cursor: \"pointer\",\n};\n\nexport function LogJson({ text, fieldText, fieldsEnabled = true, Icon, onFilter }: LogJsonProps) {\n  const leaveTimer = useRef<ReturnType<typeof setTimeout>>();\n  const hoverTimer = useRef<ReturnType<typeof setTimeout>>();\n  const keepOpen = () => {\n    clearTimeout(leaveTimer.current);\n    clearTimeout(hoverTimer.current);\n  };\n  useEffect(\n    () => () => {\n      clearTimeout(leaveTimer.current);\n      clearTimeout(hoverTimer.current);\n    },\n    [],\n  );\n  const identity = fieldText ?? text;\n  const interactive = fieldsEnabled && Boolean(Icon || onFilter);\n  const fields = useMemo(\n    () => (interactive ? jsonFields(identity) : new Map<number, JsonField>()),\n    [identity, interactive],\n  );\n  const [active, setActive] = useState<{ field: JsonField; text: string; x: number; y: number }>();\n  const activeField = useRef(active);\n  activeField.current = active;\n  const [feedback, setFeedback] = useState(\"\");\n  const selected = fieldsEnabled && active?.text === identity ? active : undefined;\n  const tokens = useMemo(() => {\n    const tokens: ReactNode[] = [];\n    const pattern = /\"(?:\\\\.|[^\"\\\\])*\"(?:\\s*:)?|\\b(?:true|false|null)\\b|-?\\d+(?:\\.\\d+)?(?:[eE][+-]?\\d+)?|[\\[{]/g;\n    let cursor = 0;\n    let count = 0;\n    for (const match of text.matchAll(pattern)) {\n      if (++count > maxJsonTokens) break;\n      const start = match.index!;\n      tokens.push(text.slice(cursor, start));\n      const value = match[0];\n      const key = value.startsWith('\"') && value.endsWith(\":\");\n      const kind = key\n        ? \"key\"\n        : value.startsWith('\"')\n          ? \"string\"\n          : /^(true|false|null)$/.test(value)\n            ? \"literal\"\n            : /^[\\[{]$/.test(value)\n              ? undefined\n              : \"number\";\n      const field = fields.get(start);\n      const activate = (element: HTMLElement) => {\n        if (!field) return;\n        clearTimeout(leaveTimer.current);\n        const rect = element.getBoundingClientRect();\n        let lineRight = rect.right;\n        const pre = element.closest(\"pre\");\n        if (pre) {\n          const lineEnd = text.indexOf(\"\\n\", start);\n          let remaining = lineEnd < 0 ? text.length : lineEnd;\n          const walker = document.createTreeWalker(pre, NodeFilter.SHOW_TEXT);\n          for (let node = walker.nextNode(); node; node = walker.nextNode()) {\n            if (remaining > (node.textContent?.length ?? 0)) {\n              remaining -= node.textContent?.length ?? 0;\n              continue;\n            }\n            const range = document.createRange();\n            range.setStart(element, 0);\n            range.setEnd(node, remaining);\n            if (typeof range.getClientRects === \"function\") {\n              for (const fragment of Array.from(range.getClientRects())) {\n                if (Math.abs(fragment.top - rect.top) < Math.max(1, rect.height / 2)) {\n                  lineRight = Math.max(lineRight, fragment.right);\n                }\n              }\n            }\n            break;\n          }\n        }\n        const wrapperRight = element.closest(\".power-log-json-fields\")?.getBoundingClientRect().right;\n        const visibleRight = Math.min(\n          window.innerWidth,\n          wrapperRight && wrapperRight > 0 ? wrapperRight : window.innerWidth,\n        );\n        setActive({\n          field,\n          text: identity,\n          x: Math.max(4, Math.min(lineRight + 4, visibleRight - 64)),\n          y: Math.max(0, Math.min(rect.top, window.innerHeight - 20)),\n        });\n        setFeedback(\"\");\n      };\n      tokens.push(\n        <span\n          key={start}\n          data-token={kind}\n          tabIndex={field ? 0 : undefined}\n          onMouseEnter={\n            field\n              ? (event) => {\n                  keepOpen();\n                  const element = event.currentTarget;\n                  if (activeField.current?.text === identity && activeField.current.field !== field) {\n                    hoverTimer.current = setTimeout(() => activate(element), 180);\n                  } else activate(element);\n                }\n              : undefined\n          }\n          onMouseLeave={field ? () => clearTimeout(hoverTimer.current) : undefined}\n          onFocus={\n            field\n              ? (event) => {\n                  keepOpen();\n                  activate(event.currentTarget);\n                }\n              : undefined\n          }\n          onKeyDown={\n            field\n              ? (event) => {\n                  if (event.key === \"Enter\" || event.key === \" \") {\n                    event.preventDefault();\n                    event.stopPropagation();\n                    event.currentTarget\n                      .closest(\".power-log-json-fields\")\n                      ?.querySelector<HTMLButtonElement>('[role=\"toolbar\"] button')\n                      ?.focus();\n                  }\n                }\n              : undefined\n          }\n        >\n          {key ? value.slice(0, -1) : value}\n        </span>,\n      );\n      if (key) tokens.push(\":\");\n      cursor = start + value.length;\n    }\n    tokens.push(text.slice(cursor));\n    return tokens;\n  }, [text, fields, identity]);\n  const pre = <pre className=\"power-log-json\">{tokens}</pre>;\n  if (!Icon && !onFilter) return pre;\n  return (\n    <div\n      className=\"power-log-json-fields\"\n      style={{ paddingRight: 76 }}\n      onMouseEnter={keepOpen}\n      onMouseLeave={() => {\n        leaveTimer.current = setTimeout(() => setActive(undefined), 150);\n      }}\n      onBlur={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget as Node)) setActive(undefined);\n      }}\n      onKeyDown={(event) => {\n        if (event.key === \"Escape\") {\n          event.stopPropagation();\n          setActive(undefined);\n        }\n      }}\n    >\n      {pre}\n      {selected && (\n        <div\n          role=\"toolbar\"\n          aria-label=\"JSON field actions\"\n          style={{\n            position: \"fixed\",\n            left: selected.x,\n            top: selected.y,\n            zIndex: 1000,\n            display: \"flex\",\n            gap: 2,\n            padding: 0,\n            background: \"transparent\",\n            border: 0,\n            alignItems: \"center\",\n            height: 20,\n          }}\n          onMouseEnter={keepOpen}\n          onClick={(event) => event.stopPropagation()}\n          onKeyDown={(event) => {\n            event.stopPropagation();\n            if (event.key === \"Escape\") setActive(undefined);\n          }}\n        >\n          <button\n            type=\"button\"\n            style={fieldButtonStyle}\n            title={Icon ? undefined : \"Copy value\"}\n            aria-label=\"Copy value\"\n            onClick={() => {\n              try {\n                const value = selected.field.value;\n                clipboard.writeText(typeof value === \"string\" ? value : jsonFieldLiteral(identity, selected.field));\n                setFeedback(\"Copied\");\n              } catch {\n                setFeedback(\"Copy failed\");\n              }\n            }}\n          >\n            {Icon ? <Icon material=\"content_copy\" size={14} tooltip=\"Copy value\" /> : \"⧉\"}\n          </button>\n          {onFilter && (\n            <>\n              <button\n                type=\"button\"\n                style={fieldButtonStyle}\n                title={Icon ? undefined : \"Include value\"}\n                aria-label=\"Include value\"\n                onClick={() => onFilter({ path: selected.field.path, value: selected.field.value, operator: \"eq\" })}\n              >\n                {Icon ? <Icon material=\"filter_alt\" size={14} tooltip=\"Include value\" /> : \"=\"}\n              </button>\n              <button\n                type=\"button\"\n                style={fieldButtonStyle}\n                title={Icon ? undefined : \"Exclude value\"}\n                aria-label=\"Exclude value\"\n                onClick={() => onFilter({ path: selected.field.path, value: selected.field.value, operator: \"neq\" })}\n              >\n                {Icon ? <Icon material=\"filter_alt_off\" size={14} tooltip=\"Exclude value\" /> : \"!=\"}\n              </button>\n            </>\n          )}\n          {feedback && (\n            <span role=\"status\" style={{ position: \"absolute\", top: 22, right: 0, whiteSpace: \"nowrap\" }}>\n              {feedback}\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/out/renderer/power-log-message-tokens.js

@@ -0,0 +1,60 @@
+let node_net = require("node:net");
+//#region src/renderer/power-log-message-tokens.ts
+var identifier = /[\p{L}\p{N}_]/u;
+var candidate = /(?<![\p{L}\p{N}_.])(?:https?:\/\/[^\s<>"']+|(?:trace_id|traceId|span_id|spanId|traceparent|ip|client_ip|remote_addr|clientIp|remoteAddr|http_status|status_code|statusCode|http\.status_code|http\.response\.status_code)["']?\s*[:=]\s*["']?[^\s,"'<>]+|HTTP\/\d(?:\.\d)?\s+\d+|\[[\da-fA-F:.]+\]:\d+|\d{1,3}(?:\.\d{1,3}){3}:\d{1,5}|[\da-fA-F]{8}-[\da-fA-F]{4}-[\da-fA-F]{4}-[\da-fA-F]{4}-[\da-fA-F]{12}|(?:GET|HEAD|POST|PUT|PATCH|DELETE|OPTIONS|CONNECT|TRACE)|\d+(?:\.\d+)?(?:ns|us|µs|μs|ms|s))/gu;
+function validAddress(value) {
+	const socket = /^(?:\[([^\]]+)\]|(\d+(?:\.\d+){3})):(\d+)$/.exec(value);
+	return socket ? (0, node_net.isIP)(socket[1] ?? socket[2]) === (socket[1] ? 6 : 4) && Number(socket[3]) <= 65535 : (0, node_net.isIP)(value) !== 0;
+}
+function messageTokens(text) {
+	const tokens = [];
+	const limit = Math.min(text.length, 65536);
+	const input = text.slice(0, limit);
+	for (const match of input.matchAll(candidate)) {
+		let value = match[0];
+		let start = match.index;
+		const end = start + value.length;
+		if (identifier.test(text[start - 1] ?? "") || identifier.test(text[end] ?? "")) continue;
+		let kind;
+		if (value.startsWith("http://") || value.startsWith("https://")) {
+			if (value.length <= 4096 && !/[.,;!?)]$/.test(value)) try {
+				if (new URL(value).hostname) kind = "url";
+			} catch {}
+		} else {
+			const label = /^(.*?)['"]?\s*[:=]\s*['"]?(.*)$/.exec(value);
+			if (label && !value.startsWith("[") && !/^\d/.test(value)) {
+				const name = label[1].replace(/["']$/, "");
+				value = label[2];
+				start = end - value.length;
+				if (/^(trace_id|traceId|span_id|spanId)$/.test(name)) {
+					const size = name.startsWith("span") ? 16 : 32;
+					if (new RegExp(`^[a-fA-F0-9]{${size}}$`).test(value) && /[1-9a-f]/i.test(value)) kind = "trace-id";
+				} else if (name === "traceparent") {
+					const trace = /^00-([\da-f]{32})-([\da-f]{16})-[\da-f]{2}$/.exec(value);
+					if (trace && /[1-9a-f]/.test(trace[1]) && /[1-9a-f]/.test(trace[2])) kind = "trace-id";
+				} else if (/^(ip|client_ip|remote_addr|clientIp|remoteAddr)$/.test(name)) {
+					if (validAddress(value)) kind = "address";
+				} else if (/^[1-5]\d{2}$/.test(value)) kind = "http-status";
+			} else if (value.startsWith("HTTP/")) {
+				value = /\d+$/.exec(value)[0];
+				start = end - value.length;
+				if (/^[1-5]\d{2}$/.test(value)) kind = "http-status";
+			} else if (validAddress(value)) kind = "address";
+			else if (/^[\da-fA-F]{8}-/.test(value)) kind = "uuid";
+			else if (/^[A-Z]+$/.test(value)) kind = "http-method";
+			else if (/^\d+(?:\.\d+)?(?:ns|us|µs|μs|ms|s)$/.test(value) && Number.parseFloat(value) > 0 && !/[.\-+]/.test(text[start - 1] ?? "")) kind = "duration";
+		}
+		if (kind) tokens.push({
+			start,
+			end,
+			kind,
+			...kind === "http-status" ? { statusClass: value[0] } : {}
+		});
+		if (tokens.length === 80) break;
+	}
+	return tokens;
+}
+//#endregion
+exports.messageTokens = messageTokens;
+
+//# sourceMappingURL=power-log-message-tokens.js.map

package/out/renderer/power-log-message-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"power-log-message-tokens.js","names":[],"sources":["../../src/renderer/power-log-message-tokens.ts"],"sourcesContent":["import { isIP } from \"node:net\";\n\nexport interface LogMessageToken {\n  start: number;\n  end: number;\n  kind: \"http-method\" | \"uuid\" | \"url\" | \"trace-id\" | \"address\" | \"http-status\" | \"duration\";\n  statusClass?: string;\n}\n\nconst identifier = /[\\p{L}\\p{N}_]/u;\nconst candidate =\n  /(?<![\\p{L}\\p{N}_.])(?:https?:\\/\\/[^\\s<>\"']+|(?:trace_id|traceId|span_id|spanId|traceparent|ip|client_ip|remote_addr|clientIp|remoteAddr|http_status|status_code|statusCode|http\\.status_code|http\\.response\\.status_code)[\"']?\\s*[:=]\\s*[\"']?[^\\s,\"'<>]+|HTTP\\/\\d(?:\\.\\d)?\\s+\\d+|\\[[\\da-fA-F:.]+\\]:\\d+|\\d{1,3}(?:\\.\\d{1,3}){3}:\\d{1,5}|[\\da-fA-F]{8}-[\\da-fA-F]{4}-[\\da-fA-F]{4}-[\\da-fA-F]{4}-[\\da-fA-F]{12}|(?:GET|HEAD|POST|PUT|PATCH|DELETE|OPTIONS|CONNECT|TRACE)|\\d+(?:\\.\\d+)?(?:ns|us|µs|μs|ms|s))/gu;\n\nfunction validAddress(value: string): boolean {\n  const socket = /^(?:\\[([^\\]]+)\\]|(\\d+(?:\\.\\d+){3})):(\\d+)$/.exec(value);\n  return socket\n    ? isIP(socket[1] ?? socket[2]) === (socket[1] ? 6 : 4) && Number(socket[3]) <= 65535\n    : isIP(value) !== 0;\n}\n\nexport function messageTokens(text: string): LogMessageToken[] {\n  const tokens: LogMessageToken[] = [];\n  // cap scanning as well as output nodes for oversized records\n  const limit = Math.min(text.length, 65536);\n  const input = text.slice(0, limit);\n  for (const match of input.matchAll(candidate)) {\n    let value = match[0];\n    let start = match.index!;\n    const end = start + value.length;\n    if (identifier.test(text[start - 1] ?? \"\") || identifier.test(text[end] ?? \"\")) continue;\n    let kind: LogMessageToken[\"kind\"] | undefined;\n    if (value.startsWith(\"http://\") || value.startsWith(\"https://\")) {\n      // URLs remain opaque even when validation fails\n      if (value.length <= 4096 && !/[.,;!?)]$/.test(value)) {\n        try {\n          const url = new URL(value);\n          if (url.hostname) kind = \"url\";\n        } catch {\n          /* invalid URLs stay plain */\n        }\n      }\n    } else {\n      const label = /^(.*?)['\"]?\\s*[:=]\\s*['\"]?(.*)$/.exec(value);\n      if (label && !value.startsWith(\"[\") && !/^\\d/.test(value)) {\n        const name = label[1].replace(/[\"']$/, \"\");\n        value = label[2];\n        start = end - value.length;\n        if (/^(trace_id|traceId|span_id|spanId)$/.test(name)) {\n          const size = name.startsWith(\"span\") ? 16 : 32;\n          if (new RegExp(`^[a-fA-F0-9]{${size}}$`).test(value) && /[1-9a-f]/i.test(value)) kind = \"trace-id\";\n        } else if (name === \"traceparent\") {\n          // version [00] follows W3C Trace Context's lowercase and nonzero ID rules\n          const trace = /^00-([\\da-f]{32})-([\\da-f]{16})-[\\da-f]{2}$/.exec(value);\n          if (trace && /[1-9a-f]/.test(trace[1]) && /[1-9a-f]/.test(trace[2])) kind = \"trace-id\";\n        } else if (/^(ip|client_ip|remote_addr|clientIp|remoteAddr)$/.test(name)) {\n          if (validAddress(value)) kind = \"address\";\n        } else if (/^[1-5]\\d{2}$/.test(value)) kind = \"http-status\";\n      } else if (value.startsWith(\"HTTP/\")) {\n        value = /\\d+$/.exec(value)![0];\n        start = end - value.length;\n        if (/^[1-5]\\d{2}$/.test(value)) kind = \"http-status\";\n      } else if (validAddress(value)) kind = \"address\";\n      else if (/^[\\da-fA-F]{8}-/.test(value)) kind = \"uuid\";\n      else if (/^[A-Z]+$/.test(value)) kind = \"http-method\";\n      else if (\n        /^\\d+(?:\\.\\d+)?(?:ns|us|µs|μs|ms|s)$/.test(value) &&\n        Number.parseFloat(value) > 0 &&\n        !/[.\\-+]/.test(text[start - 1] ?? \"\")\n      )\n        kind = \"duration\";\n    }\n    if (kind) tokens.push({ start, end, kind, ...(kind === \"http-status\" ? { statusClass: value[0] } : {}) });\n    if (tokens.length === 80) break;\n  }\n  return tokens;\n}\n"],"mappings":";;AASA,IAAM,aAAa;AACnB,IAAM,YACJ;AAEF,SAAS,aAAa,OAAwB;CAC5C,MAAM,SAAS,6CAA6C,KAAK,KAAK;CACtE,OAAO,UAAA,GAAA,SAAA,KAAA,CACE,OAAO,MAAM,OAAO,EAAE,OAAO,OAAO,KAAK,IAAI,MAAM,OAAO,OAAO,EAAE,KAAK,SAAA,GAAA,SAAA,KAAA,CACxE,KAAK,MAAM;AACtB;AAEA,SAAgB,cAAc,MAAiC;CAC7D,MAAM,SAA4B,CAAC;CAEnC,MAAM,QAAQ,KAAK,IAAI,KAAK,QAAQ,KAAK;CACzC,MAAM,QAAQ,KAAK,MAAM,GAAG,KAAK;CACjC,KAAK,MAAM,SAAS,MAAM,SAAS,SAAS,GAAG;EAC7C,IAAI,QAAQ,MAAM;EAClB,IAAI,QAAQ,MAAM;EAClB,MAAM,MAAM,QAAQ,MAAM;EAC1B,IAAI,WAAW,KAAK,KAAK,QAAQ,MAAM,EAAE,KAAK,WAAW,KAAK,KAAK,QAAQ,EAAE,GAAG;EAChF,IAAI;EACJ,IAAI,MAAM,WAAW,SAAS,KAAK,MAAM,WAAW,UAAU;OAExD,MAAM,UAAU,QAAQ,CAAC,YAAY,KAAK,KAAK,GACjD,IAAI;IAEF,IAAI,IADY,IAAI,KAChB,CAAA,CAAI,UAAU,OAAO;GAC3B,QAAQ,CAER;SAEG;GACL,MAAM,QAAQ,kCAAkC,KAAK,KAAK;GAC1D,IAAI,SAAS,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,KAAK,KAAK,GAAG;IACzD,MAAM,OAAO,MAAM,EAAE,CAAC,QAAQ,SAAS,EAAE;IACzC,QAAQ,MAAM;IACd,QAAQ,MAAM,MAAM;IACpB,IAAI,sCAAsC,KAAK,IAAI,GAAG;KACpD,MAAM,OAAO,KAAK,WAAW,MAAM,IAAI,KAAK;KAC5C,IAAI,IAAI,OAAO,gBAAgB,KAAK,GAAG,CAAC,CAAC,KAAK,KAAK,KAAK,YAAY,KAAK,KAAK,GAAG,OAAO;IAC1F,OAAO,IAAI,SAAS,eAAe;KAEjC,MAAM,QAAQ,8CAA8C,KAAK,KAAK;KACtE,IAAI,SAAS,WAAW,KAAK,MAAM,EAAE,KAAK,WAAW,KAAK,MAAM,EAAE,GAAG,OAAO;IAC9E,OAAO,IAAI,mDAAmD,KAAK,IAAI;SACjE,aAAa,KAAK,GAAG,OAAO;IAAA,OAC3B,IAAI,eAAe,KAAK,KAAK,GAAG,OAAO;GAChD,OAAO,IAAI,MAAM,WAAW,OAAO,GAAG;IACpC,QAAQ,OAAO,KAAK,KAAK,CAAC,CAAE;IAC5B,QAAQ,MAAM,MAAM;IACpB,IAAI,eAAe,KAAK,KAAK,GAAG,OAAO;GACzC,OAAO,IAAI,aAAa,KAAK,GAAG,OAAO;QAClC,IAAI,kBAAkB,KAAK,KAAK,GAAG,OAAO;QAC1C,IAAI,WAAW,KAAK,KAAK,GAAG,OAAO;QACnC,IACH,sCAAsC,KAAK,KAAK,KAChD,OAAO,WAAW,KAAK,IAAI,KAC3B,CAAC,SAAS,KAAK,KAAK,QAAQ,MAAM,EAAE,GAEpC,OAAO;EACX;EACA,IAAI,MAAM,OAAO,KAAK;GAAE;GAAO;GAAK;GAAM,GAAI,SAAS,gBAAgB,EAAE,aAAa,MAAM,GAAG,IAAI,CAAC;EAAG,CAAC;EACxG,IAAI,OAAO,WAAW,IAAI;CAC5B;CACA,OAAO;AACT"}

package/out/renderer/power-log-message.js

@@ -0,0 +1,26 @@
+const require__global_external_react = require("./_virtual/_global-external_react.js");
+const require_jsx_runtime = require("./_virtual/_global-external_react/jsx-runtime.js");
+const require_power_log_message_tokens = require("./power-log-message-tokens.js");
+//#region src/renderer/power-log-message.tsx
+var LogMessage = require__global_external_react.memo(function LogMessage({ text }) {
+	const tokens = [];
+	let cursor = 0;
+	for (const token of require_power_log_message_tokens.messageTokens(text)) {
+		tokens.push(text.slice(cursor, token.start));
+		tokens.push(/* @__PURE__ */ require_jsx_runtime.jsx("span", {
+			"data-log-token": token.kind,
+			"data-status-class": token.statusClass,
+			children: text.slice(token.start, token.end)
+		}, token.start));
+		cursor = token.end;
+	}
+	tokens.push(text.slice(cursor));
+	return /* @__PURE__ */ require_jsx_runtime.jsx("span", {
+		className: "power-log-message",
+		children: tokens
+	});
+});
+//#endregion
+exports.LogMessage = LogMessage;
+
+//# sourceMappingURL=power-log-message.js.map

package/out/renderer/power-log-message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"power-log-message.js","names":[],"sources":["../../src/renderer/power-log-message.tsx"],"sourcesContent":["import { memo, type ReactNode } from \"react\";\nimport { messageTokens } from \"./power-log-message-tokens\";\n\nexport const LogMessage = memo(function LogMessage({ text }: { text: string }) {\n  const tokens: ReactNode[] = [];\n  let cursor = 0;\n  for (const token of messageTokens(text)) {\n    tokens.push(text.slice(cursor, token.start));\n    tokens.push(\n      <span key={token.start} data-log-token={token.kind} data-status-class={token.statusClass}>\n        {text.slice(token.start, token.end)}\n      </span>,\n    );\n    cursor = token.end;\n  }\n  tokens.push(text.slice(cursor));\n  return <span className=\"power-log-message\">{tokens}</span>;\n});\n"],"mappings":";;;;AAGA,IAAa,aAAa,+BAAA,KAAK,SAAS,WAAW,EAAE,QAA0B;CAC7E,MAAM,SAAsB,CAAC;CAC7B,IAAI,SAAS;CACb,KAAK,MAAM,SAAS,iCAAA,cAAc,IAAI,GAAG;EACvC,OAAO,KAAK,KAAK,MAAM,QAAQ,MAAM,KAAK,CAAC;EAC3C,OAAO,KACL,oCAAA,IAAC,QAAD;GAAwB,kBAAgB,MAAM;GAAM,qBAAmB,MAAM;aAC1E,KAAK,MAAM,MAAM,OAAO,MAAM,GAAG;EAC9B,GAFK,MAAM,KAEX,CACR;EACA,SAAS,MAAM;CACjB;CACA,OAAO,KAAK,KAAK,MAAM,MAAM,CAAC;CAC9B,OAAO,oCAAA,IAAC,QAAD;EAAM,WAAU;YAAqB;CAAa,CAAA;AAC3D,CAAC"}

package/out/renderer/power-log-sql-editor.js

@@ -0,0 +1,91 @@
+const require__global_external_react = require("./_virtual/_global-external_react.js");
+const require_jsx_runtime = require("./_virtual/_global-external_react/jsx-runtime.js");
+//#region src/renderer/power-log-sql-editor.tsx
+var keywords = new Set("SELECT FROM WHERE AS AND OR NOT NULL IS IN LIKE GLOB BETWEEN EXISTS CASE WHEN THEN ELSE END DISTINCT ALL JOIN LEFT RIGHT INNER OUTER CROSS FULL ON USING GROUP BY HAVING ORDER ASC DESC LIMIT OFFSET UNION INTERSECT EXCEPT WITH RECURSIVE OVER PARTITION ROWS RANGE UNBOUNDED PRECEDING FOLLOWING CURRENT ROW NULLS FIRST LAST TRUE FALSE COLLATE CAST FILTER WINDOW VALUES EXPLAIN QUERY PLAN".split(" "));
+var lexeme = /--[^\n]*(?:\n|$)|\/\*[\s\S]*?(?:\*\/|$)|'(?:''|[^'])*(?:'|$)|"(?:""|[^"])*(?:"|$)|`(?:``|[^`])*(?:`|$)|\[[^\]]*(?:\]|$)|\b(?:0x[\da-f]+|\d+(?:\.\d*)?(?:e[+-]?\d+)?)(?![\w])|\b[a-z_]\w*\b/gi;
+function isFunction(source, offset) {
+	while (offset < source.length && /\s/.test(source[offset])) offset++;
+	return source[offset] === "(";
+}
+function tokenizeSql(value) {
+	const source = value.slice(0, 65536);
+	const tokens = [];
+	let offset = 0;
+	lexeme.lastIndex = 0;
+	for (let match = lexeme.exec(source); match && tokens.length < 9998; match = lexeme.exec(source)) {
+		if (match.index > offset) tokens.push({ text: source.slice(offset, match.index) });
+		const text = match[0];
+		const kind = text.startsWith("--") || text.startsWith("/*") ? "comment" : text.startsWith("'") ? "string" : text.startsWith("\"") || text.startsWith("`") || text.startsWith("[") ? "identifier" : /^\d/.test(text) ? "number" : keywords.has(text.toUpperCase()) ? "keyword" : isFunction(source, match.index + text.length) ? "function" : void 0;
+		tokens.push({
+			text,
+			kind
+		});
+		offset = match.index + text.length;
+	}
+	if (offset < value.length) tokens.push({ text: value.slice(offset) });
+	return tokens;
+}
+var styles = `
+.power-logs .power-logs-sql-editor{position:relative;box-sizing:border-box;width:100%;height:56px;min-height:48px;max-height:120px;flex-shrink:0;resize:vertical;overflow:hidden;border:1px solid var(--borderColor);border-radius:4px;background:var(--inputControlBackground,var(--contentColor));--sql-string:#e6a28c;--sql-number:#98c78e;--sql-function:#81b9e6;--sql-identifier:var(--textColorPrimary)}
+.power-logs .power-logs-sql-editor::-webkit-resizer{border:0;background:linear-gradient(135deg,transparent 45%,var(--borderColor) 46% 53%,transparent 54% 70%,var(--borderColor) 71% 78%,transparent 79%) center/10px 10px no-repeat}
+.theme-light .power-logs-sql-editor{--sql-string:#9e2b1a;--sql-number:#17642d;--sql-function:#005a9e;--sql-identifier:#684c9b}
+.power-logs .power-logs-sql-editor>textarea,.power-logs .power-logs-sql-editor>pre{position:absolute;inset:0;box-sizing:border-box;width:100%;height:100%;min-height:0;max-height:none;margin:0;padding:4px 8px;border:0;border-radius:0;font:12px/1.6 var(--font-monospace,monospace);letter-spacing:normal;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;overflow:auto;scrollbar-gutter:stable;resize:none}
+.power-logs .power-logs-sql-editor>pre{pointer-events:none;color:var(--textColorPrimary);background:transparent;user-select:none}
+.power-logs .power-logs-sql-editor>textarea{color:transparent;background:transparent;caret-color:var(--textColorPrimary);-webkit-text-fill-color:transparent}
+.power-logs .power-logs-sql-editor>textarea::selection{background:rgba(100,150,240,.35);color:transparent}
+.power-logs-sql-editor [data-sql-token=keyword]{color:var(--primary)}
+.power-logs-sql-editor [data-sql-token=function]{color:var(--sql-function)}
+.power-logs-sql-editor [data-sql-token=string]{color:var(--sql-string)}
+.power-logs-sql-editor [data-sql-token=identifier]{color:var(--sql-identifier)}
+.power-logs-sql-editor [data-sql-token=number]{color:var(--sql-number)}
+.power-logs-sql-editor [data-sql-token=comment]{color:var(--textColorSecondary)}
+`;
+function SqlEditor({ id, value, onChange }) {
+	const textarea = require__global_external_react.useRef(null);
+	const highlight = require__global_external_react.useRef(null);
+	const tokens = require__global_external_react.useMemo(() => tokenizeSql(value), [value]);
+	const syncScroll = () => {
+		if (!textarea.current || !highlight.current) return;
+		highlight.current.scrollTop = textarea.current.scrollTop;
+		highlight.current.scrollLeft = textarea.current.scrollLeft;
+	};
+	require__global_external_react.useLayoutEffect(syncScroll, [value]);
+	const selectQuery = (event) => {
+		if (event.detail < 3) return;
+		event.preventDefault();
+		event.stopPropagation();
+		window.getSelection()?.removeAllRanges();
+		event.currentTarget.focus();
+		event.currentTarget.select();
+	};
+	return /* @__PURE__ */ require_jsx_runtime.jsxs("div", {
+		className: "power-logs-sql-editor",
+		children: [
+			/* @__PURE__ */ require_jsx_runtime.jsx("style", { children: styles }),
+			/* @__PURE__ */ require_jsx_runtime.jsxs("pre", {
+				ref: highlight,
+				"aria-hidden": "true",
+				children: [tokens.map((token, index) => /* @__PURE__ */ require_jsx_runtime.jsx("span", {
+					"data-sql-token": token.kind,
+					children: token.text
+				}, index)), value.endsWith("\n") && " "]
+			}),
+			/* @__PURE__ */ require_jsx_runtime.jsx("textarea", {
+				ref: textarea,
+				id,
+				value,
+				maxLength: 65536,
+				spellCheck: false,
+				onChange: (event) => onChange(event.target.value.slice(0, 65536)),
+				onScroll: syncScroll,
+				onMouseDown: selectQuery,
+				onClick: selectQuery
+			})
+		]
+	});
+}
+//#endregion
+exports.SqlEditor = SqlEditor;
+exports.tokenizeSql = tokenizeSql;
+
+//# sourceMappingURL=power-log-sql-editor.js.map

package/out/renderer/power-log-sql-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"power-log-sql-editor.js","names":[],"sources":["../../src/renderer/power-log-sql-editor.tsx"],"sourcesContent":["import { useLayoutEffect, useMemo, useRef } from \"react\";\n\nimport type { MouseEvent } from \"react\";\n\ntype SqlToken = { text: string; kind?: \"keyword\" | \"function\" | \"string\" | \"identifier\" | \"number\" | \"comment\" };\nconst keywords = new Set(\n  \"SELECT FROM WHERE AS AND OR NOT NULL IS IN LIKE GLOB BETWEEN EXISTS CASE WHEN THEN ELSE END DISTINCT ALL JOIN LEFT RIGHT INNER OUTER CROSS FULL ON USING GROUP BY HAVING ORDER ASC DESC LIMIT OFFSET UNION INTERSECT EXCEPT WITH RECURSIVE OVER PARTITION ROWS RANGE UNBOUNDED PRECEDING FOLLOWING CURRENT ROW NULLS FIRST LAST TRUE FALSE COLLATE CAST FILTER WINDOW VALUES EXPLAIN QUERY PLAN\".split(\n    \" \",\n  ),\n);\nconst lexeme =\n  /--[^\\n]*(?:\\n|$)|\\/\\*[\\s\\S]*?(?:\\*\\/|$)|'(?:''|[^'])*(?:'|$)|\"(?:\"\"|[^\"])*(?:\"|$)|`(?:``|[^`])*(?:`|$)|\\[[^\\]]*(?:\\]|$)|\\b(?:0x[\\da-f]+|\\d+(?:\\.\\d*)?(?:e[+-]?\\d+)?)(?![\\w])|\\b[a-z_]\\w*\\b/gi;\n\nfunction isFunction(source: string, offset: number): boolean {\n  while (offset < source.length && /\\s/.test(source[offset])) offset++;\n  return source[offset] === \"(\";\n}\n\nexport function tokenizeSql(value: string): SqlToken[] {\n  const source = value.slice(0, 65536);\n  const tokens: SqlToken[] = [];\n  let offset = 0;\n  lexeme.lastIndex = 0;\n  for (let match = lexeme.exec(source); match && tokens.length < 9998; match = lexeme.exec(source)) {\n    if (match.index > offset) tokens.push({ text: source.slice(offset, match.index) });\n    const text = match[0];\n    const kind =\n      text.startsWith(\"--\") || text.startsWith(\"/*\")\n        ? \"comment\"\n        : text.startsWith(\"'\")\n          ? \"string\"\n          : text.startsWith('\"') || text.startsWith(\"`\") || text.startsWith(\"[\")\n            ? \"identifier\"\n            : /^\\d/.test(text)\n              ? \"number\"\n              : keywords.has(text.toUpperCase())\n                ? \"keyword\"\n                : isFunction(source, match.index + text.length)\n                  ? \"function\"\n                  : undefined;\n    tokens.push({ text, kind });\n    offset = match.index + text.length;\n  }\n  if (offset < value.length) tokens.push({ text: value.slice(offset) });\n  return tokens;\n}\n\nconst styles = `\n.power-logs .power-logs-sql-editor{position:relative;box-sizing:border-box;width:100%;height:56px;min-height:48px;max-height:120px;flex-shrink:0;resize:vertical;overflow:hidden;border:1px solid var(--borderColor);border-radius:4px;background:var(--inputControlBackground,var(--contentColor));--sql-string:#e6a28c;--sql-number:#98c78e;--sql-function:#81b9e6;--sql-identifier:var(--textColorPrimary)}\n.power-logs .power-logs-sql-editor::-webkit-resizer{border:0;background:linear-gradient(135deg,transparent 45%,var(--borderColor) 46% 53%,transparent 54% 70%,var(--borderColor) 71% 78%,transparent 79%) center/10px 10px no-repeat}\n.theme-light .power-logs-sql-editor{--sql-string:#9e2b1a;--sql-number:#17642d;--sql-function:#005a9e;--sql-identifier:#684c9b}\n.power-logs .power-logs-sql-editor>textarea,.power-logs .power-logs-sql-editor>pre{position:absolute;inset:0;box-sizing:border-box;width:100%;height:100%;min-height:0;max-height:none;margin:0;padding:4px 8px;border:0;border-radius:0;font:12px/1.6 var(--font-monospace,monospace);letter-spacing:normal;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;overflow:auto;scrollbar-gutter:stable;resize:none}\n.power-logs .power-logs-sql-editor>pre{pointer-events:none;color:var(--textColorPrimary);background:transparent;user-select:none}\n.power-logs .power-logs-sql-editor>textarea{color:transparent;background:transparent;caret-color:var(--textColorPrimary);-webkit-text-fill-color:transparent}\n.power-logs .power-logs-sql-editor>textarea::selection{background:rgba(100,150,240,.35);color:transparent}\n.power-logs-sql-editor [data-sql-token=keyword]{color:var(--primary)}\n.power-logs-sql-editor [data-sql-token=function]{color:var(--sql-function)}\n.power-logs-sql-editor [data-sql-token=string]{color:var(--sql-string)}\n.power-logs-sql-editor [data-sql-token=identifier]{color:var(--sql-identifier)}\n.power-logs-sql-editor [data-sql-token=number]{color:var(--sql-number)}\n.power-logs-sql-editor [data-sql-token=comment]{color:var(--textColorSecondary)}\n`;\n\nexport function SqlEditor({ id, value, onChange }: { id: string; value: string; onChange(value: string): void }) {\n  const textarea = useRef<HTMLTextAreaElement>(null);\n  const highlight = useRef<HTMLPreElement>(null);\n  const tokens = useMemo(() => tokenizeSql(value), [value]);\n  const syncScroll = () => {\n    if (!textarea.current || !highlight.current) return;\n    highlight.current.scrollTop = textarea.current.scrollTop;\n    highlight.current.scrollLeft = textarea.current.scrollLeft;\n  };\n  useLayoutEffect(syncScroll, [value]);\n  const selectQuery = (event: MouseEvent<HTMLTextAreaElement>) => {\n    if (event.detail < 3) return;\n    event.preventDefault();\n    event.stopPropagation();\n    window.getSelection()?.removeAllRanges();\n    event.currentTarget.focus();\n    event.currentTarget.select();\n  };\n  return (\n    <div className=\"power-logs-sql-editor\">\n      <style>{styles}</style>\n      <pre ref={highlight} aria-hidden=\"true\">\n        {tokens.map((token, index) => (\n          <span key={index} data-sql-token={token.kind}>\n            {token.text}\n          </span>\n        ))}\n        {value.endsWith(\"\\n\") && \" \"}\n      </pre>\n      <textarea\n        ref={textarea}\n        id={id}\n        value={value}\n        maxLength={65536}\n        spellCheck={false}\n        onChange={(event) => onChange(event.target.value.slice(0, 65536))}\n        onScroll={syncScroll}\n        onMouseDown={selectQuery}\n        onClick={selectQuery}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;AAKA,IAAM,WAAW,IAAI,IACnB,kYAAkY,MAChY,GACF,CACF;AACA,IAAM,SACJ;AAEF,SAAS,WAAW,QAAgB,QAAyB;CAC3D,OAAO,SAAS,OAAO,UAAU,KAAK,KAAK,OAAO,OAAO,GAAG;CAC5D,OAAO,OAAO,YAAY;AAC5B;AAEA,SAAgB,YAAY,OAA2B;CACrD,MAAM,SAAS,MAAM,MAAM,GAAG,KAAK;CACnC,MAAM,SAAqB,CAAC;CAC5B,IAAI,SAAS;CACb,OAAO,YAAY;CACnB,KAAK,IAAI,QAAQ,OAAO,KAAK,MAAM,GAAG,SAAS,OAAO,SAAS,MAAM,QAAQ,OAAO,KAAK,MAAM,GAAG;EAChG,IAAI,MAAM,QAAQ,QAAQ,OAAO,KAAK,EAAE,MAAM,OAAO,MAAM,QAAQ,MAAM,KAAK,EAAE,CAAC;EACjF,MAAM,OAAO,MAAM;EACnB,MAAM,OACJ,KAAK,WAAW,IAAI,KAAK,KAAK,WAAW,IAAI,IACzC,YACA,KAAK,WAAW,GAAG,IACjB,WACA,KAAK,WAAW,IAAG,KAAK,KAAK,WAAW,GAAG,KAAK,KAAK,WAAW,GAAG,IACjE,eACA,MAAM,KAAK,IAAI,IACb,WACA,SAAS,IAAI,KAAK,YAAY,CAAC,IAC7B,YACA,WAAW,QAAQ,MAAM,QAAQ,KAAK,MAAM,IAC1C,aACA,KAAA;EAChB,OAAO,KAAK;GAAE;GAAM;EAAK,CAAC;EAC1B,SAAS,MAAM,QAAQ,KAAK;CAC9B;CACA,IAAI,SAAS,MAAM,QAAQ,OAAO,KAAK,EAAE,MAAM,MAAM,MAAM,MAAM,EAAE,CAAC;CACpE,OAAO;AACT;AAEA,IAAM,SAAS;;;;;;;;;;;;;;;AAgBf,SAAgB,UAAU,EAAE,IAAI,OAAO,YAA0E;CAC/G,MAAM,WAAW,+BAAA,OAA4B,IAAI;CACjD,MAAM,YAAY,+BAAA,OAAuB,IAAI;CAC7C,MAAM,SAAS,+BAAA,cAAc,YAAY,KAAK,GAAG,CAAC,KAAK,CAAC;CACxD,MAAM,mBAAmB;EACvB,IAAI,CAAC,SAAS,WAAW,CAAC,UAAU,SAAS;EAC7C,UAAU,QAAQ,YAAY,SAAS,QAAQ;EAC/C,UAAU,QAAQ,aAAa,SAAS,QAAQ;CAClD;CACA,+BAAA,gBAAgB,YAAY,CAAC,KAAK,CAAC;CACnC,MAAM,eAAe,UAA2C;EAC9D,IAAI,MAAM,SAAS,GAAG;EACtB,MAAM,eAAe;EACrB,MAAM,gBAAgB;EACtB,OAAO,aAAa,CAAC,EAAE,gBAAgB;EACvC,MAAM,cAAc,MAAM;EAC1B,MAAM,cAAc,OAAO;CAC7B;CACA,OACE,oCAAA,KAAC,OAAD;EAAK,WAAU;YAAf;GACE,oCAAA,IAAC,SAAD,EAAA,UAAQ,OAAc,CAAA;GACtB,oCAAA,KAAC,OAAD;IAAK,KAAK;IAAW,eAAY;cAAjC,CACG,OAAO,KAAK,OAAO,UAClB,oCAAA,IAAC,QAAD;KAAkB,kBAAgB,MAAM;eACrC,MAAM;IACH,GAFK,KAEL,CACP,GACA,MAAM,SAAS,IAAI,KAAK,GACtB;;GACL,oCAAA,IAAC,YAAD;IACE,KAAK;IACD;IACG;IACP,WAAW;IACX,YAAY;IACZ,WAAW,UAAU,SAAS,MAAM,OAAO,MAAM,MAAM,GAAG,KAAK,CAAC;IAChE,UAAU;IACV,aAAa;IACb,SAAS;GACV,CAAA;EACE;;AAET"}

package/out/renderer/power-logs-client.js

@@ -20,6 +20,10 @@ function createPowerLogsClient(partition) {
 			notes
 		}),
 		delete: (captureId) => invoke("delete", { captureId }),
+		saveSql: (captureId, sql) => invoke("save-sql", {
+			captureId,
+			sql
+		}),
 		query: (captureId, queryId, sql) => invoke("query", {
 			captureId,
 			queryId,

package/out/renderer/power-logs-client.js.map

@@ -1 +1 @@
-{"version":3,"file":"power-logs-client.js","names":[],"sources":["../../src/renderer/power-logs-client.ts"],"sourcesContent":["import { ipcRenderer } from \"electron\";\nimport {\n  type LogCapture,\n  type LogPartition,\n  type LogQueryResult,\n  type LogRecord,\n  type LogTarget,\n  POWER_LOGS_CHANNEL,\n} from \"../common/power-logs\";\n\nexport function createPowerLogsClient(partition: LogPartition) {\n  const invoke = <T>(operation: string, fields: object = {}): Promise<T> =>\n    ipcRenderer.invoke(POWER_LOGS_CHANNEL, { ...partition, operation, ...fields });\n  return {\n    list: () => invoke<LogCapture[]>(\"list\"),\n    create: (target: LogTarget) => invoke<LogCapture>(\"create\", { target }),\n    append: (captureId: string, records: LogRecord[]) => invoke<LogCapture>(\"append\", { captureId, records }),\n    finish: (captureId: string, partial: boolean, notes: string[]) =>\n      invoke<LogCapture>(\"finish\", { captureId, partial, notes }),\n    delete: (captureId: string) => invoke<boolean>(\"delete\", { captureId }),\n    query: (captureId: string, queryId: string, sql: string) =>\n      invoke<LogQueryResult>(\"query\", { captureId, queryId, sql }),\n    cancel: (queryId: string) => invoke<boolean>(\"cancel\", { queryId }),\n    export: (captureId: string) => invoke<boolean>(\"export\", { captureId }),\n  };\n}\n"],"mappings":";;;AAUA,SAAgB,sBAAsB,WAAyB;CAC7D,MAAM,UAAa,WAAmB,SAAiB,CAAC,MACtD,SAAA,YAAY,OAAO,mBAAA,oBAAoB;EAAE,GAAG;EAAW;EAAW,GAAG;CAAO,CAAC;CAC/E,OAAO;EACL,YAAY,OAAqB,MAAM;EACvC,SAAS,WAAsB,OAAmB,UAAU,EAAE,OAAO,CAAC;EACtE,SAAS,WAAmB,YAAyB,OAAmB,UAAU;GAAE;GAAW;EAAQ,CAAC;EACxG,SAAS,WAAmB,SAAkB,UAC5C,OAAmB,UAAU;GAAE;GAAW;GAAS;EAAM,CAAC;EAC5D,SAAS,cAAsB,OAAgB,UAAU,EAAE,UAAU,CAAC;EACtE,QAAQ,WAAmB,SAAiB,QAC1C,OAAuB,SAAS;GAAE;GAAW;GAAS;EAAI,CAAC;EAC7D,SAAS,YAAoB,OAAgB,UAAU,EAAE,QAAQ,CAAC;EAClE,SAAS,cAAsB,OAAgB,UAAU,EAAE,UAAU,CAAC;CACxE;AACF"}
+{"version":3,"file":"power-logs-client.js","names":[],"sources":["../../src/renderer/power-logs-client.ts"],"sourcesContent":["import { ipcRenderer } from \"electron\";\nimport {\n  type LogCapture,\n  type LogPartition,\n  type LogQueryResult,\n  type LogRecord,\n  type LogTarget,\n  POWER_LOGS_CHANNEL,\n} from \"../common/power-logs\";\n\nexport function createPowerLogsClient(partition: LogPartition) {\n  const invoke = <T>(operation: string, fields: object = {}): Promise<T> =>\n    ipcRenderer.invoke(POWER_LOGS_CHANNEL, { ...partition, operation, ...fields });\n  return {\n    list: () => invoke<LogCapture[]>(\"list\"),\n    create: (target: LogTarget) => invoke<LogCapture>(\"create\", { target }),\n    append: (captureId: string, records: LogRecord[]) => invoke<LogCapture>(\"append\", { captureId, records }),\n    finish: (captureId: string, partial: boolean, notes: string[]) =>\n      invoke<LogCapture>(\"finish\", { captureId, partial, notes }),\n    delete: (captureId: string) => invoke<boolean>(\"delete\", { captureId }),\n    saveSql: (captureId: string, sql: string) => invoke<LogCapture>(\"save-sql\", { captureId, sql }),\n    query: (captureId: string, queryId: string, sql: string) =>\n      invoke<LogQueryResult>(\"query\", { captureId, queryId, sql }),\n    cancel: (queryId: string) => invoke<boolean>(\"cancel\", { queryId }),\n    export: (captureId: string) => invoke<boolean>(\"export\", { captureId }),\n  };\n}\n"],"mappings":";;;AAUA,SAAgB,sBAAsB,WAAyB;CAC7D,MAAM,UAAa,WAAmB,SAAiB,CAAC,MACtD,SAAA,YAAY,OAAO,mBAAA,oBAAoB;EAAE,GAAG;EAAW;EAAW,GAAG;CAAO,CAAC;CAC/E,OAAO;EACL,YAAY,OAAqB,MAAM;EACvC,SAAS,WAAsB,OAAmB,UAAU,EAAE,OAAO,CAAC;EACtE,SAAS,WAAmB,YAAyB,OAAmB,UAAU;GAAE;GAAW;EAAQ,CAAC;EACxG,SAAS,WAAmB,SAAkB,UAC5C,OAAmB,UAAU;GAAE;GAAW;GAAS;EAAM,CAAC;EAC5D,SAAS,cAAsB,OAAgB,UAAU,EAAE,UAAU,CAAC;EACtE,UAAU,WAAmB,QAAgB,OAAmB,YAAY;GAAE;GAAW;EAAI,CAAC;EAC9F,QAAQ,WAAmB,SAAiB,QAC1C,OAAuB,SAAS;GAAE;GAAW;GAAS;EAAI,CAAC;EAC7D,SAAS,YAAoB,OAAgB,UAAU,EAAE,QAAQ,CAAC;EAClE,SAAS,cAAsB,OAAgB,UAAU,EAAE,UAAU,CAAC;CACxE;AACF"}

package/out/renderer/power-logs-sql-drafts.js

@@ -0,0 +1,76 @@
+//#region src/renderer/power-logs-sql-drafts.ts
+var CaptureSqlDrafts = class {
+	save;
+	onError;
+	local = /* @__PURE__ */ new Map();
+	pending = /* @__PURE__ */ new Map();
+	writes = /* @__PURE__ */ new Map();
+	timer;
+	version = 0;
+	disposed = false;
+	constructor(save, onError) {
+		this.save = save;
+		this.onError = onError;
+	}
+	read(capture, fallback) {
+		return this.local.get(capture.id)?.sql ?? capture.lastSql ?? fallback;
+	}
+	set(id, sql) {
+		if (this.disposed) return;
+		const draft = {
+			sql,
+			version: ++this.version,
+			lifetime: this.local.get(id)?.lifetime ?? {}
+		};
+		this.local.set(id, draft);
+		this.pending.set(id, draft);
+		this.clearTimer();
+		this.timer = setTimeout(() => {
+			this.flush();
+		}, 250);
+	}
+	async flush() {
+		this.clearTimer();
+		for (;;) {
+			const pending = [...this.pending];
+			this.pending.clear();
+			for (const [id, draft] of pending) this.enqueue(id, draft);
+			const writes = [...this.writes.values()];
+			if (!writes.length) return;
+			await Promise.all(writes);
+			if (!this.pending.size && !this.writes.size) return;
+			this.clearTimer();
+		}
+	}
+	forget(id) {
+		this.local.delete(id);
+		this.pending.delete(id);
+	}
+	dispose() {
+		this.disposed = true;
+		return this.flush();
+	}
+	clearTimer() {
+		clearTimeout(this.timer);
+		this.timer = void 0;
+	}
+	enqueue(id, draft) {
+		const tracked = (this.writes.get(id) ?? Promise.resolve()).then(async () => {
+			if (this.local.get(id)?.lifetime !== draft.lifetime) return;
+			try {
+				await this.save(id, draft.sql);
+			} catch {
+				if (!this.disposed && this.local.get(id)?.version === draft.version) try {
+					this.onError?.(id);
+				} catch {}
+			}
+		}).finally(() => {
+			if (this.writes.get(id) === tracked) this.writes.delete(id);
+		});
+		this.writes.set(id, tracked);
+	}
+};
+//#endregion
+exports.CaptureSqlDrafts = CaptureSqlDrafts;
+
+//# sourceMappingURL=power-logs-sql-drafts.js.map

package/out/renderer/power-logs-sql-drafts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"power-logs-sql-drafts.js","names":[],"sources":["../../src/renderer/power-logs-sql-drafts.ts"],"sourcesContent":["import type { LogCapture } from \"../common/power-logs\";\n\ntype Draft = { sql: string; version: number; lifetime: object };\n\nexport class CaptureSqlDrafts {\n  private local = new Map<string, Draft>();\n  private pending = new Map<string, Draft>();\n  private writes = new Map<string, Promise<void>>();\n  private timer: ReturnType<typeof setTimeout> | undefined;\n  private version = 0;\n  private disposed = false;\n\n  constructor(\n    private save: (id: string, sql: string) => Promise<unknown>,\n    private onError?: (id: string) => void,\n  ) {}\n\n  read(capture: LogCapture, fallback: string): string {\n    return this.local.get(capture.id)?.sql ?? capture.lastSql ?? fallback;\n  }\n\n  set(id: string, sql: string): void {\n    if (this.disposed) return;\n    const draft = { sql, version: ++this.version, lifetime: this.local.get(id)?.lifetime ?? {} };\n    this.local.set(id, draft);\n    this.pending.set(id, draft);\n    this.clearTimer();\n    this.timer = setTimeout(() => {\n      void this.flush();\n    }, 250);\n  }\n\n  async flush(): Promise<void> {\n    this.clearTimer();\n    for (;;) {\n      const pending = [...this.pending];\n      this.pending.clear();\n      for (const [id, draft] of pending) this.enqueue(id, draft);\n      const writes = [...this.writes.values()];\n      if (!writes.length) return;\n      await Promise.all(writes);\n      if (!this.pending.size && !this.writes.size) return;\n      this.clearTimer();\n    }\n  }\n\n  forget(id: string): void {\n    this.local.delete(id);\n    this.pending.delete(id);\n  }\n\n  dispose(): Promise<void> {\n    this.disposed = true;\n    return this.flush();\n  }\n\n  private clearTimer(): void {\n    clearTimeout(this.timer);\n    this.timer = undefined;\n  }\n\n  private enqueue(id: string, draft: Draft): void {\n    const previous = this.writes.get(id) ?? Promise.resolve();\n    const write = previous.then(async () => {\n      if (this.local.get(id)?.lifetime !== draft.lifetime) return;\n      try {\n        await this.save(id, draft.sql);\n      } catch {\n        // retain the local draft without retrying failed writes or reporting obsolete failures\n        if (!this.disposed && this.local.get(id)?.version === draft.version) {\n          try {\n            this.onError?.(id);\n          } catch {\n            /* error feedback must not break later saves */\n          }\n        }\n      }\n    });\n    const tracked = write.finally(() => {\n      if (this.writes.get(id) === tracked) this.writes.delete(id);\n    });\n    this.writes.set(id, tracked);\n  }\n}\n"],"mappings":";AAIA,IAAa,mBAAb,MAA8B;CASlB;CACA;CATV,wBAAgB,IAAI,IAAmB;CACvC,0BAAkB,IAAI,IAAmB;CACzC,yBAAiB,IAAI,IAA2B;CAChD;CACA,UAAkB;CAClB,WAAmB;CAEnB,YACE,MACA,SACA;EAFQ,KAAA,OAAA;EACA,KAAA,UAAA;CACP;CAEH,KAAK,SAAqB,UAA0B;EAClD,OAAO,KAAK,MAAM,IAAI,QAAQ,EAAE,CAAC,EAAE,OAAO,QAAQ,WAAW;CAC/D;CAEA,IAAI,IAAY,KAAmB;EACjC,IAAI,KAAK,UAAU;EACnB,MAAM,QAAQ;GAAE;GAAK,SAAS,EAAE,KAAK;GAAS,UAAU,KAAK,MAAM,IAAI,EAAE,CAAC,EAAE,YAAY,CAAC;EAAE;EAC3F,KAAK,MAAM,IAAI,IAAI,KAAK;EACxB,KAAK,QAAQ,IAAI,IAAI,KAAK;EAC1B,KAAK,WAAW;EAChB,KAAK,QAAQ,iBAAiB;GAC5B,KAAU,MAAM;EAClB,GAAG,GAAG;CACR;CAEA,MAAM,QAAuB;EAC3B,KAAK,WAAW;EAChB,SAAS;GACP,MAAM,UAAU,CAAC,GAAG,KAAK,OAAO;GAChC,KAAK,QAAQ,MAAM;GACnB,KAAK,MAAM,CAAC,IAAI,UAAU,SAAS,KAAK,QAAQ,IAAI,KAAK;GACzD,MAAM,SAAS,CAAC,GAAG,KAAK,OAAO,OAAO,CAAC;GACvC,IAAI,CAAC,OAAO,QAAQ;GACpB,MAAM,QAAQ,IAAI,MAAM;GACxB,IAAI,CAAC,KAAK,QAAQ,QAAQ,CAAC,KAAK,OAAO,MAAM;GAC7C,KAAK,WAAW;EAClB;CACF;CAEA,OAAO,IAAkB;EACvB,KAAK,MAAM,OAAO,EAAE;EACpB,KAAK,QAAQ,OAAO,EAAE;CACxB;CAEA,UAAyB;EACvB,KAAK,WAAW;EAChB,OAAO,KAAK,MAAM;CACpB;CAEA,aAA2B;EACzB,aAAa,KAAK,KAAK;EACvB,KAAK,QAAQ,KAAA;CACf;CAEA,QAAgB,IAAY,OAAoB;EAiB9C,MAAM,WAhBW,KAAK,OAAO,IAAI,EAAE,KAAK,QAAQ,QAAQ,EAAA,CACjC,KAAK,YAAY;GACtC,IAAI,KAAK,MAAM,IAAI,EAAE,CAAC,EAAE,aAAa,MAAM,UAAU;GACrD,IAAI;IACF,MAAM,KAAK,KAAK,IAAI,MAAM,GAAG;GAC/B,QAAQ;IAEN,IAAI,CAAC,KAAK,YAAY,KAAK,MAAM,IAAI,EAAE,CAAC,EAAE,YAAY,MAAM,SAC1D,IAAI;KACF,KAAK,UAAU,EAAE;IACnB,QAAQ,CAER;GAEJ;EACF,CACgB,CAAA,CAAM,cAAc;GAClC,IAAI,KAAK,OAAO,IAAI,EAAE,MAAM,SAAS,KAAK,OAAO,OAAO,EAAE;EAC5D,CAAC;EACD,KAAK,OAAO,IAAI,IAAI,OAAO;CAC7B;AACF"}