Enhance project structure and configuration

- Update .gitignore to exclude SvelteKit and SQLite database files.
- Modify docker-compose.yml to specify the latest image and container name.
- Adjust Dockerfile to create a data directory for SQLite and set the production environment.
- Refactor Makefile to clean up build artifacts and add an install target.
- Revise README for improved clarity on the application’s purpose.
- Update CI workflow to rename job for better clarity and optimize backend build command.
- Remove obsolete backend files and configurations, transitioning to a SvelteKit frontend.
- Introduce new Svelte components and utilities for enhanced functionality and maintainability.
- Implement new data handling and visualization features in the frontend.

This commit lays the groundwork for a more organized and efficient development process.

Author: rajsinghtech

.github/workflows/ci.yml

@@ -7,7 +7,7 @@ on:
     branches: [main]
 
 jobs:
-  lint-frontend:
+  check-frontend:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
@@ -22,13 +22,9 @@ jobs:
         working-directory: ./frontend
         run: npm ci
 
-      - name: Lint
+      - name: Svelte check (types + lint)
         working-directory: ./frontend
-        run: npm run lint
-
-      - name: Type check
-        working-directory: ./frontend
-        run: npm run type-check
+        run: npm run check
 
   test-backend:
     runs-on: ubuntu-latest
@@ -50,7 +46,7 @@ jobs:
 
   build:
     runs-on: ubuntu-latest
-    needs: [lint-frontend, test-backend]
+    needs: [check-frontend, test-backend]
     steps:
       - uses: actions/checkout@v4
 
@@ -67,11 +63,14 @@ jobs:
 
       - name: Build frontend
         working-directory: ./frontend
-        run: npm ci && npm run build
+        run: |
+          npm ci
+          mkdir -p ../backend/frontend
+          npm run build
 
       - name: Build backend
         working-directory: ./backend
-        run: go build -o tsflow ./main.go
+        run: go build -ldflags="-w -s" -o tsflow .
 
       - name: Verify binary
         run: ./backend/tsflow --help || true

.gitignore

@@ -62,6 +62,15 @@ Thumbs.db
 # TypeScript
 *.tsbuildinfo
 
+# SvelteKit
+frontend/.svelte-kit/
+
+# Database
+data/
+*.db
+*.db-shm
+*.db-wal
+
 # Optional npm cache directory
 .npm
 

Dockerfile

@@ -1,5 +1,5 @@
-# Multi-stage build for TSFlow with embedded frontend
-# Optimized for multi-arch builds (amd64/arm64)
+# Multi-stage build for TSFlow
+# Produces a single binary with embedded SvelteKit frontend
 
 # Frontend build stage
 FROM node:20-alpine AS frontend-build
@@ -10,10 +10,12 @@ COPY frontend/package*.json ./
 RUN npm ci
 
 COPY frontend/ ./
-RUN npm run build
 
-# Backend build stage - compile on native arch, cross-compile for target
-FROM --platform=$BUILDPLATFORM golang:1.25-alpine AS backend-build
+# SvelteKit builds to ../backend/frontend/dist via adapter config
+RUN mkdir -p ../backend/frontend && npm run build
+
+# Backend build stage
+FROM --platform=$BUILDPLATFORM golang:1.24-alpine AS backend-build
 
 ARG TARGETOS
 ARG TARGETARCH
@@ -23,28 +25,29 @@ WORKDIR /app/backend
 RUN apk add --no-cache git ca-certificates
 
 COPY backend/go.mod backend/go.sum ./
-
-# Cache Go modules
-RUN --mount=type=cache,target=/go/pkg/mod \
-    go mod download
+RUN --mount=type=cache,target=/go/pkg/mod go mod download
 
 COPY backend/ ./
 COPY --from=frontend-build /app/backend/frontend/dist ./frontend/dist
 
-# Cross-compile with cache mounts for speed
+# Cross-compile with optimizations
 RUN --mount=type=cache,target=/go/pkg/mod \
     --mount=type=cache,target=/root/.cache/go-build \
     CGO_ENABLED=0 GOOS=${TARGETOS} GOARCH=${TARGETARCH} \
-    go build -ldflags="-w -s" -trimpath -o tsflow ./main.go
+    go build -ldflags="-w -s" -trimpath -o tsflow .
 
-# Runtime stage - distroless for minimal image
+# Runtime stage - minimal distroless image
 FROM gcr.io/distroless/static:nonroot
 
 WORKDIR /app
 
 COPY --from=backend-build /app/backend/tsflow .
 
+# Create data directory for SQLite
+VOLUME /app/data
+
 ENV ENVIRONMENT=production
+ENV PORT=8080
 
 EXPOSE 8080
 

Makefile

@@ -1,4 +1,4 @@
-.PHONY: dev dev-backend dev-frontend build clean docker help
+.PHONY: dev dev-backend dev-frontend build clean docker install check help
 
 # Default target
 help:
@@ -8,10 +8,16 @@ help:
 	@echo "  make dev-backend  - Run backend only (no embedded frontend)"
 	@echo "  make dev-frontend - Run frontend dev server with hot reload"
 	@echo "  make build        - Build production binary with embedded frontend"
+	@echo "  make check        - Run linting and type checks"
 	@echo "  make docker       - Build Docker image"
 	@echo "  make clean        - Remove build artifacts"
 	@echo ""
 
+# Install dependencies
+install:
+	cd frontend && npm install
+	cd backend && go mod download
+
 # Development: run backend without embedded frontend
 dev-backend:
 	cd backend && go build -tags exclude_frontend -o tsflow . && ./tsflow
@@ -28,20 +34,27 @@ dev:
 	@echo "Starting frontend dev server..."
 	@cd frontend && npm run dev
 
+# Linting and type checking
+check:
+	@echo "Checking frontend..."
+	cd frontend && npm run check
+	@echo "Checking backend..."
+	cd backend && go vet -tags exclude_frontend ./...
+
 # Production: build single binary with embedded frontend
 build:
-	@echo "Building frontend..."
+	@echo "Building frontend (outputs to backend/frontend/dist)..."
 	cd frontend && npm run build
 	@echo "Building backend with embedded frontend..."
-	cd backend && go build -o tsflow .
-	@echo "Done! Binary at backend/tsflow ($(shell ls -lh backend/tsflow | awk '{print $$5}'))"
+	cd backend && go build -ldflags="-w -s" -o tsflow .
+	@echo "Done! Binary at backend/tsflow"
 
 # Docker build
 docker:
 	docker build -t tsflow .
 
 # Clean build artifacts
 clean:
-	rm -rf backend/tsflow backend/tsflow-backend
+	rm -f backend/tsflow
 	rm -rf backend/frontend/dist
-	rm -rf frontend/dist
+	rm -rf frontend/.svelte-kit