update docker file

Reviewed-on: #1

.gitignore

@@ -8,6 +8,7 @@ pnpm-debug.log*
 lerna-debug.log*
 
 # local env files
+.env
 .env.local
 .env.development.local
 .env.test.local

Dockerfile

@@ -0,0 +1,15 @@
+# Build stage
+FROM node:22-alpine AS builder
+WORKDIR /app
+COPY package.json package-lock.json ./
+RUN npm ci
+COPY . .
+RUN npm run build
+
+# Production stage - simple option
+FROM node:22-alpine
+WORKDIR /app
+COPY --from=builder /app/dist /app/dist
+RUN npm install -g serve
+EXPOSE 80
+CMD ["serve", "-s", "dist", "-l", "80"]

docker-compose.yaml

@@ -0,0 +1,8 @@
+services:
+  frontend:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    # ports:
+    #   - 80:80
+    restart: unless-stopped

src/components/Panel/TextPanel.jsx

@@ -1,4 +1,3 @@
-import { Button } from "../ui/Button";
 import { X } from "lucide-react";
 import { ScrollArea } from "../ui/scroll-area";
 import { useContext, useEffect, useRef, useState } from "react";
@@ -8,6 +7,7 @@ import { fabric } from "fabric";
 import CommonPanel from "./CommonPanel";
 import useProject from "@/hooks/useProject";
 import { useParams } from "react-router-dom";
+import { Button } from "../ui/button";
 
 export default function TextPanel() {
   const { canvas, setSelectedPanel } = useContext(CanvasContext);
@@ -20,7 +20,8 @@ export default function TextPanel() {
 
   function isUUID(value) {
     if (typeof value !== "string") return false;
-    const uuidRegex = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+    const uuidRegex =
+      /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
     return uuidRegex.test(value);
   }
 
@@ -62,7 +63,7 @@ export default function TextPanel() {
       setActiveObject(text);
       canvas.renderAll();
 
-      const object = canvas.toJSON(['id', 'selectable']);
+      const object = canvas.toJSON(["id", "selectable"]);
       const updateData = { ...projectData?.data, object };
       // Wait for the project update before continuing
       projectUpdate({ id, updateData });

vite.config.js

@@ -1,6 +1,6 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react-swc'
-import path from "path"
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react-swc";
+import path from "path";
 
 // https://vite.dev/config/
 export default defineConfig({
@@ -11,9 +11,6 @@ export default defineConfig({
     },
   },
   server: {
-    port: 5175
+    port: 5175,
   },
-  esbuild: {
-    target: "esnext",
-  }
-})
+});