tailjng 0.0.36 → 0.0.38

package/cli/component-manager.js

@@ -1,71 +1,95 @@
 // component-manager.js
 
-const fs = require("fs")
-const path = require("path")
-const { copyComponentFiles } = require("./file-operations")
-const { installDependencies } = require("./dependency-manager")
-const { COLORS } = require("./settings/colors")
+const { copyComponentFiles } = require("./file-operations");
+const { installDependencies } = require("./dependency-manager");
+const { COLORS } = require("./settings/colors");
 
+// Registro global para evitar re-instalaciones duplicadas
+const installedComponentsGlobal = new Set();
+
+/**
+ * Instala un componente individual y sus dependencias.
+ */
 async function addComponent(componentName, componentList) {
-    const componentData = componentList[componentName]
-    if (!componentData) {
-        console.error(
-            `${COLORS.red}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.red}ERROR: Component ${COLORS.bright}"${componentName}"${COLORS.reset} ${COLORS.red}not found in the component list.${COLORS.reset}`,
-        )
-        process.exit(1)
-    }
+  const componentData = componentList[componentName];
+  if (!componentData) {
+    console.error(
+      `${COLORS.red}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.red}ERROR: Component ${COLORS.bright}"${componentName}"${COLORS.reset} ${COLORS.red}not found in the component list.${COLORS.reset}`
+    );
+    process.exit(1);
+  }
 
-    console.log(`${COLORS.blue}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.blue}Adding component: ${COLORS.bright}"${componentName}"${COLORS.reset}`)
+  console.log(
+    `${COLORS.blue}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.blue}Adding component: ${COLORS.bright}"${componentName}"${COLORS.reset}`
+  );
 
-    // Create a Set to track already processed components
-    const installedComponents = new Set()
+  // Instalar dependencias primero
+  await installDependencies(componentData.dependencies, componentList, installedComponentsGlobal);
 
-    // Install dependencies first to ensure they are available before the main component
-    await installDependencies(componentData.dependencies, componentList, installedComponents)
+  // Si el componente principal ya fue procesado (como dependencia), saltarlo
+  if (installedComponentsGlobal.has(componentName)) {
+    console.log(
+      `${COLORS.dim}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.dim}Main component ${COLORS.bright}"${componentName}"${COLORS.reset} ${COLORS.dim}was already processed as a dependency.${COLORS.reset}`
+    );
+    return;
+  }
 
-    // Check if the main component was already processed as a dependency
-    if (!installedComponents.has(componentName)) {
-        // Copy the main component files to the project
-        const wasInstalled = await copyComponentFiles(componentName, componentData.path, false)
+  // Copiar los archivos del componente principal
+  const wasInstalled = await copyComponentFiles(componentName, componentData.path, false);
 
-        if (wasInstalled) {
-            console.log(
-                `${COLORS.greenBright}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.greenBright}✔ Component ${COLORS.bright}"${componentName}"${COLORS.reset} ${COLORS.greenBright}installed successfully.${COLORS.reset}`,
-            )
-        } else {
-            console.log(
-                `${COLORS.yellow}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.yellow}Component ${COLORS.bright}"${componentName}"${COLORS.reset} ${COLORS.yellow}installation was cancelled by user.${COLORS.reset}`,
-            )
-        }
-    } else {
-        console.log(
-            `${COLORS.dim}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.dim}Main component ${COLORS.bright}"${componentName}"${COLORS.reset} ${COLORS.dim}was already processed as a dependency.${COLORS.reset}`,
-        )
-    }
-}
+  installedComponentsGlobal.add(componentName); // lo marcamos como instalado
 
+  if (wasInstalled) {
+    console.log(
+      `${COLORS.greenBright}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.greenBright}✔ Component ${COLORS.bright}"${componentName}"${COLORS.reset} ${COLORS.greenBright}installed successfully.${COLORS.reset}`
+    );
+  } else {
+    console.log(
+      `${COLORS.yellow}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.yellow}Component ${COLORS.bright}"${componentName}"${COLORS.reset} ${COLORS.yellow}installation was cancelled by user.${COLORS.reset}`
+    );
+  }
+}
 
+/**
+ * Instala todos los componentes disponibles en la lista.
+ */
 async function installAllComponents(componentList) {
-    console.log(`${COLORS.blue}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.blue}Installing all components...${COLORS.reset}`)
-
-    const installedComponents = new Set()
-
-    for (const componentName of Object.keys(componentList)) {
-        if (!installedComponents.has(componentName)) {
-            await installDependencies(componentList[componentName].dependencies, componentList, installedComponents)
-
-            if (!installedComponents.has(componentName)) {
-                const wasInstalled = await copyComponentFiles(componentName, componentList[componentName].path, false)
-                if (wasInstalled) {
-                    console.log(`${COLORS.greenBright}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.greenBright}✔ Component ${COLORS.bright}"${componentName}"${COLORS.reset} ${COLORS.greenBright}installed successfully.${COLORS.reset}`)
-                } else {
-                    console.log(`${COLORS.yellow}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.yellow}Component ${COLORS.bright}"${componentName}"${COLORS.reset} ${COLORS.yellow}installation was skipped by user.${COLORS.reset}`)
-                }
-            }
-        }
+  console.log(
+    `${COLORS.blue}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.blue}Installing all components...${COLORS.reset}`
+  );
+
+  for (const componentName of Object.keys(componentList)) {
+    const componentData = componentList[componentName];
+
+    // Evita duplicados
+    if (installedComponentsGlobal.has(componentName)) {
+      console.log(
+        `${COLORS.dim}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.dim}Skipping already installed: ${COLORS.bright}"${componentName}"${COLORS.reset}`
+      );
+      continue;
+    }
+
+    // Instalar dependencias
+    await installDependencies(componentData.dependencies, componentList, installedComponentsGlobal);
+
+    // Instalar el componente principal
+    const wasInstalled = await copyComponentFiles(componentName, componentData.path, false);
+    installedComponentsGlobal.add(componentName);
+
+    if (wasInstalled) {
+      console.log(
+        `${COLORS.greenBright}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.greenBright}✔ Component ${COLORS.bright}"${componentName}"${COLORS.reset} ${COLORS.greenBright}installed successfully.${COLORS.reset}`
+      );
+    } else {
+      console.log(
+        `${COLORS.yellow}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.yellow}Component ${COLORS.bright}"${componentName}"${COLORS.reset} ${COLORS.yellow}installation was skipped by user.${COLORS.reset}`
+      );
     }
+  }
 
-    console.log(`${COLORS.greenBright}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.greenBright}✔ All components processed.${COLORS.reset}`)
+  console.log(
+    `${COLORS.greenBright}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.greenBright}✔ All components processed.${COLORS.reset}`
+  );
 }
 
-module.exports = { addComponent, installAllComponents }
+module.exports = { addComponent, installAllComponents };

package/cli/dependency-manager.js

@@ -1,54 +1,71 @@
 // dependency-manager.js
+const { copyComponentFiles } = require("./file-operations");
+const { COLORS } = require("./settings/colors");
 
-const { copyComponentFiles } = require("./file-operations")
-const { COLORS } = require("./settings/colors")
-
+/**
+ * Instala recursivamente dependencias de componentes,
+ * evitando re-instalar o re-actualizar los mismos componentes.
+ */
 async function installDependencies(dependencies = [], componentList, installedComponents = new Set()) {
-    if (dependencies.length === 0) {
-        console.log(`${COLORS.dim}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.dim}No dependencies to install.${COLORS.reset}`)
-        return
+    if (!dependencies || dependencies.length === 0) {
+        console.log(
+            `${COLORS.dim}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.dim}No dependencies to install.${COLORS.reset}`
+        );
+        return;
     }
 
     for (const dep of dependencies) {
-        // Avoid infinite loops by checking if the component was already processed
+        // Evita duplicados y bucles
         if (installedComponents.has(dep)) {
-            console.log(`${COLORS.dim}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.dim}Component ${COLORS.bright}"${dep}"${COLORS.reset} ${COLORS.dim}already processed, skipping.${COLORS.reset}`)
-            continue
+            console.log(
+                `${COLORS.dim}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.dim}Component ${COLORS.bright}"${dep}"${COLORS.reset} ${COLORS.dim}already processed, skipping.${COLORS.reset}`
+            );
+            continue;
         }
 
-        const depComponentData = componentList[dep]
+        const depComponentData = componentList[dep];
         if (!depComponentData) {
             console.error(
-                `${COLORS.red}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.red}ERROR: Dependency component ${COLORS.bright}"${dep}" ${COLORS.red}not found in the component list.${COLORS.reset}`,
-            )
-            process.exit(1)
+                `${COLORS.red}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.red}ERROR: Dependency component ${COLORS.bright}"${dep}"${COLORS.red} not found in the component list.${COLORS.reset}`
+            );
+            process.exit(1);
         }
 
-        console.log(`${COLORS.magenta}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.magenta}Installing dependency component: ${COLORS.bright}"${dep}"${COLORS.reset}`)
+        // Marca como instalado antes de procesarlo (previene loops circulares)
+        installedComponents.add(dep);
 
-        // Mark as processed before installing to avoid infinite loops
-        installedComponents.add(dep)
+        console.log(
+            `${COLORS.magenta}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.magenta}Installing dependency: ${COLORS.bright}"${dep}"${COLORS.reset}`
+        );
 
-        // Install recursively the dependencies of this dependency
+        // Instalar dependencias internas del dependency
         if (depComponentData.dependencies && depComponentData.dependencies.length > 0) {
-            await installDependencies(depComponentData.dependencies, componentList, installedComponents)
+            await installDependencies(depComponentData.dependencies, componentList, installedComponents);
         }
 
-        // Copy the dependent component files
+        // Copiar los archivos del componente
         try {
-            const wasInstalled = await copyComponentFiles(dep, depComponentData.path, true)
+            const wasInstalled = await copyComponentFiles(dep, depComponentData.path, true);
 
             if (wasInstalled) {
-                console.log(`${COLORS.green}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.green}Successfully installed dependency: ${COLORS.bright}"${dep}"${COLORS.reset}`)
+                console.log(
+                    `${COLORS.green}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.green}Successfully installed dependency: ${COLORS.bright}"${dep}"${COLORS.reset}`
+                );
             } else {
-                console.log(`${COLORS.dim}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.dim}Dependency ${COLORS.bright}"${dep}"${COLORS.reset} ${COLORS.dim}was skipped by user choice.${COLORS.reset}`)
+                console.log(
+                    `${COLORS.dim}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.dim}Dependency ${COLORS.bright}"${dep}"${COLORS.reset} ${COLORS.dim}was skipped by user choice.${COLORS.reset}`
+                );
             }
         } catch (err) {
-            console.error(`${COLORS.red}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.red}Failed to install dependency component: ${COLORS.bright}"${dep}"${COLORS.reset}`)
-            console.error(`${COLORS.red}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.red}Error details:${COLORS.reset}`, err)
-            process.exit(1)
+            console.error(
+                `${COLORS.red}${COLORS.bright}[tailjng CLI]${COLORS.reset} ${COLORS.red}Failed to install dependency: ${COLORS.bright}"${dep}"${COLORS.reset}`
+            );
+            console.error(`${COLORS.red}Error details:${COLORS.reset}`, err);
+            process.exit(1);
         }
     }
+
+    return installedComponents;
 }
 
-module.exports = { installDependencies }
+module.exports = { installDependencies };

package/cli/settings/components-list.js

@@ -50,10 +50,14 @@ function getComponentList() {
             path: "src/lib/components/progress-bar",
             dependencies: [],
         },
-        'image-viewer': {
-            path: "src/lib/components/image/image-viewer",
+        'viewer-image': {
+            path: "src/lib/components/viewer/viewer-image",
             dependencies: ["button"],
         },
+        'viewer-pdf': {
+            path: "src/lib/components/viewer/viewer-pdf",
+            dependencies: [],
+        },
         'dialog': {
             path: "src/lib/components/dialog",
             dependencies: [],
@@ -114,10 +118,10 @@ function getComponentList() {
             path: "src/lib/components/menu/menu-options-table",
             dependencies: ["button"],
         },
-        
-        
-        
-        
+
+
+
+
         'table-crud-complete': {
             path: "src/lib/components/table/table-crud-complete",
             dependencies: ["button", "paginator-complete", "filter-complete", "checkbox-input", "menu-options-table", "dialog", "image-viewer", "select-dropdown", "input"],

package/cli/settings/header-generator.js

@@ -27,7 +27,7 @@ Authors:
 License:
   This project is licensed under the BSD 3-Clause - see the LICENSE file for more details.
 
-Version: 0.0.36
+Version: 0.0.38
 Creation Date: 2025-01-04
 ===============================================`
 

package/fesm2022/tailjng.mjs

@@ -6,7 +6,7 @@ import { es } from 'date-fns/locale';
 import { map, isObservable, firstValueFrom, forkJoin } from 'rxjs';
 import * as i1$1 from '@angular/common/http';
 import { HttpParams } from '@angular/common/http';
-import { Clock, Calendar, EllipsisVertical, Trash, Edit, Pencil, PencilLine, ListRestart, FileUp, MonitorUp, FileSpreadsheet, Cpu, Trash2, Eraser, ArrowDownWideNarrow, Filter, ArrowBigRight, ChevronsRight, ChevronRight, ChevronLeft, ChevronsLeft, Loader2, Moon, Sun, Save, Copy, Search, SquareDashedMousePointer, ChevronsUpDown, ChevronDown, ChevronUp, Eye, Upload, ImageOff, Images, Image, Minimize2, Scan, RefreshCcw, RotateCcw, RotateCw, ZoomOut, ZoomIn, Check, X, CircleHelp, TriangleAlert, CircleX, CircleCheck, Info } from 'lucide-angular';
+import { Clock, Calendar, EllipsisVertical, Trash, Edit, Pencil, PencilLine, ListRestart, FileUp, Download, MonitorUp, FileSpreadsheet, Cpu, Trash2, Eraser, ArrowDownWideNarrow, Filter, ArrowBigRight, ChevronsRight, ChevronRight, ChevronLeft, ChevronsLeft, Loader2, Moon, Sun, Save, Copy, Search, SquareDashedMousePointer, ChevronsUpDown, ChevronDown, ChevronUp, Eye, Upload, ImageOff, Images, Image, Minimize2, Scan, RefreshCcw, RotateCcw, RotateCw, ZoomOut, ZoomIn, Check, X, CircleHelp, TriangleAlert, CircleX, CircleCheck, Info } from 'lucide-angular';
 import * as FileSaver from 'file-saver';
 import * as ExcelJS from 'exceljs';
 import * as XLSX from 'xlsx';
@@ -1070,6 +1070,7 @@ class JIconsService {
         default: Cpu,
         fileSpreadsheet: FileSpreadsheet,
         monitorUp: MonitorUp,
+        download: Download,
         fileUp: FileUp,
         listRestart: ListRestart,
         editRowLine: PencilLine,