made-refine 0.1.12 → 0.2.0

package/dist/index.js

@@ -1397,6 +1397,253 @@ function getFiberForElement(element) {
   if (!fiberKey) return null;
   return element[fiberKey] || null;
 }
+var STACK_SOURCE_FILE_EXTENSION_REGEX = /\.(jsx|tsx|ts|js)$/;
+var STACK_BUNDLED_FILE_PATTERN_REGEX = /(\.min|bundle|chunk|vendor|vendors|runtime|polyfill|polyfills)\.(js|mjs|cjs)$|(chunk|bundle|vendor|vendors|runtime|polyfill|polyfills|framework|app|main|index)[-_.][A-Za-z0-9_-]{4,}\.(js|mjs|cjs)$|[\da-f]{8,}\.(js|mjs|cjs)$|[-_.][\da-f]{20,}\.(js|mjs|cjs)$|\/dist\/|\/build\/|\/.next\/|\/out\/|\/node_modules\/|\.webpack\.|\.vite\.|\.turbopack\./i;
+var FIREFOX_SAFARI_STACK_REGEXP = /(^|@)\S+:\d+/;
+var SAFARI_NATIVE_CODE_REGEXP = /^(eval@)?(\[native code\])?$/;
+var SERVER_FRAME_MARKER = "(at Server)";
+var STACK_INTERNAL_SCHEME_PREFIXES = [
+  "rsc://",
+  "about://React/",
+  "React/Server/",
+  "file:///",
+  "webpack://",
+  "webpack-internal://",
+  "node:",
+  "turbopack://",
+  "/app-pages-browser/"
+];
+function formatOwnerDebugStack(stack) {
+  if (!stack) return "";
+  const lines = stack.split("\n");
+  const filtered = [];
+  for (const line of lines) {
+    const trimmed = line.trim();
+    if (!trimmed) continue;
+    if (trimmed === "Error: react-stack-top-frame") continue;
+    if (trimmed.includes("react_stack_bottom_frame") || trimmed.includes("react-stack-bottom-frame")) {
+      continue;
+    }
+    filtered.push(line);
+  }
+  if (filtered.length > 0 && filtered[0].includes("fakeJSXCallSite")) {
+    filtered.shift();
+  }
+  return filtered.join("\n");
+}
+function extractStackLocation(urlLike) {
+  if (!urlLike.includes(":")) return [urlLike, void 0, void 0];
+  const isWrappedLocation = urlLike.startsWith("(") && /:\d+\)$/.test(urlLike);
+  const sanitizedResult = isWrappedLocation ? urlLike.slice(1, -1) : urlLike;
+  const parts = /(.+?)(?::(\d+))?(?::(\d+))?$/.exec(sanitizedResult);
+  if (!parts) return [sanitizedResult, void 0, void 0];
+  return [
+    parts[1],
+    parts[2] !== void 0 ? Number(parts[2]) : void 0,
+    parts[3] !== void 0 ? Number(parts[3]) : void 0
+  ];
+}
+function parseV8StackLine(line) {
+  let currentLine = line;
+  if (currentLine.includes("(eval ")) {
+    currentLine = currentLine.replace(/eval code/g, "eval").replace(/(\(eval at [^()]*)|(,.*$)/g, "");
+  }
+  let sanitizedLine = currentLine.replace(/^\s+/, "").replace(/\(eval code/g, "(").replace(/^.*?\s+/, "");
+  const locationMatch = sanitizedLine.match(/ (\(.+\)$)/);
+  if (locationMatch) {
+    sanitizedLine = sanitizedLine.replace(locationMatch[0], "");
+  }
+  const [fileName, lineNumber, columnNumber] = extractStackLocation(
+    locationMatch ? locationMatch[1] : sanitizedLine
+  );
+  const functionName = locationMatch && sanitizedLine ? sanitizedLine : void 0;
+  if (fileName === "eval" || fileName === "<anonymous>") {
+    return {
+      functionName
+    };
+  }
+  return {
+    functionName,
+    fileName,
+    lineNumber,
+    columnNumber,
+    source: currentLine,
+    isServer: currentLine.includes(SERVER_FRAME_MARKER) || fileName.startsWith("rsc://")
+  };
+}
+function parseFFOrSafariStackLine(line) {
+  let currentLine = line;
+  if (currentLine.includes(" > eval")) {
+    currentLine = currentLine.replace(
+      / line (\d+)(?: > eval line \d+)* > eval:\d+:\d+/g,
+      ":$1"
+    );
+  }
+  const trimmed = currentLine.trim();
+  if (!trimmed || SAFARI_NATIVE_CODE_REGEXP.test(trimmed)) {
+    return null;
+  }
+  if (!trimmed.includes("@") && !trimmed.includes(":")) {
+    return {
+      functionName: trimmed,
+      source: currentLine,
+      isServer: trimmed.includes(SERVER_FRAME_MARKER)
+    };
+  }
+  const atIndex = trimmed.lastIndexOf("@");
+  if (atIndex === -1) {
+    return null;
+  }
+  const maybeFunctionName = trimmed.slice(0, atIndex);
+  const location = trimmed.slice(atIndex + 1);
+  const [fileName, lineNumber, columnNumber] = extractStackLocation(location);
+  return {
+    functionName: maybeFunctionName || void 0,
+    fileName,
+    lineNumber,
+    columnNumber,
+    source: currentLine,
+    isServer: currentLine.includes(SERVER_FRAME_MARKER) || fileName.startsWith("rsc://")
+  };
+}
+function parseInStackLine(line) {
+  const functionName = line.replace(/^\s*in\s+/, "").replace(/\s*\(at .*\)$/, "").trim();
+  if (!functionName) return null;
+  return {
+    functionName,
+    source: line,
+    isServer: line.includes(SERVER_FRAME_MARKER)
+  };
+}
+function parseDebugStack(stack) {
+  const frames = [];
+  for (const rawLine of stack.split("\n")) {
+    if (FIREFOX_SAFARI_STACK_REGEXP.test(rawLine)) {
+      const parsed = parseFFOrSafariStackLine(rawLine);
+      if (parsed) frames.push(parsed);
+      continue;
+    }
+    if (/^\s*at\s+/.test(rawLine)) {
+      const parsed = parseV8StackLine(rawLine);
+      if (parsed) frames.push(parsed);
+      continue;
+    }
+    if (/^\s*in\s+/.test(rawLine)) {
+      const parsed = parseInStackLine(rawLine);
+      if (parsed) frames.push(parsed);
+    }
+  }
+  return frames;
+}
+function normalizeStackFileName(fileName) {
+  if (!fileName) return "";
+  let normalized = fileName;
+  const isHttpUrl = normalized.startsWith("http://") || normalized.startsWith("https://");
+  if (isHttpUrl) {
+    try {
+      normalized = new URL(normalized).pathname;
+    } catch {
+    }
+  }
+  let didStripPrefix = true;
+  while (didStripPrefix) {
+    didStripPrefix = false;
+    for (const prefix of STACK_INTERNAL_SCHEME_PREFIXES) {
+      if (normalized.startsWith(prefix)) {
+        normalized = normalized.slice(prefix.length);
+        if (prefix === "file:///") {
+          normalized = `/${normalized.replace(/^\/+/, "")}`;
+        }
+        didStripPrefix = true;
+        break;
+      }
+    }
+  }
+  normalized = normalized.replace(/^\/\(app-pages-browser\)\//, "/").replace(/^\/\.\//, "/").replace(/^\.\//, "");
+  const queryIndex = normalized.indexOf("?");
+  if (queryIndex !== -1) {
+    normalized = normalized.slice(0, queryIndex);
+  }
+  return normalized;
+}
+function isSourceStackFile(fileName) {
+  const normalizedFileName = normalizeStackFileName(fileName);
+  if (!normalizedFileName) return false;
+  if (!STACK_SOURCE_FILE_EXTENSION_REGEX.test(normalizedFileName)) return false;
+  return !STACK_BUNDLED_FILE_PATTERN_REGEX.test(normalizedFileName);
+}
+function buildFunctionNameToRscFramesMap(fiber) {
+  const functionNameToRscFrames = /* @__PURE__ */ new Map();
+  const visited = /* @__PURE__ */ new Set();
+  let current = fiber;
+  while (current && !visited.has(current)) {
+    visited.add(current);
+    const rawStack = current?._debugStack?.stack;
+    const stack = typeof rawStack === "string" ? formatOwnerDebugStack(rawStack) : "";
+    if (stack) {
+      const frames = parseDebugStack(stack);
+      for (const frame of frames) {
+        if (!frame.functionName || !frame.fileName) continue;
+        if (!frame.fileName.startsWith("rsc://")) continue;
+        const normalized = normalizeStackFileName(frame.fileName);
+        if (!normalized) continue;
+        const existing = functionNameToRscFrames.get(frame.functionName) ?? [];
+        const duplicate = existing.some(
+          (candidate) => candidate.fileName === normalized && candidate.lineNumber === frame.lineNumber && candidate.columnNumber === frame.columnNumber
+        );
+        if (!duplicate) {
+          existing.push({
+            fileName: normalized,
+            lineNumber: frame.lineNumber,
+            columnNumber: frame.columnNumber
+          });
+          functionNameToRscFrames.set(frame.functionName, existing);
+        }
+      }
+    }
+    current = current._debugOwner ?? current.return ?? null;
+  }
+  return functionNameToRscFrames;
+}
+function enrichServerFrame(frame, functionNameToRscFrames, functionNameToUsageIndex) {
+  if (!frame.functionName) return frame;
+  const available = functionNameToRscFrames.get(frame.functionName);
+  if (!available) return frame;
+  const usageIndex = functionNameToUsageIndex.get(frame.functionName) ?? 0;
+  const resolved = available[usageIndex % available.length];
+  functionNameToUsageIndex.set(frame.functionName, usageIndex + 1);
+  return {
+    ...frame,
+    fileName: resolved.fileName,
+    lineNumber: resolved.lineNumber,
+    columnNumber: resolved.columnNumber
+  };
+}
+function getSourceFromDebugStack(fiber) {
+  const rawStack = fiber?._debugStack?.stack;
+  if (typeof rawStack !== "string" || rawStack.length === 0) {
+    return null;
+  }
+  const formattedStack = formatOwnerDebugStack(rawStack);
+  if (!formattedStack) return null;
+  const stackFrames = parseDebugStack(formattedStack);
+  const functionNameToRscFrames = buildFunctionNameToRscFramesMap(fiber);
+  const functionNameToUsageIndex = /* @__PURE__ */ new Map();
+  for (const frame of stackFrames) {
+    const maybeEnriched = frame.isServer ? enrichServerFrame(frame, functionNameToRscFrames, functionNameToUsageIndex) : frame;
+    if (!maybeEnriched.fileName) continue;
+    const normalizedFileName = normalizeStackFileName(maybeEnriched.fileName);
+    if (!normalizedFileName) continue;
+    if (isSourceStackFile(normalizedFileName)) {
+      return {
+        fileName: normalizedFileName,
+        lineNumber: maybeEnriched.lineNumber,
+        columnNumber: maybeEnriched.columnNumber
+      };
+    }
+  }
+  return null;
+}
 function getSourceFromFiber(fiber) {
   const debugSource = fiber?._debugSource;
   if (debugSource?.fileName) return debugSource;
@@ -1409,6 +1656,8 @@ function getSourceFromFiber(fiber) {
   if (pending?.fileName) return pending;
   const memo = fiber?.memoizedProps?.__source;
   if (memo?.fileName) return memo;
+  const fromDebugStack = getSourceFromDebugStack(fiber);
+  if (fromDebugStack?.fileName) return fromDebugStack;
   return null;
 }
 function buildFrame(fiber) {
@@ -1624,7 +1873,7 @@ function buildTargetHtml(element) {
   return `<${tagName}${attrString}></${tagName}>`;
 }
 function formatSourcePath(file) {
-  const normalized = file.replace(/\\/g, "/").replace(/^webpack:\/\/\//, "").replace(/^webpack:\/\//, "").replace(/^file:\/\//, "").replace(/^_N_E\//, "").replace(/^\.\/+/, "");
+  const normalized = file.replace(/\\/g, "/").replace(/^webpack:\/\/\//, "").replace(/^webpack:\/\//, "").replace(/^webpack-internal:\/\//, "").replace(/^rsc:\/\/React\/Server\//, "").replace(/^about:\/\/React\//, "").replace(/^file:\/\//, "").replace(/^\/\(app-pages-browser\)\//, "/").replace(/^\/app-pages-browser\//, "/").replace(/^_N_E\//, "").replace(/^\.\/+/, "");
   const packagesIndex = normalized.indexOf("/packages/");
   if (packagesIndex !== -1) {
     return `/[project]${normalized.slice(packagesIndex)}`;
@@ -1769,8 +2018,10 @@ function getElementLocator(element) {
   const elementInfo = getElementInfo(element);
   let domSource = parseDomSource(element);
   if (!domSource) {
-    const fiber = getFiberForElement(element);
-    if (fiber) {
+    const seenFibers = /* @__PURE__ */ new Set();
+    let fiber = getFiberForElement(element);
+    while (fiber && !seenFibers.has(fiber)) {
+      seenFibers.add(fiber);
       const fiberSource = getSourceFromFiber(fiber);
       if (fiberSource?.fileName) {
         domSource = {
@@ -1778,7 +2029,9 @@ function getElementLocator(element) {
           line: fiberSource.lineNumber,
           column: fiberSource.columnNumber
         };
+        break;
       }
+      fiber = fiber._debugOwner ?? fiber.return ?? null;
     }
   }
   return {
@@ -3875,7 +4128,7 @@ function MeasurementOverlay({
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ElementHighlight, { element: selectedElement, color: BLUE }),
         hoveredElement && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ElementHighlight, { element: hoveredElement, color: TOMATO, isDashed: true }),
-        measurements.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MeasurementLineComponent, { line }, i))
+        measurements.map((line) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MeasurementLineComponent, { line }, `${line.direction}-${line.x1}-${line.y1}-${line.x2}-${line.y2}`))
       ]
     }
   );
@@ -4446,7 +4699,7 @@ function SelectionOverlay({
         onDoubleClick: handleDoubleClick,
         onMouseMove: handleMouseMove,
         onMouseLeave: handleMouseLeave,
-        children: moveHandleRects.map((targetRect, idx) => {
+        children: moveHandleRects.map((targetRect) => {
           return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             "button",
             {
@@ -4473,7 +4726,7 @@ function SelectionOverlay({
               },
               onPointerDown: handleMoveHandlePointerDown(targetRect.target)
             },
-            `${idx}-${targetRect.left}-${targetRect.top}`
+            `${targetRect.left}-${targetRect.top}-${targetRect.width}-${targetRect.height}`
           );
         })
       }
@@ -4616,10 +4869,12 @@ function CommentPin({
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-      "div",
+      "button",
       {
+        type: "button",
         "data-direct-edit": "comment-pin",
-        className: "group/pin fixed z-[99998] flex size-3 cursor-pointer items-center justify-center rounded-full bg-blue-500 shadow-md ring-2 ring-white transition-transform hover:scale-[1.67] hover:shadow-lg",
+        "aria-label": `Comment ${index}`,
+        className: "group/pin fixed z-[99998] flex size-3 cursor-pointer items-center justify-center rounded-full border-none bg-blue-500 p-0 shadow-md ring-2 ring-white transition-transform hover:scale-[1.67] hover:shadow-lg",
         style: {
           left: position.x - 6,
           top: position.y - 6,
@@ -4699,6 +4954,7 @@ function NewCommentInput({
     "div",
     {
       ref: cardRef,
+      role: "presentation",
       "data-direct-edit": "comment-card",
       className: cn(
         "fixed z-[99999] flex items-center gap-1.5 rounded-xl outline outline-1 outline-foreground/10 bg-background p-1.5 shadow-lg",
@@ -4816,6 +5072,7 @@ function CommentThread({
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "div",
     {
+      role: "presentation",
       "data-direct-edit": "comment-card",
       className: "fixed z-[99999] w-[280px] overflow-hidden rounded-xl outline outline-1 outline-foreground/10 bg-background shadow-lg",
       style: {
@@ -4913,13 +5170,13 @@ function CommentThread({
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-xs leading-relaxed text-foreground", children: comment.text })
           ] }),
-          comment.replies.map((reply, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "border-t border-border/30 px-3 py-2.5", children: [
+          comment.replies.map((reply) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "border-t border-border/30 px-3 py-2.5", children: [
             /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "mb-1 flex items-center gap-2", children: [
               /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex size-5 shrink-0 items-center justify-center rounded-full bg-blue-500 text-[10px] font-bold text-white", children: index }),
               /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-[10px] text-muted-foreground", children: formatRelativeTime(reply.createdAt) })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-xs leading-relaxed text-foreground", children: reply.text })
-          ] }, i))
+          ] }, reply.createdAt))
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-1.5 border-t border-border/50 px-2 py-1.5", children: [
           /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -7422,6 +7679,7 @@ function DirectEditPanelContent() {
       /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
         "div",
         {
+          role: "presentation",
           "data-direct-edit": "overlay",
           className: cn("fixed inset-0 z-[99990] cursor-default"),
           style: { pointerEvents: textEditingElement ? "none" : "auto" },
@@ -7503,7 +7761,7 @@ function DirectEditPanelContent() {
                     strokeWidth: 1,
                     strokeDasharray: "4 2"
                   },
-                  i
+                  `${r.left}-${r.top}-${r.width}-${r.height}`
                 );
               })
             ]
@@ -8745,10 +9003,19 @@ ${text}`);
                           return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
                             "div",
                             {
+                              role: "button",
+                              tabIndex: 0,
                               className: "group flex cursor-pointer items-start justify-between rounded-md px-1.5 py-1.5 text-xs transition-colors hover:bg-muted/50",
                               onClick: () => {
                                 void handleCopyItem(item);
                               },
+                              onKeyDown: (e) => {
+                                if (e.target !== e.currentTarget) return;
+                                if (e.key === "Enter" || e.key === " ") {
+                                  e.preventDefault();
+                                  void handleCopyItem(item);
+                                }
+                              },
                               children: [
                                 /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "min-w-0 flex flex-1 flex-col items-start gap-[4px]", children: [
                                   /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Badge, { variant: "secondary", className: "h-6 shrink-0 px-1.5 text-xs", children: [
@@ -8780,7 +9047,7 @@ ${text}`);
                                 )
                               ]
                             },
-                            i
+                            item.type === "comment" ? item.comment.id : `edit-${i}`
                           );
                         }) })
                       ]
@@ -8868,7 +9135,7 @@ ${text}`);
                           { label: "Back / Exit", keys: ["Esc"] }
                         ].map(({ label, keys }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex h-8 w-full items-center justify-between rounded-md px-2 text-xs text-muted-foreground", children: [
                           /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: label }),
-                          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "flex items-center gap-0.5", children: keys.map((k, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("kbd", { className: popupKbdClass, children: k }, i)) })
+                          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "flex items-center gap-0.5", children: keys.map((k, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("kbd", { className: popupKbdClass, children: k }, typeof k === "string" ? k : i)) })
                         ] }, label)) })
                       ]
                     }