tmpa-cli 1.0.16 → 1.0.18

package/bin/index.js

@@ -4,7 +4,7 @@ const readline = require('readline');
 const fs = require('fs');
 const path = require('path');
 const os = require('os');
-const { execSync, spawn } = require('child_process');
+const { execSync } = require('child_process');
 
 // Base Paths
 const TMPA_DIR = path.join(os.homedir(), '.tmpa');
@@ -43,7 +43,6 @@ const PROVIDERS = {
   '7': { name: 'Custom / Auto-Detect', endpoint: '', defaultModel: '' }
 };
 
-// Config & Registry Helpers
 function loadConfig() {
   if (fs.existsSync(CONFIG_FILE)) {
     try { return JSON.parse(fs.readFileSync(CONFIG_FILE, 'utf8')); } catch (e) { return {}; }
@@ -66,7 +65,6 @@ function saveRegistry(registry) {
   fs.writeFileSync(REGISTRY_FILE, JSON.stringify(registry, null, 2));
 }
 
-// UI Popup Card Helper
 function drawBox(title, contentLines, borderColor = C.cyan) {
   const width = 64;
   console.log(`${borderColor}┌${'─'.repeat(width - 2)}┐${C.reset}`);
@@ -92,47 +90,173 @@ ${C.c3}   ██║   ██║╚██╔╝██║██╔═══╝ █
 ${C.c4}   ██║   ██║ ╚═╝ ██║██║     ██║  ██║${C.reset}
 ${C.c4}   ╚═╝   ╚═╝     ╚═╝╚═╝     ╚═╝  ╚═╝${C.reset}
 ${C.darkGray}────────────────────────────────────────────────────────────${C.reset}
- ${C.reset}The Multi Platform AI ${C.green}[Dynamic Tool Slash Engine]${C.reset}
- ${C.gray}/config | /models | /skill | /mcp | /connect | /scan | /exit${C.reset}
+ ${C.reset}The Multi Platform AI ${C.green}[MCP Hub & Tool Engine]${C.reset}
+ ${C.gray}/config | /models | /skill | /mcp | /new-mcp | /scan | /exit${C.reset}
 ${C.darkGray}────────────────────────────────────────────────────────────${C.reset}
 `);
 }
 
-// Dynamic System Context Builder
-function getActiveToolsContext(forcedTool = null) {
-  let contextParts = [];
+function readResourceContent(targetPath) {
+  if (!fs.existsSync(targetPath)) return "[Resource file/directory not found on local system]";
+
+  const stat = fs.statSync(targetPath);
+  if (stat.isFile()) {
+    try {
+      return fs.readFileSync(targetPath, 'utf8');
+    } catch (e) {
+      return `[Error reading file: ${e.message}]`;
+    }
+  } else if (stat.isDirectory()) {
+    const candidateFiles = ['SKILL.md', 'skill.md', 'PROMPT.md', 'README.md', 'index.js', 'index.ts', 'main.py'];
+    for (const file of candidateFiles) {
+      const full = path.join(targetPath, file);
+      if (fs.existsSync(full)) {
+        try {
+          return `--- Content from ${file} ---\n` + fs.readFileSync(full, 'utf8');
+        } catch (e) {}
+      }
+    }
 
+    try {
+      const files = fs.readdirSync(targetPath);
+      let combinedText = `Directory Contents for ${path.basename(targetPath)}:\n`;
+      files.slice(0, 5).forEach(f => {
+        const fp = path.join(targetPath, f);
+        if (fs.statSync(fp).isFile()) {
+          combinedText += `\n--- File: ${f} ---\n` + fs.readFileSync(fp, 'utf8').slice(0, 2000);
+        }
+      });
+      return combinedText;
+    } catch (e) {
+      return `[Directory found at ${targetPath}, but unable to parse files]`;
+    }
+  }
+  return "[Unknown resource format]";
+}
+
+function getActiveToolsContext(forcedTool = null) {
   if (forcedTool) {
-    contextParts.push(`[CRITICAL INSTRUCTION: FORCED TOOL EXECUTION]`);
-    contextParts.push(`User explicitly called tool command: /${forcedTool.type}-${forcedTool.name}`);
-    contextParts.push(`Target Path/URL: ${forcedTool.target}`);
-    contextParts.push(`You MUST use and invoke this ${forcedTool.type.toUpperCase()} tool to handle user prompt below.\n`);
+    let rawContent = "";
+    if (forcedTool.type === 'mcp') {
+      rawContent = `MCP Server Info:
+Name: ${forcedTool.name}
+Target/Endpoint: ${forcedTool.target}
+Type: ${forcedTool.mcpType || 'HTTP/SSE'}
+Auth Token: ${forcedTool.authToken ? 'Provided' : 'None'}`;
+    } else {
+      rawContent = readResourceContent(forcedTool.target);
+    }
+    
+    return `\n\n[STRICT TOOL EXECUTION SYSTEM DIRECTIVE]
+YOU ARE NOW STRICTLY ACTING AS THE FOLLOWING ${forcedTool.type.toUpperCase()} TOOL: "${forcedTool.name}".
+DO NOT REFER TO OTHER TOOLS OR GENERAL ASSISTANT CAPABILITIES. FOCUS 100% ON EXECUTING THIS TOOL INSTRUCTION.
+
+--- TOOL INSTRUCTION & CODE CONTENT ---
+${rawContent}
+--- END TOOL INSTRUCTION ---
+
+Executing User Prompt under this tool context only:\n`;
   }
-  
+
+  let contextParts = [];
   const activeSkills = Object.keys(registry.skills || {});
   if (activeSkills.length > 0) {
     contextParts.push("AVAILABLE SKILLS:");
-    activeSkills.forEach(name => {
-      const s = registry.skills[name];
-      contextParts.push(`- /skill-${name} -> Path: ${s.path}`);
-    });
+    activeSkills.forEach(name => contextParts.push(`- /skill-${name}`));
   }
 
   const activeMCP = Object.keys(registry.mcp || {});
   if (activeMCP.length > 0) {
     contextParts.push("AVAILABLE MCP SERVERS:");
-    activeMCP.forEach(name => {
+    activeMCP.forEach(name => contextParts.push(`- /mcp-${name}`));
+  }
+
+  if (contextParts.length === 0) return "";
+  return "\n\n[SYSTEM ENVIRONMENT SUMMARY]\n" + contextParts.join("\n") + "\n";
+}
+
+// RUANGAN KHUSUS MCP CENTER
+function showMCPHub() {
+  console.log(`\n${C.c4}============================================================${C.reset}`);
+  console.log(`${C.c4}          🔌 MCP (MODEL CONTEXT PROTOCOL) CENTER           ${C.reset}`);
+  console.log(`${C.c4}============================================================${C.reset}\n`);
+
+  const keys = Object.keys(registry.mcp || {});
+
+  if (keys.length === 0) {
+    console.log(`${C.yellow}  [!] Belum ada MCP Server yang terhubung saat ini.${C.reset}`);
+    console.log(`${C.gray}      Gunakan perintah ${C.green}/new-mcp${C.gray} untuk mendaftarkan MCP baru.${C.reset}\n`);
+  } else {
+    console.log(`${C.bold}Daftar MCP Server Aktif:${C.reset}`);
+    keys.forEach((name, i) => {
       const m = registry.mcp[name];
-      contextParts.push(`- /mcp-${name} -> Target: ${m.target} (${m.type})`);
+      const typeBadge = m.type === 'remote' ? `${C.cyan}[Remote SSE/HTTP]${C.reset}` : `${C.green}[Local Stdio]${C.reset}`;
+      console.log(` ${C.yellow}${i + 1}.${C.reset} ${C.bold}${name}${C.reset} ${typeBadge}`);
+      console.log(`    ↳ Target: ${C.gray}${m.target}${C.reset}`);
+      if (m.authToken) console.log(`    ↳ Auth  : ${C.green}Encrypted/Token set${C.reset}`);
     });
+    console.log('');
   }
 
-  if (contextParts.length === 0) return "";
+  const lines = [
+    `${C.bold}Command Instan MCP:${C.reset}`,
+    `${C.yellow}/new-mcp${C.reset}           👉 Tambah MCP Server Baru (Wizard)`,
+    `${C.yellow}/mcp-<nama>${C.reset} <prompt> 👉 Eksekusi MCP secara spesifik`,
+    `${C.yellow}/scan${C.reset}              👉 Pindai folder .mcp otomatis`
+  ];
 
-  return "\n\n[SYSTEM CONTEXT: REGISTERED TOOLS & PROTOCOLS]\n" + contextParts.join("\n") + "\n";
+  drawBox("💡 PETUNJUK RUANG MCP", lines, C.c4);
+  console.log('');
+}
+
+// WIZARD KONFIGURASI MCP BARU (/new-mcp)
+function createNewMCPWizard(callback) {
+  console.log(`\n${C.cyan}=== 🛠️ SETUP MCP (MODEL CONTEXT PROTOCOL) BARU ===${C.reset}\n`);
+
+  rl.question(`${C.yellow}[1/4] Masukkan Nama MCP Server (misal: stitch, github, filesystem):${C.reset} `, (nameInput) => {
+    const mcpName = nameInput.trim().toLowerCase().replace(/\s+/g, '-');
+    if (!mcpName) {
+      console.log(`${C.red}[x] Nama MCP tidak boleh kosong.${C.reset}\n`);
+      return callback();
+    }
+
+    console.log(`\n${C.cyan}Pilih Tipe Koneksi MCP:${C.reset}`);
+    console.log(`  ${C.yellow}1.${C.reset} Remote URL / SSE Endpoint (misal: https://mcp.example.com/sse)`);
+    console.log(`  ${C.yellow}2.${C.reset} Local Command / File Path (misal: npx -y @modelcontextprotocol/server-filesystem)`);
+
+    rl.question(`\n${C.yellow}[2/4] Pilih Tipe (1/2):${C.reset} `, (typeChoice) => {
+      const isRemote = typeChoice.trim() === '1';
+
+      rl.question(`${C.yellow}[3/4] Masukkan Target URL / Command Path:${C.reset} `, (targetInput) => {
+        const target = targetInput.trim();
+        if (!target) {
+          console.log(`${C.red}[x] Target tidak boleh kosong.${C.reset}\n`);
+          return callback();
+        }
+
+        rl.question(`${C.yellow}[4/4] Masukkan Auth Token / API Key (Tekan Enter jika tidak ada):${C.reset} `, (tokenInput) => {
+          const authToken = tokenInput.trim();
+
+          registry.mcp = registry.mcp || {};
+          registry.mcp[mcpName] = {
+            target: target,
+            type: isRemote ? 'remote' : 'local',
+            authToken: authToken || null,
+            connectedAt: new Date().toISOString(),
+            status: 'Connected'
+          };
+
+          saveRegistry(registry);
+
+          console.log(`\n${C.green}[✔] MCP Server "${mcpName}" berhasil ditambahkan!${C.reset}`);
+          console.log(`${C.gray}Gunakan perintah instan: ${C.yellow}/mcp-${mcpName} <prompt kamu>${C.reset}\n`);
+          callback();
+        });
+      });
+    });
+  });
 }
 
-// Handlers for Skills with Dynamic Command Helper
 function listSkills() {
   console.log(`\n${C.cyan}=== Registered Skills ===${C.reset}`);
   const keys = Object.keys(registry.skills || {});
@@ -148,9 +272,8 @@ function listSkills() {
   });
   console.log('');
 
-  // Interactive Action Helper Popup with dynamic slash commands
   const lines = [
-    `${C.bold}Perintah Instan yang Bisa Kamu Ketik Langsung:${C.reset}`,
+    `${C.bold}Perintah Instan Skill:${C.reset}`,
     ``
   ];
 
@@ -158,46 +281,10 @@ function listSkills() {
     lines.push(` ${C.yellow}/skill-${name}${C.reset} <prompt kamu>`);
   });
 
-  lines.push(``);
-  lines.push(`${C.gray}Contoh: ${C.yellow}/skill-${keys[0]} buatkan animasi intro${C.reset}`);
-
   drawBox("⚡ COMMAND INSTAN SKILL TERSEDIA", lines, C.c1);
   console.log('');
 }
 
-// Handlers for MCP with Dynamic Command Helper
-function listMCP() {
-  console.log(`\n${C.cyan}=== Registered MCP (Model Context Protocol) Servers ===${C.reset}`);
-  const keys = Object.keys(registry.mcp || {});
-
-  if (keys.length === 0) {
-    console.log(`${C.gray}Belum ada MCP server terhubung. Ketik ${C.yellow}/scan${C.gray} atau ${C.yellow}/connect mcp <target>${C.reset}\n`);
-    return;
-  }
-
-  keys.forEach((name, i) => {
-    const item = registry.mcp[name];
-    console.log(` ${C.yellow}${i + 1}.${C.reset} ${C.green}${name}${C.reset} -> ${C.gray}${item.target}${C.reset} [${item.type}]`);
-  });
-  console.log('');
-
-  // Interactive Action Helper Popup with dynamic slash commands
-  const lines = [
-    `${C.bold}Perintah Instan MCP yang Bisa Kamu Ketik Langsung:${C.reset}`,
-    ``
-  ];
-
-  keys.forEach(name => {
-    lines.push(` ${C.yellow}/mcp-${name}${C.reset} <prompt kamu>`);
-  });
-
-  lines.push(``);
-  lines.push(`${C.gray}Contoh: ${C.yellow}/mcp-${keys[0]} sinkronkan file terbaru${C.reset}`);
-
-  drawBox("🔌 COMMAND INSTAN MCP TERSEDIA", lines, C.c4);
-  console.log('');
-}
-
 function connectResource(inputArgs) {
   const parts = inputArgs.trim().split(/\s+/);
   const type = parts[0]?.toLowerCase();
@@ -509,7 +596,7 @@ async function handleChat(prompt, forcedTool = null) {
       return startPrompt();
     }
 
-    console.log(`\n${C.c1}TMPA CLI (${config.model || 'AI'}) :${C.reset} ${aiResponse}\n`);
+    console.log(`\n${C.c1}TMPA CLI (${config.model || 'AI'}) :${C.reset}\n${aiResponse}\n`);
 
   } catch (error) {
     console.log(`\n${C.red}[x] Fetch Error: ${error.message}${C.reset}\n`);
@@ -559,8 +646,10 @@ function startPrompt() {
       listSkills();
       startPrompt();
     } else if (cmd === '/mcp') {
-      listMCP();
+      showMCPHub();
       startPrompt();
+    } else if (cmd === '/new-mcp') {
+      createNewMCPWizard(() => startPrompt());
     } else if (cmd.startsWith('/connect')) {
       connectResource(cmd.replace('/connect', ''));
       startPrompt();
@@ -570,8 +659,7 @@ function startPrompt() {
     } else if (cmd === '/uninstall') {
       handleUninstall();
     } else if (cmd.startsWith('/skill-')) {
-      // Dynamic Slash Command for Skill: /skill-remotion-vidio <prompt>
-      const fullCmd = cmd.slice(7).trim(); // remove '/skill-'
+      const fullCmd = cmd.slice(7).trim();
       const spaceIdx = fullCmd.indexOf(' ');
       let skillName = fullCmd;
       let userPrompt = '';
@@ -588,8 +676,7 @@ function startPrompt() {
         startPrompt();
       }
     } else if (cmd.startsWith('/mcp-')) {
-      // Dynamic Slash Command for MCP: /mcp-stitch <prompt>
-      const fullCmd = cmd.slice(5).trim(); // remove '/mcp-'
+      const fullCmd = cmd.slice(5).trim();
       const spaceIdx = fullCmd.indexOf(' ');
       let mcpName = fullCmd;
       let userPrompt = '';
@@ -600,7 +687,13 @@ function startPrompt() {
       }
 
       if (registry.mcp && registry.mcp[mcpName]) {
-        handleChat(userPrompt, { type: 'mcp', name: mcpName, target: registry.mcp[mcpName].target });
+        handleChat(userPrompt, {
+          type: 'mcp',
+          name: mcpName,
+          target: registry.mcp[mcpName].target,
+          mcpType: registry.mcp[mcpName].type,
+          authToken: registry.mcp[mcpName].authToken
+        });
       } else {
         console.log(`${C.red}[x] MCP "${mcpName}" tidak ditemukan di registry. Ketik /mcp untuk melihat daftar.${C.reset}\n`);
         startPrompt();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tmpa-cli",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "description": "",
   "main": "bin/index.js",
   "bin": {
@@ -14,8 +14,12 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
+    "@remotion/cli": "^4.0.506",
     "chalk": "^4.1.2",
     "commander": "^11.0.0",
-    "ora": "^5.4.1"
+    "ora": "^5.4.1",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "remotion": "^4.0.506"
   }
 }