Files
kolaytercih/video/REMOCN-NOTU.md
bilalgursen d2359d3f3a Lansman videosu (Remotion) projesi eklendi
video/ ayrı bir Remotion projesi; Docker imajı, ESLint ve tsc kapsamı dışında.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
2026-10-04 14:00:33 +03:00

1.3 KiB
Raw Blame History

remocn kurulum notu

remocn bileşenleri shadcn registry'sinden kurulur:

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ı)