made-refine 0.2.20 → 0.2.21

package/dist/utils.mjs

@@ -320,10 +320,30 @@ function getSourceFromFiber(fiber) {
   if (fromDebugStack?.fileName) return fromDebugStack;
   return null;
 }
+var REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref");
+var REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo");
+function resolveComponentName(type) {
+  let current = type;
+  for (let depth = 0; depth < 4 && current != null; depth++) {
+    const name = current.displayName || (typeof current === "function" ? current.name : void 0);
+    if (name) return name;
+    if (typeof current !== "object") return null;
+    if (current.$$typeof === REACT_MEMO_TYPE) {
+      current = current.type;
+      continue;
+    }
+    if (current.$$typeof === REACT_FORWARD_REF_TYPE) {
+      current = current.render;
+      continue;
+    }
+    return null;
+  }
+  return null;
+}
 function buildFrame(fiber) {
   const type = fiber?.type;
   if (typeof type !== "function" && typeof type !== "object") return null;
-  const name = type?.displayName || type?.name || null;
+  const name = resolveComponentName(type);
   if (!name || name === "Fragment") return null;
   const frame = { name };
   const source = getSourceFromFiber(fiber);
@@ -2411,7 +2431,7 @@ function buildElementContext(locator) {
   return buildLocatorContextLines(locator).join("\n");
 }
 function hasSessionEditChanges(edit) {
-  return Object.keys(edit.pendingStyles).length > 0 || Boolean(edit.textEdit) || Boolean(edit.move);
+  return Object.keys(edit.pendingStyles).length > 0 || Boolean(edit.textEdit) || Boolean(edit.move) || Boolean(edit.deleted);
 }
 function partitionMultiSelectedEdits(elements, sessionEditsRef) {
   const editsWithChanges = [];
@@ -2933,7 +2953,7 @@ function buildMoveEntries(edits) {
   let noopMoveCount = 0;
   for (const edit of edits) {
     const move = edit.move;
-    if (!move) continue;
+    if (!move || edit.deleted) continue;
     const subject = buildAnchorRef(
       getElementDisplayName(edit.element) || edit.locator.tagName,
       edit.locator.domSelector,
@@ -3101,19 +3121,22 @@ function getExportContentProfile(edits, comments, movePlanOrContext) {
     hasCssEdits: edits.some((e) => Object.keys(e.pendingStyles).length > 0),
     hasTextEdits: edits.some((e) => e.textEdit != null),
     hasMoves: moveOpCount > 0,
-    hasComments: comments.length > 0
+    hasComments: comments.length > 0,
+    hasDeletes: edits.some((e) => e.deleted)
   };
 }
 function buildExportInstruction(profile) {
   const { hasCssEdits, hasTextEdits, hasMoves, hasComments } = profile;
-  if (!hasCssEdits && !hasTextEdits && !hasMoves && !hasComments) return "";
-  if (!hasCssEdits && !hasTextEdits && !hasMoves) {
+  const hasDeletes = Boolean(profile.hasDeletes);
+  if (!hasCssEdits && !hasTextEdits && !hasMoves && !hasComments && !hasDeletes) return "";
+  if (!hasCssEdits && !hasTextEdits && !hasMoves && !hasDeletes) {
     return hasComments ? "Address this feedback on the UI. Use the provided source location and selector to find each element in the codebase." : "";
   }
   const parts = [];
   if (hasCssEdits) parts.push("Apply the CSS changes to the targeted elements using the project's existing styling approach (Tailwind, CSS modules, etc.). Map values to existing CSS variables, design tokens, or utility classes already used in the project whenever possible.");
   if (hasTextEdits) parts.push("Update the text content as specified.");
   if (hasMoves) parts.push("Implement the move plan below directly in source code. For `structural_move`, reorder/reparent elements using the target anchors. For `layout_refactor`, apply the listed flex/grid refactor steps. Do NOT simulate movement with absolute positioning, left/top offsets, transform, or margin hacks.");
+  if (hasDeletes) parts.push("Delete the elements marked for deletion from the source code \u2014 remove their markup/JSX (and any now-dead props, handlers, or imports they solely used).");
   if (hasComments) parts.push("Address the comments on the relevant elements.");
   return `${parts.join(" ")} Use the provided source locations, selectors, and context HTML to locate each element in the codebase.`;
 }
@@ -3148,6 +3171,13 @@ function buildSessionExport(edits, comments = [], options) {
     blocks.push(planLines.join("\n"));
   }
   for (const edit of edits) {
+    if (edit.deleted) {
+      const lines = buildLocatorContextLines(edit.locator);
+      lines.push("");
+      lines.push("action: delete this element \u2014 remove it from the source");
+      blocks.push(lines.join("\n"));
+      continue;
+    }
     const moveIntent = getMoveIntentForEdit(edit, planContext);
     const hasMove = Boolean(moveIntent);
     const hasStyleOrText = Object.keys(edit.pendingStyles).length > 0 || edit.textEdit != null;