Test, build, package stages with additional placeholders

Signed-off-by: anuunchin <88698977+anuunchin@users.noreply.github.com>

Author: anuunchin

.github/workflows/ci.yml

@@ -7,7 +7,7 @@ on:
 jobs:
 
   # Lint stage
-
+  
   lint-frontend:
     name: Lint frontend
     runs-on: ubuntu-latest
@@ -28,7 +28,7 @@ jobs:
 
       - name: Lint
         run: make lint-frontend
-      
+
   lint-backend:
     name: Lint backend
     runs-on: ubuntu-latest
@@ -47,3 +47,123 @@ jobs:
 
       - name: Lint
         run: make lint-backend
+
+  # Build stage
+
+  build-frontend:
+    name: Build frontend
+    runs-on: ubuntu-latest
+    needs: [lint-frontend]
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+          cache-dependency-path: 'src/frontend/package-lock.json'
+
+      - name: Install dependencies
+        working-directory: src/frontend
+        run: npm ci
+      
+      - name: Build
+        working-directory: src/frontend
+        run: npm run build
+
+  build-backend:
+    name: Build backend
+    runs-on: ubuntu-latest
+    needs: [lint-backend]
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Install uv
+        uses: astral-sh/setup-uv@v3
+
+      - name: Set up Python
+        run: uv python install 3.11
+
+      - name: Install dependencies
+        run: make install-backend
+      
+      - name: Build (smoke test)
+        working-directory: src/backend
+        run: uv run python main.py
+
+  # Test stage
+
+  test-frontend:
+    name: Test frontend
+    runs-on: ubuntu-latest
+    needs: [build-frontend]
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+          cache-dependency-path: 'src/frontend/package-lock.json'
+
+      - name: Install dependencies
+        working-directory: src/frontend
+        run: npm ci
+      
+      - name: Test
+        run: make test-frontend
+
+  test-backend:
+    name: Test backend
+    runs-on: ubuntu-latest
+    needs: [build-backend]
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Install uv
+        uses: astral-sh/setup-uv@v3
+
+      - name: Set up Python
+        run: uv python install 3.11
+
+      - name: Install dependencies
+        run: make install-backend
+      
+      - name: Test
+        run: make test-backend
+
+  # Package stage
+
+  package-frontend:
+    name: Package frontend
+    runs-on: ubuntu-latest
+    needs: [test-frontend]
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+      
+      - name: Build Docker image
+        run: make docker-build-frontend
+
+  package-backend:
+    name: Package backend
+    runs-on: ubuntu-latest
+    needs: [test-backend]
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+      
+      - name: Build Docker image
+        run: make docker-build-backend

.gitignore

@@ -36,4 +36,6 @@ bin/
 .DS_Store
 
 .venv/
-.ruff_cache/
+.ruff_cache/
+.mypy_cache/
+.pytest_cache/

Makefile

@@ -1,4 +1,4 @@
-.PHONY: help lint lint-frontend lint-backend lint-go
+.PHONY: help lint lint-frontend lint-backend type-check-backend test test-frontend test-backend format format-frontend format-backend docker-build docker-build-frontend docker-build-backend docker-run-frontend docker-run-backend docker-clean
 
 help:
 	@echo "make"
@@ -9,13 +9,37 @@ help:
 	@echo "		install-backend"
 	@echo "			install backend dependencies (uv)"
 	@echo "		lint"
-	@echo "			runs all linters (frontend, backend, and Go)"
+	@echo "			runs all linters and type checking (frontend, backend)"
 	@echo "		lint-frontend"
 	@echo "			lints frontend code with npm run lint"
 	@echo "		lint-backend"
 	@echo "			lints backend Python code with ruff"
+	@echo "		type-check-backend"
+	@echo "			type checks backend Python code with mypy"
+	@echo "		format"
+	@echo "			formats all code (frontend and backend)"
+	@echo "		format-frontend"
+	@echo "			formats frontend code with prettier"
 	@echo "		format-backend"
 	@echo "			formats backend Python code with ruff"
+	@echo "		test"
+	@echo "			runs all tests (frontend and backend)"
+	@echo "		test-frontend"
+	@echo "			runs frontend tests with vitest"
+	@echo "		test-backend"
+	@echo "			runs backend tests with pytest"
+	@echo "		docker-build"
+	@echo "			builds all Docker images (frontend and backend)"
+	@echo "		docker-build-frontend"
+	@echo "			builds frontend Docker image"
+	@echo "		docker-build-backend"
+	@echo "			builds backend Docker image"
+	@echo "		docker-run-frontend"
+	@echo "			runs frontend container on port 8080"
+	@echo "		docker-run-backend"
+	@echo "			runs backend container on port 8000"
+	@echo "		docker-clean"
+	@echo "			removes built Docker images"
 
 dev: install
 
@@ -29,14 +53,52 @@ install-backend:
 	cd src/backend && uv pip install -r requirements.txt
 	cd src/backend && uv pip install -r requirements-dev.txt
 
-lint: lint-frontend lint-backend lint-go
+lint: lint-frontend lint-backend type-check-backend
 
 lint-frontend:
 	cd src/frontend && npm run lint
 
 lint-backend:
 	cd src/backend && uv run ruff check .
 
+format: format-frontend format-backend
+
+format-frontend:
+	cd src/frontend && npx prettier --write .
+
 format-backend:
 	cd src/backend && uv run ruff format .
 
+type-check-backend:
+	cd src/backend && uv run mypy .
+
+test: test-frontend test-backend
+
+test-frontend:
+	cd src/frontend && npm test
+
+test-backend:
+	cd src/backend && uv run pytest
+
+docker-build: docker-build-frontend docker-build-backend
+
+docker-build-frontend:
+	docker build -t robot-frontend:latest src/frontend
+
+docker-build-backend:
+	docker build -t robot-backend:latest src/backend
+
+docker-run-frontend:
+	@echo "Starting frontend container..."
+	@docker run -d --rm -p 8080:80 --name robot-frontend-dev robot-frontend:latest
+	@sleep 1
+	@echo "Opening browser at http://localhost:8080"
+	@open http://localhost:8080 || echo "Please open http://localhost:8080 in your browser"
+	@echo "To stop: docker stop robot-frontend-dev"
+
+docker-run-backend:
+	docker run --rm -p 8000:8000 robot-backend:latest
+
+docker-clean:
+	docker rmi robot-frontend:latest robot-backend:latest || true
+

src/backend/.dockerignore

@@ -0,0 +1,11 @@
+__pycache__
+.pytest_cache
+.ruff_cache
+
+.venv
+
+Dockerfile
+.dockerignore
+
+tests
+

src/backend/Dockerfile

@@ -0,0 +1,8 @@
+FROM python:3.11-slim
+WORKDIR /app
+COPY requirements.txt .
+RUN pip install --no-cache-dir -r requirements.txt
+COPY . .
+EXPOSE 8000
+CMD ["python", "main.py"]
+

src/backend/main.py

@@ -1,10 +1,9 @@
 """
-Minimal smoke test file for CI
+Minimal placeholder file for CI
 """
 
 
-def hello():
-    """Placeholder function."""
+def hello() -> str:
     return "Hello from backend"
 
 

src/backend/mypy.ini

@@ -0,0 +1,7 @@
+[mypy]
+python_version = 3.11
+exclude = (tests/|\.venv/)
+
+disallow_untyped_defs = True
+disallow_incomplete_defs = True
+check_untyped_defs = True 

src/backend/requirements-dev.txt

@@ -1,2 +1,4 @@
 -r requirements.txt
-ruff==0.7.0
+ruff==0.7.0
+pytest==8.3.3
+mypy==1.13.0

src/backend/tests/__init__.py

@@ -0,0 +1,5 @@
+from main import hello
+
+
+def test_hello():
+    assert hello() == "Hello from backend"