issue-sticker 0.9.0 → 0.9.1

package/dist/issue-sticker-headless-react.js

@@ -1,8 +1,8 @@
-import { c as createLucideIcon, u as ungzip_1, C as CANVAS_INTERACTION_TAG, a as cn, R as Replayer, M as MousePointer2 } from "./three-B7nbYqGK.js";
-import { r } from "./three-B7nbYqGK.js";
+import { c as createLucideIcon, u as ungzip_1, R as REPLAY_EVENT_TYPE, C as CANVAS_INTERACTION_TAG, a as cn, b as Replayer, M as MousePointer2 } from "./three-_bdgDAmI.js";
+import { r } from "./three-_bdgDAmI.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { memo, useRef, useState, useCallback, useEffect, useMemo } from "react";
-import { T as TooltipProvider, a as Tooltip, b as TooltipTrigger, c as TooltipContent } from "./tooltip-BBukUPo_.js";
+import { memo, useRef, useEffect, useState, useCallback, useMemo } from "react";
+import { T as TooltipProvider, a as Tooltip, b as TooltipTrigger, c as TooltipContent } from "./tooltip-UijEbdDX.js";
 /**
  * @license lucide-react v0.468.0 - ISC
  *
@@ -156,10 +156,6 @@ class NodeIndex {
     return (firstClass ? `${tag}.${firstClass}` : `<${tag}>`).slice(0, 40);
   }
 }
-const EVENT_TYPE_FULL_SNAPSHOT = 2;
-const EVENT_TYPE_INCREMENTAL = 3;
-const EVENT_TYPE_META = 4;
-const EVENT_TYPE_CUSTOM = 5;
 const SOURCE_MUTATION$1 = 0;
 const SOURCE_MOUSE_INTERACTION = 2;
 const SOURCE_INPUT = 5;
@@ -189,7 +185,7 @@ function deriveTimeline(events) {
     const ts = Number((ev == null ? void 0 : ev.timestamp) ?? 0);
     const t = ts - startTime;
     const data = (ev == null ? void 0 : ev.data) ?? {};
-    if ((ev == null ? void 0 : ev.type) === EVENT_TYPE_META) {
+    if ((ev == null ? void 0 : ev.type) === REPLAY_EVENT_TYPE.Meta) {
       if (!seenFirstMeta) {
         seenFirstMeta = true;
         recordedWidth = Number(data.width ?? 0);
@@ -200,7 +196,7 @@ function deriveTimeline(events) {
       out.push({ t, type: "nav", href, label: href || TYPE_LABEL.nav });
       continue;
     }
-    if ((ev == null ? void 0 : ev.type) === EVENT_TYPE_CUSTOM) {
+    if ((ev == null ? void 0 : ev.type) === REPLAY_EVENT_TYPE.Custom) {
       if (data.tag !== CANVAS_INTERACTION_TAG) continue;
       const payload = data.payload;
       if (payload == null ? void 0 : payload.snapshot) {
@@ -222,11 +218,11 @@ function deriveTimeline(events) {
       });
       continue;
     }
-    if ((ev == null ? void 0 : ev.type) === EVENT_TYPE_FULL_SNAPSHOT) {
+    if ((ev == null ? void 0 : ev.type) === REPLAY_EVENT_TYPE.FullSnapshot) {
       index.reset(data.node);
       continue;
     }
-    if ((ev == null ? void 0 : ev.type) === EVENT_TYPE_INCREMENTAL) {
+    if ((ev == null ? void 0 : ev.type) === REPLAY_EVENT_TYPE.IncrementalSnapshot) {
       const source = Number(data.source);
       if (source === SOURCE_MUTATION$1) {
         for (const add of data.adds ?? []) {
@@ -244,8 +240,6 @@ function deriveTimeline(events) {
   return { startTime, recordedWidth, recordedHeight, events: out, canvasFrames };
 }
 const WIDGET_HOST_HTML_ID = "issue-sticker-host";
-const EVENT_FULL_SNAPSHOT = 2;
-const EVENT_INCREMENTAL = 3;
 const NODE_ELEMENT = 2;
 const SOURCE_MUTATION = 0;
 const SOURCE_MOUSE_MOVE = 1;
@@ -351,13 +345,13 @@ function stripWidgetEvents(events) {
   let removedEvents = 0;
   for (const event of events) {
     const ev = event;
-    if ((ev == null ? void 0 : ev.type) === EVENT_FULL_SNAPSHOT) {
+    if ((ev == null ? void 0 : ev.type) === REPLAY_EVENT_TYPE.FullSnapshot) {
       const data2 = asRecord(ev.data);
       const pruned = pruneTree(data2.node, widgetIds);
       out.push(pruned === data2.node ? event : { ...ev, data: { ...data2, node: pruned } });
       continue;
     }
-    if ((ev == null ? void 0 : ev.type) !== EVENT_INCREMENTAL) {
+    if ((ev == null ? void 0 : ev.type) !== REPLAY_EVENT_TYPE.IncrementalSnapshot) {
       out.push(event);
       continue;
     }
@@ -427,6 +421,17 @@ const EventLog = memo(function EventLog2({
   total
 }) {
   const filtered = filter === "all" ? rows : rows.filter((r2) => r2.type === filter);
+  const listRef = useRef(null);
+  useEffect(() => {
+    const list = listRef.current;
+    const row = list == null ? void 0 : list.querySelector(`[data-row-index="${currentIndex}"]`);
+    if (!list || !row) return;
+    const top = row.offsetTop;
+    const bottom = top + row.offsetHeight;
+    if (top < list.scrollTop || bottom > list.scrollTop + list.clientHeight) {
+      list.scrollTop = Math.max(0, top - (list.clientHeight - row.offsetHeight) / 2);
+    }
+  }, [currentIndex, filter]);
   return /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-0 min-w-0 flex-col rounded-md border border-line-subtle bg-surface-1", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-line-subtle px-3 py-2.5", children: [
       /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-text-primary", children: "이벤트 로그" }),
@@ -448,12 +453,13 @@ const EventLog = memo(function EventLog2({
       },
       f
     )) }),
-    /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-auto", children: filtered.map((row) => {
+    /* @__PURE__ */ jsx("div", { ref: listRef, className: "relative min-h-0 flex-1 overflow-auto", children: filtered.map((row) => {
       const isCurrent = row.index === currentIndex;
       return /* @__PURE__ */ jsxs(
         "button",
         {
           type: "button",
+          "data-row-index": row.index,
           onClick: () => onSeek(row.t),
           className: cn(
             "flex w-full items-center gap-2 border-b border-line-subtle px-3 py-2 text-left text-xs hover:bg-surface-2",

package/dist/issue-sticker-headless.js

@@ -1,5 +1,5 @@
-import { u as uploadScreenshotDataUrls, a as uploadSignedMediaWithApi, d as directUploadToSignedUrl, p as pristineFetch, g as getElementPosition, c as captureWithModernScreenshot, b as buildJiraCreateFields, e as buildNotionCreateFields, f as buildGuestOwnerQuery, h as composeIssueFilterGroups, i as buildIssueIntegrationsPayload, j as devLogger, W as WebSocketCollector, C as ConsoleCollector, N as NetworkCollector, s as selectNetworkLogsForSubmit, k as filterExcludeServiceRelatedLogs, l as filterExcludeServiceRelatedConsoleLogs, m as compactNetworkLogsForTransport, n as CONSOLE_LOG_SUBMIT_LIMIT, o as buildExternalUserPayload, q as shrinkNetworkLogsToFit, r as measureJsonBytes, t as sanitizeString, v as serializeSocketTranscript, w as uploadSocketTranscript, x as getCurrentPageUrl, S as ScreenRecordingController, y as SessionReplayCaptureController, z as preloadModernScreenshot, I as ISSUE_STICKER_INTERNAL_LOG_PREFIX } from "./externalUserPayload-CVp5Hz2L.js";
-import { r } from "./three-B7nbYqGK.js";
+import { u as uploadScreenshotDataUrls, a as uploadSignedMediaWithApi, d as directUploadToSignedUrl, p as pristineFetch, g as getElementPosition, c as captureWithModernScreenshot, b as buildJiraCreateFields, e as buildNotionCreateFields, f as buildGuestOwnerQuery, h as composeIssueFilterGroups, i as buildIssueIntegrationsPayload, j as devLogger, W as WebSocketCollector, C as ConsoleCollector, N as NetworkCollector, s as selectNetworkLogsForSubmit, k as filterExcludeServiceRelatedLogs, l as filterExcludeServiceRelatedConsoleLogs, m as compactNetworkLogsForTransport, n as CONSOLE_LOG_SUBMIT_LIMIT, o as buildExternalUserPayload, q as shrinkNetworkLogsToFit, r as measureJsonBytes, t as sanitizeString, v as serializeSocketTranscript, w as uploadSocketTranscript, x as getCurrentPageUrl, S as ScreenRecordingController, y as SessionReplayCaptureController, z as preloadModernScreenshot, I as ISSUE_STICKER_INTERNAL_LOG_PREFIX } from "./externalUserPayload-CVYSPfcx.js";
+import { r } from "./three-_bdgDAmI.js";
 import "react/jsx-runtime";
 import "react";
 const WINDOW_MS = 6e4;
@@ -867,7 +867,7 @@ class HeadlessLogCollectors {
     this.socketCollector = null;
   }
   start() {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     if (((_a = this.config.capture) == null ? void 0 : _a.networkLogs) !== false && !this.networkCollector) {
       this.networkCollector = this.deps.createNetworkCollector(this.getApiBaseUrl());
       this.networkCollector.start();
@@ -877,15 +877,10 @@ class HeadlessLogCollectors {
       this.consoleCollector.start();
     }
     if (((_c = this.config.capture) == null ? void 0 : _c.socketLogs) !== false && !this.socketCollector) {
-      this.socketCollector = this.deps.createSocketCollector(this.getApiBaseUrl());
-      const network = this.networkCollector;
-      if (network) {
-        this.socketCollector.bindNetworkLogSink((log) => {
-          var _a2;
-          return (_a2 = network.ingest) == null ? void 0 : _a2.call(network, log);
-        });
-      }
-      this.socketCollector.start();
+      const socket = this.deps.createSocketCollector(this.getApiBaseUrl());
+      this.socketCollector = socket;
+      (_e = (_d = this.networkCollector) == null ? void 0 : _d.bindSocketLogs) == null ? void 0 : _e.call(_d, () => socket.getNetworkLogs());
+      socket.start();
     }
   }
   stop() {