Rename Refactor

Preview card with the struck-through old name, the new name, and a list of affected files with ref counts.

greetsayHello7 refs
  • greet.ts1
  • app.tsx4
  • welcome.tsx2

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Editor34 } from "@/components/beste/piece/editor34";

<Editor34
  oldName="greet"
  newName="sayHello"
  matches={[
    {
      "file": "greet.ts",
      "count": 1
    },
    {
      "file": "app.tsx",
      "count": 4
    },
    {
      "file": "welcome.tsx",
      "count": 2
    }
  ]}
/>