cdd-cli 3.0.1 → 3.1.1

package/.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,30 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: ''
+labels: bug
+assignees: ''
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Run '...'
+3. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots or logs**
+If applicable, add screenshots or logs to help explain your problem.
+
+**Environment (please complete the following information):**
+- OS: (e.g. Ubuntu 22.04)
+- Node version: (e.g. 18.x)
+- cdd-cli version: (e.g. 3.1.0)
+
+**Additional context**
+Add any other context about the problem here.

package/.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,19 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: ''
+labels: enhancement
+assignees: ''
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

package/.github/PULL_REQUEST_TEMPLATE/pull_request.md

@@ -0,0 +1,14 @@
+<!-- Please replace the placeholders and remove this comment -->
+## Summary
+
+What does this PR change and why?
+
+## Checklist
+
+- [ ] I have read the contributing guidelines
+- [ ] Tests added / updated
+- [ ] Documentation updated
+
+## Related issues
+
+Closes: # (issue)

package/.github/workflows/ci.yml

@@ -0,0 +1,29 @@
+name: CI
+
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+
+jobs:
+  test-and-build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '18'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run tests
+        run: npm test
+
+      - name: Build
+        run: npm run build

package/CHANGELOG.md

@@ -0,0 +1,34 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+Format follows [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
+
+## [3.1.0] - 2025-10-16
+
+### Added
+
+- Modularized hooks: `useContainerCreation`, `useContainerActions`, `useLogsViewer`.
+- Validation helpers and unit tests for port validation.
+- CI workflow (GitHub Actions) and README improvements.
+
+### Changed
+
+- Container creation UX: English feedback messages, mandatory/validated port input, DB image warnings.
+- Added erase action (key `E`) with confirmation to delete containers.
+- Normalized source imports to include explicit `.js`/`.jsx` extensions for ESM compatibility.
+
+### Fixed
+
+- Various runtime & build issues after modularization (import fixes, exposing container action functions, creation flow wiring).
+
+## [Unreleased]
+
+- Incoming fixes and smaller tests / docs updates
+
+## [3.1.1] - 2025-10-16
+
+### Fixed
+
+- Minor docs typo fixes and README global install note added.
+

package/CODE_OF_CONDUCT.md

@@ -0,0 +1,12 @@
+# Contributor Covenant Code of Conduct
+
+This project follows the Contributor Covenant Code of Conduct. By participating, you agree to abide by its terms.
+
+Please see https://www.contributor-covenant.org/ for the full text.
+## Code of Conduct
+
+This project follows the [Contributor Covenant](https://www.contributor-covenant.org/).
+
+Be respectful, inclusive, and kind. Harassment, discrimination, or abusive language will not be tolerated.
+
+If you experience or witness unacceptable behavior, please contact the maintainers.

package/CONTRIBUTING.md

@@ -0,0 +1,22 @@
+# Contributing
+
+Thanks for your interest in contributing! Please follow these guidelines:
+
+- Fork the repository and create a feature branch.
+- Keep changes small and focused.
+- Add or update tests for new behaviors.
+- Run `npm test` and `npm run build` before opening a PR.
+- Use conventional commits where possible.
+
+For any design or large changes, open an issue first to discuss.
+## Contributing to CDD-CLI
+
+Thanks for your interest in contributing! A few guidelines to make collaboration smooth:
+
+- Fork the repo and create a branch for your feature/fix: `git checkout -b feat/my-feature`.
+- Write tests for any new behavior and ensure existing tests pass: `npm test`.
+- Follow the existing code style and run `npm run build` before opening a PR.
+- Keep PRs focused and describe motivation and changes.
+- Tag reviewers and link related issues.
+
+We appreciate clear, well-tested contributions.

package/README.md

@@ -1,205 +1,122 @@
-## Instrucciones avanzadas
+## CDD-CLI — Docker Dashboard (Terminal)
 
-### Desarrollo local
-1. Clona el repositorio:
-   ```bash
-   git clone https://github.com/caertos/cdd.git
-   cd cdd
-   ```
-2. Instala dependencias:
-   ```bash
-   npm install
-   ```
-3. Transpila el código fuente:
-   ```bash
-   npm run build
-   ```
-4. Ejecuta el CLI localmente:
-   ```bash
-   node dist/index.js
-   ```
-5. Prueba el comando global localmente:
-   ```bash
-   npm link
-   cdd
-   ```
-
-### Testing y troubleshooting
-- Si modificas componentes, recuerda siempre ejecutar `npm run build` antes de probar.
-- Si tienes problemas con permisos de Docker, ejecuta la terminal como administrador o usa `sudo`.
-- Para limpiar la instalación global:
-  ```bash
-  npm uninstall -g cdd-cli
-  ```
+<p align="center">
+  <img src="https://img.shields.io/npm/v/cdd-cli?color=blue&label=npm%20package" alt="npm version"/>
+  <img src="https://img.shields.io/npm/dt/cdd-cli?color=green&label=downloads" alt="npm downloads"/>
+  <a href="https://github.com/caertos/cdd/actions/workflows/ci.yml">
+    <img src="https://github.com/caertos/cdd/actions/workflows/ci.yml/badge.svg?branch=main" alt="CI status" />
+  </a>
+</p>
 
-### Contribución
-1. Haz un fork del repositorio y crea una rama para tu feature o fix.
-2. Asegúrate de que tu código pase el build y funcione correctamente.
-3. Haz un Pull Request con una descripción clara de tus cambios.
+Short, bilingual README with quickstart, development and tests.
 
 ---
-## Advanced instructions
 
-### Local development
-1. Clone the repository:
-   ```bash
-   git clone https://github.com/caertos/cdd.git
-   cd cdd
-   ```
-2. Install dependencies:
-   ```bash
-   npm install
-   ```
-3. Transpile the source code:
-   ```bash
-   npm run build
-   ```
-4. Run the CLI locally:
-   ```bash
-   node dist/index.js
-   ```
-5. Test the global command locally:
-   ```bash
-   npm link
-   cdd
-   ```
+## Quick start (local)
+
+1. Clone the repo and install dependencies:
+
+```bash
+git clone https://github.com/caertos/cdd.git
+cd cdd
+npm install
+```
 
-### Testing and troubleshooting
-- If you modify components, always run `npm run build` before testing.
-- If you have Docker permission issues, run your terminal as administrator or use `sudo`.
-- To clean up the global install:
-  ```bash
-  npm uninstall -g cdd-cli
-  ```
+2. Build and run locally:
 
-### Contributing
-1. Fork the repository and create a branch for your feature or fix.
-2. Make sure your code builds and works correctly.
-3. Open a Pull Request with a clear description of your changes.
+```bash
+npm run build
+node dist/index.js
+```
+
+3. To test the CLI as a globally available command during development:
+
+```bash
+npm link
+cdd
+```
 
 ---
 
+## Usage (interactive)
 
-<p align="center">
-   <img src="https://img.shields.io/npm/v/cdd-cli?color=blue&label=npm%20package" alt="npm version"/>
-   <img src="https://img.shields.io/npm/dt/cdd-cli?color=green&label=descargas" alt="npm downloads"/>
-</p>
+- Use ↑/↓ to navigate containers.
+- I: start selected container
+- P: stop selected container
+- R: restart selected container
+- C: create container (interactive prompt)
+- L: view logs for selected container
+- E: erase (remove) selected container (confirmation required)
+- Q: quit
 
-# 🐳 CDD-CLI — Docker Dashboard en la Terminal
-[English version below]
+The dashboard auto-refreshes container list every few seconds.
 
 ---
 
-## Ejemplo visual
-
-```text
-╭────────────────────────────────────────────────────────────────────────────╮
-│ 🐳 CDD — CLI Docker Dashboard                        2 containers found    │
-│                                                                          │
-│ mysql-dev      mysql:latest     🟢 RUNNING                                │
-│ CPU: ░░░░░░░░░░ 0.1%   MEM: ░░░░░░░░░░ 4.9%                             │
-│                                                                          │
-│ redis-test     redis:alpine     🔴 EXITED                                 │
-│                                                                          │
-│ Press Ctrl+C to exit                                                     │
-│ Crafted by Carlos Cochero • 2025                                         │
-╰────────────────────────────────────────────────────────────────────────────╯
-```
-# 🐳 CDD-CLI — Docker Dashboard in your Terminal
-
-## Visual example
-
-```text
-╭────────────────────────────────────────────────────────────────────────────╮
-│ 🐳 CDD — CLI Docker Dashboard                        2 containers found    │
-│                                                                          │
-│ mysql-dev      mysql:latest     🟢 RUNNING                                │
-│ CPU: ░░░░░░░░░░ 0.1%   MEM: ░░░░░░░░░░ 4.9%                             │
-│                                                                          │
-│ redis-test     redis:alpine     🔴 EXITED                                 │
-│                                                                          │
-│ Press Ctrl+C to exit                                                     │
-│ Crafted by Carlos Cochero • 2025                                         │
-╰────────────────────────────────────────────────────────────────────────────╯
+## Install globally
+
+To install the CLI globally so you can run `cdd` from any terminal, use:
+
+```bash
+npm install -g cdd-cli
 ```
 
-[English version below]
+After installing globally, run the CLI with:
+
+```bash
+cdd
+```
 
 ---
 
-## Descripción
-CDD-CLI es una herramienta de línea de comandos (CLI) multiplataforma que te permite monitorear y visualizar en tiempo real el estado de tus contenedores Docker directamente desde la terminal, usando una interfaz moderna y colorida basada en React e Ink.
+## Development
 
-- Visualiza todos los contenedores activos y detenidos.
-- Muestra nombre, imagen, estado, puertos y estadísticas de CPU/MEM.
-- Actualización automática cada 2 segundos.
-- Interfaz amigable, con colores y emojis.
-- Compatible con Linux, macOS y Windows (bash, cmd, PowerShell).
+- Node.js >= 18 is recommended.
+- To run the app from source during development:
 
-## Instalación global
+```bash
+npm install
+npm run build
+node dist/index.js
+```
 
-1. Asegúrate de tener Node.js (v18+) y Docker instalados y en ejecución.
-2. Instala el CLI globalmente desde npm:
-   ```bash
-   npm install -g cdd-cli
-   ```
-3. Ejecuta el dashboard desde cualquier terminal:
-   ```bash
-   cdd
-   ```
+If you change source files, re-run `npm run build` before running the CLI.
+
+---
 
-## Uso
-- Al ejecutar `cdd`, verás una tabla interactiva con todos tus contenedores Docker.
-- Los contenedores en ejecución muestran estadísticas de CPU y memoria en tiempo real.
-- Puedes navegar usando las flechas ↑/↓ y controlar los contenedores con atajos de teclado.
-- Usa `Ctrl+C` o la tecla `Q` para salir.
+## Tests
 
-### ⌨️ Atajos de teclado
+We use Jest for unit tests. Run:
 
-- ↑ / ↓ : Navegar entre contenedores
-- I : Iniciar el contenedor seleccionado
-- P : Parar el contenedor seleccionado
-- L : Ver logs en tiempo real del contenedor seleccionado
-- Q : Salir del dashboard o de la vista de logs
+```bash
+npm test
+```
 
-## Funcionalidades principales
-- 🐳 Visualización clara y compacta de todos los contenedores.
-- 🔄 Refresco automático de datos.
-- 📊 Estadísticas de uso de recursos para contenedores activos.
-- 🎨 Interfaz visual con colores y emojis para estados.
-- 👤 Autor: Carlos Cochero (2025)
+Tests are located in `test/` and cover utility helpers.
 
-## Requisitos
-- Node.js >= 18
-- Docker instalado y corriendo (el CLI se conecta al socket local de Docker)
+---
 
-## Troubleshooting
-- Si no ves contenedores, asegúrate de que Docker esté corriendo y tu usuario tenga permisos para acceder al socket Docker.
-- Si tienes problemas con la instalación global, prueba con `sudo` (Linux/macOS) o ejecuta la terminal como administrador (Windows).
+## Contributing
+
+1. Fork the repo and create a feature branch.
+2. Add tests for new behavior.
+3. Ensure `npm test` and `npm run build` pass.
+4. Open a Pull Request with a clear description.
 
 ---
 
-# 🐳 CDD-CLI — Docker Dashboard in your Terminal
+## Troubleshooting
 
-## Description
-CDD-CLI is a cross-platform command-line tool (CLI) to monitor and visualize your Docker containers in real time, right from your terminal, using a modern React+Ink interface.
+- If you don't see containers, ensure Docker is running and that your user has access to the Docker socket.
+- If Docker permissions are required, run the CLI with `sudo` (Linux/macOS) or as Administrator (Windows).
+- The project generates `dist/` — keep it out of version control (it's in .gitignore).
 
-- See all running and stopped containers.
-- Shows name, image, state, ports, and CPU/MEM stats.
-- Auto-refresh every 2 seconds.
-- Friendly, colorful, emoji-rich UI.
-- Works on Linux, macOS, and Windows (bash, cmd, PowerShell).
+---
 
-## Global installation
+## License
+
+This project is MIT/ISC licensed (see `LICENSE`).
 
-1. Make sure you have Node.js (v18+) and Docker installed and running.
-2. Install the CLI globally from npm:
-   ```bash
-   npm install -g cdd-cli
-   ```
-3. Run the dashboard from any terminal:
-   ```bash
-   cdd
    ```
 
 ## Usage

package/SECURITY.md

@@ -0,0 +1,5 @@
+# Security
+
+If you discover a security vulnerability, please report it privately to the repository owner.
+
+Do not disclose vulnerabilities publicly until they are resolved.

package/babel.config.cjs

@@ -0,0 +1,6 @@
+module.exports = {
+  presets: [
+    ['@babel/preset-env', { targets: { node: 'current' } }],
+    '@babel/preset-react'
+  ]
+};

package/dist/App.js

@@ -1,21 +1,40 @@
+/**
+ * Main React component for the CDD CLI UI.
+ * Componente principal de React para la UI del CLI CDD.
+ *
+ * @component
+ * @returns {JSX.Element} The rendered app / La app renderizada
+ * @example
+ * // EN: Render the app
+ * // ES: Renderizar la app
+ * <App />
+ */
 import React from "react";
 import { Box, Text, Spacer } from "ink";
 import { useContainers } from "./hooks/useContainers.js";
 import { useControls } from "./hooks/useControls.js";
-import ContainerList from "./components/ContainerList.js";
-import MessageFeedback from "./components/MessageFeedback.js";
-import Header from "./components/Header.js";
-import LogViewer from "./components/LogViewer.js";
+import ContainerSection from "./components/ContainerSection.jsx";
+import MessageFeedback from "./components/MessageFeedback.jsx";
+import Header from "./components/Header.jsx";
+import LogViewer from "./components/LogViewer.jsx";
+import ContainerCreationPrompt from "./components/ContainerCreationPrompt.jsx";
+import UsageMenu from "./components/UsageMenu.jsx";
+import Footer from "./components/Footer.jsx";
 export default function App() {
   var _useContainers = useContainers(),
     containers = _useContainers.containers;
-  var _useControls = useControls(containers),
-    selected = _useControls.selected,
-    message = _useControls.message,
-    messageColor = _useControls.messageColor,
-    showLogs = _useControls.showLogs,
-    logs = _useControls.logs,
-    exitLogs = _useControls.exitLogs;
+  var controls = useControls(containers);
+  if (controls.creatingContainer) {
+    return /*#__PURE__*/React.createElement(ContainerCreationPrompt, {
+      step: controls.creationStep,
+      imageName: controls.imageNameInput,
+      containerName: controls.containerNameInput,
+      portInput: controls.portInput,
+      envInput: controls.envInput,
+      message: controls.message,
+      messageColor: controls.messageColor
+    });
+  }
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
     flexDirection: "column",
     borderStyle: "round",
@@ -23,20 +42,15 @@ export default function App() {
     padding: 1
   }, /*#__PURE__*/React.createElement(Header, {
     count: containers.length
-  }), /*#__PURE__*/React.createElement(Text, null, " "), containers.length === 0 ? /*#__PURE__*/React.createElement(Text, null, "No containers found") : /*#__PURE__*/React.createElement(ContainerList, {
+  }), /*#__PURE__*/React.createElement(Text, null, " "), /*#__PURE__*/React.createElement(ContainerSection, {
     containers: containers,
-    selected: selected
+    selected: controls.selected
   }), /*#__PURE__*/React.createElement(Spacer, null), /*#__PURE__*/React.createElement(MessageFeedback, {
-    message: message,
-    color: messageColor
-  }), /*#__PURE__*/React.createElement(Text, null, "Use \u2191/\u2193 for navigation"), /*#__PURE__*/React.createElement(Text, null, "\u2022I to initiate selected container"), /*#__PURE__*/React.createElement(Text, null, "\u2022P to stop selected container"), /*#__PURE__*/React.createElement(Text, null, "\u2022L to view logs of selected container"), /*#__PURE__*/React.createElement(Text, null, "\u2022Q to quit"), /*#__PURE__*/React.createElement(Box, {
-    justifyContent: "flex-end",
-    width: "100%"
-  }, /*#__PURE__*/React.createElement(Text, {
-    dimColor: true
-  }, "Crafted by Carlos Cochero \u2022 2025"))), showLogs && /*#__PURE__*/React.createElement(LogViewer, {
-    logs: logs,
-    onExit: exitLogs,
-    container: containers[selected]
+    message: controls.message,
+    color: controls.messageColor
+  }), /*#__PURE__*/React.createElement(UsageMenu, null), /*#__PURE__*/React.createElement(Footer, null)), controls.showLogs && /*#__PURE__*/React.createElement(LogViewer, {
+    logs: controls.logs,
+    onExit: controls.exitLogs,
+    container: containers[controls.selected]
   }));
 }

package/dist/cdd.bundle.js

@@ -0,0 +1,8 @@
+#!/usr/bin/env node
+import Rt from"react";import{render as $t}from"ink";import x from"react";import{Box as Lt,Text as jt,Spacer as Dt}from"ink";import{useState as tt,useEffect as rt}from"react";import et from"dockerode";var f=new et({socketPath:"/var/run/docker.sock"});async function Ee(){return(await f.listContainers({all:!0})).map(e=>({id:e.Id,name:e.Names[0].replace("/",""),image:e.Image,state:e.State,status:e.Status,ports:[...new Set(e.Ports.filter(r=>r.PublicPort).map(r=>`${r.PublicPort}:${r.PrivatePort}`))]}))}function Ie(){let[t,e]=tt([]);return rt(()=>{let r=async()=>e(await Ee());r();let o=setInterval(r,3e3);return()=>clearInterval(o)},[]),{containers:t}}import{useState as T,useRef as ot}from"react";import{useInput as nt}from"ink";async function Oe(t){return(await f.listImages()).some(r=>(r.RepoTags||[]).includes(t)||(r.RepoDigests||[]).some(o=>o.includes(t)))}async function Be(t){await new Promise((e,r)=>{f.pull(t,(o,n)=>{if(o)return r(new Error("Error al hacer pull de la imagen: "+o.message));f.modem.followProgress(n,s=>{s?r(new Error("Error durante el pull: "+s.message)):e()})})})}async function ve(t,e={}){let r;try{r=await Oe(t)}catch(n){throw new Error("Error al listar im\xE1genes locales: "+n.message)}if(!r)try{await Be(t)}catch(n){throw new Error("No se pudo descargar la imagen: "+n.message)}let o={Image:t,Tty:!0,...e};try{let n=await f.createContainer(o);return n.id||n.Id}catch(n){throw new Error("Error al crear el contenedor: "+n.message)}}async function Se(t){await f.getContainer(t).start()}async function Ae(t){await f.getContainer(t).stop()}async function Ne(t){await f.getContainer(t).restart()}function Pe(t,e,r,o){f.getContainer(t).logs({follow:!0,stdout:!0,stderr:!0,tail:100},(s,i)=>{if(s){o?.(s);return}i.on("data",u=>e?.(u.toString())),i.on("end",()=>r?.()),i.on("error",u=>o?.(u))})}async function Y({containers:t,selected:e,actionFn:r,actionLabel:o,setMessage:n,setMessageColor:s,stateCheck:i}){let u=t[e];if(u){if(i&&i(u)){n(i(u)),s("red"),setTimeout(()=>n(""),2e3);return}n(`${o} container...`),s("green");try{await r(u.id),n(`${o} container...`),s("green"),setTimeout(()=>n(""),3e3)}catch{n(`Failed to ${o.toLowerCase()} container.`),s("red"),setTimeout(()=>n(""),3e3)}}}import{spawn as Fe}from"child_process";function _e({setMessage:t,setMessageColor:e,message:r="Exiting...",color:o="yellow",delay:n=1500}){t(r),e(o),setTimeout(()=>{t(""),process.platform==="win32"?Fe("cmd",["/c","cls"],{stdio:"inherit"}):Fe("clear",[],{stdio:"inherit"}),process.exit()},n)}function Me(t=[]){let[e,r]=T(0),[o,n]=T(""),[s,i]=T("yellow"),[u,w]=T(!1),[E,b]=T([]),[m,C]=T(!1),[B,F]=T(""),[z,G]=T(""),[Q,_]=T(""),[X,M]=T(""),[p,S]=T(0),J=ot(null),U=t.length,Z=()=>{w(!1),b([]),J.current&&(J.current.destroy?.(),J.current=null)};return nt(async(d,V)=>{if(u){(d==="q"||V.escape)&&Z();return}if(m){if(V.escape){C(!1),F(""),G(""),_(""),M(""),S(0),n("Creaci\xF3n cancelada"),i("yellow");return}if(d==="\r"){if(p===0){if(!B.trim()){n("El nombre de la imagen no puede estar vac\xEDo."),i("red");return}S(1),n("Opcional: Ingresa el nombre del contenedor o deja vac\xEDo y presiona Enter"),i("yellow");return}if(p===1){S(2),n("Opcional: Ingresa puertos (formato 8080:80,443:443) o deja vac\xEDo y presiona Enter"),i("yellow");return}if(p===2){S(3),n("Opcional: Ingresa variables de entorno (formato VAR1=val1,VAR2=val2) o deja vac\xEDo y presiona Enter"),i("yellow");return}if(p===3){let a={};if(z.trim()&&(a.name=z.trim()),Q.trim()){let h=Q.split(",").map(ee=>ee.trim()).filter(Boolean);a.ExposedPorts={},a.HostConfig={PortBindings:{}},h.forEach(ee=>{let[we,te]=ee.split(":");we&&te&&(a.ExposedPorts[`${te}/tcp`]={},a.HostConfig.PortBindings[`${te}/tcp`]=[{HostPort:we}])})}X.trim()&&(a.Env=X.split(",").map(h=>h.trim()).filter(Boolean)),n("Creando contenedor..."),i("yellow");try{let h=await ve(B.trim(),a);n(`Contenedor creado con ID: ${h}`),i("green")}catch(h){n(`Error: ${h.message}`),i("red")}setTimeout(()=>{C(!1),F(""),G(""),_(""),M(""),S(0)},2500);return}}else d==="\x7F"?(p===0&&F(a=>a.slice(0,-1)),p===1&&G(a=>a.slice(0,-1)),p===2&&_(a=>a.slice(0,-1)),p===3&&M(a=>a.slice(0,-1))):(p===0&&F(a=>a+d),p===1&&G(a=>a+d),p===2&&_(a=>a+d),p===3&&M(a=>a+d));return}if(V.upArrow&&U>0&&r(a=>a===0?U-1:a-1),V.downArrow&&U>0&&r(a=>a===U-1?0:a+1),d==="q"){_e({setMessage:n,setMessageColor:i});return}if(d==="i"&&Y({containers:t,selected:e,actionFn:Se,actionLabel:"Starting",setMessage:n,setMessageColor:i,stateCheck:a=>(a.state==="running"||a.status==="running")&&"Container is already running."}),d==="p"&&Y({containers:t,selected:e,actionFn:Ae,actionLabel:"Stopping",setMessage:n,setMessageColor:i,stateCheck:a=>(a.state==="exited"||a.status==="exited"||a.state==="stopped"||a.status==="stopped")&&"Container is already stopped."}),d==="r"&&Y({containers:t,selected:e,actionFn:Ne,actionLabel:"Restarting",setMessage:n,setMessageColor:i}),d==="l"&&t[e])return w(!0),b([]),Pe(t[e].id,a=>b(h=>[...h,...a.split(`
+`).filter(Boolean)]),()=>{},a=>b(h=>[...h,`Error: ${a.message}`])),{selected:e,setSelected:r,message:o,messageColor:s,showLogs:u,logs:E,exitLogs:Z};d==="c"&&(C(!0),F(""),_(""),M(""),S(0),n("Ingresa el nombre de la imagen Docker y presiona Enter"),i("yellow"))}),{selected:e,setSelected:r,message:o,messageColor:s,showLogs:u,logs:E,exitLogs:Z,creatingContainer:m,imageNameInput:B,containerNameInput:z,portInput:Q,envInput:X,creationStep:p}}import D from"react";import{Box as It,Text as Ot}from"ink";import I,{useState as Ke,useEffect as wt}from"react";import{Box as le,Text as j}from"ink";async function ke(t){let r=await f.getContainer(t).stats({stream:!1}),o=r.cpu_stats.cpu_usage.total_usage-r.precpu_stats.cpu_usage.total_usage,n=r.cpu_stats.system_cpu_usage-r.precpu_stats.system_cpu_usage,s=n>0?o/n*100:0,i=r.memory_stats.usage||0,u=r.memory_stats.limit||1,w=i/u*100,E=r.networks?Object.values(r.networks).map(m=>m.rx_bytes).reduce((m,C)=>m+C,0):0,b=r.networks?Object.values(r.networks).map(m=>m.tx_bytes).reduce((m,C)=>m+C,0):0;return{cpuPercent:s.toFixed(1),memPercent:w.toFixed(1),netIO:{rx:E,tx:b}}}import Tt from"react";import{Text as yt}from"ink";var Le=(t=0)=>e=>`\x1B[${e+t}m`,je=(t=0)=>e=>`\x1B[${38+t};5;${e}m`,De=(t=0)=>(e,r,o)=>`\x1B[${38+t};2;${e};${r};${o}m`,l={modifier:{reset:[0,0],bold:[1,22],dim:[2,22],italic:[3,23],underline:[4,24],overline:[53,55],inverse:[7,27],hidden:[8,28],strikethrough:[9,29]},color:{black:[30,39],red:[31,39],green:[32,39],yellow:[33,39],blue:[34,39],magenta:[35,39],cyan:[36,39],white:[37,39],blackBright:[90,39],gray:[90,39],grey:[90,39],redBright:[91,39],greenBright:[92,39],yellowBright:[93,39],blueBright:[94,39],magentaBright:[95,39],cyanBright:[96,39],whiteBright:[97,39]},bgColor:{bgBlack:[40,49],bgRed:[41,49],bgGreen:[42,49],bgYellow:[43,49],bgBlue:[44,49],bgMagenta:[45,49],bgCyan:[46,49],bgWhite:[47,49],bgBlackBright:[100,49],bgGray:[100,49],bgGrey:[100,49],bgRedBright:[101,49],bgGreenBright:[102,49],bgYellowBright:[103,49],bgBlueBright:[104,49],bgMagentaBright:[105,49],bgCyanBright:[106,49],bgWhiteBright:[107,49]}},gr=Object.keys(l.modifier),it=Object.keys(l.color),st=Object.keys(l.bgColor),xr=[...it,...st];function at(){let t=new Map;for(let[e,r]of Object.entries(l)){for(let[o,n]of Object.entries(r))l[o]={open:`\x1B[${n[0]}m`,close:`\x1B[${n[1]}m`},r[o]=l[o],t.set(n[0],n[1]);Object.defineProperty(l,e,{value:r,enumerable:!1})}return Object.defineProperty(l,"codes",{value:t,enumerable:!1}),l.color.close="\x1B[39m",l.bgColor.close="\x1B[49m",l.color.ansi=Le(),l.color.ansi256=je(),l.color.ansi16m=De(),l.bgColor.ansi=Le(10),l.bgColor.ansi256=je(10),l.bgColor.ansi16m=De(10),Object.defineProperties(l,{rgbToAnsi256:{value(e,r,o){return e===r&&r===o?e<8?16:e>248?231:Math.round((e-8)/247*24)+232:16+36*Math.round(e/255*5)+6*Math.round(r/255*5)+Math.round(o/255*5)},enumerable:!1},hexToRgb:{value(e){let r=/[a-f\d]{6}|[a-f\d]{3}/i.exec(e.toString(16));if(!r)return[0,0,0];let[o]=r;o.length===3&&(o=[...o].map(s=>s+s).join(""));let n=Number.parseInt(o,16);return[n>>16&255,n>>8&255,n&255]},enumerable:!1},hexToAnsi256:{value:e=>l.rgbToAnsi256(...l.hexToRgb(e)),enumerable:!1},ansi256ToAnsi:{value(e){if(e<8)return 30+e;if(e<16)return 90+(e-8);let r,o,n;if(e>=232)r=((e-232)*10+8)/255,o=r,n=r;else{e-=16;let u=e%36;r=Math.floor(e/36)/5,o=Math.floor(u/6)/5,n=u%6/5}let s=Math.max(r,o,n)*2;if(s===0)return 30;let i=30+(Math.round(n)<<2|Math.round(o)<<1|Math.round(r));return s===2&&(i+=60),i},enumerable:!1},rgbToAnsi:{value:(e,r,o)=>l.ansi256ToAnsi(l.rgbToAnsi256(e,r,o)),enumerable:!1},hexToAnsi:{value:e=>l.ansi256ToAnsi(l.hexToAnsi256(e)),enumerable:!1}}),l}var lt=at(),y=lt;import re from"node:process";import ct from"node:os";import Re from"node:tty";function g(t,e=globalThis.Deno?globalThis.Deno.args:re.argv){let r=t.startsWith("-")?"":t.length===1?"-":"--",o=e.indexOf(r+t),n=e.indexOf("--");return o!==-1&&(n===-1||o<n)}var{env:c}=re,q;g("no-color")||g("no-colors")||g("color=false")||g("color=never")?q=0:(g("color")||g("colors")||g("color=true")||g("color=always"))&&(q=1);function ut(){if("FORCE_COLOR"in c)return c.FORCE_COLOR==="true"?1:c.FORCE_COLOR==="false"?0:c.FORCE_COLOR.length===0?1:Math.min(Number.parseInt(c.FORCE_COLOR,10),3)}function mt(t){return t===0?!1:{level:t,hasBasic:!0,has256:t>=2,has16m:t>=3}}function ft(t,{streamIsTTY:e,sniffFlags:r=!0}={}){let o=ut();o!==void 0&&(q=o);let n=r?q:o;if(n===0)return 0;if(r){if(g("color=16m")||g("color=full")||g("color=truecolor"))return 3;if(g("color=256"))return 2}if("TF_BUILD"in c&&"AGENT_NAME"in c)return 1;if(t&&!e&&n===void 0)return 0;let s=n||0;if(c.TERM==="dumb")return s;if(re.platform==="win32"){let i=ct.release().split(".");return Number(i[0])>=10&&Number(i[2])>=10586?Number(i[2])>=14931?3:2:1}if("CI"in c)return["GITHUB_ACTIONS","GITEA_ACTIONS","CIRCLECI"].some(i=>i in c)?3:["TRAVIS","APPVEYOR","GITLAB_CI","BUILDKITE","DRONE"].some(i=>i in c)||c.CI_NAME==="codeship"?1:s;if("TEAMCITY_VERSION"in c)return/^(9\.(0*[1-9]\d*)\.|\d{2,}\.)/.test(c.TEAMCITY_VERSION)?1:0;if(c.COLORTERM==="truecolor"||c.TERM==="xterm-kitty"||c.TERM==="xterm-ghostty"||c.TERM==="wezterm")return 3;if("TERM_PROGRAM"in c){let i=Number.parseInt((c.TERM_PROGRAM_VERSION||"").split(".")[0],10);switch(c.TERM_PROGRAM){case"iTerm.app":return i>=3?3:2;case"Apple_Terminal":return 2}}return/-256(color)?$/i.test(c.TERM)?2:/^screen|^xterm|^vt100|^vt220|^rxvt|color|ansi|cygwin|linux/i.test(c.TERM)||"COLORTERM"in c?1:s}function $e(t,e={}){let r=ft(t,{streamIsTTY:t&&t.isTTY,...e});return mt(r)}var pt={stdout:$e({isTTY:Re.isatty(1)}),stderr:$e({isTTY:Re.isatty(2)})},Ge=pt;function Ue(t,e,r){let o=t.indexOf(e);if(o===-1)return t;let n=e.length,s=0,i="";do i+=t.slice(s,o)+e+r,s=o+n,o=t.indexOf(e,s);while(o!==-1);return i+=t.slice(s),i}function Ve(t,e,r,o){let n=0,s="";do{let i=t[o-1]==="\r";s+=t.slice(n,i?o-1:o)+e+(i?`\r
+`:`
+`)+r,n=o+1,o=t.indexOf(`
+`,n)}while(o!==-1);return s+=t.slice(n),s}var{stdout:Ye,stderr:qe}=Ge,oe=Symbol("GENERATOR"),A=Symbol("STYLER"),k=Symbol("IS_EMPTY"),We=["ansi","ansi","ansi256","ansi16m"],N=Object.create(null),dt=(t,e={})=>{if(e.level&&!(Number.isInteger(e.level)&&e.level>=0&&e.level<=3))throw new Error("The `level` option should be an integer from 0 to 3");let r=Ye?Ye.level:0;t.level=e.level===void 0?r:e.level};var gt=t=>{let e=(...r)=>r.join(" ");return dt(e,t),Object.setPrototypeOf(e,L.prototype),e};function L(t){return gt(t)}Object.setPrototypeOf(L.prototype,Function.prototype);for(let[t,e]of Object.entries(y))N[t]={get(){let r=W(this,ie(e.open,e.close,this[A]),this[k]);return Object.defineProperty(this,t,{value:r}),r}};N.visible={get(){let t=W(this,this[A],!0);return Object.defineProperty(this,"visible",{value:t}),t}};var ne=(t,e,r,...o)=>t==="rgb"?e==="ansi16m"?y[r].ansi16m(...o):e==="ansi256"?y[r].ansi256(y.rgbToAnsi256(...o)):y[r].ansi(y.rgbToAnsi(...o)):t==="hex"?ne("rgb",e,r,...y.hexToRgb(...o)):y[r][t](...o),xt=["rgb","hex","ansi256"];for(let t of xt){N[t]={get(){let{level:r}=this;return function(...o){let n=ie(ne(t,We[r],"color",...o),y.color.close,this[A]);return W(this,n,this[k])}}};let e="bg"+t[0].toUpperCase()+t.slice(1);N[e]={get(){let{level:r}=this;return function(...o){let n=ie(ne(t,We[r],"bgColor",...o),y.bgColor.close,this[A]);return W(this,n,this[k])}}}}var bt=Object.defineProperties(()=>{},{...N,level:{enumerable:!0,get(){return this[oe].level},set(t){this[oe].level=t}}}),ie=(t,e,r)=>{let o,n;return r===void 0?(o=t,n=e):(o=r.openAll+t,n=e+r.closeAll),{open:t,close:e,openAll:o,closeAll:n,parent:r}},W=(t,e,r)=>{let o=(...n)=>Ct(o,n.length===1?""+n[0]:n.join(" "));return Object.setPrototypeOf(o,bt),o[oe]=t,o[A]=e,o[k]=r,o},Ct=(t,e)=>{if(t.level<=0||!e)return t[k]?"":e;let r=t[A];if(r===void 0)return e;let{openAll:o,closeAll:n}=r;if(e.includes("\x1B"))for(;r!==void 0;)e=Ue(e,r.close,r.open),r=r.parent;let s=e.indexOf(`
+`);return s!==-1&&(e=Ve(e,n,o,s)),o+e+n};Object.defineProperties(L.prototype,N);var ht=L(),Br=L({level:qe?qe.level:0});var P=ht;function ae({cpu:t,mem:e}){let r=He(t),o=He(e);return Tt.createElement(yt,null,"CPU: ",r," ",se(t),"%   MEM: ",o," ",se(e),"%")}function He(t){let e=Math.round(t/10),r=10-e,o="\u2593".repeat(e)+"\u2591".repeat(r);return se(t,o)}function se(t,e=t.toString()){return t<50?P.greenBright(e):t<80?P.yellowBright(e):P.redBright(e)}var Et=t=>t==="running"?{text:"\u{1F7E2} RUNNING",color:"green"}:t==="exited"?{text:"\u{1F534} EXITED",color:"red"}:t==="paused"?{text:"\u{1F7E0} PAUSED",color:"yellow"}:{text:t.toUpperCase(),color:"gray"};function ce({container:t}){let{id:e,name:r,image:o,state:n}=t,[s,i]=Ke({cpuPercent:0,memPercent:0,netIO:{rx:0,tx:0}}),u=m=>!m||m.length===0?"":Array.isArray(m)?m.map((C,B)=>`\u{1F517} ${C}`).join("  "):`\u{1F517} ${m}`,[w,E]=Ke("");wt(()=>{if(n!=="running")return;let m=async()=>{try{let B=await ke(e);i(B),E("")}catch{i({cpuPercent:0,memPercent:0,netIO:{rx:0,tx:0}}),E("No se pudo obtener stats")}};m();let C=setInterval(m,1500);return()=>clearInterval(C)},[e,n]);let b=Et(n);return I.createElement(le,{flexDirection:"column",marginBottom:1},I.createElement(le,null,I.createElement(j,{color:"cyan"},r.padEnd(20))," ",I.createElement(j,{color:"gray"},o.padEnd(20))," ",I.createElement(j,{color:b.color},b.text),"  ",I.createElement(j,{color:"yellow"},u(t.ports))),n==="running"&&I.createElement(le,{marginLeft:2},I.createElement(ae,{cpu:parseFloat(s.cpuPercent),mem:parseFloat(s.memPercent)}),w&&I.createElement(j,{color:"red"},w)))}function ue({containers:t,selected:e}){return D.createElement(D.Fragment,null,t.map((r,o)=>D.createElement(It,{key:r.id,flexDirection:"row",alignItems:"center"},D.createElement(Ot,{color:o===e?"green":void 0},o===e?"\u27A4":"  "),D.createElement(ce,{container:r,isSelected:o===e}))))}import ze from"react";import{Text as Bt}from"ink";function me({containers:t,selected:e}){return t.length===0?ze.createElement(Bt,null,"No containers found"):ze.createElement(ue,{containers:t,selected:e})}import Qe from"react";import{Box as vt,Text as St}from"ink";function fe({message:t,color:e}){return t?Qe.createElement(vt,{marginBottom:1},Qe.createElement(St,{color:e},t)):null}import H from"react";import{Box as At,Text as pe}from"ink";function de({count:t}){return H.createElement(At,{justifyContent:"space-between"},H.createElement(pe,{color:"cyanBright"},"\u{1F433} ",P.bold("CDD"),H.createElement(pe,{color:"gray"}," \u2014 CLI Docker Dashboard")),H.createElement(pe,{color:"gray"},t," container",t===1?"":"s"," found"))}import R from"react";import{Text as ge,useInput as Nt}from"ink";function xe({logs:t,onExit:e,container:r}){Nt((n,s)=>{s.escape&&e()});let o=t.slice(-15);return R.createElement(R.Fragment,null,R.createElement(ge,{color:"green"},r?.name||"Container"," logs, press ESC to exit"),o.length===0?R.createElement(ge,{dimColor:!0},"No logs..."):o.map((n,s)=>R.createElement(ge,{key:s},n)))}import K from"react";import{Box as Pt,Text as Ft}from"ink";import $ from"react";import{Text as be}from"ink";function Xe({label:t,value:e,required:r}){let o=r&&!e.trim();return $.createElement($.Fragment,null,$.createElement(be,null,t),$.createElement(be,{color:o?"red":"cyan"},e,"_"))}function Je({message:t,color:e}){return t?$.createElement(be,{color:e||"yellow"},t):null}function Ce(t){let{step:e,imageName:r,containerName:o,portInput:n,envInput:s,message:i,messageColor:u}=t,w=[{label:"Nombre de la imagen Docker:",value:r,required:!0},{label:"Nombre del contenedor (opcional):",value:o,required:!1},{label:"Puertos (opcional, formato 8080:80,443:443):",value:n,required:!1},{label:"Variables de entorno (opcional, formato VAR1=val1,VAR2=val2):",value:s,required:!1}],{label:E,value:b,required:m}=w[e]||{};return K.createElement(Pt,{flexDirection:"column",borderStyle:"round",borderColor:"yellow",padding:1},K.createElement(Xe,{label:E,value:b,required:m}),K.createElement(Je,{message:i,color:u}),K.createElement(Ft,{dimColor:!0},"Presiona Enter para continuar, Escape para cancelar"))}import O from"react";import{Box as _t,Text as v}from"ink";function he(){return O.createElement(_t,{flexDirection:"column",marginTop:1},O.createElement(v,null,"Use \u2191/\u2193 for navigation"),O.createElement(v,null,"\u2022I to initiate selected container"),O.createElement(v,null,"\u2022P to stop selected container"),O.createElement(v,null,"\u2022R to restart selected container"),O.createElement(v,null,"\u2022C to create a container"),O.createElement(v,null,"\u2022L to view logs of selected container"),O.createElement(v,null,"\u2022Q to quit"))}import Ze from"react";import{Box as Mt,Text as kt}from"ink";function Te(){return Ze.createElement(Mt,{justifyContent:"flex-end",width:"100%"},Ze.createElement(kt,{dimColor:!0},"Crafted by Carlos Cochero \u2022 2025"))}function ye(){let{containers:t}=Ie(),e=Me(t);return e.creatingContainer?x.createElement(Ce,{step:e.creationStep,imageName:e.imageNameInput,containerName:e.containerNameInput,portInput:e.portInput,envInput:e.envInput,message:e.message,messageColor:e.messageColor}):x.createElement(x.Fragment,null,x.createElement(Lt,{flexDirection:"column",borderStyle:"round",borderColor:"cyan",padding:1},x.createElement(de,{count:t.length}),x.createElement(jt,null," "),x.createElement(me,{containers:t,selected:e.selected}),x.createElement(Dt,null),x.createElement(fe,{message:e.message,color:e.messageColor}),x.createElement(he,null),x.createElement(Te,null)),e.showLogs&&x.createElement(xe,{logs:e.logs,onExit:e.exitLogs,container:t[e.selected]}))}$t(Rt.createElement(ye,null));
+//# sourceMappingURL=cdd.bundle.js.map

package/dist/components/ContainerCreationPrompt.js

@@ -0,0 +1,48 @@
+import React from "react";
+import { Box, Text } from "ink";
+import { PromptField, PromptMessage } from "./PromptField.jsx";
+export default function ContainerCreationPrompt(props) {
+  var step = props.step,
+    imageName = props.imageName,
+    containerName = props.containerName,
+    portInput = props.portInput,
+    envInput = props.envInput,
+    message = props.message,
+    messageColor = props.messageColor;
+  var prompts = [{
+    label: "Name of the image to create (e.g., nginx:latest):",
+    value: imageName,
+    required: true
+  }, {
+    label: "Name of the container (optional):",
+    value: containerName,
+    required: false
+  }, {
+    label: "Ports (optional, format 8080:80,443:443):",
+    value: portInput,
+    required: false
+  }, {
+    label: "Environment variables (optional, format VAR1=val1,VAR2=val2):",
+    value: envInput,
+    required: false
+  }];
+  var _ref = prompts[step] || {},
+    label = _ref.label,
+    value = _ref.value,
+    required = _ref.required;
+  return /*#__PURE__*/React.createElement(Box, {
+    flexDirection: "column",
+    borderStyle: "round",
+    borderColor: "yellow",
+    padding: 1
+  }, /*#__PURE__*/React.createElement(PromptField, {
+    label: label,
+    value: value,
+    required: required
+  }), /*#__PURE__*/React.createElement(PromptMessage, {
+    message: message,
+    color: messageColor
+  }), /*#__PURE__*/React.createElement(Text, {
+    dimColor: true
+  }, "Press Enter to continue, Escape to cancel"));
+}