Rename Refactor

greetsayHello7 refs
  • greet.ts1
  • app.tsx4
  • welcome.tsx2
About this piece

Rename Refactor

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

Usage

The import and the props worth knowing about, in one place.

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
    }
  ]}
/>

More Editor pieces

View all Editor

Launch Checklist

Ship with confidence by running through the five-point review.

  • Verify preview URL
  • Run smoke suite
  • Tag the release
pnpm release

Markdown Preview

Rendered markdown mini card with a heading, lede paragraph, bullet list, and inline code chip.

Zen Modemanifesto.md
Exit+K+Z

Zen Mode

Minimal focus card with a focus icon, current filename, and an exit-shortcut reminder.

function greet(name: string)

Code Lens

Action row above a function signature showing references, implementations, and inline commands.

hero181

Portrait Hero

Tall photograph beside a heading, a short paragraph and a checked benefit list.

Section Picker Card

One card from a block picker. Its preview loads behind a sweeping skeleton while the section id, title and description sit ready underneath, the way a picker fills a grid.

Keybindings
  • Command palette
    +K
  • Quick open
    +P
  • Toggle terminal
    +`
  • Format document
    ++F

Keymap List

Panel listing editor actions with their kbd shortcut combinations on the right.

Your page looks empty

Start by adding your first block.

Empty Page

Centered editor placeholder with a soft icon tile, headline, hint line, and a recolorable call-to-action pill.