@jvittechs/jai1-cli 0.1.63 → 0.1.65

package/dist/cli.js

@@ -33,7 +33,7 @@ var NetworkError = class extends Jai1Error {
 // package.json
 var package_default = {
   name: "@jvittechs/jai1-cli",
-  version: "0.1.63",
+  version: "0.1.65",
   description: "Unified CLI for Jai1 Framework Management and Redmine Context Sync",
   type: "module",
   bin: {
@@ -5716,9 +5716,156 @@ Examples:
   return cmd;
 }
 
+// src/commands/utils/interactive.ts
+import React28 from "react";
+import { render as render5 } from "ink";
+
+// src/ui/utils/UtilsApp.tsx
+import React27, { useState as useState14 } from "react";
+import { Box as Box17, Text as Text18, useInput as useInput12, useApp as useApp5 } from "ink";
+var MENU_ITEMS2 = [
+  { id: "password", icon: "\u{1F510}", label: "Password", description: "Generate secure passwords" },
+  { id: "uuid", icon: "\u{1F194}", label: "UUID", description: "Generate UUID v4" },
+  { id: "hash", icon: "\u{1F512}", label: "Hash", description: "Hash with MD5/SHA/bcrypt" },
+  { id: "base64-encode", icon: "\u{1F4DD}", label: "Base64 Encode", description: "Encode to Base64" },
+  { id: "base64-decode", icon: "\u{1F4DD}", label: "Base64 Decode", description: "Decode Base64" },
+  { id: "http", icon: "\u{1F310}", label: "HTTP Request", description: "Make HTTP requests" },
+  { id: "jwt", icon: "\u{1F511}", label: "JWT", description: "Decode/encode JWT" },
+  { id: "unix-time", icon: "\u{1F552}", label: "Unix Time", description: "Convert timestamps" },
+  { id: "timezone", icon: "\u{1F30D}", label: "Timezone", description: "Convert timezones" },
+  { id: "url-encode", icon: "\u{1F517}", label: "URL Encode", description: "Encode URLs" },
+  { id: "url-decode", icon: "\u{1F517}", label: "URL Decode", description: "Decode URLs" },
+  { id: "cron", icon: "\u23F0", label: "Cron Parser", description: "Parse cron expressions" },
+  { id: "markdown", icon: "\u{1F4C4}", label: "Markdown", description: "Preview markdown" }
+];
+var UtilsApp = ({ onExit }) => {
+  const [selectedIndex, setSelectedIndex] = useState14(0);
+  const [activeView, setActiveView] = useState14(null);
+  const { exit } = useApp5();
+  useInput12((input, key) => {
+    if (activeView) {
+      if (key.escape) {
+        setActiveView(null);
+      }
+      return;
+    }
+    if (key.upArrow || input === "k") {
+      setSelectedIndex((prev) => prev > 0 ? prev - 1 : MENU_ITEMS2.length - 1);
+    } else if (key.downArrow || input === "j") {
+      setSelectedIndex((prev) => prev < MENU_ITEMS2.length - 1 ? prev + 1 : 0);
+    } else if (key.return) {
+      setActiveView(MENU_ITEMS2[selectedIndex].id);
+    } else if (input === "q" || key.escape) {
+      onExit();
+      exit();
+    }
+  });
+  return /* @__PURE__ */ React27.createElement(Box17, { flexDirection: "column", width: "100%", height: "100%" }, /* @__PURE__ */ React27.createElement(
+    Box17,
+    {
+      borderStyle: "single",
+      borderColor: "cyan",
+      paddingX: 2,
+      paddingY: 0,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React27.createElement(Text18, { bold: true, color: "cyan" }, "\u{1F6E0}\uFE0F  Developer Utilities - Interactive Mode"),
+    /* @__PURE__ */ React27.createElement(Box17, { marginLeft: "auto" }, /* @__PURE__ */ React27.createElement(Text18, { dimColor: true }, "Press 'q' to quit"))
+  ), /* @__PURE__ */ React27.createElement(Box17, { flexGrow: 1 }, /* @__PURE__ */ React27.createElement(
+    Box17,
+    {
+      flexDirection: "column",
+      width: 30,
+      borderStyle: "single",
+      borderColor: "gray",
+      paddingX: 1,
+      paddingY: 1,
+      marginRight: 1
+    },
+    /* @__PURE__ */ React27.createElement(Box17, { marginBottom: 1 }, /* @__PURE__ */ React27.createElement(Text18, { bold: true, color: "yellow" }, "Select Utility:")),
+    MENU_ITEMS2.map((item, index) => /* @__PURE__ */ React27.createElement(Box17, { key: item.id, marginBottom: 0 }, /* @__PURE__ */ React27.createElement(
+      Text18,
+      {
+        color: selectedIndex === index && !activeView ? "green" : void 0,
+        bold: selectedIndex === index && !activeView,
+        dimColor: activeView !== null && activeView !== item.id
+      },
+      selectedIndex === index && !activeView ? "\u25B6 " : "  ",
+      item.icon,
+      " ",
+      item.label
+    ))),
+    /* @__PURE__ */ React27.createElement(Box17, { marginTop: 1, borderStyle: "single", borderColor: "gray", paddingX: 1 }, /* @__PURE__ */ React27.createElement(Text18, { dimColor: true, fontSize: 10 }, "\u2191/\u2193: Navigate", "\n", "Enter: Select", "\n", "Esc: Back/Quit"))
+  ), /* @__PURE__ */ React27.createElement(
+    Box17,
+    {
+      flexDirection: "column",
+      flexGrow: 1,
+      borderStyle: "single",
+      borderColor: "gray",
+      paddingX: 2,
+      paddingY: 1
+    },
+    activeView ? /* @__PURE__ */ React27.createElement(ActiveUtilityView, { utilityType: activeView }) : /* @__PURE__ */ React27.createElement(WelcomeView, { selectedItem: MENU_ITEMS2[selectedIndex] })
+  )), /* @__PURE__ */ React27.createElement(
+    Box17,
+    {
+      borderStyle: "single",
+      borderColor: "gray",
+      paddingX: 2,
+      marginTop: 1
+    },
+    /* @__PURE__ */ React27.createElement(Text18, { dimColor: true }, "jai1-cli v0.1.63 | Use arrow keys to navigate")
+  ));
+};
+var WelcomeView = ({ selectedItem }) => {
+  return /* @__PURE__ */ React27.createElement(Box17, { flexDirection: "column" }, /* @__PURE__ */ React27.createElement(Box17, { marginBottom: 1 }, /* @__PURE__ */ React27.createElement(Text18, { bold: true, color: "cyan" }, "Welcome to Developer Utilities")), /* @__PURE__ */ React27.createElement(Box17, { marginBottom: 2 }, /* @__PURE__ */ React27.createElement(Text18, null, "Select a utility from the left menu to get started.")), /* @__PURE__ */ React27.createElement(
+    Box17,
+    {
+      borderStyle: "single",
+      borderColor: "yellow",
+      paddingX: 2,
+      paddingY: 1,
+      marginBottom: 2
+    },
+    /* @__PURE__ */ React27.createElement(Box17, { flexDirection: "column" }, /* @__PURE__ */ React27.createElement(Text18, { bold: true, color: "yellow" }, selectedItem.icon, " ", selectedItem.label), /* @__PURE__ */ React27.createElement(Text18, { dimColor: true }, selectedItem.description))
+  ), /* @__PURE__ */ React27.createElement(Box17, { marginBottom: 1 }, /* @__PURE__ */ React27.createElement(Text18, { bold: true }, "Quick Actions:")), /* @__PURE__ */ React27.createElement(Box17, { flexDirection: "column", marginLeft: 2 }, /* @__PURE__ */ React27.createElement(Text18, null, "\u2022 Press ", /* @__PURE__ */ React27.createElement(Text18, { color: "green" }, "Enter"), " to open selected utility"), /* @__PURE__ */ React27.createElement(Text18, null, "\u2022 Use ", /* @__PURE__ */ React27.createElement(Text18, { color: "green" }, "\u2191/\u2193"), " or ", /* @__PURE__ */ React27.createElement(Text18, { color: "green" }, "j/k"), " to navigate"), /* @__PURE__ */ React27.createElement(Text18, null, "\u2022 Press ", /* @__PURE__ */ React27.createElement(Text18, { color: "green" }, "Esc"), " to go back or quit"), /* @__PURE__ */ React27.createElement(Text18, null, "\u2022 Press ", /* @__PURE__ */ React27.createElement(Text18, { color: "green" }, "q"), " to quit anytime")), /* @__PURE__ */ React27.createElement(Box17, { marginTop: 2 }, /* @__PURE__ */ React27.createElement(Text18, { dimColor: true }, "\u{1F4A1} Tip: Each utility provides an interactive interface for easy usage.")));
+};
+var ActiveUtilityView = ({ utilityType }) => {
+  const service = new UtilsService();
+  return /* @__PURE__ */ React27.createElement(Box17, { flexDirection: "column" }, /* @__PURE__ */ React27.createElement(Box17, { marginBottom: 1 }, /* @__PURE__ */ React27.createElement(Text18, { bold: true, color: "cyan" }, MENU_ITEMS2.find((item) => item.id === utilityType)?.icon, " ", MENU_ITEMS2.find((item) => item.id === utilityType)?.label)), /* @__PURE__ */ React27.createElement(Box17, { borderStyle: "single", borderColor: "gray", paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React27.createElement(Text18, null, "This utility interface is under construction.", "\n", "\n", "For now, use the command-line version:", "\n", /* @__PURE__ */ React27.createElement(Text18, { color: "green" }, "$ jai1 utils ", utilityType, " --help"), "\n", "\n", "Press ", /* @__PURE__ */ React27.createElement(Text18, { color: "yellow" }, "Esc"), " to return to the menu.")));
+};
+
+// src/commands/utils/interactive.ts
+async function runInteractiveMode() {
+  return new Promise((resolve3) => {
+    const { unmount, waitUntilExit } = render5(
+      React28.createElement(UtilsApp, {
+        onExit: () => {
+          unmount();
+          resolve3();
+        }
+      })
+    );
+    waitUntilExit().then(() => {
+      resolve3();
+    });
+  });
+}
+
 // src/commands/utils/index.ts
 function createUtilsCommand() {
-  const utilsCommand = new Command27("utils").description("Developer utilities for common tasks");
+  const utilsCommand = new Command27("utils").description("Developer utilities for common tasks").option("-i, --interactive", "Run in interactive mode").addHelpText("after", `
+Interactive Mode:
+  $ jai1 utils --interactive
+  $ jai1 utils -i
+
+Quick Usage:
+  $ jai1 utils password --length 24
+  $ jai1 utils uuid --count 5
+  $ jai1 utils hash "text" --algorithm sha256
+  $ jai1 utils http https://api.example.com
+`);
   utilsCommand.addCommand(createPasswordCommand());
   utilsCommand.addCommand(createUuidCommand());
   utilsCommand.addCommand(createHashCommand());
@@ -5732,8 +5879,12 @@ function createUtilsCommand() {
   utilsCommand.addCommand(createUrlDecodeCommand());
   utilsCommand.addCommand(createCronCommand());
   utilsCommand.addCommand(createMarkdownPreviewCommand());
-  utilsCommand.action(() => {
-    utilsCommand.help();
+  utilsCommand.action(async (options) => {
+    if (options.interactive) {
+      await runInteractiveMode();
+    } else {
+      utilsCommand.help();
+    }
   });
   return utilsCommand;
 }
@@ -7446,13 +7597,13 @@ async function resetSettings2(groupKeys) {
 }
 
 // src/commands/guide.ts
-import React27 from "react";
-import { render as render5 } from "ink";
+import React29 from "react";
+import { render as render6 } from "ink";
 import { Command as Command37 } from "commander";
 function createGuideCommand() {
   const cmd = new Command37("guide").description("Interactive guide center for Agentic Coding").option("--topic <topic>", "Open specific topic (intro, rules, workflows, prompts, skills)").action(async (options) => {
-    const { waitUntilExit } = render5(
-      React27.createElement(GuideApp, {
+    const { waitUntilExit } = render6(
+      React29.createElement(GuideApp, {
         initialTopic: options.topic,
         onExit: () => {
           process.exit(0);
@@ -7465,8 +7616,8 @@ function createGuideCommand() {
 }
 
 // src/commands/context.ts
-import React28 from "react";
-import { render as render6 } from "ink";
+import React30 from "react";
+import { render as render7 } from "ink";
 import { Command as Command38 } from "commander";
 function createContextCommand() {
   const cmd = new Command38("context").description("Kh\xE1m ph\xE1 v\xE0 qu\u1EA3n l\xFD context d\u1EF1 \xE1n cho c\xE1c IDE").option("--ide <ide>", "M\u1EDF tr\u1EF1c ti\u1EBFp IDE c\u1EE5 th\u1EC3 (cursor, windsurf, antigravity, jai1)").option("--type <type>", "Hi\u1EC3n th\u1ECB lo\u1EA1i context c\u1EE5 th\u1EC3 (rules, workflows, skills, agents, prompts)").option("--stats", "Hi\u1EC3n th\u1ECB th\u1ED1ng k\xEA context (non-interactive)").action(async (options) => {
@@ -7494,8 +7645,8 @@ function createContextCommand() {
       await printStats2();
       return;
     }
-    const { waitUntilExit } = render6(
-      React28.createElement(ContextApp, {
+    const { waitUntilExit } = render7(
+      React30.createElement(ContextApp, {
         initialIDE,
         initialType,
         onExit: () => {