g360-cli 1.16.0 → 1.17.0

package/src/assets/pptx/scripts/analyze-app.js

@@ -89,18 +89,19 @@ export async function analyzeApp(projectDir) {
     const uiFiles = await fs.readdir(uiDir);
     for (const file of uiFiles) {
       if (file === '__pycache__' || file.endsWith('.pyc')) continue;
+      if (file === '__init__.py') continue;
       const filePath = path.join(uiDir, file);
-      if (await fs.pathExists(filePath)) {
-        const content = await fs.readFile(filePath, 'utf-8');
-        const className = file.replace('.py', '');
-        const displayName = UI_CLASS_MAP[className] || className;
-        result.features.push({
-          name: className,
-          display: displayName,
-          file,
-          path: filePath,
-        });
-      }
+      const st = await fs.stat(filePath).catch(() => null);
+      if (!st || !st.isFile()) continue;
+      const content = await fs.readFile(filePath, 'utf-8');
+      const className = file.replace('.py', '');
+      const displayName = UI_CLASS_MAP[className] || className;
+      result.features.push({
+        name: className,
+        display: displayName,
+        file,
+        path: filePath,
+      });
     }
   }
 
@@ -110,6 +111,7 @@ export async function analyzeApp(projectDir) {
     const modalFiles = await fs.readdir(modalsDir);
     for (const file of modalFiles) {
       if (file === '__pycache__' || file.endsWith('.pyc')) continue;
+      if (file === '__init__.py') continue;
       const className = file.replace('.py', '');
       const displayName = UI_CLASS_MAP[className] || className;
       result.hasModals.push(className);
@@ -161,7 +163,10 @@ export async function analyzeApp(projectDir) {
     }
   }
 
-  // 6. Detectar Screenshots disponibles
+  // 6. Detección web: framework, módulos y capacidades desde package.json
+  await analyzeWebApp(projectDir, result);
+
+  // 7. Detectar Screenshots disponibles
   const screenshotsDir = path.join(projectDir, 'assets', 'screenshots');
   if (await fs.pathExists(screenshotsDir)) {
     try {
@@ -173,7 +178,7 @@ export async function analyzeApp(projectDir) {
     } catch { /* ignorar */ }
   }
 
-  // 7. Construir features list
+  // 8. Construir features list
   result.features = result.features.map(f => ({
     ...f,
     screenshotIndex: result.screenshots.findIndex(s => s.filename.includes(f.name.toLowerCase().slice(0, 4))),
@@ -182,6 +187,165 @@ export async function analyzeApp(projectDir) {
   return result;
 }
 
+/**
+ * Descripciones legibles para rutas web conocidas.
+ */
+const WEB_ROUTE_MAP = {
+  dashboard: 'Vista principal: resumen operativo, KPIs y accesos a los módulos',
+  hoy: 'Agenda del día: prioridades, alertas y avance',
+  radar: 'Oportunidades priorizadas y ruta del día',
+  netos: 'Montos netos jerárquicos por periodo',
+  clientes: 'Directorio de clientes con filtros y búsqueda',
+  ficha: 'Ficha de detalle por cliente con historial y precios',
+  login: 'Autenticación y validación de acceso',
+  reportes: 'Reportes y exportación de datos',
+  stock: 'Consulta de existencias en tiempo real',
+  pedidos: 'Gestión de pedidos y vigencias',
+  config: 'Configuración y preferencias de la app',
+};
+
+const WEB_COMPONENT_MAP = {
+  'app-root': 'Contenedor principal de la aplicación',
+  'stock-header': 'Encabezado con estado de conexión y acciones',
+  'stock-search': 'Búsqueda de productos con coincidencias en vivo',
+  'stock-alerts': 'Alertas de quiebres de stock y reposición',
+  'estado-panel': 'Panel de estado por almacén/producto',
+  'pulso-form': 'Formulario de registro de datos de campo',
+  'sin-catalogo-panel': 'Aviso de catálogo no disponible con acción de carga',
+  'login': 'Autenticación y validación de acceso',
+};
+
+/**
+ * Detección para apps web: SvelteKit (routes), React (pages),
+ * Lit/Componentes (src/components) y capacidades desde package.json.
+ */
+async function analyzeWebApp(projectDir, result) {
+  const pkgPath = path.join(projectDir, 'package.json');
+  const pkg = (await fs.pathExists(pkgPath))
+    ? await fs.readJson(pkgPath).catch(() => null)
+    : null;
+  const deps = { ...(pkg?.dependencies || {}), ...(pkg?.devDependencies || {}) };
+  const hasDep = (n) => Object.keys(deps).some((d) => d === n || d.startsWith(n));
+
+  if (pkg) {
+    result.name = result.name || pkg.name || '';
+    result.version = result.version || pkg.version || '';
+  }
+
+  // Framework
+  if (hasDep('@sveltejs/kit')) result.framework = result.framework || 'SvelteKit';
+  else if (hasDep('lit')) result.framework = result.framework || 'Lit';
+  else if (hasDep('react')) result.framework = result.framework || 'React';
+  else if (hasDep('vue')) result.framework = result.framework || 'Vue';
+  if (result.framework) result.type = 'web';
+
+  // Capabilidades desde dependencias
+  if (hasDep('exceljs') || hasDep('xlsx') || hasDep('sheetjs')) result.hasExport = true;
+  if (hasDep('@supabase/supabase-js')) result.hasSupabase = true;
+  if (hasDep('vite-plugin-pwa') || hasDep('workbox-window')) result.hasPwa = true;
+  if (hasDep('chart.js') || hasDep('recharts') || hasDep('echarts')) result.hasCharts = true;
+  if (hasDep('tailwindcss') || hasDep('@tailwindcss/vite')) result.hasTailwind = true;
+
+  // Módulos: SvelteKit routes (src/routes/**/+page.svelte, incluye subrutas dinámicas)
+  const routesDir = path.join(projectDir, 'src', 'routes');
+  if (await fs.pathExists(routesDir)) {
+    const entries = await fs.readdir(routesDir, { withFileTypes: true });
+    for (const entry of entries) {
+      if (!entry.isDirectory()) continue;
+      const routeDir = path.join(routesDir, entry.name);
+      const pageFile = await findPageSvelte(routeDir);
+      if (!pageFile) continue;
+      result.features.push({
+        name: entry.name,
+        display: capitalize(entry.name),
+        desc: WEB_ROUTE_MAP[entry.name] || `Sección ${entry.name} de la aplicación.`,
+        file: path.relative(projectDir, pageFile).split(path.sep).join('/'),
+        path: pageFile,
+        kind: 'route',
+      });
+      result.modules.push(entry.name);
+    }
+  }
+
+  // Módulos: componentes web destacados (src/components/*.js) — solo si no hay routes
+  const componentsDir = path.join(projectDir, 'src', 'components');
+  if (result.features.length === 0 && await fs.pathExists(componentsDir)) {
+    const files = (await fs.readdir(componentsDir))
+      .filter((f) => /\.(js|ts)$/.test(f));
+    for (const file of files) {
+      const base = file.replace(/\.(js|ts)$/, '');
+      result.features.push({
+        name: base,
+        display: componentDisplayName(base),
+        desc: WEB_COMPONENT_MAP[base] || `Componente de interfaz ${base}.`,
+        file: `src/components/${file}`,
+        path: path.join(componentsDir, file),
+        kind: 'component',
+      });
+    }
+  }
+
+  // Buscador global: por nombre de componente/ruta o contenido de las páginas
+  if (result.features.some((f) => /search|busca/i.test(f.name))) {
+    result.hasSearch = true;
+  } else {
+    for (const f of result.features) {
+      if (f.path && /\.(svelte|js|ts)$/.test(f.path)) {
+        try {
+          const content = await fs.readFile(f.path, 'utf-8');
+          if (/search|buscador|lupa/i.test(content)) { result.hasSearch = true; break; }
+        } catch { /* ignorar */ }
+      }
+    }
+  }
+
+  // Flujos web: modales/buscador como workflows si hay PWA/Supabase (solo títulos)
+  if (result.features.length > 0 && result.hasPwa) {
+    result.workflows.push({
+      name: 'PWA',
+      display: 'Instalación PWA y modo offline',
+      steps: [
+        'Abrir la URL de la app en el navegador',
+        'Instalar desde el menú (Android/iOS)',
+        'Usar con cache offline cuando no haya señal',
+      ],
+    });
+  }
+  if (result.hasSearch) {
+    result.workflows.push({
+      name: 'Busqueda',
+      display: 'Búsqueda global',
+      steps: ['Abrir el buscador', 'Escribir el criterio', 'Abrir el resultado'],
+    });
+  }
+}
+
+function componentDisplayName(base) {
+  return base
+    .replace(/-([a-z])/g, (_, c) => ' ' + c.toUpperCase())
+    .replace(/\b\w/g, (l) => l.toUpperCase());
+}
+
+function capitalize(s) {
+  return s.charAt(0).toUpperCase() + s.slice(1);
+}
+
+/** Busca recursivamente +page.svelte dentro de un directorio de ruta (subrutas dinámicas incluidas). */
+async function findPageSvelte(dir, depth = 0) {
+  if (depth > 3) return null;
+  const direct = path.join(dir, '+page.svelte');
+  if (await fs.pathExists(direct)) return direct;
+  try {
+    const children = await fs.readdir(dir, { withFileTypes: true });
+    for (const child of children) {
+      if (!child.isDirectory()) continue;
+      const found = await findPageSvelte(path.join(dir, child.name), depth + 1);
+      if (found) return found;
+    }
+  } catch { /* ignorar */ }
+  return null;
+}
+
 /**
  * Mapeo de clase UI → tipo de slide recomendado.
  */

package/src/assets/pptx/scripts/image-size.js

@@ -0,0 +1,56 @@
+/**
+ * Lector de dimensiones de imagen sin dependencias externas.
+ * Soporta PNG y JPEG (los formatos aceptados por pptxgenjs).
+ */
+import fs from 'fs';
+
+/**
+ * Devuelve { width, height } leyendo los headers del archivo.
+ * @param {string} filePath
+ * @returns {{width:number,height:number}|null}
+ */
+export function getImageSize(filePath) {
+  let buf;
+  try {
+    buf = fs.readFileSync(filePath);
+  } catch {
+    return null;
+  }
+  if (!buf || buf.length < 24) return null;
+
+  // PNG: firma 8 bytes + IHDR (largo 4 + tipo 4) -> ancho en 16, alto en 20 (BE)
+  if (buf.toString('ascii', 1, 4) === 'PNG') {
+    return { width: buf.readUInt32BE(16), height: buf.readUInt32BE(20) };
+  }
+
+  // JPEG: recorrer marcadores hasta SOF0-2 (0xC0/0xC1/0xC2)
+  if (buf[0] === 0xff && buf[1] === 0xd8) {
+    let off = 2;
+    while (off + 9 < buf.length) {
+      if (buf[off] !== 0xff) { off += 1; continue; }
+      const marker = buf[off + 1];
+      const isSOF = marker >= 0xc0 && marker <= 0xcf
+        && marker !== 0xc4 && marker !== 0xc8 && marker !== 0xcc;
+      if (isSOF) {
+        return {
+          height: buf.readUInt16BE(off + 5),
+          width: buf.readUInt16BE(off + 7),
+        };
+      }
+      off += 2 + buf.readUInt16BE(off + 2);
+    }
+  }
+  return null;
+}
+
+/**
+ * Calcula encaje proporcional (contain) de la imagen en el marco.
+ * @returns {{dw:number,dh:number}}
+ */
+export function containFit(width, height, frameW, frameH) {
+  if (!width || !height) return { dw: frameW, dh: frameH };
+  const ir = width / height;
+  const fr = frameW / frameH;
+  if (ir > fr) return { dw: frameW, dh: frameW / ir };
+  return { dw: frameH * ir, dh: frameH };
+}