feat: added docker images

Author: Pulkitxm

Makefile

@@ -0,0 +1,30 @@
+up:
+	docker compose up -d
+
+down:	
+	docker compose down -v
+
+delete:
+	docker compose down -v --rmi all
+
+build:
+	docker compose build --no-cache
+
+delPm2:
+	pm2 delete deployt-docker-orch
+
+pm2Logs:
+	pm2 logs deployt-docker-orch
+
+startPm2:
+	cd docker-orch && pm2 start npm --name "deployt-docker-orch" -- start
+
+start:
+	make delPm2 && \
+	cd docker-builder && make build && \
+	cd .. && make startPm2 \
+	cd .. && docker compose up -d 
+
+stop:
+	make down && \
+	pm2 stop deployt-docker-orch

core/.dockerignore

@@ -0,0 +1,40 @@
+# Node modules
+node_modules
+
+# Next.js build output
+.next
+
+# Logs
+*.log
+npm-debug.log*
+
+# Editor directories and files
+.vscode
+.idea
+*.swp
+*.swo
+
+# OS generated files
+.DS_Store
+Thumbs.db
+
+# Test coverage
+coverage
+
+# Temporary files
+*.tmp
+*.temp
+
+# Prisma
+prisma/*.db
+
+# Debug files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Build files
+out
+
+# Misc
+README.md

core/Dockerfile

@@ -0,0 +1,19 @@
+FROM node:18-alpine
+
+WORKDIR /app
+
+COPY package*.json ./
+
+RUN npm ci
+
+COPY prisma ./prisma
+
+RUN npx prisma generate
+
+COPY . .
+
+RUN npm run build
+
+EXPOSE 3000
+
+CMD ["npm", "start"]

core/components/Dashboard/Project.tsx

@@ -23,12 +23,14 @@ import ProjectStatus from "@/components/ProjectDetails/ProjectStatus";
 
 export function Project({
   project,
+  isExpanded,
 }: {
   project: Awaited<ReturnType<typeof getProjects>>[0];
+  isExpanded?: boolean;
 }) {
   const { toast } = useToast();
 
-  const projectUrl = `${project.slug}.${NEXT_PUBLIC_WEB_SERVER}`;
+  const projectUrl = `https://${project.slug}.${NEXT_PUBLIC_WEB_SERVER}`;
   const copyToClipboard = (text: string) => {
     navigator.clipboard.writeText(text);
     toast({
@@ -38,7 +40,11 @@ export function Project({
   };
 
   return (
-    <Card className="flex w-full max-w-md flex-col space-y-3 shadow-md">
+    <Card
+      className={`flex w-full ${
+        isExpanded ? "" : "max-w-md"
+      } flex-col space-y-3 shadow-md`}
+    >
       <CardHeader className="flex flex-row items-center justify-between pb-2">
         <div className="flex items-center space-x-2">
           <CardTitle className="text-xl font-semibold">

core/components/Dashboard/Projects.tsx

@@ -157,7 +157,11 @@ export default function DashboardClient({
             className={`grid gap-6 ${viewMode === VIEW_MODE.grid ? "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3" : "grid-cols-1"}`}
           >
             {filteredAndSortedProjects.map((project) => (
-              <Project key={project.id} project={project} />
+              <Project
+                key={project.id}
+                project={project}
+                isExpanded={viewMode === VIEW_MODE.list}
+              />
             ))}
           </div>
         )}

core/components/ProjectDetails/DeleteButton.tsx

@@ -27,9 +27,8 @@ export default function DeleteProject({ project }: { project: ProjectType }) {
 
   const handleDelete = async () => {
     if (
-      true
-      // projectName === project.name &&
-      // deleteKeyword.toLowerCase() === "delete"
+      projectName === project.name &&
+      deleteKeyword.toLowerCase() === "delete"
     ) {
       try {
         setLoading(true);
@@ -92,10 +91,10 @@ export default function DeleteProject({ project }: { project: ProjectType }) {
             <Button
               variant="destructive"
               onClick={handleDelete}
-              // disabled={
-              //   projectName !== project.name ||
-              //   deleteKeyword.toLowerCase() !== "delete"
-              // }
+              disabled={
+                projectName !== project.name ||
+                deleteKeyword.toLowerCase() !== "delete"
+              }
               className="w-32"
             >
               {loading ? (

core/components/ProjectDetails/index.tsx

@@ -57,7 +57,7 @@ export default function ProjectDetails({
             </CardHeader>
             <CardContent>
               <Link
-                href={`${project.slug}.${NEXT_PUBLIC_WEB_SERVER}`}
+                href={`https://${project.slug}.${NEXT_PUBLIC_WEB_SERVER}`}
                 target="_blank"
               >
                 <Button className="mb-2 w-full">View Project</Button>

core/lib/envVars.ts

@@ -1 +1,3 @@
 export const NEXT_PUBLIC_WEB_SERVER = process.env.NEXT_PUBLIC_WEB_SERVER;
+
+console.log(NEXT_PUBLIC_WEB_SERVER);

docker-builder/Makefile

@@ -1,4 +1,4 @@
-IMAGE_NAME=pulkitxm/vercel-builder-test
+IMAGE_NAME=pulkitxm/deployit-builder
 CONTAINER_NAME=test-vercel-builder
 DOCKERFILE_PATH=Dockerfile
 ENV_FILE=.env

docker-builder/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "docker-builder",
+  "name": "deployit-docker-builder",
   "version": "1.0.0",
   "main": "index.js",
   "scripts": {