@solhun/feedback-kit-web 0.2.1 → 0.2.3

package/dist/index.cjs

@@ -74,6 +74,44 @@ var import_feedback_kit_core5 = require("@solhun/feedback-kit-core");
 var import_feedback_kit_core6 = require("@solhun/feedback-kit-core");
 
 // src/react-tree.ts
+var FRAMEWORK_INTERNALS = /* @__PURE__ */ new Set([
+  // Next.js App Router
+  "AppRouter",
+  "InnerLayoutRouter",
+  "OuterLayoutRouter",
+  "LayoutRouterContext",
+  "RenderFromTemplateContext",
+  "TemplateContext",
+  "SegmentStateProvider",
+  "SegmentViewNode",
+  "ScrollAndMaybeFocusHandler",
+  "InnerScrollAndFocusHandler",
+  "InnerScrollAndFocusHandlerOld",
+  "RedirectBoundary",
+  "RedirectErrorBoundary",
+  "NotFoundBoundary",
+  "NotFoundErrorBoundary",
+  "HTTPAccessFallbackBoundary",
+  "HTTPAccessFallbackErrorBoundary",
+  "DevRootHTTPAccessFallbackBoundary",
+  "LoadingBoundary",
+  "ErrorBoundaryHandler",
+  "MetadataBoundary",
+  "ViewportBoundary",
+  "OutletBoundary",
+  // 개발 전용 오버레이 — 프로덕션엔 없지만 dev 제보에는 항상 낀다
+  "HotReload",
+  "AppDevOverlay",
+  "AppDevOverlayErrorBoundary",
+  "ReactDevOverlay",
+  "DevOverlay",
+  "Router",
+  "ServerRoot",
+  "RSCComponent"
+]);
+function isFrameworkName(name) {
+  return FRAMEWORK_INTERNALS.has(name) || name.startsWith("__next");
+}
 function componentName(type) {
   if (typeof type === "function") {
     const fn = type;
@@ -96,13 +134,15 @@ function fiberOf(node) {
   }
   return null;
 }
-function reactComponentPath(node, limit = 20) {
+function reactComponentPath(node, limit = 5) {
   try {
     let fiber = fiberOf(node);
     const names = [];
-    while (fiber && names.length < limit) {
+    let depth = 0;
+    while (fiber && names.length < limit && depth < 200) {
+      depth += 1;
       const name = componentName(fiber.elementType ?? fiber.type);
-      if (name && names[0] !== name) names.unshift(name);
+      if (name && !isFrameworkName(name) && names[0] !== name) names.unshift(name);
       fiber = fiber.return ?? null;
     }
     return names;
@@ -928,6 +968,23 @@ function FeedbackKit(props) {
     previousModalOpenRef.current = modal2.open;
     previousConfirmVisibleRef.current = modal2.closeConfirmVisible;
   }, [widgetState]);
+  (0, import_react.useEffect)(() => {
+    if (!kit || !widgetState) return;
+    const { screen: screen2, modal: modal2 } = widgetState;
+    if (screen2 !== "modal" && screen2 !== "pin") return;
+    const widget = kit.widget;
+    function onKeyDownCapture(event) {
+      if (event.key !== "Escape") return;
+      if (event.isComposing) return;
+      event.stopPropagation();
+      event.preventDefault();
+      if (screen2 === "pin") widget.cancelPin();
+      else if (modal2.closeConfirmVisible) widget.cancelCloseReport();
+      else widget.closeReport();
+    }
+    document.addEventListener("keydown", onKeyDownCapture, true);
+    return () => document.removeEventListener("keydown", onKeyDownCapture, true);
+  }, [kit, widgetState]);
   if (!kit || !widgetState) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...OWN_UI_PROPS, "data-feedback-kit-loading": "true" });
   }