video/ ayrı bir Remotion projesi; Docker imajı, ESLint ve tsc kapsamı dışında. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
31 lines
1.3 KiB
Markdown
31 lines
1.3 KiB
Markdown
# remocn kurulum notu
|
||
|
||
remocn bileşenleri shadcn registry'sinden kurulur:
|
||
|
||
```sh
|
||
pnpm dlx shadcn@latest add @remocn/<bileşen>
|
||
```
|
||
|
||
**Dikkat:** shadcn CLI kurulumda string literal'leri Tailwind sınıf listesi gibi
|
||
işleyip tekrar eden "sınıfları" siliyor. Bu, boşlukla ayrılmış ve içinde
|
||
yinelenen değer olan her string'i bozar: SVG path'leri, `viewBox="0 0 24 24"`,
|
||
`transformOrigin: "0 0"`, `oklch(1 0 0 / 10%)`. İlk kurulumda `cursor.tsx`
|
||
(el ve ok imleci path'leri, viewBox) ve `lib/remocn-ui/theme.ts` (iki oklch
|
||
değeri) böyle bozuldu ve registry JSON'undan (`https://remocn.dev/r/<ad>.json`)
|
||
geri yüklendi.
|
||
|
||
Yeni bir bileşen kurduktan sonra, içindeki boşluklu string'leri registry
|
||
JSON'uyla karşılaştır.
|
||
|
||
## Bu projede yerel olarak değiştirilen bileşenler
|
||
|
||
shadcn mantığı: kod bizim. Marka yazı tiplerini ve sahne ihtiyaçlarını
|
||
karşılamak için şu dosyalar değiştirildi (yeniden `add --overwrite` yapılırsa
|
||
değişiklikler gider):
|
||
|
||
- `tracking-in.tsx`: `fontFamily`, `background` (şeffaf), `endTracking`, ReactNode metin
|
||
- `kinetic-center-build.tsx`: gerçek yazı tipiyle ölçüm, `birim` (harf/kelime), `vurgu`, `gap`
|
||
- `focus-blur-resolve.tsx`: `fontFamily`
|
||
- `slot-machine-roll.tsx`: `inline`, `fontFamily`, `stagger`, karaktere göre sütun genişliği
|
||
- `push-through.tsx`: `origin` (itmenin tıklanan noktadan yapılması)
|