Spaces:

alexp97
/

agrovision

Runtime error

alexp97 commited on Jun 3

Commit

68ec720

1 Parent(s): 8f7750d

feat(ui): Shiny -> backend/dashboard.py (legacy) + scaffold Astro+Tailwind (Fase 8, SF8.1)

- Reubica la UI Shiny a backend/dashboard.py (montable en /shiny, legacy); frontend/
queda para Astro. Ajusta run_ui.ps1 y README al nuevo path.
- Scaffold Astro 5 + Tailwind v4 (plugin @tailwindcss/vite, NO @astrojs /tailwind):
package.json, astro.config.mjs (output static + inlineStylesheets 'always' = Regla de Oro
+ proxy /api y /shiny en dev), tsconfig, src/pages/index.astro, src/styles/global.css.
- pnpm-workspace.yaml (allowBuilds) para que pnpm 11 corra esbuild/sharp; build verificado.

Files changed (11) hide show

README.md +3 -2
frontend/app.py → backend/dashboard.py +6 -4
frontend/__init__.py +0 -1
frontend/astro.config.mjs +19 -0
frontend/package.json +18 -0
frontend/pnpm-lock.yaml +0 -0
frontend/pnpm-workspace.yaml +6 -0
frontend/src/pages/index.astro +23 -0
frontend/src/styles/global.css +10 -0
frontend/tsconfig.json +5 -0
scripts/run_ui.ps1 +4 -5

README.md CHANGED Viewed

@@ -48,8 +48,9 @@ uv run python -m backend.db.migrate
 # 3) Backend (FastAPI) en :8000  — o scripts/run_backend.ps1
 uv run python -u -m uvicorn backend.main:app --reload --port 8000 --log-level info
-# 4) UI en :8001 (otra terminal) — o scripts/run_ui.ps1
-uv run python -u -m uvicorn frontend.app:app --reload --port 8001
 # Atajo: ambos en ventanas separadas
 .\scripts\dev.ps1
 ```

 # 3) Backend (FastAPI) en :8000  — o scripts/run_backend.ps1
 uv run python -u -m uvicorn backend.main:app --reload --port 8000 --log-level info
+# 4) UI Shiny LEGACY en :8001 (otra terminal) — o scripts/run_ui.ps1
+#    (la UI principal Astro se sirve desde el gateway en / cuando está compilada — Fase 8)
+uv run python -u -m uvicorn backend.dashboard:app --reload --port 8001
 # Atajo: ambos en ventanas separadas
 .\scripts\dev.ps1
 ```

frontend/app.py → backend/dashboard.py RENAMED Viewed

@@ -1,10 +1,12 @@
 """
-Archivo: app.py
 Fecha de modificación: 03/06/2026
 Autor: Equipo AgroVisión
 Descripción:
-Interfaz Shiny for Python de la **plataforma** AgroVisión (6 módulos): Resumen de Campo,
 Creación de Parcelas (mapa + dibujo), Teledetección (NDVI 5 años + clima + heatmap),
 Conteo por Dron (**en desarrollo**), Asistente Agéntico (RAG) y Credenciales (efímeras).
 Consume el backend FastAPI por HTTP, adjuntando las credenciales BYOK como cabeceras
@@ -24,8 +26,8 @@ Entradas / Dependencias:
 Salidas / Efectos:
     - Estado efímero por sesión; nada se persiste en el cliente.
-Ejecución:
-    uv run python -m uvicorn frontend.app:app --host 127.0.0.1 --port 8001 --reload
 """
 from __future__ import annotations

 """
+Archivo: dashboard.py
 Fecha de modificación: 03/06/2026
 Autor: Equipo AgroVisión
 Descripción:
+UI **Shiny for Python (LEGACY)** de AgroVisión. Desde la Fase 8 la UI principal es
+**Astro + Tailwind** (servida por el gateway en `/`); este dashboard Shiny se conserva
+como alternativa montable en `/shiny` y para desarrollo. Mantiene los 6 módulos: Resumen de Campo,
 Creación de Parcelas (mapa + dibujo), Teledetección (NDVI 5 años + clima + heatmap),
 Conteo por Dron (**en desarrollo**), Asistente Agéntico (RAG) y Credenciales (efímeras).
 Consume el backend FastAPI por HTTP, adjuntando las credenciales BYOK como cabeceras
 Salidas / Efectos:
     - Estado efímero por sesión; nada se persiste en el cliente.
+Ejecución (legacy):
+    uv run python -m uvicorn backend.dashboard:app --host 127.0.0.1 --port 8001 --reload
 """
 from __future__ import annotations

frontend/__init__.py DELETED Viewed

	@@ -1 +0,0 @@
1	- """Paquete frontend del MVP (UI Shiny for Python). Expone `app` como aplicación ASGI."""

frontend/astro.config.mjs ADDED Viewed

	@@ -0,0 +1,19 @@

+// @ts-check
+import { defineConfig } from "astro/config";
+import tailwindcss from "@tailwindcss/vite";
+// Regla de Oro (plan_replication.md): SPA estática de una sola página, CSS inline
+// (evita rutas /_astro/ rotas en ShinyApps.io). En dev, /api se proxea al gateway.
+export default defineConfig({
+  output: "static",
+  build: { inlineStylesheets: "always" },
+  vite: {
+    plugins: [tailwindcss()],
+    server: {
+      proxy: {
+        "/api": { target: "http://localhost:8000", changeOrigin: true },
+        "/shiny": { target: "http://localhost:8000", changeOrigin: true, ws: true },
+      },
+    },
+  },
+});

frontend/package.json ADDED Viewed

	@@ -0,0 +1,18 @@

+{
+  "name": "agrovision-frontend",
+  "type": "module",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "astro dev",
+    "build": "astro build",
+    "preview": "astro preview"
+  },
+  "dependencies": {
+    "astro": "^5.6.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.0.0",
+    "tailwindcss": "^4.0.0"
+  }
+}

frontend/pnpm-lock.yaml ADDED Viewed

The diff for this file is too large to render. See raw diff

frontend/pnpm-workspace.yaml ADDED Viewed

	@@ -0,0 +1,6 @@

+# pnpm 11: permitir los build scripts nativos de estos paquetes (binarios
+# precompilados) para evitar ERR_PNPM_IGNORED_BUILDS al correr `pnpm build`/`pnpm dev`.
+allowBuilds:
+  esbuild: true
+  sharp: true
+  "@tailwindcss/oxide": true

frontend/src/pages/index.astro ADDED Viewed

	@@ -0,0 +1,23 @@

+---
+import "../styles/global.css";
+---
+<!doctype html>
+<html lang="es">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>AgroVisión</title>
+  </head>
+  <body class="text-stone-900">
+    <main class="p-8">
+      <h1 class="flex items-center gap-2 text-2xl font-bold text-emerald-700">
+        🌱 AgroVisión
+      </h1>
+      <p class="mt-2 text-sm text-stone-600">
+        Frontend Astro + Tailwind — scaffold inicial (Fase 8). La UI completa se
+        construye en los siguientes pasos.
+      </p>
+    </main>
+  </body>
+</html>

frontend/src/styles/global.css ADDED Viewed

	@@ -0,0 +1,10 @@

+@import "tailwindcss";
+/* Paleta del mockup: Warm Neutrals & Deep Canopy (stone + emerald de Tailwind). */
+:root {
+  color-scheme: light;
+}
+body {
+  background-color: #faf9f6; /* stone-50 cálido del mockup */
+}

frontend/tsconfig.json ADDED Viewed

	@@ -0,0 +1,5 @@

+{
+  "extends": "astro/tsconfigs/strict",
+  "include": [".astro/types.d.ts", "**/*"],
+  "exclude": ["dist"]
+}

scripts/run_ui.ps1 CHANGED Viewed

@@ -4,11 +4,10 @@ Set-Location (Split-Path -Parent $PSScriptRoot)
 $env:UV_PROJECT_ENVIRONMENT = "$env:LOCALAPPDATA\agrovision-venv"
 $env:UV_LINK_MODE = "copy"
-# La app Shiny es ASGI: se sirve con uvicorn (python -u -m) para evitar el shim
-# shiny.exe, que OneDrive bloquea. Equivale a `shiny run frontend/app.py`.
-# --reload-exclude evita reinicios por cambios fuera del código de la UI (incluye backend/).
 $env:PYTHONUNBUFFERED = "1"
-uv run python -u -m uvicorn frontend.app:app --host 127.0.0.1 --port 8001 --reload --log-level info `
-  --reload-exclude ".venv" --reload-exclude "backend" --reload-exclude "docs" `
   --reload-exclude "tests" --reload-exclude "scripts" --reload-exclude "supabase" `
   --reload-exclude "models" --reload-exclude "sample_data" --reload-exclude "scratch"

 $env:UV_PROJECT_ENVIRONMENT = "$env:LOCALAPPDATA\agrovision-venv"
 $env:UV_LINK_MODE = "copy"
+# UI Shiny LEGACY (desde Fase 8 la UI principal es Astro servida por el gateway en /).
+# Se sirve con uvicorn (python -u -m) para evitar el shim shiny.exe que OneDrive bloquea.
 $env:PYTHONUNBUFFERED = "1"
+uv run python -u -m uvicorn backend.dashboard:app --host 127.0.0.1 --port 8001 --reload --log-level info `
+  --reload-exclude ".venv" --reload-exclude "frontend" --reload-exclude "docs" `
   --reload-exclude "tests" --reload-exclude "scripts" --reload-exclude "supabase" `
   --reload-exclude "models" --reload-exclude "sample_data" --reload-exclude "scratch"