lapaktoto.dev — open-source React UI library

CLI Reference

@lapaktoto/cli adalah satu-satunya dependency runtime yang kamu install. Sisanya source code yang udah ada di project kamu.

Install global

Tidak wajib, tapi bikin pemakaian lebih ringkas:

bun add -g @lapaktoto/cli
# atau
pnpm add -g @lapaktoto/cli

Setelah itu kamu bisa pakai lapaktoto langsung tanpa bunx:

lapaktoto add button card
lapaktoto theme set midnight

Daftar perintah

init

Inisialisasi project: nyiapin components.json, lib/utils.ts, dan update globals.css.

lapaktoto init [options]

Options:
  -d, --defaults     Skip interactive prompts (untuk CI)
  -f, --force        Overwrite file yang sudah ada
  --css <path>       Custom path globals.css
  --no-rsc           Disable React Server Components

add

Tambah komponen ke project.

lapaktoto add <name...> [options]

Options:
  -a, --all          Install semua komponen
  -o, --overwrite    Overwrite kalau sudah ada
  --dry-run          Preview tanpa nulis file
  --path <dir>       Override target directory

Contoh:
  lapaktoto add button
  lapaktoto add button card dialog
  lapaktoto add --all
  lapaktoto add button --dry-run

theme

Ganti tema bawaan atau export tema kustom.

lapaktoto theme <subcommand>

Subcommands:
  list               Daftar preset tersedia
  set <name>         Apply preset
  export             Export tema saat ini ke JSON
  import <file>      Apply tema dari JSON

Contoh:
  lapaktoto theme list
  lapaktoto theme set midnight
  lapaktoto theme export > my-theme.json

build

Build custom registry kamu sendiri — berguna kalau punya design system internal yang mau di-share antar repo.

lapaktoto build [registry-file]

Output: public/r/*.json

Contoh:
  lapaktoto build ./registry.json -o ./public/r

Pemakaian di CI

Untuk pipeline CI, selalu pakai flag -d (defaults) atau env var CI=1 supaya CLI tidak menunggu prompt interaktif.

.github/workflows/setup.yml
# GitHub Actions
- name: Setup Lapaktoto UI
  run: bunx lapaktoto-ui@latest init -d -f
  env:
    CI: 1