Merge pull request #46 from TheDeveloperDen/feature/edit-delete

feature/edit delete

Author: MiloDevs

.env.example

@@ -17,7 +17,7 @@ APP_LOG_LEVEL=INFO
 APP_LOG_FORMAT=text
 
 # Database Configuration
-APP_DATABASE_URL=postgresql+asyncpg://postgres:postgres@localhost:5432/devbin
+APP_DATABASE_URL=postgresql+asyncpg://postgres:postgres@devbin_db:5432/devbin
 
 # Security - HTTPS
 # Set to true to redirect HTTP to HTTPS
@@ -99,6 +99,6 @@ APP_SAVE_IP_ADDRESS=false
 # Example generation: openssl rand -hex 32
 
 # Frontend configurations
-API_BASE_URL=http://devbin:8000
+API_URL=http://devbin:8000
 PORT=3000
 ORIGIN=http://localhost:3000 # prevent cross-site post req forbidden from frontend because node can't resolve it's origin

.taskfiles/dev.yml

@@ -5,7 +5,7 @@ tasks:
   up:
     desc: Start all development services
     cmds:
-      - "{{.COMPOSE_DEV}} --profile dev_frontend --profile dev_backend up -d --build"
+      - "{{.COMPOSE_DEV}} --profile dev_frontend --profile dev_backend up --build --watch"
 
   backend:
     desc: Start backend only (with database)

backend/Dockerfile

@@ -14,15 +14,17 @@ FROM ghcr.io/astral-sh/uv:${UV_VERSION} AS uv
 FROM python:3.13.1-slim AS base
 
 # Install security updates and minimal runtime dependencies
-# Create non-root user (UID 10001 is common convention)
 RUN apt-get update && \
     apt-get upgrade -y && \
     apt-get install -y --no-install-recommends \
-        ca-certificates \
-        curl && \
-    rm -rf /var/lib/apt/lists/* && \
-    groupadd -g 10001 appuser && \
-    useradd -u 10001 -g appuser -m -s /bin/bash appuser
+    ca-certificates \
+    curl && \
+    rm -rf /var/lib/apt/lists/*
+
+# Create non-root user and initialize /app with correct permissions
+RUN groupadd -g 10001 appuser && \
+    useradd -u 10001 -g appuser -m -s /bin/bash appuser && \
+    mkdir /app && chown appuser:appuser /app
 
 WORKDIR /app
 
@@ -31,69 +33,56 @@ WORKDIR /app
 # ============================================
 FROM base AS builder
 
-# Install build dependencies (only needed during build)
 RUN apt-get update && \
     apt-get install -y --no-install-recommends \
-        gcc \
-        g++ \
-        libpq-dev && \
+    gcc \
+    g++ \
+    libpq-dev && \
     rm -rf /var/lib/apt/lists/*
 
-# Copy uv from uv stage (pinned version for reproducibility)
 COPY --from=uv /uv /uvx /usr/local/bin/
 
-# Copy dependency files first for optimal layer caching
-# Changes to source code won't invalidate this layer
+# Copy dependencies
 COPY pyproject.toml uv.lock ./
 
-# Install dependencies with BuildKit cache mount for faster rebuilds
-# --frozen: Use exact versions from uv.lock (reproducible builds)
-# --no-dev: Exclude development dependencies
-# --extra production: Include any production related dependencies (redis, aiocache etc...)
+# Install dependencies
 RUN --mount=type=cache,target=/root/.cache/uv \
-    uv sync --frozen --no-default-groups --extra production
+    uv sync --frozen --no-default-groups --extra production --no-install-project
 
 # ============================================
 # Stage 3: Runtime - Production Image
 # ============================================
 FROM base AS runtime
 
-# Copy uv from builder stage (ensures version consistency)
+# Copy uv and the pre-built venv
 COPY --from=builder /usr/local/bin/uv /usr/local/bin/uvx /usr/local/bin/
-
-# Copy installed dependencies from builder stage
-# This excludes build tools (gcc, g++, libpq-dev)
 COPY --from=builder /app/.venv /app/.venv
 
-# Copy application code
+# Copy application code with correct ownership
 COPY --chown=appuser:appuser . .
 
-# Copy Docker-specific alembic config
+# Overwrite config
 COPY --chown=appuser:appuser alembic.docker.ini alembic.ini
 
-# Create files directory with proper ownership
+# Create files directory
 RUN mkdir -p /app/files && chown appuser:appuser /app/files
 
-# Switch to non-root user for security
+# Switch to non-root user
 USER appuser
 
 # Environment variables
 ENV APP_PORT=8000 \
     APP_RELOAD=false \
     PATH="/app/.venv/bin:$PATH" \
     PYTHONUNBUFFERED=1 \
-    PYTHONDONTWRITEBYTECODE=1
+    PYTHONDONTWRITEBYTECODE=1 \
+    UV_PROJECT_ENVIRONMENT="/app/.venv"
 
 # Expose application port
 EXPOSE 8000
 
-# Health check using existing /health endpoint
-# --interval=30s: Check every 30 seconds
-# --timeout=5s: Mark unhealthy if no response in 5s
-# --start-period=10s: Grace period for app startup
-# --retries=3: Require 3 consecutive failures before marking unhealthy
 HEALTHCHECK --interval=30s --timeout=5s --start-period=10s --retries=3 \
     CMD curl -f http://localhost:${APP_PORT:-8000}/health || exit 1
 
-# Use exec form for proper signal handling (graceful shutdown)
-CMD ["uv", "run", "main.py"]
+# FIX: Added --no-project to prevent uv from trying to write .egg-info
+CMD ["uv", "run", "--no-project", "python", "main.py"]

docker-compose.prod.yml

@@ -20,7 +20,7 @@ services:
       devbin_db:
         condition: service_healthy
     healthcheck:
-      test: [ "CMD", "curl", "-f", "http://localhost:${APP_PORT:-8000}/health" ]
+      test: ["CMD", "curl", "-f", "http://localhost:${APP_PORT:-8000}/health"]
       interval: 15s
       timeout: 5s
       start_period: 3s
@@ -35,7 +35,7 @@ services:
     volumes:
       - postgres_data:/var/lib/postgresql/data
     healthcheck:
-      test: [ "CMD-SHELL", "pg_isready -U postgres -d postgres" ]
+      test: ["CMD-SHELL", "pg_isready -U postgres -d postgres"]
       interval: 10s
       timeout: 5s
       retries: 5

docker-compose.yml

@@ -8,7 +8,17 @@ services:
       - "3000:3000"
     env_file:
       - .env
-    profiles: [ "dev_frontend" ]
+    profiles: ["dev_frontend"]
+    develop:
+      watch:
+        - path: ./src
+          target: /src
+          action: sync
+        - path: ./package.json
+          action: rebuild
+    networks:
+      - devbin_network
+
   devbin:
     env_file:
       - .env
@@ -21,13 +31,16 @@ services:
     depends_on:
       devbin_db:
         condition: service_healthy
-    profiles: [ "dev_backend" ]
+    profiles: ["dev_backend"]
     healthcheck:
-      test: [ "CMD", "curl", "-f", "http://localhost:${APP_PORT:-8000}/health" ]
+      test: ["CMD", "curl", "-f", "http://localhost:${APP_PORT:-8000}/health"]
       interval: 15s
       timeout: 5s
       start_period: 3s
       retries: 3
+    networks:
+      - devbin_network
+
   devbin_db:
     env_file:
       - .env
@@ -37,10 +50,16 @@ services:
     volumes:
       - postgres_data:/var/lib/postgresql/data
     healthcheck:
-      test: [ "CMD-SHELL", "pg_isready -U postgres -d postgres" ]
+      test: ["CMD-SHELL", "pg_isready -U postgres -d postgres"]
       interval: 10s
       timeout: 5s
       retries: 5
+    networks:
+      - devbin_network
 
 volumes:
   postgres_data:
+
+networks:
+  devbin_network:
+    driver: bridge

docs/configuration.md

@@ -121,6 +121,6 @@ Generate a secure token: `openssl rand -hex 32`
 
 | Variable | Description | Default |
 |----------|-------------|---------|
-| `API_BASE_URL` | Backend API URL | `http://devbin:8000` |
+| `API_URL` | Backend API URL | `http://devbin:8000` |
 | `PORT` | Frontend port | `3000` |
 | `ORIGIN` | Frontend origin | `http://localhost:3000` |

frontend/src/client/client.gen.ts

@@ -1,7 +1,13 @@
 // This file is auto-generated by @hey-api/openapi-ts
 
-import { type ClientOptions, type Config, createClient, createConfig } from './client';
-import type { ClientOptions as ClientOptions2 } from './types.gen';
+import {
+  type ClientOptions,
+  type Config,
+  createClient,
+  createConfig,
+} from "./client";
+import type { ClientOptions as ClientOptions2 } from "./types.gen";
+import { env } from "$env/dynamic/private";
 
 /**
  * The `createClientConfig()` function will be called on client initialization
@@ -11,6 +17,10 @@ import type { ClientOptions as ClientOptions2 } from './types.gen';
  * `setConfig()`. This is useful for example if you're using Next.js
  * to ensure your client always has the correct values.
  */
-export type CreateClientConfig<T extends ClientOptions = ClientOptions2> = (override?: Config<ClientOptions & T>) => Config<Required<ClientOptions> & T>;
+export type CreateClientConfig<T extends ClientOptions = ClientOptions2> = (
+  override?: Config<ClientOptions & T>,
+) => Config<Required<ClientOptions> & T>;
 
-export const client = createClient(createConfig<ClientOptions2>({ baseUrl: 'http://localhost:8000' }));
+export const client = createClient(
+  createConfig<ClientOptions2>({ baseUrl: env.API_URL }),
+);

frontend/src/lib/icons/delete.svelte

@@ -0,0 +1,10 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    ><path
+        fill="currentColor"
+        d="M10.238 3.974L9.98 5.75h4.037l-.256-1.776c-.048-.167-.17-.224-.243-.224H10.48c-.073 0-.195.057-.243.224m5.296 1.776H19.5a.75.75 0 0 1 0 1.5h-.769l-.873 10.185c-.053.62-.096 1.13-.165 1.542c-.07.429-.177.813-.386 1.169a3.25 3.25 0 0 1-1.401 1.287c-.372.177-.764.25-1.198.284c-.417.033-.928.033-1.55.033h-2.316c-.623 0-1.133 0-1.55-.033c-.434-.034-.826-.107-1.198-.284a3.25 3.25 0 0 1-1.401-1.287c-.21-.356-.315-.74-.386-1.169c-.069-.413-.112-.922-.165-1.542L5.269 7.25H4.5a.75.75 0 0 1 0-1.5h3.966l.293-2.029l.011-.061c.182-.79.86-1.41 1.71-1.41h3.04c.85 0 1.528.62 1.71 1.41l.011.061z"
+    /></svg
+>

frontend/src/lib/icons/edit.svelte

@@ -0,0 +1,13 @@
+<svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    ><g fill="currentColor"
+        ><path
+            d="M16.607 3.005a2.57 2.57 0 0 1 3.64-.001l.75.751a2.57 2.57 0 0 1 0 3.637l-7.6 7.604a2.57 2.57 0 0 1-1.819.754H9a.75.75 0 0 1-.75-.75v-2.562c0-.682.27-1.336.752-1.818z"
+        /><path
+            d="M11.943 2.25H12a.75.75 0 0 1 0 1.5c-2.143 0-3.674.002-4.838.158c-1.142.154-1.817.444-2.314.94c-.496.497-.786 1.172-.94 2.314C3.752 8.326 3.75 9.857 3.75 12s.002 3.674.158 4.838c.154 1.142.444 1.817.94 2.314c.497.496 1.172.786 2.314.94c1.164.156 2.695.158 4.838.158s3.674-.002 4.838-.158c1.142-.154 1.817-.444 2.314-.94c.496-.497.786-1.172.94-2.314c.156-1.164.158-2.696.158-4.838a.75.75 0 0 1 1.5 0v.057c0 2.073 0 3.705-.171 4.98c-.176 1.31-.545 2.354-1.367 3.175c-.821.822-1.866 1.19-3.174 1.367c-1.276.171-2.908.171-4.981.171h-.114c-2.073 0-3.705 0-4.98-.171c-1.31-.176-2.354-.545-3.175-1.367c-.822-.821-1.19-1.866-1.367-3.174c-.171-1.276-.171-2.908-.171-4.981v-.114c0-2.073 0-3.705.171-4.98c.176-1.31.545-2.354 1.367-3.175c.821-.822 1.866-1.19 3.174-1.367c1.276-.171 2.908-.171 4.981-.171"
+        /></g
+    ></svg
+>