miolo 3.0.0-beta.21 → 3.0.0-beta.210

package/template/db/init.sh

@@ -0,0 +1,89 @@
+#!/bin/bash
+
+# Database initialization script for miolo-sample
+# Usage: ./db/init.sh <database_name>
+
+set -e  # Exit on error
+
+# Colors for output
+RED='\033[0;31m'
+GREEN='\033[0;32m'
+YELLOW='\033[1;33m'
+NC='\033[0m' # No Color
+
+DB_NAME=$1
+
+if [ -z "$DB_NAME" ]; then
+  echo -e "${RED}Error: Database name is required${NC}"
+  echo "Usage: $0 <database_name>"
+  exit 1
+fi
+
+echo -e "${GREEN}[miolo-sample] Database initialization${NC}"
+echo "Database: $DB_NAME"
+
+# Get the directory where this script is located
+SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+SQL_DIR="$SCRIPT_DIR/sql"
+
+# Check if PostgreSQL is installed
+if ! command -v psql &> /dev/null; then
+  echo -e "${RED}Error: PostgreSQL client (psql) not found${NC}"
+  echo "Please install PostgreSQL first"
+  exit 1
+fi
+
+# Ask for confirmation
+echo ""
+read -p "Do you want to create/recreate database '$DB_NAME'? (y/N): " -n 1 -r
+echo
+if [[ ! $REPLY =~ ^[Yy]$ ]]; then
+  echo "Database creation skipped"
+  echo "Proceeding with SQL execution only..."
+else
+  # Try to create database with sudo
+  echo -e "${YELLOW}Creating database as postgres user (requires sudo)...${NC}"
+  
+  if sudo -u postgres createdb "$DB_NAME" 2>/dev/null; then
+    echo -e "${GREEN}✓ Database '$DB_NAME' created${NC}"
+  else
+    # Database creation failed - probably already exists, continue anyway
+    echo -e "${YELLOW}⚠ Database creation failed (database may already exist)${NC}"
+    echo -e "${YELLOW}Continuing with SQL execution...${NC}"
+  fi
+fi
+
+# Execute SQL files in order
+echo ""
+echo -e "${YELLOW}Executing SQL files...${NC}"
+
+if [ ! -d "$SQL_DIR" ]; then
+  echo -e "${RED}Error: SQL directory not found: $SQL_DIR${NC}"
+  exit 1
+fi
+
+# Find all .sql files and sort them
+SQL_FILES=$(find "$SQL_DIR" -name "*.sql" -type f | sort)
+
+if [ -z "$SQL_FILES" ]; then
+  echo -e "${YELLOW}No SQL files found in $SQL_DIR${NC}"
+else
+  for sql_file in $SQL_FILES; do
+    filename=$(basename "$sql_file")
+    echo -ne "  Executing $filename... "
+    
+    if psql -d "$DB_NAME" -f "$sql_file" -U postgres -h localhost -q 2>&1 | grep -q "ERROR"; then
+      echo -e "${RED}✗ Failed${NC}"
+      exit 1
+    else
+      echo -e "${GREEN}✓${NC}"
+    fi
+  done
+fi
+
+echo ""
+echo -e "${GREEN}✓ Database initialization complete!${NC}"
+echo ""
+echo "Connection info:"
+echo "  Database: $DB_NAME"
+echo "  Connect: psql -d $DB_NAME"

package/template/db/sql/00_drop.sql

@@ -0,0 +1,2 @@
+DROP TABLE IF EXISTS todo;
+DROP TABLE IF EXISTS account;

package/template/db/sql/01_users.sql

@@ -0,0 +1,31 @@
+CREATE TABLE account (
+    --sqlite
+    --id INTEGER PRIMARY KEY AUTOINCREMENT, 
+    id serial,
+    username text,
+    password text,
+    name text,
+    email text,
+    active integer,
+    
+    google_id text,
+    google_picture text,
+
+    last_login_date integer,
+    last_login_ip text,
+    login_count integer DEFAULT 0,
+
+    last_conn_at integer,
+    created_at integer,
+    last_update_at integer
+);
+
+
+INSERT INTO account 
+  (username, password, name, email) 
+VALUES 
+  ('miolo-sample@miolo-sample.com',
+   '3dc91ce0dd374a6daf9ccaa4f64c5e0972eb2e7c9857a6aa524174897c0f7c55a3853e696ef8b4c3156f5fd39d65a49496a929f278ae96577e948fb85546e222', 
+   'miolo-sample', 
+   'miolo-sample@miolo-sample.com')
+;

package/template/db/sql/02_todos.sql

@@ -0,0 +1,20 @@
+create table todo (
+  --sqlite
+  --id INTEGER PRIMARY KEY AUTOINCREMENT, 
+  id serial,
+  description text,
+  done boolean,
+  --sqlite
+  --created_at INTEGER DEFAULT (strftime('%s', 'now')),
+  --last_update_at INTEGER DEFAULT (strftime('%s', 'now')),
+  created_At int default extract(epoch from now()),
+  last_update_At int default extract(epoch from now()),
+  created_by int,
+  last_update_by int
+);
+
+INSERT INTO todo (description, done) VALUES ('Buy milk', false);
+INSERT INTO todo (description, done) VALUES ('Buy eggs', true);
+INSERT INTO todo (description, done) VALUES ('Buy bread', false);
+INSERT INTO todo (description, done) VALUES ('Buy butter', true);
+INSERT INTO todo (description, done) VALUES ('Buy cheese', false);

package/template/docker/Dockerfile

@@ -0,0 +1,13 @@
+FROM node:23-alpine
+
+# Dependencies
+RUN apk add --no-cache \
+  tar \
+  openssh-client \
+  python3
+
+# Workdir
+WORKDIR /miolo-sample
+
+# Expose ports
+EXPOSE 8001

package/template/docker/docker-compose.yaml

@@ -0,0 +1,79 @@
+services:
+  redis:
+    # Redis info
+    #  Important! Disallow external access: "127.0.0.1:6379"
+    #  Customize persistence: "--save 60 1"
+    #    Info: https://redis.io/docs/latest/operate/oss_and_stack/management/persistence/
+    #  Ensure No-Replica mode: "--replicaof no one --maxmemory-policy noeviction"
+    #    Info: https://awstip.com/fixing-intermittent-read-only-replica-issues-in-redis-with-docker-compose-2ae7c3821be8
+    image: redis:latest
+    container_name: redis
+    restart: "unless-stopped"
+    ports:
+      - "127.0.0.1:6379:6379"
+    volumes:
+      - redis_data:/data
+      - /etc/localtime:/etc/localtime:ro
+      - /etc/timezone:/etc/timezone:ro
+    networks:
+      - afialapis-app-network
+    command: redis-server --save 60 1 --replicaof no one --maxmemory-policy noeviction
+  
+  postgres:
+    # Postgres info
+    #  Important! Disallow external access: "127.0.0.1:5432"
+    #  Important! PGDATA needs to point to a subfolder
+    #    Info: https://hub.docker.com/_/postgres
+    image: postgres:13
+    container_name: postgres
+    restart: "unless-stopped"
+    #shm_size: 1gb
+    ports:
+      - "127.0.0.1:5432:5432"
+    volumes:
+      - /postgres_data:/var/lib/postgresql/data/
+      - /etc/localtime:/etc/localtime:ro
+      - /etc/timezone:/etc/timezone:ro
+    networks:
+      - afialapis-app-network
+    environment:
+      POSTGRES_PASSWORD: "postgres"
+      POSTGRES_USER: "postgres"
+      PGDATA: /var/lib/postgresql/data/pgdata
+
+  miolo-sample:
+    build:
+      context: ..
+      dockerfile: docker/Dockerfile
+    container_name: miolo-sample
+    working_dir: /miolo-sample
+    volumes:
+      - ..:/miolo-sample
+      - /var/ipsum:/var/ipsum
+      - /var/lib/GeoIP:/var/lib/GeoIP
+      - /var/log/afialapis:/var/log/afialapis
+      #- /var/run/sendmail:/var/run/sendmail
+      - /etc/localtime:/etc/localtime:ro
+      - /etc/timezone:/etc/timezone:ro
+    ports:
+      - "8001:8001"
+    depends_on:
+      - redis
+      - postgres
+    networks:
+      - afialapis-app-network
+    environment:
+      IS_DOCKER: "true"
+      REDIS_HOST: redis
+      REDIS_PORT: 6379
+    restart: "unless-stopped"
+    command:
+      /usr/bin/tail -f /dev/null # keep container alive
+
+networks:
+  afialapis-app-network:
+    external: true
+
+volumes:
+  redis_data:
+  postgres_data:

package/template/gitignore

@@ -0,0 +1,42 @@
+### SublimeText ###
+#*.sublime-workspace
+
+### OSX ###
+#.DS_Store
+#.AppleDouble
+#.LSOverride
+#Icon
+
+# Thumbnails
+#._*
+
+# Files that might appear on external disk
+#.Spotlight-V100
+#.Trashes
+
+### Windows ###
+Thumbs.db
+ehthumbs.db
+Desktop.ini
+$RECYCLE.BIN/
+
+# App specific
+
+node_modules
+.tmp
+npm-debug.log*
+.pyc
+*.ods#
+*.xls#
+*.xlsx#
+*.odt#
+*.doc#
+*.docx#
+*_pycache_
+.yalc
+.vscode/
+
+
+.editorconfig
+.env
+.env.*

package/template/jsconfig.json

@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "target": "ES6",
+    "module": "ES6",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true,
+    "baseUrl": "./src",
+    "paths": {
+      "#cli/*": ["./cli/*"],
+      "#ns/*": ["./ns/*"],
+      "#server/*": ["./server/*"],
+      "#static/*": ["./static/*"]
+    }
+  },
+  "exclude": [
+    "node_modules"
+  ]
+}

package/template/package.json

@@ -0,0 +1,88 @@
+{
+  "name": "miolo-sample",
+  "version": "0.0.1",
+  "description": "miolo-sample",
+  "private": "true",
+  "type": "module",
+  "scripts": {
+    "postinstall": "patch-package",
+    "reset": "rm -fr node_modules package-lock.json npm-lock.yaml && npm i",
+    "lint": "biome check ./src --reporter=github",
+    "lint:fix": "biome check --write ./src --reporter=github",
+    "dev": "npx miolo dev",
+    "deb": "npx miolo deb",
+    "create-bin": "npx miolo create-bin",
+    "build": "rm -fr build/cli/* build/server/* &&npx miolo build && npm run create-bin",
+    "build-bin": "npx miolo build-bin --bin-entry=src/server/bot/check_today.mjs",
+    "start": "node ./build/server/run.mjs start 1>> /var/log/miolo-sample.log 2>&1",
+    "stop": "node ./build/server/run.mjs stop 1>> /var/log/miolo-sample.log 2>&1",
+    "restart": "node ./build/server/run.mjs restart 1>> /var/log/miolo-sample.log 2>&1"
+  },
+  "author": "Afialapis <info@afialapis.com>",
+  "license": "MIT",
+  "imports": {
+    "#cli/*": "./src/cli/*",
+    "#ns/*": "./src/ns/*",
+    "#server/*": "./src/server/*",
+    "#static/*": "./src/static/*"
+  },
+  "dependencies": {
+    "@radix-ui/react-avatar": "^1.2.0",
+    "@radix-ui/react-collapsible": "^1.1.14",
+    "@radix-ui/react-dialog": "^1.1.17",
+    "@radix-ui/react-dropdown-menu": "^2.1.18",
+    "@radix-ui/react-label": "^2.1.10",
+    "@radix-ui/react-select": "^2.3.1",
+    "@radix-ui/react-separator": "^1.1.10",
+    "@radix-ui/react-slot": "^1.3.0",
+    "@radix-ui/react-tooltip": "^1.2.10",
+    "@stepperize/react": "^7.0.0",
+    "@tailwindcss/postcss": "^4.3.1",
+    "@tanstack/react-table": "^8.21.3",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "farrapa": "^3.0.0-beta.10",
+    "intre": "^3.0.0-beta.4",
+    "joi": "^18.2.3",
+    "lucide-react": "^1.21.0",
+    "miolo-cli": "^3.0.0-beta.210",
+    "miolo-model": "file:../miolo-model",
+    "miolo-react": "^3.0.0-beta.210",
+    "next-themes": "^0.4.6",
+    "radix-ui": "^1.6.0",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
+    "react-router": "^7.16.0",
+    "recharts": "^3.8.1",
+    "sonner": "^2.0.7",
+    "tailwind": "^4.0.0",
+    "tailwind-merge": "^3.6.0",
+    "tinguir": "^0.0.7",
+    "tw-animate-css": "^1.4.0"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "2.5.0",
+    "miolo": "^3.0.0-beta.210",
+    "sass-embedded": "^1.100.0"
+  },
+  "overrides": {
+    "@babel/runtime": "^7.28.6",
+    "body-parser": "^2.2.2",
+    "cookie": "^1.1.1",
+    "depd": "2.0.0",
+    "express": "^5.2.1",
+    "jsonwebtoken": "^9.0.3",
+    "lodash": "^4.17.23",
+    "moment": "^2.30.1",
+    "on-headers": "^1.1.0",
+    "path-to-regexp": "^8.3.0",
+    "qs": "^6.14.1",
+    "send": "^1.2.1",
+    "serve-static": "^2.2.1",
+    "tar": "^7.5.7",
+    "ws": "^8.19.0"
+  },
+  "engines": {
+    "node": ">=24"
+  }
+}

package/template/postcss.config.js

@@ -0,0 +1,9 @@
+import tailwindcss from '@tailwindcss/postcss'
+import autoprefixer from 'autoprefixer'
+
+export default {
+  plugins: [
+    tailwindcss,
+    autoprefixer,
+  ],
+}

package/template/src/cli/App.jsx

@@ -0,0 +1,25 @@
+import { intre_locale_init } from "intre"
+import DataProvider from "#cli/context/data/DataProvider.jsx"
+import SessionProvider from "#cli/context/session/SessionProvider.jsx"
+import ThemeProvider from "#cli/context/theme/ThemeProvider.jsx"
+import UIProvider from "#cli/context/ui/UIProvider.jsx"
+
+import Index from "#cli/pages/Index.jsx"
+
+intre_locale_init("es")
+
+const App = () => {
+  return (
+    <ThemeProvider defaultTheme="dark" storageKey="vite-ui-theme">
+      <UIProvider>
+        <SessionProvider>
+          <DataProvider>
+            <Index />
+          </DataProvider>
+        </SessionProvider>
+      </UIProvider>
+    </ThemeProvider>
+  )
+}
+
+export default App

package/template/src/cli/components/JsonTreeViewer.jsx

@@ -0,0 +1,128 @@
+import { useState } from "react"
+
+const JsonTreeViewer = ({ data }) => {
+  // Función para ordenar las claves de un objeto
+  const sortObjectKeys = (obj) => {
+    if (typeof obj !== "object" || obj === null) {
+      return obj
+    }
+
+    if (Array.isArray(obj)) {
+      return obj.map((item) => sortObjectKeys(item))
+    }
+
+    const sortedKeys = Object.keys(obj).sort()
+    const newObj = {}
+    for (const key of sortedKeys) {
+      newObj[key] = sortObjectKeys(obj[key])
+    }
+    return newObj
+  }
+
+  const sortedData = sortObjectKeys(data)
+
+  return (
+    <div className="json-tree-viewer">
+      <JsonNode value={sortedData} expanded />
+    </div>
+  )
+}
+
+const JsonNode = ({ label, value, expanded }) => {
+  const [isExpanded, setIsExpanded] = useState(expanded === true)
+
+  const toggleExpand = () => {
+    setIsExpanded(!isExpanded)
+  }
+
+  const renderValue = (val) => {
+    if (typeof val === "object" && val !== null) {
+      if (Array.isArray(val)) {
+        return (
+          <span className="json-array">
+            {isExpanded ? (
+              <>
+                {/* biome-ignore lint/a11y/noStaticElementInteractions: biome-ignore */}
+                <span className="toggle-icon" onClick={toggleExpand} onKeyDown={toggleExpand}>
+                  ▼
+                </span>
+                [
+                <div className="indent">
+                  {val.map((item, index) => (
+                    // biome-ignore lint/suspicious/noArrayIndexKey: biome-ignore
+                    <JsonNode key={index} value={item} />
+                  ))}
+                </div>
+                ]
+              </>
+            ) : (
+              <>
+                {/* biome-ignore lint/a11y/noStaticElementInteractions: biome-ignore */}
+                <span className="toggle-icon" onClick={toggleExpand} onKeyDown={toggleExpand}>
+                  ▶
+                </span>
+                [...]{` (${val.length} ${val.length === 1 ? "item" : "items"})`}
+              </>
+            )}
+          </span>
+        )
+      } else {
+        // Es un objeto
+        return (
+          <span className="json-object">
+            {isExpanded ? (
+              <>
+                {/* biome-ignore lint/a11y/noStaticElementInteractions: biome-ignore */}
+                <span className="toggle-icon" onClick={toggleExpand} onKeyDown={toggleExpand}>
+                  ▼
+                </span>
+                {"{"}
+                <div className="indent">
+                  {Object.entries(val).map(([key, itemValue]) => (
+                    <JsonNode key={key} label={key} value={itemValue} />
+                  ))}
+                </div>
+                {"}"}
+              </>
+            ) : (
+              <>
+                {/* biome-ignore lint/a11y/noStaticElementInteractions: biome-ignore */}
+                <span className="toggle-icon" onClick={toggleExpand} onKeyDown={toggleExpand}>
+                  ▶
+                </span>
+                {"{...}"}
+                {` (${Object.keys(val).length} ${Object.keys(val).length === 1 ? "key" : "keys"})`}
+              </>
+            )}
+          </span>
+        )
+      }
+    } else {
+      // Es un tipo de dato primitivo
+      let displayValue = String(val)
+      let valueClass = "json-value-string"
+
+      if (typeof val === "number") {
+        valueClass = "json-value-number"
+      } else if (typeof val === "boolean") {
+        valueClass = "json-value-boolean"
+      } else if (val === null) {
+        displayValue = "null"
+        valueClass = "json-value-null"
+      } else if (typeof val === "string") {
+        displayValue = `"${val}"`
+      }
+
+      return <span className={valueClass}>{displayValue}</span>
+    }
+  }
+
+  return (
+    <div className="json-node">
+      {label && <span className="json-key">{label}: </span>}
+      {renderValue(value)}
+    </div>
+  )
+}
+
+export default JsonTreeViewer