fixdog 0.1.13 → 0.1.14

package/dist/fixdog.esm.js

@@ -4159,6 +4159,24 @@ const resolveFromStack = async (fiber) => {
     debugLog("Could not resolve source from stack");
     return null;
 };
+// Find the nearest user-defined component fiber (FunctionComponent/ClassComponent)
+// walking up from a given fiber. Skips HostComponents (tag 5), HostText (tag 6), etc.
+const findNearestComponentFiber = (fiber) => {
+    let current = fiber?.return;
+    while (current) {
+        // tag 0 = FunctionComponent, tag 1 = ClassComponent, tag 11 = ForwardRef,
+        // tag 14 = MemoComponent, tag 15 = SimpleMemoComponent
+        if (current.tag === 0 ||
+            current.tag === 1 ||
+            current.tag === 11 ||
+            current.tag === 14 ||
+            current.tag === 15) {
+            return current;
+        }
+        current = current.return;
+    }
+    return null;
+};
 const resolveFromFiber = async (fiber, element) => {
     if (!fiber)
         return Promise.resolve(null);
@@ -4190,6 +4208,38 @@ const resolveFromFiber = async (fiber, element) => {
             element,
         };
     }
+    // For HostComponents (native elements like <div>, <label>), walk up to
+    // the nearest user-defined component and resolve source from there.
+    // This is the component that rendered this native element.
+    if (fiber.tag === 5 || fiber.tag === 6) {
+        const parentComponent = findNearestComponentFiber(fiber);
+        if (parentComponent) {
+            const parentName = getComponentName(parentComponent);
+            debugLog("HostComponent, trying parent component:", parentName);
+            const parentDebugSource = findDebugSource(parentComponent);
+            if (parentDebugSource) {
+                return {
+                    componentName: parentName,
+                    fileName: parentDebugSource.fileName,
+                    lineNumber: parentDebugSource.lineNumber,
+                    columnNumber: parentDebugSource.columnNumber,
+                    fiber: parentComponent,
+                    element,
+                };
+            }
+            const parentStackSource = await resolveFromStack(parentComponent);
+            if (parentStackSource) {
+                return {
+                    componentName: parentName,
+                    fileName: parentStackSource.fileName,
+                    lineNumber: parentStackSource.lineNumber,
+                    columnNumber: parentStackSource.columnNumber,
+                    fiber: parentComponent,
+                    element,
+                };
+            }
+        }
+    }
     // If we have a function name from the component, we can still return useful info
     if (isDebugEnabled()) {
         console.warn("[fixdog-sdk:debug] No source found for:", componentName, {