miolo 3.0.0-beta.180 → 3.0.0-beta.182

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "miolo",
-  "version": "3.0.0-beta.180",
+  "version": "3.0.0-beta.182",
   "description": "all-in-one koa-based server",
   "author": "Donato Lorenzo <donato@afialapis.com>",
   "contributors": [
@@ -45,12 +45,12 @@
   },
   "dependencies": {
     "@babel/plugin-proposal-decorators": "^7.29.0",
-    "@babel/preset-env": "^7.29.2",
+    "@babel/preset-env": "^7.29.3",
     "@babel/preset-react": "^7.28.5",
-    "@dotenvx/dotenvx": "^1.61.4",
+    "@dotenvx/dotenvx": "^1.64.0",
     "@koa/bodyparser": "^6.1.0",
     "@koa/cors": "^5.0.0",
-    "@koa/router": "^15.4.0",
+    "@koa/router": "^15.5.0",
     "@maxmind/geoip2-node": "^6.3.4",
     "@rollup/plugin-alias": "^6.0.0",
     "@rollup/plugin-babel": "^7.0.0",
@@ -82,8 +82,8 @@
     "koa-ratelimit": "^6.0.0",
     "koa-session": "^7.0.2",
     "koa-static": "^5.0.0",
-    "nanoid": "^5.1.9",
-    "nodemailer": "^8.0.5",
+    "nanoid": "^5.1.11",
+    "nodemailer": "^8.0.7",
     "passport-google-oauth20": "^2.0.0",
     "passport-local": "^1.0.0",
     "rollup": "^4.60.2",
@@ -94,7 +94,7 @@
     "statuses": "^2.0.2",
     "tailwindcss": "^4.2.4",
     "tinguir": "^0.0.7",
-    "vite": "^8.0.9",
+    "vite": "^8.0.10",
     "winston": "^3.19.0",
     "winston-daily-rotate-file": "^5.0.0",
     "yargs-parser": "^22.0.0"

package/src/config/defaults.mjs

@@ -23,6 +23,13 @@ export default function make_config_defaults() {
 
       static: {
         favicon: root("src/static/img/favicon.ico"),
+        headers: {
+          "/sw.js": {
+            "Cache-Control": "no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0"
+          }
+          //"/index.html": { "Cache-Control": "no-cache, max-age=0" },
+          //"/": { "Cache-Control": "no-cache, max-age=0" }
+        },
         folders: {
           "/build": root("build"),
           "/static": root("src/static"),

package/src/middleware/auth/basic.mjs

@@ -66,7 +66,7 @@ const init_basic_auth_middleware = (app, options) => {
       return unauth_err()
     }
 
-    const user = await auth_user(aaccount.username, aaccount.password, app.context.miolo)
+    const user = await auth_user(aaccount.username, aaccount.password, ctx)
 
     if (user === false || user === undefined || user === null) {
       return unauth_err()

package/src/middleware/static/index.mjs

@@ -4,7 +4,7 @@ import koa_mount from "koa-mount"
 import koa_serve from "koa-static"
 
 const init_static_middleware = (app, config) => {
-  const { favicon, folders } = config
+  const { favicon, folders, headers } = config
 
   if (favicon && existsSync(favicon)) {
     app.context.miolo.logger.debug(`[static] Serving favicon from -${favicon}-`)
@@ -15,9 +15,25 @@ const init_static_middleware = (app, config) => {
     )
   }
 
+  // Do not cache some specific files
+  app.use(async (ctx, next) => {
+    for (const [fpath, fheaders] of Object.entries(headers)) {
+      if (ctx.path === fpath) {
+        app.context.miolo.logger.info(
+          `[static] Setting headers for -${fpath}- ${Object.keys(fheaders).join(", ")}`
+        )
+        for (const [key, value] of Object.entries(fheaders)) {
+          ctx.set(key, value)
+        }
+        break
+      }
+    }
+    await next()
+  })
+
   for (const [froute, fpath] of Object.entries(folders)) {
     if (fpath && existsSync(fpath)) {
-      app.context.miolo.logger.debug(`[static] Mounting static folder ${froute} => -${fpath}-`)
+      app.context.miolo.logger.info(`[static] Mounting static folder ${froute} => -${fpath}-`)
       app.use(koa_mount(froute, koa_serve(fpath, { index: false })))
     } else {
       app.context.miolo.logger.warn(

package/template/biome.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.4.12/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.4.14/schema.json",
   "files": {
     "includes": [
       "**/*",

package/template/package.json

@@ -43,10 +43,10 @@
     "farrapa": "^3.0.0-beta.10",
     "intre": "^3.0.0-beta.4",
     "joi": "^18.1.2",
-    "lucide-react": "^1.8.0",
-    "miolo-cli": "^3.0.0-beta.180",
+    "lucide-react": "^1.14.0",
+    "miolo-cli": "^3.0.0-beta.182",
     "miolo-model": "file:../miolo-model",
-    "miolo-react": "^3.0.0-beta.180",
+    "miolo-react": "^3.0.0-beta.182",
     "next-themes": "^0.4.6",
     "radix-ui": "^1.4.3",
     "react": "^19.2.5",
@@ -60,8 +60,8 @@
     "tw-animate-css": "^1.4.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.4.12",
-    "miolo": "^3.0.0-beta.180",
+    "@biomejs/biome": "2.4.14",
+    "miolo": "^3.0.0-beta.182",
     "sass-embedded": "^1.99.0"
   },
   "overrides": {

package/template/src/cli/entry-cli.jsx

@@ -15,3 +15,19 @@ hydrateRoot(
     </BrowserRouter>
   </AppBrowser>
 )
+
+// Comprobamos si el navegador del usuario soporta Service Workers
+if ("serviceWorker" in navigator) {
+  // Esperamos a que la página cargue completamente para no afectar el rendimiento inicial
+  window.addEventListener("load", () => {
+    // Apuntamos a la URL pública donde Miolo está sirviendo el archivo
+    navigator.serviceWorker
+      .register("/sw.js")
+      .then((registration) => {
+        console.log("Service Worker registrado con éxito. Scope:", registration.scope)
+      })
+      .catch((error) => {
+        console.error("Fallo al registrar el Service Worker:", error)
+      })
+  })
+}

package/template/src/cli/index.html

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -9,12 +10,20 @@
 	<meta name="keywords" content="miolo-sample" />
 	<meta name="author" content="devel@afialapis.com" />
 
-	<!-- Touch Icons - iOS and Android 2.1+ 180x180 pixels in size. --> 
+	<!-- Touch Icons - iOS and Android 2.1+ 180x180 pixels in size. -->
 	<!--<link rel="apple-touch-icon-precomposed" href="/favicon.ico"/>-->
 	<!-- Firefox, Chrome, Safari, IE 11+ and Opera. 196x196 pixels in size. -->
-	<link rel="icon" href="/favicon.ico"/>
+	<link rel="icon" href="/favicon.ico" />
+
+
+
+	<!-- PWA -->
+	<link rel="manifest" href="/manifest.json">
+	<meta name="theme-color" content="#fb64b6">
+
 </head>
 
 <body>
 </body>
-</html>
+
+</html>

package/template/src/cli/pages/security/Security.jsx

@@ -15,8 +15,11 @@ export default function Security() {
         const resp = await fetcher.post("/user/chpwd", params)
         if (resp.ok === true) {
           toast.success(resp.data.msg)
+        } else {
+          toast.error(resp.error)
         }
-        return { ok: true, error: undefined }
+
+        return { ok: resp.ok, error: resp?.error }
       } catch (e) {
         return { ok: false, error: `Error al modificar la contraseña: ${e}` }
       }

package/template/src/cli/pages/todos/context/TodosProvider.jsx

@@ -1,11 +1,13 @@
 import { useCallback, useState } from "react"
 import useSessionContext from "#cli/context/session/useSessionContext.mjs"
+import useUIContext from "#cli/context/ui/useUIContext.mjs"
 import TodoList from "#ns/models/TodoList.mjs"
 import TodosContext from "./TodosContext.jsx"
 
 const TodosProvider = ({ children }) => {
   // const [status, setStatus] = useState("loaded")
   const { useSsrData, fetcher, authenticated } = useSessionContext()
+  const { toast } = useUIContext()
   const [useCrud, setUseCrud] = useState(true)
 
   const {
@@ -17,17 +19,16 @@ const TodosProvider = ({ children }) => {
     loader: useCallback(
       async (_context, fetcher) => {
         //setStatus("loading")
-        let data
-        if (useCrud) {
-          const res = await fetcher.read("/crud/todo")
-          data = res.data
-        } else {
-          data = await fetcher.get("/api/todo/list")
+        const res = useCrud ? await fetcher.read("/crud/todo") : await fetcher.get("/api/todo/list")
+
+        if (!res.ok) {
+          toast.error(`Error loading todos: ${res.error}`)
         }
+        const data = res?.data || []
         //setStatus("loaded")
         return new TodoList(data.sort((a, b) => b.created_at - a.created_at))
       },
-      [useCrud]
+      [useCrud, toast]
     )
   })
 
@@ -40,20 +41,22 @@ const TodosProvider = ({ children }) => {
           done: false
         }
 
-        if (useCrud) {
-          const { data: todoId } = await fetcher.upsave("crud/todo", todoObject)
-          todoObject.id = todoId
-        } else {
-          const { data } = await fetcher.post("/api/todo/upsave", todoObject)
-          todoObject.id = data.id
+        const res = useCrud
+          ? await fetcher.upsave("crud/todo", todoObject)
+          : await fetcher.post("/api/todo/upsave", todoObject)
+
+        if (!res.ok) {
+          toast.error(`Error adding todo: ${res.error}`)
         }
 
+        todoObject.id = res?.data?.id
+
         setTodoList([todoObject, ...todoList])
       }
 
       addIt()
     },
-    [fetcher, todoList, setTodoList, useCrud]
+    [fetcher, todoList, setTodoList, useCrud, toast]
   )
 
   const toggleTodo = useCallback(
@@ -65,19 +68,21 @@ const TodosProvider = ({ children }) => {
 
         setTodoList(nTodoList)
 
-        if (useCrud) {
-          await fetcher.upsave("crud/todo", nTodoList[selectedTodoIndex])
-        } else {
-          await fetcher.post("/api/todo/toggle", {
-            id: todoId,
-            done: nTodoList[selectedTodoIndex].done
-          })
+        const res = useCrud
+          ? await fetcher.upsave("crud/todo", nTodoList[selectedTodoIndex])
+          : await fetcher.post("/api/todo/toggle", {
+              id: todoId,
+              done: nTodoList[selectedTodoIndex].done
+            })
+
+        if (!res.ok) {
+          toast.error(`Error toggling todo: ${res.error}`)
         }
       }
 
       toggleIt()
     },
-    [fetcher, todoList, setTodoList, useCrud]
+    [fetcher, todoList, setTodoList, useCrud, toast]
   )
 
   const removeTodo = useCallback(
@@ -90,38 +95,41 @@ const TodosProvider = ({ children }) => {
 
       setTodoList(nTodoList)
 
-      if (useCrud) {
-        await fetcher.remove("crud/todo", todoId)
+      const res = useCrud
+        ? await fetcher.remove("crud/todo", todoId)
+        : await fetcher.post("api/todo/delete", { id: todoId })
+
+      if (!res.ok) {
+        toast.error(`Error removing todo: ${res.error}`)
       } else {
-        await fetcher.post("api/todo/delete", { id: todoId })
+        toast.info(`Todo removed successfully`)
       }
     },
-    [fetcher, todoList, setTodoList, useCrud]
+    [fetcher, todoList, setTodoList, useCrud, toast]
   )
 
   const checkLastHours = useCallback(
     async ({ hours }) => {
-      const {
-        data: { count }
-      } = await fetcher.get("api/todo/last_hours", { hours })
-      alert(`You have added ${count} todos in the last ${hours} hours`)
+      const res = await fetcher.get("api/todo/last_hours", { hours })
+      if (res.ok === true) {
+        toast.info(`You have added ${res?.data?.count} todos in the last ${hours} hours`)
+      } else {
+        toast.error(`Error checking last hours: ${res.error}`)
+      }
     },
-    [fetcher]
+    [fetcher, toast]
   )
 
   const insertFakeTodo = useCallback(async () => {
-    const {
-      ok,
-      error,
-      data: { id }
-    } = await fetcher.post("api/todo/fake", { done: true })
-    if (!ok) {
-      alert(`Error adding fake todo: ${error}`)
+    const res = await fetcher.post("api/todo/fake", { done: true })
+
+    if (!res.ok) {
+      toast.error(`Error adding fake todo: ${res.error}`)
     } else {
-      alert(`Fake todo added with id ${id}`)
+      toast.info(`Fake todo added with id ${res?.data?.id}`)
     }
     refreshTodoList()
-  }, [fetcher, refreshTodoList])
+  }, [fetcher, refreshTodoList, toast])
 
   return (
     <TodosContext.Provider

package/template/src/server/miolo/auth/basic.mjs

@@ -1,9 +1,9 @@
 import { db_auth_user } from "#server/db/io/users/auth.mjs"
 
-const local_auth_user = async (username, password, miolo) => {
-  const [user, _msg] = await db_auth_user(miolo, username, password)
+const local_auth_user = async (username, password, ctx) => {
+  const [user, msg] = await db_auth_user(ctx.miolo, username, password)
 
-  return user
+  return [user, msg]
 }
 
 export default {

package/template/src/server/routes/todos/read.mjs

@@ -5,7 +5,7 @@ export async function r_todo_list(ctx, params) {
   try {
     ctx.miolo.logger.info(`[r_todo_list] Reading todo list`)
 
-    const res = await db_todo_read(ctx, params)
+    const res = await db_todo_read(ctx, { filter: {}, options: {} })
 
     ctx.miolo.logger.info(`[r_todo_list] Read todo list (${res.length})`)
     return { ok: true, data: res }

package/template/src/static/public/manifest.json

@@ -0,0 +1,21 @@
+{
+  "name": "miolo-sample",
+  "short_name": "miolo-sample",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#ffffff",
+  "theme_color": "#fb64b6",
+  "description": "A simple PWA for miolo-sample",
+  "icons": [
+    {
+      "src": "/favicon.ico",
+      "sizes": "30x30",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "/static/img/miolo_logo.png",
+      "sizes": "600x600",
+      "type": "image/png"
+    }
+  ]
+}

package/template/src/static/public/sw.js

@@ -0,0 +1,79 @@
+const CACHE_NAME = "miolo-sample-cache-v1"
+
+// 1. EVENTO INSTALL: Ocurre la primera vez que el usuario entra.
+// Aquí cacheamos el "App Shell" (lo básico para que la app abra sin red).
+self.addEventListener("install", (event) => {
+  /*console.log(`[miolo][sw] installing`)
+  event.waitUntil(
+    caches.open(CACHE_NAME).then((cache) => {
+      console.log(`[miolo][sw] installing - caching main`)
+      // Rutas estáticas clave (ajusta según cómo sirva Miolo tus archivos)
+      return cache.addAll([
+        "/"
+        // "/index.html",
+        // "/icon-192x192.png"
+        // Si sabes las URLs de tu JS/CSS, añádelas aquí.
+      ])
+    })
+  )
+  self.skipWaiting()*/
+})
+
+// 2. EVENTO ACTIVATE: Limpia cachés antiguas si cambias el CACHE_NAME
+self.addEventListener("activate", (event) => {
+  console.log(`[miolo][sw] activating`)
+  event.waitUntil(
+    caches.keys().then((cacheNames) => {
+      const oldCaches = cacheNames.filter((name) => name !== CACHE_NAME)
+      console.log(`[miolo][sw] activating - cleaning old caches ${oldCaches}`)
+      return Promise.all(oldCaches.map((name) => caches.delete(name)))
+    })
+  )
+  self.clients.claim()
+})
+
+// 3. EVENTO FETCH: El núcleo de tu estrategia
+self.addEventListener("fetch", (event) => {
+  /*console.log(`[miolo][sw] fetching`)
+  // ESTRATEGIA PARA LLAMADAS POST
+  if (event.request.method === "POST" || event.request.method === "PUT") {
+    event.respondWith(
+      fetch(event.request).catch(() => {
+        console.log(`[miolo][sw] fetching - fetch failed, returning 503 error`)
+        // Si el fetch falla (porque no hay red), devolvemos un error controlado 503
+        return new Response(
+          JSON.stringify({ error: "Estás sin conexión. No se pueden guardar los cambios." }),
+          {
+            headers: { "Content-Type": "application/json" },
+            status: 503,
+            statusText: "Service Unavailable"
+          }
+        )
+      })
+    )
+    return // Cortamos aquí para los POST
+  }
+
+  // ESTRATEGIA PARA LLAMADAS GET (Network First, fallback to Cache)
+  // Intenta ir a internet siempre para tener los resultados frescos.
+  // Si falla, tira de lo que tenga guardado en caché.
+  event.respondWith(
+    fetch(event.request)
+      .then((networkResponse) => {
+        console.log(`[miolo][sw] fetching - fetch ok, caching it`)
+        // Guardamos una copia en la caché para la próxima vez que se quede offline
+        const responseClone = networkResponse.clone()
+        caches.open(CACHE_NAME).then((cache) => {
+          // No cacheamos extensiones raras del navegador
+          if (event.request.url.startsWith("http")) {
+            cache.put(event.request, responseClone)
+          }
+        })
+        return networkResponse
+      })
+      .catch(() => {
+        // Si no hay internet, devuelve la versión guardada en caché
+        return caches.match(event.request)
+      })
+  )*/
+})

package/template/src/static/public/robots.txt

@@ -1,2 +0,0 @@
-User-agent: *
-Disallow: /