[feat]: remove/rm/delete components using CLI

[rohith02b]

Feature description

As we have npx shadcn@latest add , why not have a npx shadcn@latest remove/rm/delete using the cli.

Here is how this feature would work:

1. User hits the npx shadcn@latest remove/rm/delete .
2. Search if the component exists in the user's directory.
3. Only remove the component if it exists inside the UI folder
4. If it does not exist in the UI folder, throw error stating the component does not exist -> Add it using npx shadcn@latest add .

Affected component/components

None

Additional Context

@shadcn Please check this out!

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues and PRs

[shadcn]

I'm considering this but this is a tricky problem to solve because we don't track (intentionally) where components are installed from.

Consider the following case npx shadcn add alert-dialog which adds components/ui/alert-dialog.tsx and a components/ui/button.tsx dependency. How do we reliably figure out the button dependency to remove when removing alert-dialog without a dependency tree?

This gets even more complex if you're pulling a block from a registry with multiple nested dependencies.

Having a remove command is something that should exist but in practice using git to track added files is much easier.

[rohith02b]

Thanks for checking this out, do let me know if you figure something out.
Meanwhile, I will also try to find a solution for this as this might improve developer experience.

PS: Shadcn is the best thing that has happened to the front-end community.