cdd-cli 3.2.0 → 3.2.2

package/dist/App.js

@@ -9,17 +9,17 @@
  * // Render the 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 ContainerSection from "./components/ContainerSection.js";
-import MessageFeedback from "./components/MessageFeedback.js";
-import Header from "./components/Header.js";
-import LogViewer from "./components/LogViewer.js";
-import ContainerCreationPrompt from "./components/ContainerCreationPrompt.js";
-import UsageMenu from "./components/UsageMenu.js";
-import Footer from "./components/Footer.js";
+import React from 'react';
+import { Box, Text, Spacer } from 'ink';
+import { useContainers } from './hooks/useContainers.js';
+import { useControls } from './hooks/useControls.js';
+import ContainerSection from './components/ContainerSection.js';
+import MessageFeedback from './components/MessageFeedback.js';
+import Header from './components/Header.js';
+import LogViewer from './components/LogViewer.js';
+import ContainerCreationPrompt from './components/ContainerCreationPrompt.js';
+import UsageMenu from './components/UsageMenu.js';
+import Footer from './components/Footer.js';
 export default function App() {
   var _useContainers = useContainers(),
     containers = _useContainers.containers;

package/dist/components/ContainerCreationPrompt.js

@@ -1,6 +1,7 @@
-import React from "react";
-import { Box, Text } from "ink";
-import { PromptField, PromptMessage } from "./PromptField.js";
+import React from 'react';
+import { Box, Text } from 'ink';
+import { PromptField, PromptMessage } from './PromptField.js';
+import { SuggestionPanel } from './SuggestionPanel.js';
 import PropTypes from 'prop-types';
 
 /**
@@ -16,6 +17,9 @@ import PropTypes from 'prop-types';
  * @param {string} props.envInput - Value for the environment variables field
  * @param {string} props.message - Contextual message to display (errors/hints)
  * @param {string} props.messageColor - Color for the contextual message
+ * @param {string[]} [props.suggestions] - Autocomplete suggestions (shown only on step 0)
+ * @param {number} [props.selectedSuggestionIndex] - Currently focused suggestion index
+ * @param {number} [props.visibleOffset] - First visible suggestion offset
  * @returns {JSX.Element}
  */
 export default function ContainerCreationPrompt(props) {
@@ -25,21 +29,27 @@ export default function ContainerCreationPrompt(props) {
     portInput = props.portInput,
     envInput = props.envInput,
     message = props.message,
-    messageColor = props.messageColor;
+    messageColor = props.messageColor,
+    _props$suggestions = props.suggestions,
+    suggestions = _props$suggestions === void 0 ? [] : _props$suggestions,
+    _props$selectedSugges = props.selectedSuggestionIndex,
+    selectedSuggestionIndex = _props$selectedSugges === void 0 ? -1 : _props$selectedSugges,
+    _props$visibleOffset = props.visibleOffset,
+    visibleOffset = _props$visibleOffset === void 0 ? 0 : _props$visibleOffset;
   var prompts = [{
-    label: "Name of the image to create (e.g., nginx:latest):",
+    label: 'Name of the image to create (e.g., nginx:latest):',
     value: imageName,
     required: true
   }, {
-    label: "Name of the container (optional):",
+    label: 'Name of the container (optional):',
     value: containerName,
     required: false
   }, {
-    label: "Ports (optional, format 8080:80,443:443):",
+    label: 'Ports (optional, format 8080:80,443:443):',
     value: portInput,
     required: false
   }, {
-    label: "Environment variables (optional, format VAR1=val1,VAR2=val2):",
+    label: 'Environment variables (optional, format VAR1=val1,VAR2=val2):',
     value: envInput,
     required: false
   }];
@@ -47,6 +57,7 @@ export default function ContainerCreationPrompt(props) {
     label = _ref.label,
     value = _ref.value,
     required = _ref.required;
+  var showSuggestions = step === 0 && suggestions.length > 0;
   return /*#__PURE__*/React.createElement(Box, {
     flexDirection: "column",
     borderStyle: "round",
@@ -56,6 +67,10 @@ export default function ContainerCreationPrompt(props) {
     label: label,
     value: value,
     required: required
+  }), showSuggestions && /*#__PURE__*/React.createElement(SuggestionPanel, {
+    items: suggestions,
+    selectedIndex: selectedSuggestionIndex,
+    visibleOffset: visibleOffset
   }), /*#__PURE__*/React.createElement(PromptMessage, {
     message: message,
     color: messageColor
@@ -70,5 +85,11 @@ ContainerCreationPrompt.propTypes = {
   portInput: PropTypes.string,
   envInput: PropTypes.string,
   message: PropTypes.string,
-  messageColor: PropTypes.string
-};
+  messageColor: PropTypes.string,
+  suggestions: PropTypes.arrayOf(PropTypes.string),
+  selectedSuggestionIndex: PropTypes.number,
+  visibleOffset: PropTypes.number
+};
+
+// Named export for test compatibility with jest ESM interop
+export { ContainerCreationPrompt };

package/dist/components/ContainerList.js

@@ -9,10 +9,10 @@
  * // Render with containers
  * <ContainerList containers={containers} />
  */
-import React from "react";
+import React from 'react';
 import PropTypes from 'prop-types';
-import { Box } from "ink";
-import ContainerRow from "./ContainerRow.js";
+import { Box } from 'ink';
+import ContainerRow from './ContainerRow.js';
 export default function ContainerList(_ref) {
   var containers = _ref.containers,
     selected = _ref.selected;

package/dist/components/ContainerRow.js

@@ -1,24 +1,24 @@
-import React from "react";
-import { Box, Text } from "ink";
-import StatsBar from "./StatsBar.js";
+import React from 'react';
+import { Box, Text } from 'ink';
+import StatsBar from './StatsBar.js';
 import PropTypes from 'prop-types';
 import { useContainerStats } from '../hooks/useContainerStats.js';
 var stateText = function stateText(state) {
-  if (state === "running") return {
-    text: "🟢 RUNNING",
-    color: "green"
+  if (state === 'running') return {
+    text: '🟢 RUNNING',
+    color: 'green'
   };
-  if (state === "exited") return {
-    text: "🔴 EXITED",
-    color: "red"
+  if (state === 'exited') return {
+    text: '🔴 EXITED',
+    color: 'red'
   };
-  if (state === "paused") return {
-    text: "🟠 PAUSED",
-    color: "yellow"
+  if (state === 'paused') return {
+    text: '🟠 PAUSED',
+    color: 'yellow'
   };
   return {
     text: state.toUpperCase(),
-    color: "gray"
+    color: 'gray'
   };
 };
 
@@ -43,11 +43,11 @@ export default function ContainerRow(_ref) {
 
   // Format ports for display (no leading space to avoid layout shifts)
   var formatPorts = function formatPorts(ports) {
-    if (!ports || ports.length === 0) return "";
+    if (!ports || ports.length === 0) return '';
     if (Array.isArray(ports)) {
       return ports.map(function (p, _i) {
         return "\uD83D\uDD17 ".concat(p);
-      }).join("  ");
+      }).join('  ');
     }
     return "\uD83D\uDD17 ".concat(ports);
   };
@@ -55,8 +55,8 @@ export default function ContainerRow(_ref) {
   // Helper to truncate long strings to a max length without adding trailing spaces
   var truncate = function truncate(s) {
     var max = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 20;
-    if (!s) return "";
-    return s.length > max ? s.slice(0, max - 1) + "…" : s;
+    if (!s) return '';
+    return s.length > max ? s.slice(0, max - 1) + '…' : s;
   };
   var stateInfo = stateText(state);
   return /*#__PURE__*/React.createElement(Box, {
@@ -71,8 +71,8 @@ export default function ContainerRow(_ref) {
     justifyContent: "flex-end",
     paddingRight: 1
   }, /*#__PURE__*/React.createElement(Text, {
-    color: isSelected ? "green" : undefined
-  }, isSelected ? "➤" : "  ")), /*#__PURE__*/React.createElement(Box, {
+    color: isSelected ? 'green' : undefined
+  }, isSelected ? '➤' : '  ')), /*#__PURE__*/React.createElement(Box, {
     width: 18,
     flexShrink: 1,
     paddingRight: 1
@@ -100,7 +100,7 @@ export default function ContainerRow(_ref) {
   }, formatPorts(container.ports))), /*#__PURE__*/React.createElement(Box, {
     flexShrink: 0,
     paddingLeft: 1
-  }, state === "running" ? /*#__PURE__*/React.createElement(StatsBar, {
+  }, state === 'running' ? /*#__PURE__*/React.createElement(StatsBar, {
     cpu: parseFloat(stats.cpuPercent),
     mem: parseFloat(stats.memPercent)
   }) : null)), statsError && /*#__PURE__*/React.createElement(Text, {

package/dist/components/ContainerSection.js

@@ -1,6 +1,6 @@
-import React from "react";
-import { Text } from "ink";
-import ContainerList from "./ContainerList.js";
+import React from 'react';
+import { Text } from 'ink';
+import ContainerList from './ContainerList.js';
 import PropTypes from 'prop-types';
 
 /**

package/dist/components/Footer.js

@@ -1,5 +1,5 @@
-import React from "react";
-import { Box, Text } from "ink";
+import React from 'react';
+import { Box, Text } from 'ink';
 
 /**
  * Simple footer displayed at the bottom of the interface.

package/dist/components/Header.js

@@ -1,8 +1,8 @@
-import React from "react";
-import { Box, Text } from "ink";
-import chalk from "chalk";
+import React from 'react';
+import { Box, Text } from 'ink';
+import chalk from 'chalk';
 import PropTypes from 'prop-types';
-import { getAppVersion } from "../helpers/appInfo.js";
+import { getAppVersion } from '../helpers/appInfo.js';
 
 /**
  * Header component displayed at the top of the CLI UI.
@@ -18,12 +18,12 @@ import { getAppVersion } from "../helpers/appInfo.js";
 var VERSION = getAppVersion();
 export default function Header(_ref) {
   var count = _ref.count;
-  var formattedVersion = VERSION === "unknown" ? "unknown" : "v".concat(VERSION);
+  var formattedVersion = VERSION === 'unknown' ? 'unknown' : "v".concat(VERSION);
   return /*#__PURE__*/React.createElement(Box, {
     justifyContent: "space-between"
   }, /*#__PURE__*/React.createElement(Text, {
     color: "cyanBright"
-  }, "\uD83D\uDC33 ", chalk.bold("CDD"), /*#__PURE__*/React.createElement(Text, {
+  }, "\uD83D\uDC33 ", chalk.bold('CDD'), /*#__PURE__*/React.createElement(Text, {
     color: "gray"
   }, " \u2014 CLI Docker Dashboard")), /*#__PURE__*/React.createElement(Box, {
     flexDirection: "column",
@@ -32,7 +32,7 @@ export default function Header(_ref) {
     color: "gray"
   }, formattedVersion), /*#__PURE__*/React.createElement(Text, {
     color: "gray"
-  }, count, " container", count === 1 ? "" : "s", " found")));
+  }, count, " container", count === 1 ? '' : 's', " found")));
 }
 Header.propTypes = {
   count: PropTypes.number.isRequired

package/dist/components/LogViewer.js

@@ -1,5 +1,5 @@
-import React from "react";
-import { Text } from "ink";
+import React from 'react';
+import { Text } from 'ink';
 import PropTypes from 'prop-types';
 
 /**
@@ -20,7 +20,7 @@ export default function LogViewer(_ref) {
   var visibleLogs = logs.slice(-15);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
     color: "green"
-  }, (_container$name = container === null || container === void 0 ? void 0 : container.name) !== null && _container$name !== void 0 ? _container$name : "Container", " logs, press ESC to exit"), visibleLogs.length === 0 ? /*#__PURE__*/React.createElement(Text, {
+  }, (_container$name = container === null || container === void 0 ? void 0 : container.name) !== null && _container$name !== void 0 ? _container$name : 'Container', " logs, press ESC to exit"), visibleLogs.length === 0 ? /*#__PURE__*/React.createElement(Text, {
     dimColor: true
   }, "No logs...") : visibleLogs.map(function (line, idx) {
     return /*#__PURE__*/React.createElement(Text, {

package/dist/components/MessageFeedback.js

@@ -1,5 +1,5 @@
-import React from "react";
-import { Box, Text } from "ink";
+import React from 'react';
+import { Box, Text } from 'ink';
 import PropTypes from 'prop-types';
 
 /**

package/dist/components/PromptField.js

@@ -1,5 +1,5 @@
-import React from "react";
-import { Text } from "ink";
+import React from 'react';
+import { Text } from 'ink';
 import PropTypes from 'prop-types';
 
 /**
@@ -19,7 +19,7 @@ export function PromptField(_ref) {
   // If the field is required and empty, show in red
   var isEmpty = required && !value.trim();
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, null, label), /*#__PURE__*/React.createElement(Text, {
-    color: isEmpty ? "red" : "cyan"
+    color: isEmpty ? 'red' : 'cyan'
   }, value, "_"));
 }
 
@@ -36,7 +36,7 @@ export function PromptMessage(_ref2) {
     color = _ref2.color;
   if (!message) return null;
   return /*#__PURE__*/React.createElement(Text, {
-    color: color || "yellow"
+    color: color || 'yellow'
   }, message);
 }
 PromptField.propTypes = {

package/dist/components/StatsBar.js

@@ -1,6 +1,6 @@
-import React from "react";
-import { Text } from "ink";
-import chalk from "chalk";
+import React from 'react';
+import { Text } from 'ink';
+import chalk from 'chalk';
 import PropTypes from 'prop-types';
 var BAR_WIDTH = 8;
 
@@ -36,14 +36,14 @@ function makeBar(value, width) {
   var normalized = Number.isFinite(value) ? Math.min(Math.max(value, 0), 100) : 0;
   var filled = Math.round(normalized / 100 * safeWidth);
   var empty = Math.max(0, safeWidth - filled);
-  var bar = "█".repeat(filled) + "░".repeat(empty);
+  var bar = '█'.repeat(filled) + '░'.repeat(empty);
   return colorize(normalized, bar);
 }
 function formatPercent(value) {
   if (!Number.isFinite(value)) return 0;
   var normalized = Math.min(Math.max(value, 0), 100);
   if (normalized >= 10) return Math.round(normalized);
-  return normalized.toFixed(1).replace(/\.0$/, "");
+  return normalized.toFixed(1).replace(/\.0$/, '');
 }
 
 /**

package/dist/components/SuggestionPanel.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+import PropTypes from 'prop-types';
+
+/**
+ * Renders an autocomplete suggestion panel as a boxed list below the image input.
+ * Displays a window of `maxVisible` items starting at `visibleOffset`.
+ * The focused row (selectedIndex) is highlighted cyan with a › prefix.
+ *
+ * @param {Object} props
+ * @param {string[]} props.items - Full list of suggestion strings
+ * @param {number} props.selectedIndex - Currently focused index (-1 = none)
+ * @param {number} props.visibleOffset - First item index of the visible window
+ * @param {number} [props.maxVisible=6] - Maximum number of items visible at once
+ * @returns {JSX.Element|null}
+ */
+export function SuggestionPanel(_ref) {
+  var items = _ref.items,
+    selectedIndex = _ref.selectedIndex,
+    visibleOffset = _ref.visibleOffset,
+    _ref$maxVisible = _ref.maxVisible,
+    maxVisible = _ref$maxVisible === void 0 ? 6 : _ref$maxVisible;
+  if (!items || items.length === 0) return null;
+  var visible = items.slice(visibleOffset, visibleOffset + maxVisible);
+  return /*#__PURE__*/React.createElement(Box, {
+    flexDirection: "column",
+    borderStyle: "single",
+    borderColor: "cyan",
+    paddingX: 1
+  }, visible.map(function (item, localIdx) {
+    var globalIdx = visibleOffset + localIdx;
+    var isFocused = globalIdx === selectedIndex;
+    return /*#__PURE__*/React.createElement(Text, {
+      key: item,
+      color: isFocused ? 'cyan' : undefined
+    }, isFocused ? "\u203A ".concat(item) : "  ".concat(item));
+  }));
+}
+SuggestionPanel.propTypes = {
+  items: PropTypes.arrayOf(PropTypes.string).isRequired,
+  selectedIndex: PropTypes.number.isRequired,
+  visibleOffset: PropTypes.number.isRequired,
+  maxVisible: PropTypes.number
+};

package/dist/components/UsageMenu.js

@@ -1,6 +1,6 @@
-import React from "react";
-import { Box, Text } from "ink";
-var SHORTCUTS = ["Use ↑/↓ for navigation", "I to initiate selected container", "P to stop selected container", "R to restart selected container", "C to create a container", "L to view logs of selected container", "D to toggle debug log panel", "E to remove selected container", "Q to quit"];
+import React from 'react';
+import { Box, Text } from 'ink';
+var SHORTCUTS = ['Use ↑/↓ for navigation', 'I to initiate selected container', 'P to stop selected container', 'R to restart selected container', 'C to create a container', 'L to view logs of selected container', 'D to toggle debug log panel', 'E to remove selected container', 'Q to quit'];
 var GRID_COLUMNS = 3;
 
 /**

package/dist/helpers/appInfo.js

@@ -1,6 +1,6 @@
-import { readFileSync } from "fs";
-import path from "path";
-import { fileURLToPath } from "url";
+import { readFileSync } from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
 var cachedVersion;
 export function getAppVersion() {
   if (cachedVersion) {
@@ -10,12 +10,12 @@ export function getAppVersion() {
     var _packageJson$version;
     var __filename = fileURLToPath(import.meta.url);
     var moduleDir = path.dirname(__filename);
-    var packageJsonPath = path.resolve(moduleDir, "../../package.json");
-    var packageJson = JSON.parse(readFileSync(packageJsonPath, "utf8"));
-    cachedVersion = (_packageJson$version = packageJson.version) !== null && _packageJson$version !== void 0 ? _packageJson$version : "unknown";
+    var packageJsonPath = path.resolve(moduleDir, '../../package.json');
+    var packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf8'));
+    cachedVersion = (_packageJson$version = packageJson.version) !== null && _packageJson$version !== void 0 ? _packageJson$version : 'unknown';
     return cachedVersion;
   } catch (error) {
-    cachedVersion = "unknown";
+    cachedVersion = 'unknown';
     return cachedVersion;
   }
 }

package/dist/helpers/constants.js

@@ -27,4 +27,118 @@ export var EXIT_DELAY = 500;
 export var TIMEOUTS = {
   CONTAINER_OP: 30000,
   PULL_IMAGE: 300000
+};
+
+/**
+ * List of well-known database image names (without tags or registry prefixes).
+ */
+export var DB_IMAGES = ['mysql', 'mariadb', 'postgres', 'mongo', 'mssql', 'redis'];
+
+/**
+ * Per-image profiles with required env vars, default exposed port, and suggested env vars.
+ * Keys are normalized image names (no tag, no registry prefix).
+ *
+ * @type {Record<string, { requiredEnv: string[], defaultPort: string, suggestedEnv: string[] }>}
+ */
+export var IMAGE_PROFILES = {
+  nginx: {
+    requiredEnv: [],
+    defaultPort: '80',
+    suggestedEnv: []
+  },
+  httpd: {
+    requiredEnv: [],
+    defaultPort: '80',
+    suggestedEnv: []
+  },
+  caddy: {
+    requiredEnv: [],
+    defaultPort: '80',
+    suggestedEnv: []
+  },
+  node: {
+    requiredEnv: [],
+    defaultPort: '3000',
+    suggestedEnv: ['NODE_ENV=production']
+  },
+  python: {
+    requiredEnv: [],
+    defaultPort: '8000',
+    suggestedEnv: ['PYTHONUNBUFFERED=1']
+  },
+  openjdk: {
+    requiredEnv: [],
+    defaultPort: '8080',
+    suggestedEnv: ['JAVA_OPTS=-Xms256m -Xmx512m']
+  },
+  golang: {
+    requiredEnv: [],
+    defaultPort: '8080',
+    suggestedEnv: ['GOMAXPROCS=2']
+  },
+  redis: {
+    requiredEnv: [],
+    defaultPort: '6379',
+    suggestedEnv: ['REDIS_PASSWORD=change-me']
+  },
+  memcached: {
+    requiredEnv: [],
+    defaultPort: '11211',
+    suggestedEnv: []
+  },
+  postgres: {
+    requiredEnv: ['POSTGRES_PASSWORD'],
+    defaultPort: '5432',
+    suggestedEnv: ['POSTGRES_USER=postgres', 'POSTGRES_DB=app']
+  },
+  mysql: {
+    requiredEnv: ['MYSQL_ROOT_PASSWORD'],
+    defaultPort: '3306',
+    suggestedEnv: ['MYSQL_DATABASE=app', 'MYSQL_USER=app', 'MYSQL_PASSWORD=app123']
+  },
+  mariadb: {
+    requiredEnv: ['MARIADB_ROOT_PASSWORD'],
+    defaultPort: '3306',
+    suggestedEnv: ['MARIADB_DATABASE=app', 'MARIADB_USER=app', 'MARIADB_PASSWORD=app123']
+  },
+  mongo: {
+    requiredEnv: [],
+    defaultPort: '27017',
+    suggestedEnv: ['MONGO_INITDB_ROOT_USERNAME=admin', 'MONGO_INITDB_ROOT_PASSWORD=secret']
+  },
+  mssql: {
+    requiredEnv: ['ACCEPT_EULA', 'SA_PASSWORD'],
+    defaultPort: '1433',
+    suggestedEnv: ['ACCEPT_EULA=Y', 'MSSQL_PID=Developer']
+  },
+  rabbitmq: {
+    requiredEnv: [],
+    defaultPort: '5672',
+    suggestedEnv: ['RABBITMQ_DEFAULT_USER=guest', 'RABBITMQ_DEFAULT_PASS=guest']
+  },
+  kafka: {
+    requiredEnv: [],
+    defaultPort: '9092',
+    suggestedEnv: ['KAFKA_CFG_LISTENERS=PLAINTEXT://:9092']
+  },
+  zookeeper: {
+    requiredEnv: [],
+    defaultPort: '2181',
+    suggestedEnv: ['ALLOW_ANONYMOUS_LOGIN=yes']
+  },
+  elasticsearch: {
+    requiredEnv: [],
+    defaultPort: '9200',
+    suggestedEnv: ['discovery.type=single-node', 'xpack.security.enabled=false']
+  },
+  minio: {
+    requiredEnv: ['MINIO_ROOT_USER', 'MINIO_ROOT_PASSWORD'],
+    defaultPort: '9000',
+    suggestedEnv: ['MINIO_CONSOLE_ADDRESS=:9001']
+  },
+  wordpress: {
+    requiredEnv: ['WORDPRESS_DB_HOST', 'WORDPRESS_DB_USER', 'WORDPRESS_DB_PASSWORD', 'WORDPRESS_DB_NAME'],
+    defaultPort: '8080',
+    suggestedEnv: ['WORDPRESS_TABLE_PREFIX=wp_']
+  }
 };

package/dist/helpers/containerOptionsBuilder.js

@@ -24,16 +24,16 @@ export function buildContainerOptions(_ref) {
     containerName = _ref.containerName,
     portInput = _ref.portInput,
     envInput = _ref.envInput;
-  var env = (envInput || "").split(",").map(function (s) {
+  var env = (envInput || '').split(',').map(function (s) {
     return s.trim();
   }).filter(Boolean);
-  var ports = (portInput || "").split(",").map(function (s) {
+  var ports = (portInput || '').split(',').map(function (s) {
     return s.trim();
   }).filter(Boolean);
   var ExposedPorts = {};
   var PortBindings = {};
   ports.forEach(function (pair) {
-    var _pair$split = pair.split(":"),
+    var _pair$split = pair.split(':'),
       _pair$split2 = _slicedToArray(_pair$split, 2),
       host = _pair$split2[0],
       cont = _pair$split2[1];

package/dist/helpers/dockerService/dockerService.js

@@ -1,4 +1,4 @@
-import Docker from "dockerode";
+import Docker from 'dockerode';
 
 // Use default dockerode configuration which automatically handles:
 // - /var/run/docker.sock on Linux/Mac