@solhun/feedback-kit-core 0.2.0 → 0.2.2

package/dist/index.d.cts

@@ -1232,6 +1232,25 @@ interface LassoEnvelope {
             y: number;
         } | null;
         sourceFile: string | null;
+        /**
+         * 요소를 지목해서 연 제보만 채워진다. 지목이라고 `annotation.add` 로 보내면
+         * 스크린샷·네트워크·로그·뷰포트를 **전부 잃는다** — 그 이벤트에는 실을 자리가
+         * 없기 때문이다. 같은 제보가 들어온 문에 따라 정보량이 달라지면 안 되므로
+         * 지목도 `report.create` 로 보내고 요소만 여기에 얹는다.
+         */
+        element: {
+            tag: string;
+            path: string | null;
+            text: string | null;
+            cssClasses: string | null;
+            reactComponents: string | null;
+            boundingBox: {
+                x: number;
+                y: number;
+                width: number;
+                height: number;
+            } | null;
+        } | null;
         /**
          * 대시보드가 구조화 필드로 읽는 자리. 본문 마크다운에도 같은 값이 들어가지만,
          * 거기 있는 건 사람이 읽는 용도라 화면의 뷰포트 칸이 비어 있었다(실측).

package/dist/index.d.ts

@@ -1232,6 +1232,25 @@ interface LassoEnvelope {
             y: number;
         } | null;
         sourceFile: string | null;
+        /**
+         * 요소를 지목해서 연 제보만 채워진다. 지목이라고 `annotation.add` 로 보내면
+         * 스크린샷·네트워크·로그·뷰포트를 **전부 잃는다** — 그 이벤트에는 실을 자리가
+         * 없기 때문이다. 같은 제보가 들어온 문에 따라 정보량이 달라지면 안 되므로
+         * 지목도 `report.create` 로 보내고 요소만 여기에 얹는다.
+         */
+        element: {
+            tag: string;
+            path: string | null;
+            text: string | null;
+            cssClasses: string | null;
+            reactComponents: string | null;
+            boundingBox: {
+                x: number;
+                y: number;
+                width: number;
+                height: number;
+            } | null;
+        } | null;
         /**
          * 대시보드가 구조화 필드로 읽는 자리. 본문 마크다운에도 같은 값이 들어가지만,
          * 거기 있는 건 사람이 읽는 용도라 화면의 뷰포트 칸이 비어 있었다(실측).

package/dist/index.js

@@ -2119,27 +2119,6 @@ function buildLassoEnvelope(report) {
   const parsed = Date.parse(report.createdAt);
   const timestamp = Number.isFinite(parsed) ? parsed : 0;
   const el = report.element;
-  if (report.kind === "annotation") {
-    return {
-      clientSubmissionId: report.clientSubmissionId,
-      clientType,
-      event: "annotation.add",
-      timestamp,
-      url: c.url ?? "",
-      priority: report.priority,
-      annotation: {
-        id: report.clientSubmissionId,
-        comment: renderReportBody(report),
-        x: report.pin?.x ?? null,
-        y: report.pin?.y ?? null,
-        element: el ? el.tag : null,
-        elementPath: el?.attributes["data-feedback-source"] ?? null,
-        selectedText: el?.text ?? null,
-        boundingBox: el?.boundingBox ?? null,
-        timestamp
-      }
-    };
-  }
   return {
     clientSubmissionId: report.clientSubmissionId,
     clientType,
@@ -2152,6 +2131,16 @@ function buildLassoEnvelope(report) {
       comment: renderReportBody(report),
       pin: report.pin ? { x: report.pin.x, y: report.pin.y } : null,
       sourceFile: el?.attributes["data-feedback-source"] ?? null,
+      element: el ? {
+        tag: el.tag,
+        // 요소를 다시 찾는 선택자. 없으면 사람이 화면에서 찾아야 하지만
+        // 제보 자체는 성립한다.
+        path: el.selector ?? null,
+        text: el.text,
+        cssClasses: el.className,
+        reactComponents: el.attributes["react-components"] ?? null,
+        boundingBox: el.boundingBox
+      } : null,
       web: clientType === "web" ? {
         url: c.url,
         route: c.screen,