g360-cli 1.16.0 → 1.17.0

package/src/assets/pptx/themes/base.js

@@ -1,63 +1,8 @@
 /**
- * Tema G360 — paleta esmeralda, fuente Inter, fondo oscuro/claro.
- * Usa los colores definidos en skill.json del proyecto (fallback a valores G360).
+ * Tema base — fabrica generica. Wrapper de compat sobre themes/index.js.
  */
-import PptxGenJS from 'pptxgenjs';
-
-export function createG360Theme() {
-  const colors = {
-    accent: '#10B981',
-    accentDark: '#047857',
-    success: '#34D399',
-    warning: '#F59E0B',
-    error: '#EF4444',
-    text: '#0F172A',
-    textLight: '#64748B',
-    bg: '#FFFFFF',
-    surface: '#F3F5F9',
-    border: '#E3E8F0',
-    darkBg: '#0A0F1E',
-    darkText: '#F1F5FB',
-    darkSurface: '#141D33',
-  };
-
-  // Definir layout A4 vertical para manual (portrait)
-  const pptx = new PptxGenJS();
-  pptx.defineLayout({ name: 'A4', width: 10, height: 14.28 }); // A4 portrait en pulgadas
-  pptx.defineLayout({ name: 'LAYOUT_16x9', width: 10, height: 5.625 });
-  pptx.defineLayout({ name: 'LAYOUT_4x3', width: 10, height: 7.5 });
-
-  // Usar A4 como default (manual mode)
-  pptx.layout = 'A4';
-
-  // Theme global
-  pptx.author = 'g360-cli';
-  pptx.title = '';
-  pptx.subject = 'Documentacion generada por g360-cli';
-
-  return {
-    pptx,
-    colors,
-    layout: 'A4',
-    fonts: ['Inter', 'Arial'],
-    /**
-     * Agregar logo de marca a la presentacion
-     */
-    setLogo(pptxObj, brand, width = 1.2, height = 0.6) {
-      const logoPath = brand === 'cipsa'
-        ? path.join(__dirname, '..', 'brand', 'cipsa', 'logotypes', 'Logo_cipsa_solid.svg')
-        : path.join(__dirname, '..', 'brand', 'g360', 'logotypes', 'logo-g360-light.svg');
-      // Nota: SVG no soportado nativamente por PptxGenJS; fallback a PNG
-      const pngPath = brand === 'cipsa'
-        ? path.join(__dirname, '..', 'brand', 'cipsa', 'logotypes', 'Logo_cipsa_solid.png')
-        : path.join(__dirname, '..', 'brand', 'g360', 'logotypes', 'logo-g360-dark.png');
-      if (require('fs').existsSync(pngPath)) {
-        return { path: pngPath, width, height };
-      }
-      return null;
-    },
-  };
-}
-
-import path from 'path';
-import fs from 'fs';
+export {
+  createTheme,
+  createCorporateTheme,
+  registerLayouts,
+} from './index.js';

package/src/assets/pptx/themes/cipsa.js

@@ -1,46 +1,4 @@
 /**
- * Tema CIPSA — verde corporativo con logo CIPSA.
+ * Tema CIPSA — verde corporativo. Wrapper de compat sobre themes/index.js.
  */
-import PptxGenJS from 'pptxgenjs';
-import path from 'path';
-import fs from 'fs';
-
-export function createCipsaTheme() {
-  const colors = {
-    accent: '#00d084',
-    accentDark: '#00796B',
-    success: '#22c55e',
-    warning: '#f59e0b',
-    error: '#ef4444',
-    text: '#0F172A',
-    textLight: '#64748B',
-    bg: '#FFFFFF',
-    surface: '#F0F9F4',
-    border: '#CCF0E0',
-    darkBg: '#0d1117',
-    darkText: '#f0f6fc',
-    darkSurface: '#161b22',
-  };
-
-  const pptx = new PptxGenJS();
-  pptx.defineLayout({ name: 'A4', width: 10, height: 14.28 });
-  pptx.defineLayout({ name: 'LAYOUT_16x9', width: 10, height: 5.625 });
-  pptx.layout = 'A4';
-
-  pptx.author = 'g360-cli';
-  pptx.title = '';
-  pptx.subject = 'Documentacion CIPSA generada por g360-cli';
-
-  const cipsaLogo = path.join(process.cwd(), 'assets', 'images', 'Logo_cipsa_solid.png');
-  const fallbackLogo = fs.existsSync(cipsaLogo)
-    ? cipsaLogo
-    : path.join(__dirname, '..', '..', 'brand', 'cipsa', 'logotypes', 'Logo_cipsa_solid.png');
-
-  return {
-    pptx,
-    colors,
-    layout: 'A4',
-    fonts: ['Inter', 'Arial'],
-    logo: fs.existsSync(fallbackLogo) ? { path: fallbackLogo, width: 1.5, height: 0.5 } : null,
-  };
-}
+export { createCipsaTheme as default, createCipsaTheme } from './index.js';

package/src/assets/pptx/themes/g360.js

@@ -1,32 +1,4 @@
 /**
- * Tema G360 — paleta esmeralda, fuente Inter.
+ * Tema G360 — paleta esmeralda. Wrapper de compat sobre themes/index.js.
  */
-import PptxGenJS from 'pptxgenjs';
-
-const colors = {
-  accent: '#10B981',
-  accentDark: '#047857',
-  success: '#34D399',
-  warning: '#F59E0B',
-  error: '#EF4444',
-  info: '#3B82F6',
-  violet: '#8B5CF6',
-  text: '#0F172A',
-  textLight: '#64748B',
-  bg: '#FFFFFF',
-  surface: '#F3F5F9',
-  border: '#E3E8F0',
-};
-
-export function createG360Theme() {
-  const pptx = new PptxGenJS();
-  pptx.defineLayout({ name: 'A4', width: 10, height: 14.28 });
-  pptx.defineLayout({ name: 'LAYOUT_16x9', width: 10, height: 5.625 });
-  pptx.layout = 'A4';
-  pptx.author = 'g360-cli';
-  pptx.subject = 'Documentacion generada por g360-cli';
-
-  return { pptx, colors, layout: 'A4' };
-}
-
-export { colors };
+export { createG360Theme as default, createG360Theme } from './index.js';

package/src/assets/pptx/themes/index.js

@@ -1,2 +1,87 @@
-export { createG360Theme } from './g360.js';
-export { createCipsaTheme } from './cipsa.js';
+/**
+ * Fabrica de temas G360 para pptxgenjs.
+ * Consumen design-tokens.js (fuente unica de verdad de paletas/estilos).
+ */
+import PptxGenJS from 'pptxgenjs';
+import path from 'path';
+import fs from 'fs';
+import { fileURLToPath } from 'url';
+import {
+  PALETTES,
+  TYPO,
+  SPACING,
+  DEFAULT_LAYOUT,
+  resolvePalette,
+} from '../design-tokens.js';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+/** Layout 16:9 registrado por las fabricas de tema */
+export function registerLayouts(pptx) {
+  pptx.defineLayout({
+    name: DEFAULT_LAYOUT,
+    width: SPACING.page.width,
+    height: SPACING.page.height,
+  });
+  pptx.layout = DEFAULT_LAYOUT;
+}
+
+/**
+ * Crea un tema completo para pptxgenjs.
+ * @param {string} name — 'g360' | 'cipsa' | 'corporate'
+ */
+export function createTheme(name = 'g360') {
+  const colors = resolvePalette(name);
+  const pptx = new PptxGenJS();
+  registerLayouts(pptx);
+
+  pptx.author = 'g360-cli';
+  pptx.company = name === 'cipsa' ? 'CIPSA' : 'G360';
+  pptx.subject = 'Manual de aplicacion generado por g360-cli';
+
+  return {
+    pptx,
+    colors,
+    typo: TYPO,
+    spacing: SPACING,
+    layout: DEFAULT_LAYOUT,
+    font: TYPO.font,
+    fallbackFont: TYPO.fallback,
+    name,
+    /**
+     * Logo de marca (PNG) si existe; null si no.
+     */
+    logo() {
+      const candidates = name === 'cipsa'
+        ? [
+            path.join(process.cwd(), 'assets', 'images', 'Logo_cipsa_solid.png'),
+            path.join(__dirname, '..', 'brand', 'cipsa', 'logotypes', 'Logo_cipsa_solid.png'),
+          ]
+        : [
+            path.join(process.cwd(), 'assets', 'images', 'logo-g360-dark.png'),
+            path.join(__dirname, '..', 'brand', 'g360', 'logotypes', 'logo-g360-dark.png'),
+          ];
+      for (const p of candidates) {
+        if (fs.existsSync(p)) return { path: p, w: 1.5, h: 0.5 };
+      }
+      return null;
+    },
+  };
+}
+
+/** Compat: tema G360 (esmeralda) */
+export function createG360Theme() {
+  return createTheme('g360');
+}
+
+/** Compat: tema CIPSA (verde corporativo) */
+export function createCipsaTheme() {
+  return createTheme('cipsa');
+}
+
+/** Compat: tema Corporate (azul marino) */
+export function createCorporateTheme() {
+  return createTheme('corporate');
+}
+
+export { PALETTES };

package/src/commands/pptx.js

@@ -22,7 +22,7 @@ export async function pptx(targetPath, options) {
     screenshots,
   } = options;
 
-  const targetDir = path.join(process.cwd(), targetPath || '.');
+  const targetDir = path.resolve(process.cwd(), targetPath || '.');
 
   if (!await fs.pathExists(targetDir)) {
     console.error(chalk.red(`❌ Directorio no encontrado: ${targetDir}`));
@@ -50,15 +50,16 @@ export async function pptx(targetPath, options) {
   if (dryRun) {
     console.log(chalk.yellow('📋 DRY RUN — Outline generado:\n'));
     console.log(chalk.gray('  [1] Portada'));
-    console.log(chalk.gray('  [2] Introducción'));
-    console.log(chalk.gray('  [3] Instalación'));
-    console.log(chalk.gray('  [4] Dashboard / Inicio'));
+    console.log(chalk.gray('  [2] Introducción (¿Qué es?)'));
+    console.log(chalk.gray('  [3] Módulos (tabla + capturas)'));
+    console.log(chalk.gray('  [4] Flujo de trabajo'));
     console.log(chalk.gray('  [5-N] Funcionalidades (una por módulo UI detectado)'));
     console.log(chalk.gray('  [N+1] Flujos de trabajo (modales)'));
     console.log(chalk.gray('  [N+2] Arquitectura'));
     console.log(chalk.gray('  [N+3] Buenas prácticas'));
-    console.log(chalk.gray('  [N+4] Resumen'));
-    console.log(chalk.gray(`\nTotal estimado: ~${12 + Math.min(6, 20)} slides A4`));
+    console.log(chalk.gray('  [N+4] Límites conocidos (si aplica)'));
+    console.log(chalk.gray('  [N+5] Resumen'));
+    console.log(chalk.gray(`\nFormato: 16:9 widescreen · Theme: ${themeName || detectedBrand}`));
     return;
   }
 
@@ -70,12 +71,13 @@ export async function pptx(targetPath, options) {
     const pptxPath = await generateManualPptx(appData, {
       mode,
       theme: themeName || detectedBrand,
+      targetDir: targetDir,
       outPath: out,
     });
 
     spinner.succeed(chalk.green(`✅ PPTX generado: ${pptxPath}`));
     console.log(chalk.gray(`   Tamaño: ${Math.round((await fs.stat(pptxPath)).size / 1024)} KB`));
-    console.log(chalk.gray(`   Slides: ~12 A4 (modo manual)`));
+    console.log(chalk.gray(`   Formato: 16:9 widescreen (modo ${mode})`));
     console.log('');
     console.log(chalk.cyan('  Siguiente paso:'));
     console.log(chalk.gray('    Revisar el archivo y reemplazar placeholders de screenshots'));