g360-cli 1.4.0 → 1.6.0

package/src/assets/templates/python-flet-migrate/src/core/g360_theme.py

@@ -0,0 +1,186 @@
+import json
+import base64
+from pathlib import Path
+
+
+class G360Theme:
+    def __init__(self, skill_path=None):
+        self._search_paths(skill_path)
+        self._load_colors()
+        self._load_effects()
+        self._load_logo()
+
+    def _search_paths(self, skill_path):
+        if skill_path and Path(skill_path).exists():
+            self.config_path = Path(skill_path)
+            return
+        candidates = [
+            Path("skill.json"),
+            Path("src/core/skill.json"),
+            Path(__file__).resolve().parent.parent.parent / "skill.json",
+            Path(__file__).resolve().parent / "skill.json",
+            Path(__file__).resolve().parent.parent / "g360" / "skills" / "flet-desktop.json",
+        ]
+        for c in candidates:
+            if c.exists():
+                self.config_path = c
+                return
+        raise FileNotFoundError("skill.json not found. Run: g360 init <name> --skill flet-desktop")
+
+    def _load_colors(self):
+        with open(self.config_path, encoding="utf-8") as f:
+            self.config = json.load(f)
+        colors = self.config.get("colors", {})
+        self.bg = colors.get("bg", "#0b1220")
+        self.surface = colors.get("surface", "#1a2332")
+        self.accent = colors.get("accent", "#00d084")
+        self.text = colors.get("text", "#f0f4f8")
+        self.muted = colors.get("muted", "#94a3b8")
+        self.success = colors.get("success", "#22c55e")
+        self.warning = colors.get("warning", "#f59e0b")
+        self.error = colors.get("error", "#ef4444")
+        self.brand = self.config.get("brand", "g360")
+
+    def _load_effects(self):
+        effects = self.config.get("effects", {})
+        self.glassmorphism = effects.get("glassmorphism", True)
+        self.blur = effects.get("blur", "12px")
+        self.rounded = int(effects.get("rounded", "12px").replace("px", ""))
+
+    def _load_logo(self):
+        logo_name = None
+        guidelines = self.config.get("guidelines", {})
+        if guidelines.get("logo"):
+            logo_name = guidelines["logo"]
+        if not logo_name:
+            logo_name = "logo-g360-dark.svg"
+        paths = [
+            Path("assets/images") / logo_name,
+            Path(__file__).resolve().parent.parent.parent / "assets" / "images" / logo_name,
+        ]
+        self._logo_path = None
+        for p in paths:
+            if p.exists():
+                self._logo_path = p
+                break
+        self._logo_b64 = None
+
+    def logo_src(self, page=None):
+        if self._logo_path and self._logo_path.exists():
+            return str(self._logo_path)
+        return None
+
+    def logo_base64(self):
+        if self._logo_b64:
+            return self._logo_b64
+        if self._logo_path and self._logo_path.exists():
+            raw = self._logo_path.read_bytes()
+            ext = self._logo_path.suffix.lower()
+            mime = "image/svg+xml" if ext == ".svg" else f"image/{ext[1:]}"
+            self._logo_b64 = f"data:{mime};base64,{base64.b64encode(raw).decode()}"
+            return self._logo_b64
+        brand_dir = Path(__file__).resolve().parent.parent.parent / "assets" / "images"
+        fallback = brand_dir / "logo-g360-dark.svg"
+        if fallback.exists():
+            raw = fallback.read_bytes()
+            self._logo_b64 = f"data:image/svg+xml;base64,{base64.b64encode(raw).decode()}"
+            return self._logo_b64
+        return None
+
+    def build_name(self):
+        build_cfg = self.config.get("build", {})
+        return build_cfg.get("name", "G360-App")
+
+    def logo_component(self, height=40):
+        import flet as ft
+        src = self.logo_base64()
+        if src:
+            return ft.Image(src_base64=src, height=height, fit=ft.ImageFit.CONTAIN)
+        return ft.Text(self.build_name(), size=18, weight=ft.FontWeight.BOLD, color=self.accent)
+
+    def container(self, content=None, **kwargs):
+        kwargs.setdefault("bgcolor", self.surface)
+        kwargs.setdefault("border_radius", self.rounded)
+        kwargs.setdefault("padding", 15)
+        if self.glassmorphism and "shadow" not in kwargs:
+            import flet as ft
+            kwargs["shadow"] = ft.BoxShadow(
+                spread_radius=1,
+                blur_radius=20,
+                color=f"{self.accent}20",
+            )
+        import flet as ft
+        return ft.Container(content=content, **kwargs)
+
+    def accent_button(self, text="", on_click=None, **kwargs):
+        import flet as ft
+        return ft.ElevatedButton(
+            text=text,
+            on_click=on_click,
+            style=ft.ButtonStyle(
+                bgcolor=self.accent,
+                color=self.bg,
+                shape=ft.RoundedRectangleBorder(radius=8),
+                padding=15,
+            ),
+            **kwargs,
+        )
+
+    def styled_text(self, value="", size=14, color=None, weight=None, **kwargs):
+        import flet as ft
+        return ft.Text(
+            value=value,
+            size=size,
+            color=color or self.text,
+            weight=weight,
+            **kwargs,
+        )
+
+    def loading_overlay(self, message="Cargando..."):
+        import flet as ft
+        return ft.Container(
+            content=ft.Column(
+                [
+                    ft.ProgressRing(width=48, height=48, color=self.accent),
+                    ft.Container(height=16),
+                    ft.Text(message, size=16, color=self.text),
+                ],
+                horizontal_alignment=ft.CrossAxisAlignment.CENTER,
+                alignment=ft.MainAxisAlignment.CENTER,
+            ),
+            bgcolor=f"{self.bg}E0",
+            expand=True,
+            alignment=ft.alignment.center,
+            visible=False,
+        )
+
+    def footer_signature(self):
+        import flet as ft
+        mode = self.config.get("signature", {}).get("mode", "powered")
+        text = self.config.get("signature", {}).get("text", "powered by G360")
+        return ft.Container(
+            content=ft.Row(
+                [
+                    self.logo_component(height=16),
+                    ft.Container(width=8),
+                    ft.Text(text, size=10, color=self.muted),
+                ],
+                alignment=ft.MainAxisAlignment.CENTER,
+            ),
+            padding=8,
+            bgcolor=self.surface,
+        )
+
+    @property
+    def as_dict(self):
+        return {
+            "bg": self.bg,
+            "surface": self.surface,
+            "accent": self.accent,
+            "text": self.text,
+            "muted": self.muted,
+            "success": self.success,
+            "warning": self.warning,
+            "error": self.error,
+            "brand": self.brand,
+        }

package/src/assets/templates/python-flet-migrate/src/core/skill.json

@@ -0,0 +1,34 @@
+{
+  "name": "flet-desktop",
+  "description": "G360 Flet Migration Application",
+  "framework": "flet",
+  "version": "1.2.0",
+  "python": ">=3.11,<4.0",
+  "colors": {
+    "bg": "#0b1220",
+    "surface": "#1a2332",
+    "accent": "#00d084",
+    "text": "#f0f4f8",
+    "muted": "#94a3b8",
+    "success": "#22c55e",
+    "warning": "#f59e0b",
+    "error": "#ef4444"
+  },
+  "effects": {
+    "glassmorphism": true,
+    "blur": "12px",
+    "rounded": "12px"
+  },
+  "signature": {
+    "mode": "powered",
+    "text": "powered by G360"
+  },
+  "build": {
+    "tool": "flet",
+    "target": "windows",
+    "name": "G360-App"
+  },
+  "dependencies": {
+    "flet": ">=0.25.0"
+  }
+}

package/src/assets/templates/python-flet-migrate/src/main.py

@@ -1,63 +1,86 @@
+import sys
+from pathlib import Path
 import flet as ft
+from core.g360_theme import G360Theme
+
+BASE_DIR = Path(__file__).resolve().parent.parent
+if str(BASE_DIR) not in sys.path:
+    sys.path.insert(0, str(BASE_DIR))
 
 
 class MigratedApp:
     def __init__(self, page: ft.Page):
         self.page = page
-        self.setup_theme()
-        self.create_ui()
+        self.theme = G360Theme()
+        self._setup_page()
+        self._build_ui()
 
-    def setup_theme(self):
-        self.page.title = "G360 - Migrated App"
+    def _setup_page(self):
+        self.page.title = self.theme.build_name()
         self.page.theme_mode = ft.ThemeMode.DARK
-        self.page.padding = 20
-        self.page.bgcolor = "#0b1220"
+        self.page.bgcolor = self.theme.bg
+        self.page.padding = 0
+        self.page.window_width = 900
+        self.page.window_height = 700
+        self.page.window_resizable = True
+        self.page.window_center()
 
-    def create_ui(self):
+    def _build_ui(self):
         self.page.add(
             ft.Column([
-                self.create_header(),
-                self.create_main_content(),
-            ], spacing=20, expand=True)
+                self._build_header(),
+                ft.Container(
+                    content=self._build_content(),
+                    expand=True,
+                    padding=20,
+                ),
+                self.theme.footer_signature(),
+            ], spacing=0, expand=True)
         )
 
-    def create_header(self):
-        return ft.Container(
+    def _build_header(self):
+        return self.theme.container(
             content=ft.Row([
-                ft.Text("G360 Migrated App", size=28, weight=ft.FontWeight.BOLD, color="#00d084"),
+                self.theme.logo_component(height=32),
+                ft.Container(width=8),
+                self.theme.styled_text("Migrated App", size=20, color=self.theme.muted),
                 ft.Container(expand=True),
-                ft.Text("from tkinter/ctkinter", size=14, color="#94a3b8"),
+                ft.Text("from tkinter/ctkinter", size=14, color=self.theme.muted),
             ]),
             padding=20,
-            bgcolor="#151e2e",
-            border_radius=12
+            bgcolor=self.theme.surface,
         )
 
-    def create_main_content(self):
-        return ft.Container(
-            content=ft.Column([
-                ft.Text("Panel de Controles (antes tk.Button)", size=20, color="#f0f4f8"),
-                ft.Row([
-                    ft.ElevatedButton("Aceptar", bgcolor="#00d084", color="#0b1220"),
-                    ft.ElevatedButton("Cancelar", bgcolor="#ef4444", color="#ffffff"),
-                    ft.ElevatedButton("Guardar", bgcolor="#00796B", color="#ffffff"),
-                ], spacing=15),
-                ft.Container(height=30),
-                ft.Text("Campos de Entrada (antes tk.Entry)", size=20, color="#f0f4f8"),
-                ft.Column([
-                    ft.TextField(label="Usuario", hint_text="Ingrese usuario", width=300),
-                    ft.TextField(label="Contraseña", hint_text="Ingrese contraseña", password=True, width=300),
-                ], spacing=15),
-                ft.Container(height=30),
-                ft.Text("Casillas y Opciones (antes tk.Checkbutton/tk.Radiobutton)", size=20, color="#f0f4f8"),
-                ft.Column([
-                    ft.Checkbox(label="Recordarme"),
-                    ft.Checkbox(label="Aceptar términos"),
-                ], spacing=10),
-            ], scroll=ft.ScrollMode.AUTO),
-            expand=True,
-            padding=20
-        )
+    def _build_content(self):
+        return ft.Column([
+            self.theme.styled_text(
+                "Panel de Controles (antes tk.Button)",
+                size=20, weight=ft.FontWeight.BOLD,
+            ),
+            ft.Row([
+                self.theme.accent_button("Aceptar"),
+                ft.ElevatedButton("Cancelar", bgcolor=self.theme.error, color="#ffffff"),
+                ft.ElevatedButton("Guardar", bgcolor="#00796B", color="#ffffff"),
+            ], spacing=15),
+            ft.Container(height=30),
+            self.theme.styled_text(
+                "Campos de Entrada (antes tk.Entry)",
+                size=20, weight=ft.FontWeight.BOLD,
+            ),
+            ft.Column([
+                ft.TextField(label="Usuario", hint_text="Ingrese usuario", width=300),
+                ft.TextField(label="Contraseña", hint_text="Ingrese contraseña", password=True, width=300),
+            ], spacing=15),
+            ft.Container(height=30),
+            self.theme.styled_text(
+                "Casillas y Opciones (antes tk.Checkbutton/tk.Radiobutton)",
+                size=20, weight=ft.FontWeight.BOLD,
+            ),
+            ft.Column([
+                ft.Checkbox(label="Recordarme"),
+                ft.Checkbox(label="Aceptar términos"),
+            ], spacing=10),
+        ], scroll=ft.ScrollMode.AUTO)
 
 
 def main(page: ft.Page):
@@ -65,4 +88,10 @@ def main(page: ft.Page):
 
 
 if __name__ == "__main__":
-    ft.app(target=main)
+    try:
+        ft.run(main)
+    except Exception as e:
+        print(f"\n[FATAL] Error al iniciar la aplicacion: {e}", flush=True)
+        import traceback
+        traceback.print_exc()
+        input("\nPresione Enter para salir...")

package/src/assets/templates/solid-web/src/core/skill.json

@@ -1,15 +1,22 @@
 {
-  "skill": "corporativo",
-  "device": "movil",
-  "template": "solid-web",
+  "name": "solid-web",
+  "description": "G360 SolidJS Application",
+  "framework": "solid",
   "version": "1.0.0",
-  "createdAt": "2024-01-01T00:00:00.000Z",
   "colors": {
     "bg": "#0b1220",
     "surface": "#151e2e",
     "accent": "#00d084",
     "text": "#f0f4f8",
-    "muted": "#94a3b8"
+    "muted": "#94a3b8",
+    "success": "#22c55e",
+    "warning": "#f59e0b",
+    "error": "#ef4444"
+  },
+  "effects": {
+    "glassmorphism": true,
+    "blur": "12px",
+    "rounded": "12px"
   },
   "signature": {
     "mode": "powered",

package/src/assets/templates/svelte-web/src/core/skill.json

@@ -1,15 +1,22 @@
 {
-  "skill": "corporativo",
-  "device": "movil",
-  "template": "svelte-web",
+  "name": "svelte-web",
+  "description": "G360 SvelteKit Application",
+  "framework": "svelte",
   "version": "1.0.0",
-  "createdAt": "2024-01-01T00:00:00.000Z",
   "colors": {
     "bg": "#0b1220",
     "surface": "#151e2e",
     "accent": "#00d084",
     "text": "#f0f4f8",
-    "muted": "#94a3b8"
+    "muted": "#94a3b8",
+    "success": "#22c55e",
+    "warning": "#f59e0b",
+    "error": "#ef4444"
+  },
+  "effects": {
+    "glassmorphism": true,
+    "blur": "12px",
+    "rounded": "12px"
   },
   "signature": {
     "mode": "powered",

package/src/assets/templates/web-pwa/index.html

@@ -9,15 +9,13 @@
     <title>Mi Proyecto G360</title>
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <link rel="manifest" href="/manifest.json" />
-    <link rel="stylesheet" href="/styles.css" />
+    <link rel="stylesheet" href="/src/styles/main.css" />
   </head>
   <body>
     <div id="root"></div>
-    
-    <!-- Firma G360 -->
-    <g360-signature mode="powered" style="position: fixed; bottom: 16px; right: 16px; z-index: 100;"></g360-signature>
-    
-    <script type="module" src="https://unpkg.com/g360-signature@1.0.0/index.js"></script>
-    <script type="module" src="/app.js"></script>
+    <script type="module" src="/src/main.jsx"></script>
+    <script src="https://unpkg.com/g360-signature@latest/index.js"></script>
+    <!-- Firma Oficial G360 -->
+    <g360-signature mode="powered" style="position: fixed; bottom: 16px; right: 16px; z-index: 99999;"></g360-signature>
   </body>
 </html>

package/src/assets/templates/web-pwa/public/favicon.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="16" cy="16" r="14" fill="#0b1220" stroke="#00d084" stroke-width="2"/>
+  <text x="16" y="22" text-anchor="middle" font-family="Arial Black,sans-serif" font-size="16" font-weight="bold" fill="#00d084">G</text>
+</svg>

package/src/assets/templates/web-pwa/public/manifest.json

@@ -0,0 +1,11 @@
+{
+  "name": "G360 App",
+  "short_name": "G360",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#0b1220",
+  "theme_color": "#00d084",
+  "icons": [
+    { "src": "/favicon.svg", "sizes": "any", "type": "image/svg+xml" }
+  ]
+}

package/src/assets/templates/web-pwa/src/App.jsx

@@ -0,0 +1,22 @@
+import { useState } from 'react';
+import Header from './components/Header';
+import LoadingOverlay from './components/LoadingOverlay';
+import FooterSignature from './components/FooterSignature';
+
+function App() {
+  const [loading, setLoading] = useState(false);
+
+  return (
+    <div className="app">
+      <Header />
+      <main className="container">
+        <h1>Bienvenido a G360</h1>
+        <p className="muted">Proyecto creado con React + Vite</p>
+      </main>
+      <FooterSignature />
+      {loading && <LoadingOverlay message="Cargando..." />}
+    </div>
+  );
+}
+
+export default App;

package/src/assets/templates/web-pwa/src/components/FooterSignature.jsx

@@ -0,0 +1,9 @@
+function FooterSignature() {
+  return (
+    <footer className="g360-footer">
+      <span>powered by G360</span>
+    </footer>
+  );
+}
+
+export default FooterSignature;

package/src/assets/templates/web-pwa/src/components/Header.jsx

@@ -0,0 +1,12 @@
+function Header() {
+  return (
+    <header className="g360-header">
+      <div className="header-content">
+        <h1 className="logo">G360</h1>
+        <span className="subtitle">React App</span>
+      </div>
+    </header>
+  );
+}
+
+export default Header;

package/src/assets/templates/web-pwa/src/components/LoadingOverlay.jsx

@@ -0,0 +1,10 @@
+function LoadingOverlay({ message = 'Cargando...' }) {
+  return (
+    <div className="g360-loading-overlay">
+      <div className="g360-loading-spinner" />
+      <p>{message}</p>
+    </div>
+  );
+}
+
+export default LoadingOverlay;

package/src/assets/templates/web-pwa/src/core/skill.json

@@ -0,0 +1,25 @@
+{
+  "name": "corporativo-movil",
+  "description": "G360 React + Vite Application",
+  "framework": "react",
+  "version": "1.0.0",
+  "colors": {
+    "bg": "#0b1220",
+    "surface": "#151e2e",
+    "accent": "#00d084",
+    "text": "#f0f4f8",
+    "muted": "#94a3b8",
+    "success": "#22c55e",
+    "warning": "#f59e0b",
+    "error": "#ef4444"
+  },
+  "effects": {
+    "glassmorphism": true,
+    "blur": "16px",
+    "rounded": "16px"
+  },
+  "signature": {
+    "mode": "powered",
+    "text": "powered by G360"
+  }
+}

package/src/assets/templates/web-pwa/src/main.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App';
+
+ReactDOM.createRoot(document.getElementById('root')).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);