@promakeai/cli 0.0.5

package/dist/registry/related-posts-block.json

@@ -0,0 +1,43 @@
+{
+  "name": "related-posts-block",
+  "type": "registry:block",
+  "title": "Related Posts Block",
+  "description": "Related posts section with heading and 3-column grid. Shows posts by same category or tags. Use at bottom of post detail pages.",
+  "registryDependencies": [
+    "blog-core",
+    "post-card"
+  ],
+  "usage": "import { RelatedPostsBlock } from '@/modules/related-posts-block';\n\n<RelatedPostsBlock posts={relatedPosts} />\n\n• Props: posts (Post[] from blog-core)\n• Uses PostCard component\n• Responsive: 3 cols desktop, 1 col mobile",
+  "files": [
+    {
+      "path": "related-posts-block/index.ts",
+      "type": "registry:index",
+      "target": "$modules$/related-posts-block/index.ts",
+      "content": "export * from './related-posts-block';\r\n"
+    },
+    {
+      "path": "related-posts-block/related-posts-block.tsx",
+      "type": "registry:block",
+      "target": "$modules$/related-posts-block/related-posts-block.tsx",
+      "content": "import { PostCard } from \"@/modules/post-card/post-card\";\nimport { useTranslation } from \"react-i18next\";\nimport type { Post } from \"@/modules/blog-core/types\";\n\ninterface RelatedPostsBlockProps {\n  posts: Post[];\n  title?: string;\n}\n\nexport function RelatedPostsBlock({ posts, title }: RelatedPostsBlockProps) {\n  const { t } = useTranslation(\"related-posts-block\");\n\n  if (posts.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className=\"container mx-auto px-4 py-12\">\n      <div className=\"max-w-6xl mx-auto\">\n        <h2 className=\"text-3xl font-bold mb-8\">\n          {title || t(\"title\", \"Related Posts\")}\n        </h2>\n        <div className=\"grid gap-6 md:grid-cols-2 lg:grid-cols-3\">\n          {posts.map((post) => (\n            <PostCard key={post.id} post={post} layout=\"grid\" />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n"
+    },
+    {
+      "path": "related-posts-block/lang/en.json",
+      "type": "registry:lang",
+      "target": "$modules$/related-posts-block/lang/en.json",
+      "content": "{\n  \"title\": \"Related Posts\"\n}\n"
+    },
+    {
+      "path": "related-posts-block/lang/tr.json",
+      "type": "registry:lang",
+      "target": "$modules$/related-posts-block/lang/tr.json",
+      "content": "{\n  \"title\": \"İlgili Yazılar\"\n}\n"
+    }
+  ],
+  "exports": {
+    "types": [],
+    "variables": [
+      "RelatedPostsBlock"
+    ]
+  }
+}

package/dist/registry/related-products-block.json

@@ -0,0 +1,43 @@
+{
+  "name": "related-products-block",
+  "type": "registry:block",
+  "title": "Related Products Block",
+  "description": "Related/recommended products section with heading and horizontal scrollable grid. Shows 4 products on desktop, swipeable on mobile. Use on product detail pages.",
+  "registryDependencies": [
+    "ecommerce-core",
+    "product-card"
+  ],
+  "usage": "import { RelatedProductsBlock } from '@/modules/related-products-block';\n\n<RelatedProductsBlock products={relatedProducts} />\n\n• Props: products (Product[] from ecommerce-core)\n• Uses ProductCard component\n• Responsive: 4 cols desktop, scrollable mobile",
+  "files": [
+    {
+      "path": "related-products-block/index.ts",
+      "type": "registry:index",
+      "target": "$modules$/related-products-block/index.ts",
+      "content": "export * from './related-products-block';\r\n"
+    },
+    {
+      "path": "related-products-block/related-products-block.tsx",
+      "type": "registry:block",
+      "target": "$modules$/related-products-block/related-products-block.tsx",
+      "content": "import { Link } from \"react-router\";\nimport { Star } from \"lucide-react\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { useTranslation } from \"react-i18next\";\nimport constants from \"@/constants/constants.json\";\nimport { formatPrice } from \"@/modules/ecommerce-core/format-price\";\nimport type { Product } from \"@/modules/ecommerce-core/types\";\n\ninterface RelatedProductsBlockProps {\n  products: Product[];\n  title?: string;\n}\n\nexport function RelatedProductsBlock({\n  products,\n  title,\n}: RelatedProductsBlockProps) {\n  const { t } = useTranslation(\"related-products-block\");\n\n  if (products.length === 0) {\n    return null;\n  }\n\n  return (\n    <div>\n      <h2 className=\"text-2xl font-bold mb-6\">\n        {title || t(\"title\", \"Related Products\")}\n      </h2>\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n        {products.map((product) => (\n          <Card\n            key={product.id}\n            className=\"group overflow-hidden border-0 p-0 shadow-sm hover:shadow-lg transition-all duration-300\"\n          >\n            <Link to={`/products/${product.slug}`}>\n              <div className=\"relative aspect-square overflow-hidden cursor-pointer\">\n                <img\n                  src={product.images[0] || \"/images/placeholder.png\"}\n                  alt={product.name}\n                  className=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-300\"\n                />\n              </div>\n            </Link>\n            <CardContent className=\"p-4\">\n              <Link to={`/products/${product.slug}`}>\n                <h3 className=\"font-semibold hover:text-primary transition-colors line-clamp-1\">\n                  {product.name}\n                </h3>\n              </Link>\n              <div className=\"flex items-center justify-between mt-2\">\n                <span className=\"font-semibold\">\n                  {formatPrice(product.price, constants.site.currency)}\n                </span>\n                <div className=\"flex items-center gap-1\">\n                  <Star className=\"h-3 w-3 fill-current text-yellow-400\" />\n                  <span className=\"text-xs\">{product.rating}</span>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n    </div>\n  );\n}\n"
+    },
+    {
+      "path": "related-products-block/lang/en.json",
+      "type": "registry:lang",
+      "target": "$modules$/related-products-block/lang/en.json",
+      "content": "{\n  \"title\": \"Related Products\"\n}\n"
+    },
+    {
+      "path": "related-products-block/lang/tr.json",
+      "type": "registry:lang",
+      "target": "$modules$/related-products-block/lang/tr.json",
+      "content": "{\n  \"title\": \"İlgili Ürünler\"\n}\n"
+    }
+  ],
+  "exports": {
+    "types": [],
+    "variables": [
+      "RelatedProductsBlock"
+    ]
+  }
+}

package/dist/registry/service-card.json

@@ -0,0 +1,28 @@
+{
+  "name": "service-card",
+  "type": "registry:component",
+  "title": "Service Card",
+  "description": "Service/offering display card with large icon, service title, description text, and optional 'Learn More' link. Features hover lift effect, subtle border, and icon background circle. Great for displaying services, features, or benefits in a grid layout.",
+  "registryDependencies": [],
+  "usage": "import { ServiceCard } from '@/modules/service-card';\n\n<ServiceCard\n  icon={<CodeIcon />}\n  title=\"Web Development\"\n  description=\"Custom web applications...\"\n  link=\"/services/web\"\n/>\n\n• Installed at: src/modules/service-card/\n• Use in grid: grid grid-cols-1 md:grid-cols-3 gap-6",
+  "files": [
+    {
+      "path": "service-card/index.ts",
+      "type": "registry:index",
+      "target": "$modules$/service-card/index.ts",
+      "content": "export * from './service-card';\r\n"
+    },
+    {
+      "path": "service-card/service-card.tsx",
+      "type": "registry:component",
+      "target": "$modules$/service-card/service-card.tsx",
+      "content": "import { Card } from \"@/components/ui/card\";\nimport {\n  Globe,\n  Pen,\n  Smartphone,\n  Code,\n  Palette,\n  Server,\n  Shield,\n  Zap,\n  Users,\n  Mail,\n  Settings,\n  BarChart,\n  type LucideIcon\n} from \"lucide-react\";\n\ninterface Service {\n  id: string | number;\n  title: string;\n  description: string;\n  icon: string;\n}\n\ninterface ServiceCardProps {\n  service: Service;\n  className?: string;\n}\n\nconst iconMap: Record<string, LucideIcon> = {\n  globe: Globe,\n  pen: Pen,\n  smartphone: Smartphone,\n  code: Code,\n  palette: Palette,\n  server: Server,\n  shield: Shield,\n  zap: Zap,\n  users: Users,\n  mail: Mail,\n  settings: Settings,\n  chart: BarChart,\n};\n\nexport function ServiceCard({ service, className = '' }: ServiceCardProps) {\n  const IconComponent = iconMap[service.icon] || Globe;\n\n  return (\n    <Card className={`group overflow-hidden border-0 shadow-md transition-all duration-300 bg-background/80 backdrop-blur-sm hover:shadow-lg ${className}`}>\n      <div className=\"p-8 text-center\">\n        <div className=\"w-16 h-16 mx-auto mb-6 bg-primary/10 rounded-full flex items-center justify-center transition-colors group-hover:bg-primary/20\">\n          <IconComponent className=\"w-8 h-8 text-primary\" />\n        </div>\n\n        <h3 className=\"text-xl font-bold text-foreground mb-4 transition-colors\">\n          {service.title}\n        </h3>\n\n        <p className=\"text-muted-foreground leading-relaxed\">\n          {service.description}\n        </p>\n      </div>\n    </Card>\n  );\n}\n"
+    }
+  ],
+  "exports": {
+    "types": [],
+    "variables": [
+      "ServiceCard"
+    ]
+  }
+}

package/dist/registry/skill-card.json

@@ -0,0 +1,28 @@
+{
+  "name": "skill-card",
+  "type": "registry:component",
+  "title": "Skill Card",
+  "description": "Portfolio skill display card with icon/logo, skill name, proficiency level (percentage or text), and animated progress bar. Progress bar animates on scroll into view. Supports different sizes (sm, md, lg) and color variants. Perfect for showcasing technical skills in portfolios.",
+  "registryDependencies": [],
+  "usage": "import { SkillCard } from '@/modules/skill-card';\n\n<SkillCard\n  name=\"React\"\n  icon={<ReactIcon />}\n  level={90}\n/>\n\n• Installed at: src/modules/skill-card/\n• Use in grid: grid grid-cols-2 md:grid-cols-4 gap-4",
+  "files": [
+    {
+      "path": "skill-card/index.ts",
+      "type": "registry:index",
+      "target": "$modules$/skill-card/index.ts",
+      "content": "export * from './skill-card';\r\n"
+    },
+    {
+      "path": "skill-card/skill-card.tsx",
+      "type": "registry:component",
+      "target": "$modules$/skill-card/skill-card.tsx",
+      "content": "import { cn } from \"@/lib/utils\";\n\ninterface Skill {\n  id: string | number;\n  name: string;\n  percentage: number;\n  icon?: React.ReactNode;\n}\n\ninterface SkillCardProps {\n  skill: Skill;\n  className?: string;\n}\n\n// Get gradient based on percentage\nfunction getGradientClass(percentage: number): string {\n  if (percentage >= 90) return \"from-emerald-500 to-cyan-500\";\n  if (percentage >= 75) return \"from-blue-500 to-indigo-500\";\n  if (percentage >= 60) return \"from-violet-500 to-purple-500\";\n  if (percentage >= 40) return \"from-orange-500 to-amber-500\";\n  return \"from-rose-500 to-pink-500\";\n}\n\nexport function SkillCard({ skill, className = \"\" }: SkillCardProps) {\n  const radius = 40;\n  const circumference = 2 * Math.PI * radius;\n  const strokeDashoffset = circumference - (skill.percentage / 100) * circumference;\n  const gradientClass = getGradientClass(skill.percentage);\n\n  return (\n    <div\n      className={cn(\n        \"group relative overflow-hidden rounded-2xl p-6 transition-all duration-500\",\n        \"hover:scale-105 hover:shadow-2xl hover:shadow-primary/20\",\n        \"bg-gradient-to-br\",\n        gradientClass,\n        className\n      )}\n    >\n      {/* Glow effect on hover */}\n      <div className=\"absolute inset-0 bg-white/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500\" />\n\n      {/* Circular Progress */}\n      <div className=\"relative flex items-center justify-center mb-4\">\n        <svg className=\"w-24 h-24 transform -rotate-90\" viewBox=\"0 0 100 100\">\n          {/* Background circle */}\n          <circle\n            cx=\"50\"\n            cy=\"50\"\n            r={radius}\n            fill=\"none\"\n            stroke=\"rgba(255,255,255,0.2)\"\n            strokeWidth=\"8\"\n          />\n          {/* Progress circle */}\n          <circle\n            cx=\"50\"\n            cy=\"50\"\n            r={radius}\n            fill=\"none\"\n            stroke=\"white\"\n            strokeWidth=\"8\"\n            strokeLinecap=\"round\"\n            strokeDasharray={circumference}\n            strokeDashoffset={strokeDashoffset}\n            className=\"transition-all duration-1000 ease-out\"\n          />\n        </svg>\n\n        {/* Percentage in center */}\n        <div className=\"absolute inset-0 flex items-center justify-center\">\n          <span className=\"text-2xl font-bold text-white drop-shadow-lg\">\n            {skill.percentage}%\n          </span>\n        </div>\n      </div>\n\n      {/* Icon (if provided) */}\n      {skill.icon && (\n        <div className=\"flex justify-center mb-3 text-white/90\">\n          {skill.icon}\n        </div>\n      )}\n\n      {/* Skill Name */}\n      <h3 className=\"text-center text-lg font-semibold text-white drop-shadow-md\">\n        {skill.name}\n      </h3>\n\n      {/* Decorative elements */}\n      <div className=\"absolute -top-12 -right-12 w-24 h-24 bg-white/10 rounded-full blur-2xl group-hover:scale-150 transition-transform duration-700\" />\n      <div className=\"absolute -bottom-8 -left-8 w-20 h-20 bg-white/10 rounded-full blur-xl group-hover:scale-150 transition-transform duration-700\" />\n    </div>\n  );\n}\n"
+    }
+  ],
+  "exports": {
+    "types": [],
+    "variables": [
+      "SkillCard"
+    ]
+  }
+}

package/dist/registry/terms-page.json

@@ -0,0 +1,45 @@
+{
+  "name": "terms-page",
+  "type": "registry:page",
+  "title": "Terms of Service Page",
+  "description": "Terms of service/use page with numbered sections covering account terms, acceptable use, intellectual property, disclaimers, limitation of liability, and termination. Includes table of contents, collapsible sections, and professional legal formatting. Last updated date and acceptance notice included.",
+  "registryDependencies": [],
+  "usage": "import { TermsPage } from '@/modules/terms-page';\n\n<Route path=\"/terms\" element={<TermsPage />} />\n\n• Legal terms structure with numbered sections\n• Sections: account, use, IP, liability, termination\n• Edit content in lang/en.json",
+  "route": {
+    "path": "/terms",
+    "componentName": "TermsPage"
+  },
+  "files": [
+    {
+      "path": "terms-page/index.ts",
+      "type": "registry:index",
+      "target": "$modules$/terms-page/index.ts",
+      "content": "export * from './terms-page';\r\nexport { TermsPage as default } from './terms-page';\r\n"
+    },
+    {
+      "path": "terms-page/terms-page.tsx",
+      "type": "registry:page",
+      "target": "$modules$/terms-page/terms-page.tsx",
+      "content": "import { useTranslation } from \"react-i18next\";\nimport { usePageTitle } from \"@/hooks/use-page-title\";\nimport { Layout } from \"@/components/Layout\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { FileText, Scale, AlertTriangle, Ban, RefreshCw, Gavel } from \"lucide-react\";\nimport { FadeIn, StaggerContainer, StaggerItem } from \"@/modules/animations\";\n\nexport function TermsPage() {\n  const { t } = useTranslation(\"terms-page\");\n  usePageTitle({ title: t(\"title\") });\n\n  const sections = [\n    { icon: FileText, titleKey: \"acceptanceTitle\", contentKey: \"acceptanceContent\" },\n    { icon: Scale, titleKey: \"licenseTitle\", contentKey: \"licenseContent\" },\n    { icon: AlertTriangle, titleKey: \"restrictionsTitle\", contentKey: \"restrictionsContent\" },\n    { icon: Ban, titleKey: \"terminationTitle\", contentKey: \"terminationContent\" },\n    { icon: RefreshCw, titleKey: \"changesTitle\", contentKey: \"changesContent\" },\n    { icon: Gavel, titleKey: \"governingTitle\", contentKey: \"governingContent\" },\n  ];\n\n  return (\n    <Layout>\n      <div className=\"min-h-screen bg-muted/30 py-12\">\n        <div className=\"container mx-auto px-4\">\n          {/* Header */}\n          <FadeIn className=\"text-center mb-12\">\n            <div className=\"w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center mx-auto mb-4\">\n              <FileText className=\"w-8 h-8 text-primary\" />\n            </div>\n            <h1 className=\"text-4xl font-bold text-foreground mb-4\">\n              {t(\"title\")}\n            </h1>\n            <p className=\"text-muted-foreground\">\n              {t(\"lastUpdated\")}: {t(\"updateDate\")}\n            </p>\n          </FadeIn>\n\n          {/* Introduction */}\n          <FadeIn delay={0.1} className=\"max-w-4xl mx-auto mb-12\">\n            <Card>\n              <CardContent className=\"p-8\">\n                <p className=\"text-muted-foreground leading-relaxed\">\n                  {t(\"introduction\")}\n                </p>\n              </CardContent>\n            </Card>\n          </FadeIn>\n\n          {/* Sections */}\n          <StaggerContainer className=\"max-w-4xl mx-auto space-y-6\">\n            {sections.map(({ icon: Icon, titleKey, contentKey }, index) => (\n              <StaggerItem key={titleKey}>\n                <Card>\n                  <CardContent className=\"p-8\">\n                    <div className=\"flex items-start gap-4\">\n                      <div className=\"w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center flex-shrink-0\">\n                        <Icon className=\"w-5 h-5 text-primary\" />\n                      </div>\n                      <div className=\"flex-1\">\n                        <h2 className=\"text-xl font-semibold mb-3\">\n                          {index + 1}. {t(titleKey)}\n                        </h2>\n                        <p className=\"text-muted-foreground\">{t(contentKey)}</p>\n                      </div>\n                    </div>\n                  </CardContent>\n                </Card>\n              </StaggerItem>\n            ))}\n          </StaggerContainer>\n\n          {/* Footer Note */}\n          <FadeIn className=\"max-w-4xl mx-auto mt-12 text-center\">\n            <p className=\"text-sm text-muted-foreground\">{t(\"footerNote\")}</p>\n          </FadeIn>\n        </div>\n      </div>\n    </Layout>\n  );\n}\n\nexport default TermsPage;\n"
+    },
+    {
+      "path": "terms-page/lang/en.json",
+      "type": "registry:lang",
+      "target": "$modules$/terms-page/lang/en.json",
+      "content": "{\r\n  \"title\": \"Terms of Service\",\r\n  \"lastUpdated\": \"Last Updated\",\r\n  \"updateDate\": \"January 2026\",\r\n  \"introduction\": \"Please read these Terms of Service carefully before using our website or services. By accessing or using our services, you agree to be bound by these terms. If you do not agree to all the terms and conditions, you may not access or use our services.\",\r\n  \"acceptanceTitle\": \"Acceptance of Terms\",\r\n  \"acceptanceContent\": \"By accessing and using this website, you accept and agree to be bound by the terms and provisions of this agreement. You must be at least 18 years old to use our services. You agree to provide accurate and complete information, maintain the confidentiality of your account, and accept responsibility for all activities under your account.\",\r\n  \"licenseTitle\": \"License and Access\",\r\n  \"licenseContent\": \"We grant you a limited, non-exclusive, non-transferable license to access and use our services for personal, non-commercial purposes. This license does not include resale or commercial use of the service, derivative use of the service or its contents, downloading or copying of account information, or use of data mining, robots, or similar data gathering tools.\",\r\n  \"restrictionsTitle\": \"User Restrictions\",\r\n  \"restrictionsContent\": \"When using our services, you agree not to engage in any activities that may harm, disable, or impair our services or interfere with other users. Do not use the service for illegal purposes, violate laws in your jurisdiction, transmit malicious code, attempt unauthorized access to our systems, or harass other users.\",\r\n  \"terminationTitle\": \"Termination\",\r\n  \"terminationContent\": \"We may terminate or suspend your access to our services immediately, without prior notice, for any reason whatsoever, including breach of these Terms. Upon termination, your right to use the service will cease immediately. You may terminate your account at any time by contacting us.\",\r\n  \"changesTitle\": \"Changes to Terms\",\r\n  \"changesContent\": \"We reserve the right to modify or replace these Terms at any time. Material changes will be notified at least 30 days before taking effect via email or website. Continued use after changes constitutes acceptance of new terms. You should review the Terms periodically for changes.\",\r\n  \"governingTitle\": \"Governing Law\",\r\n  \"governingContent\": \"These Terms shall be governed by and construed in accordance with applicable laws, without regard to conflict of law provisions. Any disputes shall be resolved in the courts of the applicable jurisdiction. These terms constitute the entire agreement between us.\",\r\n  \"footerNote\": \"If you have any questions about these Terms of Service, please contact us. Your continued use of our services constitutes acceptance of these terms.\"\r\n}\r\n"
+    },
+    {
+      "path": "terms-page/lang/tr.json",
+      "type": "registry:lang",
+      "target": "$modules$/terms-page/lang/tr.json",
+      "content": "{\r\n  \"title\": \"Kullanım Şartları\",\r\n  \"lastUpdated\": \"Son Güncelleme\",\r\n  \"updateDate\": \"Ocak 2026\",\r\n  \"introduction\": \"Web sitemizi veya hizmetlerimizi kullanmadan önce lütfen bu Kullanım Şartlarını dikkatlice okuyun. Hizmetlerimize erişerek veya kullanarak bu şartlara bağlı olmayı kabul edersiniz. Tüm şart ve koşulları kabul etmiyorsanız, hizmetlerimize erişemez veya kullanamazsınız.\",\r\n  \"acceptanceTitle\": \"Şartların Kabulü\",\r\n  \"acceptanceContent\": \"Bu web sitesine erişerek ve kullanarak, bu sözleşmenin şart ve hükümlerine bağlı olmayı kabul edersiniz. Hizmetlerimizi kullanmak için en az 18 yaşında olmalısınız. Doğru ve eksiksiz bilgi sağlamayı, hesabınızın gizliliğini korumayı ve hesabınızdaki tüm faaliyetlerden sorumluluk kabul etmeyi taahhüt edersiniz.\",\r\n  \"licenseTitle\": \"Lisans ve Erişim\",\r\n  \"licenseContent\": \"Size hizmetlerimize erişim ve kişisel, ticari olmayan amaçlarla kullanım için sınırlı, münhasır olmayan, devredilemez bir lisans veriyoruz. Bu lisans hizmetin yeniden satışını, ticari kullanımını, türetilmiş kullanımını, hesap bilgilerinin indirilmesini veya veri madenciliği araçlarının kullanımını içermez.\",\r\n  \"restrictionsTitle\": \"Kullanıcı Kısıtlamaları\",\r\n  \"restrictionsContent\": \"Hizmetlerimizi kullanırken, hizmetlerimize zarar verebilecek veya diğer kullanıcıları engelleyebilecek herhangi bir faaliyette bulunmamayı kabul edersiniz. Hizmeti yasadışı amaçlar için kullanmayın, yasaları ihlal etmeyin, zararlı kod iletmeyin, sistemlerimize yetkisiz erişim sağlamaya çalışmayın veya diğer kullanıcıları taciz etmeyin.\",\r\n  \"terminationTitle\": \"Fesih\",\r\n  \"terminationContent\": \"Bu Şartların ihlali de dahil olmak üzere herhangi bir nedenle, önceden haber vermeksizin, hizmetlerimize erişiminizi derhal sonlandırabiliriz veya askıya alabiliriz. Fesih üzerine, hizmeti kullanma hakkınız derhal sona erecektir. Hesabınızı istediğiniz zaman bizimle iletişime geçerek sonlandırabilirsiniz.\",\r\n  \"changesTitle\": \"Şartlardaki Değişiklikler\",\r\n  \"changesContent\": \"Bu Şartları istediğimiz zaman değiştirme hakkını saklı tutuyoruz. Önemli değişiklikler yürürlüğe girmeden en az 30 gün önce e-posta veya web sitesi aracılığıyla bildirilecektir. Değişikliklerden sonra devam eden kullanım yeni şartların kabulü anlamına gelir. Şartları periyodik olarak gözden geçirmelisiniz.\",\r\n  \"governingTitle\": \"Yürürlükteki Hukuk\",\r\n  \"governingContent\": \"Bu Şartlar, hukuk uyuşmazlığı hükümleri dikkate alınmaksızın, yürürlükteki yasalara göre yönetilecek ve yorumlanacaktır. Herhangi bir uyuşmazlık ilgili yargı yetkisinin mahkemelerinde çözülecektir. Bu şartlar aramızdaki tam sözleşmeyi oluşturur.\",\r\n  \"footerNote\": \"Bu Kullanım Şartları hakkında herhangi bir sorunuz varsa, lütfen bizimle iletişime geçin. Hizmetlerimizi kullanmaya devam etmeniz bu şartları kabul ettiğiniz anlamına gelir.\"\r\n}\r\n"
+    }
+  ],
+  "exports": {
+    "types": [],
+    "variables": [
+      "TermsPage",
+      "default"
+    ]
+  }
+}

package/dist/registry/testimonials-carousel.json

@@ -0,0 +1,44 @@
+{
+  "name": "testimonials-carousel",
+  "type": "registry:component",
+  "title": "Testimonials Carousel",
+  "description": "Carousel-based testimonials section using Embla Carousel. Features customer cards with avatar, name, role, review text, and star ratings. Includes dot navigation and arrow controls. Responsive design shows 1-3 cards based on screen size.",
+  "registryDependencies": [
+    "carousel",
+    "card",
+    "avatar"
+  ],
+  "usage": "import { TestimonialsCarousel } from '@/modules/testimonials-carousel';\n\n<TestimonialsCarousel />\n\n- Embla carousel with loop\n- Dot pagination controls\n- Star ratings\n- Responsive 1-3 column layout",
+  "files": [
+    {
+      "path": "testimonials-carousel/index.ts",
+      "type": "registry:index",
+      "target": "$modules$/testimonials-carousel/index.ts",
+      "content": "export * from './testimonials-carousel';\r\n"
+    },
+    {
+      "path": "testimonials-carousel/testimonials-carousel.tsx",
+      "type": "registry:component",
+      "target": "$modules$/testimonials-carousel/testimonials-carousel.tsx",
+      "content": "import { useState, useEffect } from \"react\";\r\nimport { Star } from \"lucide-react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { cn } from \"@/lib/utils\";\r\nimport { Card, CardContent, CardHeader, CardFooter, CardTitle } from \"@/components/ui/card\";\r\nimport {\r\n  Carousel,\r\n  CarouselContent,\r\n  CarouselItem,\r\n  CarouselNext,\r\n  CarouselPrevious,\r\n  type CarouselApi,\r\n} from \"@/components/ui/carousel\";\r\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar\";\r\nimport { Button } from \"@/components/ui/button\";\r\n\r\ninterface Testimonial {\r\n  id: number;\r\n  name: string;\r\n  role: string;\r\n  image: string;\r\n  review: string;\r\n  rating: number;\r\n}\r\n\r\ninterface TestimonialsCarouselProps {\r\n  className?: string;\r\n}\r\n\r\nexport function TestimonialsCarousel({ className }: TestimonialsCarouselProps) {\r\n  const { t } = useTranslation(\"testimonials-carousel\");\r\n  const [api, setApi] = useState<CarouselApi>();\r\n  const [current, setCurrent] = useState(0);\r\n\r\n  const testimonials: Testimonial[] = [\r\n    {\r\n      id: 1,\r\n      name: t(\"testimonial1Name\", \"Sarah Johnson\"),\r\n      role: t(\"testimonial1Role\", \"Product Manager\"),\r\n      image: \"/images/placeholder.png\",\r\n      review: t(\"testimonial1Review\", \"This platform has completely transformed how we work. The intuitive interface and powerful features have boosted our team's productivity significantly.\"),\r\n      rating: 5,\r\n    },\r\n    {\r\n      id: 2,\r\n      name: t(\"testimonial2Name\", \"Michael Chen\"),\r\n      role: t(\"testimonial2Role\", \"Software Engineer\"),\r\n      image: \"/images/placeholder.png\",\r\n      review: t(\"testimonial2Review\", \"Exceptional quality and attention to detail. The support team is incredibly responsive and helpful. Highly recommend for any development team.\"),\r\n      rating: 5,\r\n    },\r\n    {\r\n      id: 3,\r\n      name: t(\"testimonial3Name\", \"Emily Davis\"),\r\n      role: t(\"testimonial3Role\", \"Design Lead\"),\r\n      image: \"/images/placeholder.png\",\r\n      review: t(\"testimonial3Review\", \"The best investment we've made for our design workflow. Clean, modern, and incredibly flexible. Our clients love the results.\"),\r\n      rating: 4,\r\n    },\r\n    {\r\n      id: 4,\r\n      name: t(\"testimonial4Name\", \"James Wilson\"),\r\n      role: t(\"testimonial4Role\", \"Startup Founder\"),\r\n      image: \"/images/placeholder.png\",\r\n      review: t(\"testimonial4Review\", \"Launched our MVP in record time thanks to this amazing toolkit. The documentation is excellent and the community is super helpful.\"),\r\n      rating: 5,\r\n    },\r\n  ];\r\n\r\n  useEffect(() => {\r\n    if (!api) return;\r\n\r\n    const onSelect = () => {\r\n      setCurrent(api.selectedScrollSnap());\r\n    };\r\n\r\n    api.on(\"select\", onSelect);\r\n    return () => {\r\n      api.off(\"select\", onSelect);\r\n    };\r\n  }, [api]);\r\n\r\n  return (\r\n    <section className={cn(\"py-16 md:py-24\", className)}>\r\n      <div className=\"container mx-auto px-4\">\r\n        <header className=\"mb-12 text-center\">\r\n          <h2 className=\"text-3xl font-bold md:text-4xl mb-4\">\r\n            {t(\"title\", \"What Our Customers Say\")}\r\n          </h2>\r\n          <p className=\"text-muted-foreground max-w-2xl mx-auto\">\r\n            {t(\"subtitle\", \"Don't just take our word for it. Here's what our customers have to say about their experience.\")}\r\n          </p>\r\n        </header>\r\n\r\n        <Carousel\r\n          setApi={setApi}\r\n          opts={{\r\n            align: \"start\",\r\n            loop: true,\r\n          }}\r\n          className=\"w-full max-w-6xl mx-auto\"\r\n        >\r\n          <CarouselContent className=\"-ml-4\">\r\n            {testimonials.map((testimonial) => (\r\n              <CarouselItem\r\n                key={testimonial.id}\r\n                className=\"pl-4 basis-full sm:basis-1/2 lg:basis-1/3\"\r\n              >\r\n                <Card className=\"h-full\">\r\n                  <CardHeader>\r\n                    <div className=\"flex items-center gap-4\">\r\n                      <Avatar className=\"h-12 w-12\">\r\n                        <AvatarImage\r\n                          src={testimonial.image}\r\n                          alt={testimonial.name}\r\n                        />\r\n                        <AvatarFallback>\r\n                          {testimonial.name.charAt(0)}\r\n                        </AvatarFallback>\r\n                      </Avatar>\r\n                      <div>\r\n                        <CardTitle className=\"text-base\">\r\n                          {testimonial.name}\r\n                        </CardTitle>\r\n                        <p className=\"text-sm text-muted-foreground\">\r\n                          {testimonial.role}\r\n                        </p>\r\n                      </div>\r\n                    </div>\r\n                  </CardHeader>\r\n                  <CardContent>\r\n                    <p className=\"text-muted-foreground text-sm leading-relaxed\">\r\n                      \"{testimonial.review}\"\r\n                    </p>\r\n                  </CardContent>\r\n                  <CardFooter>\r\n                    <div className=\"flex items-center gap-1\">\r\n                      {[...Array(5)].map((_, index) => (\r\n                        <Star\r\n                          key={index}\r\n                          className={cn(\r\n                            \"h-4 w-4\",\r\n                            index < testimonial.rating\r\n                              ? \"fill-yellow-400 text-yellow-400\"\r\n                              : \"fill-muted text-muted\"\r\n                          )}\r\n                        />\r\n                      ))}\r\n                    </div>\r\n                  </CardFooter>\r\n                </Card>\r\n              </CarouselItem>\r\n            ))}\r\n          </CarouselContent>\r\n          <CarouselPrevious className=\"hidden lg:flex\" />\r\n          <CarouselNext className=\"hidden lg:flex\" />\r\n        </Carousel>\r\n\r\n        {/* Dot Navigation */}\r\n        <div className=\"flex items-center justify-center gap-2 mt-8\">\r\n          {testimonials.map((_, index) => (\r\n            <Button\r\n              key={index}\r\n              variant=\"ghost\"\r\n              size=\"sm\"\r\n              onClick={() => api?.scrollTo(index)}\r\n              className={cn(\r\n                \"h-2 rounded-full p-0 transition-all\",\r\n                current === index\r\n                  ? \"w-6 bg-primary\"\r\n                  : \"w-2 bg-muted hover:bg-muted-foreground/20\"\r\n              )}\r\n              aria-label={`Go to slide ${index + 1}`}\r\n            />\r\n          ))}\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n}\r\n"
+    },
+    {
+      "path": "testimonials-carousel/lang/en.json",
+      "type": "registry:lang",
+      "target": "$modules$/testimonials-carousel/lang/en.json",
+      "content": "{\r\n  \"title\": \"What Our Customers Say\",\r\n  \"subtitle\": \"AI will customize this subtitle based on your testimonials section purpose.\",\r\n  \"testimonial1Name\": \"Customer Name\",\r\n  \"testimonial1Role\": \"AI will replace this with appropriate job title\",\r\n  \"testimonial1Review\": \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. AI will replace this testimonial with relevant customer feedback based on your site.\",\r\n  \"testimonial2Name\": \"Client Name\",\r\n  \"testimonial2Role\": \"This role will be customized by AI\",\r\n  \"testimonial2Review\": \"This is placeholder testimonial text. AI will generate appropriate customer reviews based on your service or product offerings.\",\r\n  \"testimonial3Name\": \"Testimonial Name\",\r\n  \"testimonial3Role\": \"Replace with customer role\",\r\n  \"testimonial3Review\": \"Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. AI will customize this review to match your project context.\",\r\n  \"testimonial4Name\": \"Reviewer Name\",\r\n  \"testimonial4Role\": \"AI will customize this role\",\r\n  \"testimonial4Review\": \"Placeholder customer testimonial. AI will replace this with contextually appropriate feedback based on your industry and services.\"\r\n}\r\n"
+    },
+    {
+      "path": "testimonials-carousel/lang/tr.json",
+      "type": "registry:lang",
+      "target": "$modules$/testimonials-carousel/lang/tr.json",
+      "content": "{\r\n  \"title\": \"Müşterilerimiz Ne Diyor\",\r\n  \"subtitle\": \"AI bu alt başlığı referanslar bölümünüzün amacına göre özelleştirecektir.\",\r\n  \"testimonial1Name\": \"Müşteri Adı\",\r\n  \"testimonial1Role\": \"AI bunu uygun iş unvanıyla değiştirecektir\",\r\n  \"testimonial1Review\": \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. AI bu referansı sitenize göre ilgili müşteri geri bildirimleriyle değiştirecektir.\",\r\n  \"testimonial2Name\": \"Müşteri Adı\",\r\n  \"testimonial2Role\": \"Bu rol AI tarafından özelleştirilecektir\",\r\n  \"testimonial2Review\": \"Bu placeholder referans metnidir. AI hizmet veya ürün tekliflerinize göre uygun müşteri yorumları üretecektir.\",\r\n  \"testimonial3Name\": \"Referans Adı\",\r\n  \"testimonial3Role\": \"Müşteri rolüyle değiştirin\",\r\n  \"testimonial3Review\": \"Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. AI bu yorumu proje bağlamınıza uyacak şekilde özelleştirecektir.\",\r\n  \"testimonial4Name\": \"Yorumcu Adı\",\r\n  \"testimonial4Role\": \"AI bu rolü özelleştirecektir\",\r\n  \"testimonial4Review\": \"Placeholder müşteri referansı. AI bunu hedef kitlenize ve içeriğinize göre bağlamsal olarak uygun geri bildirimlerle değiştirecektir.\"\r\n}\r\n"
+    }
+  ],
+  "exports": {
+    "types": [],
+    "variables": [
+      "TestimonialsCarousel"
+    ]
+  }
+}

package/dist/registry/testimonials-grid.json

@@ -0,0 +1,43 @@
+{
+  "name": "testimonials-grid",
+  "type": "registry:component",
+  "title": "Testimonials Grid",
+  "description": "Static 3-column grid testimonials section without carousel. Features quote icon, review text, star ratings, and author info with avatar. Simple, clean design with subtle background. Great for landing pages and about pages.",
+  "registryDependencies": [
+    "card",
+    "avatar"
+  ],
+  "usage": "import { TestimonialsGrid } from '@/modules/testimonials-grid';\n\n<TestimonialsGrid />\n\n- Static 3-column grid\n- Quote icon decoration\n- Star ratings\n- No JavaScript carousel needed",
+  "files": [
+    {
+      "path": "testimonials-grid/index.ts",
+      "type": "registry:index",
+      "target": "$modules$/testimonials-grid/index.ts",
+      "content": "export * from './testimonials-grid';\r\n"
+    },
+    {
+      "path": "testimonials-grid/testimonials-grid.tsx",
+      "type": "registry:component",
+      "target": "$modules$/testimonials-grid/testimonials-grid.tsx",
+      "content": "import { Star, Quote } from \"lucide-react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { cn } from \"@/lib/utils\";\r\nimport { Card, CardContent } from \"@/components/ui/card\";\r\nimport { Avatar, AvatarFallback, AvatarImage } from \"@/components/ui/avatar\";\r\n\r\ninterface TestimonialsGridProps {\r\n  className?: string;\r\n}\r\n\r\nexport function TestimonialsGrid({ className }: TestimonialsGridProps) {\r\n  const { t } = useTranslation(\"testimonials-grid\");\r\n\r\n  const testimonials = [\r\n    {\r\n      id: 1,\r\n      name: t(\"testimonial1Name\", \"Alex Thompson\"),\r\n      role: t(\"testimonial1Role\", \"CEO at TechStart\"),\r\n      image: \"/images/placeholder.png\",\r\n      review: t(\"testimonial1Review\", \"Incredible experience from start to finish. The team went above and beyond to ensure we got exactly what we needed. Would highly recommend.\"),\r\n      rating: 5,\r\n    },\r\n    {\r\n      id: 2,\r\n      name: t(\"testimonial2Name\", \"Maria Garcia\"),\r\n      role: t(\"testimonial2Role\", \"Marketing Director\"),\r\n      image: \"/images/placeholder.png\",\r\n      review: t(\"testimonial2Review\", \"The attention to detail is remarkable. Every aspect of the product shows careful thought and excellent execution. Our team loves it.\"),\r\n      rating: 5,\r\n    },\r\n    {\r\n      id: 3,\r\n      name: t(\"testimonial3Name\", \"David Kim\"),\r\n      role: t(\"testimonial3Role\", \"Lead Developer\"),\r\n      image: \"/images/placeholder.png\",\r\n      review: t(\"testimonial3Review\", \"As a developer, I appreciate clean code and good documentation. This delivers on both fronts. Integration was seamless and support was excellent.\"),\r\n      rating: 5,\r\n    },\r\n  ];\r\n\r\n  return (\r\n    <section className={cn(\"py-16 md:py-24 bg-muted/30\", className)}>\r\n      <div className=\"container mx-auto px-4\">\r\n        <div className=\"text-center mb-12\">\r\n          <h2 className=\"text-3xl font-bold md:text-4xl mb-4\">\r\n            {t(\"title\", \"Trusted by Industry Leaders\")}\r\n          </h2>\r\n          <p className=\"text-muted-foreground max-w-2xl mx-auto\">\r\n            {t(\"subtitle\", \"See what professionals across various industries have to say about working with us.\")}\r\n          </p>\r\n        </div>\r\n\r\n        <div className=\"grid md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-6xl mx-auto\">\r\n          {testimonials.map((testimonial) => (\r\n            <Card key={testimonial.id} className=\"relative overflow-hidden\">\r\n              <CardContent className=\"pt-6\">\r\n                {/* Quote Icon */}\r\n                <Quote className=\"h-8 w-8 text-primary/20 mb-4\" />\r\n\r\n                {/* Review */}\r\n                <p className=\"text-muted-foreground mb-6 leading-relaxed\">\r\n                  \"{testimonial.review}\"\r\n                </p>\r\n\r\n                {/* Rating */}\r\n                <div className=\"flex items-center gap-1 mb-4\">\r\n                  {[...Array(5)].map((_, index) => (\r\n                    <Star\r\n                      key={index}\r\n                      className={cn(\r\n                        \"h-4 w-4\",\r\n                        index < testimonial.rating\r\n                          ? \"fill-yellow-400 text-yellow-400\"\r\n                          : \"fill-muted text-muted\"\r\n                      )}\r\n                    />\r\n                  ))}\r\n                </div>\r\n\r\n                {/* Author */}\r\n                <div className=\"flex items-center gap-3 pt-4 border-t\">\r\n                  <Avatar className=\"h-10 w-10\">\r\n                    <AvatarImage\r\n                      src={testimonial.image}\r\n                      alt={testimonial.name}\r\n                    />\r\n                    <AvatarFallback>\r\n                      {testimonial.name.charAt(0)}\r\n                    </AvatarFallback>\r\n                  </Avatar>\r\n                  <div>\r\n                    <p className=\"font-semibold text-sm\">{testimonial.name}</p>\r\n                    <p className=\"text-xs text-muted-foreground\">\r\n                      {testimonial.role}\r\n                    </p>\r\n                  </div>\r\n                </div>\r\n              </CardContent>\r\n            </Card>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n}\r\n"
+    },
+    {
+      "path": "testimonials-grid/lang/en.json",
+      "type": "registry:lang",
+      "target": "$modules$/testimonials-grid/lang/en.json",
+      "content": "{\r\n  \"title\": \"What People Say\",\r\n  \"subtitle\": \"AI will customize this subtitle to match your testimonials section.\",\r\n  \"testimonial1Name\": \"Industry Leader Name\",\r\n  \"testimonial1Role\": \"AI will replace with appropriate executive title\",\r\n  \"testimonial1Review\": \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. AI will generate appropriate testimonial based on your site and audience.\",\r\n  \"testimonial2Name\": \"Customer Name\",\r\n  \"testimonial2Role\": \"This role will be customized by AI\",\r\n  \"testimonial2Review\": \"Placeholder testimonial text. AI will replace this with relevant feedback based on your content or services.\",\r\n  \"testimonial3Name\": \"Expert Name\",\r\n  \"testimonial3Role\": \"Replace with expert role\",\r\n  \"testimonial3Review\": \"Sed do eiusmod tempor incididunt ut labore. AI will customize this review to provide contextually appropriate testimonial content.\"\r\n}\r\n"
+    },
+    {
+      "path": "testimonials-grid/lang/tr.json",
+      "type": "registry:lang",
+      "target": "$modules$/testimonials-grid/lang/tr.json",
+      "content": "{\r\n  \"title\": \"İnsanların Yorumları\",\r\n  \"subtitle\": \"AI bu alt başlığı referanslar bölümünüze uyacak şekilde özelleştirecektir.\",\r\n  \"testimonial1Name\": \"Kullanıcı Adı\",\r\n  \"testimonial1Role\": \"AI bunu uygun yönetici unvanıyla değiştirecektir\",\r\n  \"testimonial1Review\": \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. AI sitenize ve hedef kitlenize göre uygun referans üretecektir.\",\r\n  \"testimonial2Name\": \"Müşteri Adı\",\r\n  \"testimonial2Role\": \"Bu rol AI tarafından özelleştirilecektir\",\r\n  \"testimonial2Review\": \"Placeholder referans metni. AI bunu içerik veya hizmetlerinize göre ilgili geri bildirimlerle değiştirecektir.\",\r\n  \"testimonial3Name\": \"Uzman Adı\",\r\n  \"testimonial3Role\": \"Uzman rolüyle değiştirin\",\r\n  \"testimonial3Review\": \"Sed do eiusmod tempor incididunt ut labore. AI bu yorumu bağlamsal olarak uygun referans içeriği sağlamak için özelleştirecektir.\"\r\n}\r\n"
+    }
+  ],
+  "exports": {
+    "types": [],
+    "variables": [
+      "TestimonialsGrid"
+    ]
+  }
+}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@promakeai/cli",
+  "version": "0.0.5",
+  "type": "module",
+  "bin": {
+    "promake": "dist/index.js"
+  },
+  "files": [
+    "dist/index.js",
+    "dist/registry",
+    "template"
+  ],
+  "scripts": {
+    "dev": "bun run src/index.ts",
+    "dev:app": "cd dev && bun run dev",
+    "dev:populate": "bun run scripts/populate-dev.ts",
+    "dev:fresh": "bun run dev:populate && bun run dev:app",
+    "playground:create": "rm -rf playground && bun run dev -- create playground --template empty --pm bun",
+    "playground:reset": "bun run playground:create",
+    "playground:add": "cd playground && bun run ../src/index.ts add",
+    "playground:ecommerce": "rm -rf playground && bun run dev -- create playground --template ecommerce --pm bun",
+    "build": "bun run build:cli && bun run build:registry",
+    "build:cli": "bun build src/index.ts --outdir dist --target node --minify",
+    "build:registry": "bun run scripts/build-registry.ts",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "bun run build",
+    "test": "bun test",
+    "test:watch": "bun test --watch",
+    "test:coverage": "bun test --coverage",
+    "release": "bun run build && npm publish --access public"
+  },
+  "dependencies": {
+    "adm-zip": "^0.5.16",
+    "archiver": "^7.0.1",
+    "chalk": "^5.3.0",
+    "commander": "^12.1.0",
+    "culori": "^4.0.2",
+    "fs-extra": "^11.2.0",
+    "glob": "^11.0.0",
+    "ora": "^8.1.1",
+    "prompts": "^2.4.2"
+  },
+  "devDependencies": {
+    "@types/archiver": "^7.0.0",
+    "@types/bun": "^1.1.14",
+    "@types/culori": "^4.0.1",
+    "@types/fs-extra": "^11.0.4",
+    "@types/node": "^22.10.2",
+    "@types/prompts": "^2.4.9",
+    "typescript": "^5.7.2"
+  }
+}

package/template/.env

@@ -0,0 +1,6 @@
+VITE_API_PAYMENT=https://payment.promake.ai/api/v1
+VITE_TENANT_UUID="YWJjeHl6MTIzT0dVWkNBTg"
+VITE_MAIL_SERVICE_URL="https://mail.promake.ai/api/v1/send-mail"
+VITE_TENANT_MAIL="uc.erkut@gmail.com"
+VITE_ONLINE_PAYMENT_METHODS="stripe,iyzico"
+VITE_AVAILABLE_PAYMENT_METHODS="card,transfer,cash"

package/template/.prettierignore

@@ -0,0 +1,3 @@
+# Ignore artifacts:
+build
+coverage

package/template/.prettierrc

@@ -0,0 +1 @@
+{}

package/template/README.md

@@ -0,0 +1,73 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default defineConfig([
+  globalIgnores(["dist"]),
+  {
+    files: ["**/*.{ts,tsx}"],
+    extends: [
+      // Other configs...
+
+      // Remove tseslint.configs.recommended and replace with this
+      tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      tseslint.configs.stylisticTypeChecked,
+
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ["./tsconfig.node.json", "./tsconfig.app.json"],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+]);
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from "eslint-plugin-react-x";
+import reactDom from "eslint-plugin-react-dom";
+
+export default defineConfig([
+  globalIgnores(["dist"]),
+  {
+    files: ["**/*.{ts,tsx}"],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs["recommended-typescript"],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ["./tsconfig.node.json", "./tsconfig.app.json"],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+]);
+```