dAppBooster common UI components
A preview is available at https://db-ui-toolkit.vercel.app/
- Clone the repo following the usual steps.
git clone [email protected]:BootNodeDev/db-ui-toolkit.git
- Install
nvm use
pnpm i
- Run a preview on http://localhost:1208 All your changes will be visible here in real time.
pnpm dev # Runs a preview on http://localhost:1208
-
Follow the steps on Installation above.
-
Install
dAppBooster
following the README's steps at https://github.com/BootNodeDev/dAppBooster -
Remove
db-ui-toolkit
from your local copy ofdAppBooster
:
pnpm remove db-ui-toolkit
- Install your local copy of
db-ui-toolkit
ondAppBooster
(i.e.:pnpm i /users/yourusername/db-ui-toolkit
)
pnpm i <path_to_where_the_local_library_is>
Now you can run dAppBooster
locally using pnpm dev
and it'll use your local build of db-ui-toolkit
.
Important: Don't forget to use pnpm build
when you want to see your changes in dAppBooster.
You can try a three consoles approach:
- One for
dAppBoster
(pnpm dev
runs on http://localhost:5173/) - A second one for
dAppBooster UI Toolkit
's preview (pnpm dev
runs on http://localhost:1208/) - A third one for building
dAppBooster UI Toolkit
(pnpm build
will update the files in/dist
and the changes will be immediately available on your local copy ofdAppBooster
).
pnpm build # This command generates a new distributable bundle in the /dist folder
- I suggest working in a branch different to
main
for this, i.e.:feat/new-feature
- Make any changes you want.
- Test your changes. Be thorough. Make sure that everything works by itself in the preview AND in
dAppBooster
. - Run
pnpm build
. - Commit and push your changes, and merge into
main
- Once everything is stable and ready for release tag a new version so you don't break everything for everyone.
Note: This package is not yet published to npm, so you'll have to use it by doing pnpm add BootNodeDev/db-ui-toolkit#tag
or pnpm add BootNodeDev/db-ui-toolkit
on your console.