Workleap/Orbiter To Hopper

This codemod migrates components from Orbiter to the Hopper design system.

How to Use?

Before

import { Div } from "@workleap/orbiter-ui";

export function App() {
  return <Div width="100px"/>;
}

After

import { Div } from "@hopper-ui/components";

export function App() {
  return <Div UNSAFE_width="100px"/>;
}

Run Migrates for All Components

npx codemod workleap/orbiter-to-hopper

or

npx codemod workleap/orbiter-to-hopper -c all

Run Migrates Only for One Component

npx codemod workleap/orbiter-to-hopper -c Div

Run Migrates Only in Specific Path

npx codemod workleap/orbiter-to-hopper -t /app/users

Other Options

Read the Codemod CLI options doc for more options.

How to Contribute?

First, install the codemod CLI globally.

Then, do the modifications and publish a new version by running:

codemod publish

But if you want to test them locally before publishing, you can run this command in your target project:

codemod --source LOCAL_PATH_TO_THIS_PROJECT"

[!IMPORTANT] Because of a bug in codemod CLI, you need to clear the