fix: add x-data to body so Alpine removes x-cloak, add Makefile for local dev

- body had x-cloak but no x-data, so Alpine never initialized it and page stayed display:none - added x-data to <body> tag — Alpine now processes the element and removes x-cloak - added Makefile: make dev (hot-reload), make install, make open, make lint/fmt
2026-05-09 17:21:07 +02:00
parent 8905dd2040
commit 26e4bba041
2 changed files with 38 additions and 1 deletions
--- a/37
+++ b/37
@@ -0,0 +1,37 @@
+.PHONY: help dev install lint fmt open logs
+
+VENV    := .venv
+PYTHON  := $(VENV)/bin/python
+UV      := $(VENV)/bin/uvicorn
+APP     := app.main:app
+PORT    := $(shell grep -E '^PORT=' .env 2>/dev/null | cut -d= -f2 || echo 8001)
+
+help:
+	@echo "DevOpsDash local dev"
+	@echo ""
+	@echo "  make dev     – start uvicorn with auto-reload (uses .env)"
+	@echo "  make install – install/sync dependencies into .venv"
+	@echo "  make open    – open browser at localhost:PORT"
+	@echo "  make fmt     – format with black"
+	@echo "  make lint    – ruff check"
+
+install:
+	python3 -m venv $(VENV)
+	$(VENV)/bin/pip install -q -r requirements.txt
+
+dev:
+	@test -f .env || (echo "⚠  No .env found – copy .env.example first: cp .env.example .env" && exit 1)
+	@echo "→ Starting DevOpsDash on http://localhost:$(PORT)"
+	env $$(grep -v '^#' .env | xargs) \
+		$(UV) $(APP) \
+		--host 0.0.0.0 --port $(PORT) \
+		--reload --reload-dir app
+
+open:
+	open http://localhost:$(PORT)
+
+fmt:
+	$(VENV)/bin/black app/
+
+lint:
+	$(VENV)/bin/ruff check app/
--- a/app/templates/dashboard.html
+++ b/app/templates/dashboard.html
@@ -37,7 +37,7 @@
    .prose-dark hr { border-color:#374151; margin:.75rem 0; }
  </style>
 </head>
-<body class="bg-gray-950 text-gray-100 min-h-screen flex flex-col" x-cloak>
+<body class="bg-gray-950 text-gray-100 min-h-screen flex flex-col" x-data x-cloak>

 <!-- ════════════════ TOPBAR ════════════════ -->
 <header class="flex items-center justify-between px-5 py-2.5 border-b border-gray-800 bg-gray-900 sticky top-0 z-50">