Merge pull request #52 from Logging-Stuff/v0-inc

V0 integration

Author: ariflogs

.github/workflows/deploy.yml

@@ -4,18 +4,18 @@ on:
   release:
     types:
       - published
-    
+
 jobs:
   build-and-deploy:
     runs-on: ubuntu-latest
 
     steps:
       - name: Check out the repository
         uses: actions/checkout@v4
-      
+
       - name: Setup Docker Buildx
         uses: docker/setup-buildx-action@v3
-      
+
       - name: DockerHub login
         uses: docker/login-action@v3
         with:
@@ -26,7 +26,7 @@ jobs:
         run: |
           docker build -t devarifhossain/retroui:1.1.9 ./
           docker push devarifhossain/retroui:1.1.9
-    
+
       # - name: Set up SSH
       #   uses: webfactory/[email protected]
       #   with:
@@ -35,7 +35,7 @@ jobs:
       # - name: Add VPS to known_hosts
       #   run: |
       #     ssh-keyscan -H ${{ secrets.VPS_HOST }} >> ~/.ssh/known_hosts
-          
+
       # - name: Deploy to VPS
       #   run: |
-      #     ssh ${{ secrets.VPS_USERNAME }}@${{ secrets.VPS_HOST }} "cd /root/retroui && git pull && docker compose -f ./infra/docker-compose.prod.yml up web --build -d"
+      #     ssh ${{ secrets.VPS_USERNAME }}@${{ secrets.VPS_HOST }} "cd /root/retroui && git pull && docker compose -f ./infra/docker-compose.prod.yml up web --build -d"

.prettierrc

@@ -0,0 +1,5 @@
+{
+  "tabWidth": 2,
+  "semi": true,
+  "printWidth": 80
+}

CONTRIBUTING.md

@@ -37,15 +37,15 @@ Thank you for your interest in contributing to RetroUI 🙏. I hope this guide t
 
 ## Adding a New Component
 
-1. Create the main component in `/components/ui/NewComponent/NewComponent.tsx`
+1. Create the main component in `/components/retroui/NewComponent/NewComponent.tsx`
 
 ```ts
 export function NewComponent() {
   return <div>This is your component.</div>;
 }
 ```
 
-2. Export your component in `/components/ui/NewComponent/index.ts` and `/components/ui/index.ts`
+2. Export your component in `/components/retroui/NewComponent/index.ts` and `/components/retroui/index.ts`
 
 ```ts
 export * from "./NewComponent";

app/(docs)/docs/[[...slug]]/page.tsx

@@ -3,7 +3,7 @@ import { allDocs } from "contentlayer/generated";
 import { notFound } from "next/navigation";
 import { format } from "date-fns";
 import MDX from "@/components/MDX";
-import { Text } from "@/components/ui";
+import { Text } from "@/components/retroui/Text";
 import { Metadata } from "next";
 import { MoveRightIcon, MoveUpRightIcon } from "lucide-react";
 

app/(marketing)/blogs/[slug]/page.tsx

@@ -3,7 +3,7 @@ import { allBlogs } from "contentlayer/generated";
 import { notFound } from "next/navigation";
 import { format } from "date-fns";
 import MDX from "@/components/MDX";
-import { Avatar, Badge, Button, Text } from "@/components/ui";
+import { Avatar, Badge, Button, Text } from "@/components/retroui";
 import { Metadata } from "next";
 import { MoveRightIcon, MoveUpRightIcon } from "lucide-react";
 import Image from "next/image";

app/(marketing)/blogs/page.tsx

@@ -1,5 +1,5 @@
 import { allBlogs } from "@/.contentlayer/generated";
-import { Card, Text } from "@/components/ui";
+import { Card, Text } from "@/components/retroui";
 import Image from "next/image";
 import Link from "next/link";
 import React from "react";

app/(marketing)/page.tsx

@@ -8,7 +8,7 @@ import {
   Card,
   Avatar,
   Badge,
-} from "@/components/ui";
+} from "@/components/retroui";
 import AccordionStyleDefault from "@/preview/components/accordion-style-default";
 import AlertStyleDefaultIcon from "@/preview/components/alert-style-with-icon";
 import AvatarStyleCircle from "@/preview/components/avatar-style-circle-sizes";
@@ -32,7 +32,7 @@ async function getContributors(): Promise<
       headers: {
         "Content-Type": "application/json",
       },
-    }
+    },
   );
 
   const contributorsList = await request.json();
@@ -47,7 +47,7 @@ async function getContributors(): Promise<
         avatar: c.avatar_url,
         username: c.login,
         url: c.html_url,
-      })
+      }),
     ),
   ];
 }

app/(sink)/demo/components/page.tsx

@@ -15,8 +15,8 @@ import {
   TabsPanels,
   TabsTrigger,
   TabsTriggerList,
-} from "@/components/ui";
-import { Card } from "@/components/ui/Card";
+} from "@/components/retroui";
+import { Card } from "@/components/retroui/Card";
 import BadgeStyleVariants from "@/preview/components/badge-style-variants";
 import TestimonialCard from "@/preview/components/card-style-testimonial";
 import { CheckCircle } from "lucide-react";

app/global.css

@@ -74,8 +74,11 @@
 
 .text-outlined {
   letter-spacing: 2px;
-  text-shadow: 0px 0px 0 var(--color-primary), 0px 0px 0 var(--color-primary),
-    4px 4px 0 var(--color-primary), 4px 4px 0 var(--color-primary);
+  text-shadow:
+    0px 0px 0 var(--color-primary),
+    0px 0px 0 var(--color-primary),
+    4px 4px 0 var(--color-primary),
+    4px 4px 0 var(--color-primary);
 }
 
 /* Syntax Highlighting stuff */

app/robots.ts

@@ -1,11 +1,11 @@
-import type { MetadataRoute } from 'next'
- 
+import type { MetadataRoute } from "next";
+
 export default function robots(): MetadataRoute.Robots {
   return {
     rules: {
-      userAgent: '*',
-      allow: '/',
+      userAgent: "*",
+      allow: "/",
     },
-    sitemap: 'https://retroui.dev/sitemap.xml',
-  }
-}   
+    sitemap: "https://retroui.dev/sitemap.xml",
+  };
+}