add extract entitas

Author: daffadevhosting

_includes/chat-launcher.html

@@ -1,5 +1,4 @@
     <div id="suggestions" class="relative z-[9999] flex flex-wrap gap-2 px-3 py-2 text-sm text-gray-300 border-b border-gray-800 bg-gray-900 z-80">
-      <button class="cursor-pointer bg-gray-700 px-3 py-1 rounded-full hover:bg-gray-600" data-suggest="Cari repo animasi tailwind">Cari repo animasi tailwind</button>
       <button class="cursor-pointer bg-gray-700 px-3 py-1 rounded-full hover:bg-gray-600" data-suggest="ada repo AI chatbot?">ada repo AI chatbot?</button>
       <button class="cursor-pointer bg-gray-700 px-3 py-1 rounded-full hover:bg-gray-600" data-suggest="repo yang trending?">repo yang trending?</button>
       <div id="ai-notice" class="text-gray-400 text-sm hidden md:block px-3 py-1 italic"></div>

assets/js/core/core-ai.js

@@ -5,7 +5,7 @@ import {
   resetVoiceFlag,
   setVoiceFlag
 } from '../voice-engine.js';
-import { detectIntent } from '../intents-github.js';
+import { detectIntent, extractEntity } from '../intents-github.js';
 import { detectIntentVn } from '../detectIntentVn.js';
 import { renderMarkdown, renderCardsFromAI } from '../render.js';
 import { buildPrompt } from '../promptBuilder-github.js';
@@ -34,17 +34,18 @@ setupVoiceRecognition(micBtn, async (transcript) => {
   setVoiceFlag();
   renderVoiceMessage("user", null, "voice note dikirim");
 
+  const entities = detectIntent(transcript);
   const intent = detectIntent(transcript); // ✅ intent berdasarkan VN
   const intentVn = detectIntentVn(transcript);
   const card = renderGithubCard(repo); // repo: object satuan dari GitHub
   messages.innerHTML += card;
 
-if (intent === "github_search") {
+if (entities === "github_search") {
   await handleGithubSearchIntent(userMessage, messages);
     setTimeout(() => scrollToBottom(), 0);
   return;
 }
-  const prompt = buildPrompt(transcript, intent, intentVn); // ✅ arahkan ke prompt AI
+  const prompt = buildPrompt(transcript, intent, entities, intentVn); // ✅ arahkan ke prompt AI
 
   addTyping();
   try {
@@ -113,7 +114,7 @@ launcherInput.addEventListener("blur", () => {
     if (!allowed.includes(isActive?.id)) {
       resetLauncher();
     }
-  }, 100);
+  }, 200);
 });
 
 if (messages) {
@@ -147,14 +148,14 @@ if (chatWrapper) {
     launcherInput.focus();
     hideWelcomeMessage();
 
-    const intent = detectIntent(message);
+    const entities = detectIntent(message);
 
-    if (intent === "github_search") {
+    if (entities === "github_search") {
       await handleGithubSearchIntent(message, messages);
       return;
     }
 
-    const prompt = buildPrompt(message, intent);
+    const prompt = buildPrompt(message, entities);
     addTyping();
 
     try {

assets/js/githubSearchHandler.js

@@ -28,7 +28,8 @@ export async function handleGithubSearchIntent(userMessage, chatBox) {
       // Prioritas 3 (Fallback): Anggap seluruh pesan sebagai kata kunci
       // Ini akan digunakan jika tidak ada pola di atas yang cocok
       // Hati-hati dengan fallback ini, pastikan tidak menangkap input yang terlalu ambigu
-      if (!['repo', 'repositori', 'cari'].includes(normalizedMessage) &&
+      if (!['repo', 'repositori', 'cari', 'ada'].includes(normalizedMessage) &&
+          !normalizedMessage.startsWith('ada ') &&
           !normalizedMessage.startsWith('repo ') &&
           !normalizedMessage.startsWith('repositori ') &&
           !normalizedMessage.startsWith('cari ')) {
@@ -50,6 +51,7 @@ export async function handleGithubSearchIntent(userMessage, chatBox) {
   const repos = await searchGithubRepos(keyword);
   if (repos.length === 0) {
     chatBox.innerHTML += `<p class='text-gray-400'>Tidak ada repositori ditemukan untuk <strong>${keyword}</strong></p>`;
+    document.getElementById('loadingMessage')?.remove();
     return;
   }
 

assets/js/intents-github.js

@@ -16,5 +16,43 @@ export const detectIntent = (message) => {
   if (msg.match(/bantuan|help|fitur|apa bisa|ngapain aja/)) return "help";
   if (msg.match(/siapa kamu|kamu siapa|tentangmu|profil|creator|pembuat|yang buat kamu/)) return "about_ai";
 
+
+  // Mencari Pengguna (User)
+  if (msg.match(/cari user|user github|profil github|akun github|pengguna github|cari pengguna|siapa user/)) {
+    return "github_search_user";
+  }
+  // Mencari Organisasi (Organization)
+  if (msg.match(/cari organisasi|organisasi github|org github|organisasi apa/)) {
+    return "github_search_organization";
+  }
+  // Mencari Kode (Code)
+  if (msg.match(/cari kode|lihat kode|potongan kode|fungsi apa|contoh kode|implementasi kode/)) {
+    return "github_search_code";
+  }
+  // Mencari Isu/Pull Request (Issues/PRs)
+  if (msg.match(/cari isu|lihat isu|open issue|bug di|error di|problem di|pull request|pr di|masalah di/)) {
+    return "github_search_issue";
+  }
+  // Mencari Topik (Topic)
+  if (msg.match(/cari topik|topik github|tentang topik|ada topik/)) {
+    return "github_search_topic";
+  }
+  // Mencari Repositori (Repo) - ini akan menjadi fallback untuk pencarian GitHub umum
+  if (msg.match(/cari repo|repositori|proyek github|project di github|repo github|lihat repo|kode di github/)) {
+    return "github_search_repository";
+  }
+
   return "fallback";
 };
+
+export const extractEntity = (message, intent) => {
+  const msg = message.toLowerCase();
+  if (intent === "github_search_user") {
+    const match = msg.match(/(?:user|pengguna)\s+([\w.-]+)/); // Mencari kata setelah 'user' atau 'pengguna'
+    if (match && match[1]) {
+      return { username: match[1] };
+    }
+  }
+  // Tambahkan logika untuk intent lain (misalnya, nama repo, kata kunci kode, dll.)
+  return null;
+};

assets/js/intents.js

@@ -1,20 +1,48 @@
 // intents.js
 
 /**
- * Mendeteksi intent user berdasarkan kata kunci dari pesan teks.
- * Digunakan oleh AI chatbot untuk merespons lebih tepat.
+ * Mendeteksi intent pengguna berdasarkan kata kunci dari pesan teks.
+ * Lebih fokus dan spesifik untuk berbagai jenis pencarian GitHub.
  */
 export const detectIntent = (message) => {
   const msg = message.toLowerCase();
 
+  // Umum
   if (msg.match(/halo|hai|hi|assalam|pagi|siang|sore/)) return "greeting";
-  if (msg.match(/repo|repositori|github|cari repo|cari proyek|lihat kode/)) return "github_search";
   if (msg.match(/cerita|kisah|buatkan cerita|dongeng|kisahkan|story/)) return "make_story";
   if (msg.match(/lanjut cerita|teruskan cerita|next chapter|continue/)) return "continue_story";
   if (msg.match(/hapus|reset|mulai ulang|clear/)) return "reset_conversation";
   if (msg.match(/daftar|subscribe|langganan|premium/)) return "subscribe_prompt";
   if (msg.match(/bantuan|help|fitur|apa bisa|ngapain aja/)) return "help";
-  if (msg.match(/siapa kamu|kamu siapa|tentangmu|profil|creator|pembuat|yang buat kamu/)) return "about_ai";
+  if (msg.match(/siapa kamu|kamu siapa|tentangmu|profil|creator|pembuat|pencipta|yang buat kamu|yng bikin kamu/)) return "about_ai";
+
+  // Intent Spesifik GitHub
+  // Prioritaskan intent yang lebih spesifik terlebih dahulu
+  
+  // Mencari Pengguna (User)
+  if (msg.match(/cari user|user github|profil github|akun github|pengguna github|cari pengguna|siapa user/)) {
+    return "github_search_user";
+  }
+  // Mencari Organisasi (Organization)
+  if (msg.match(/cari organisasi|organisasi github|org github|organisasi apa/)) {
+    return "github_search_organization";
+  }
+  // Mencari Kode (Code)
+  if (msg.match(/cari kode|lihat kode|potongan kode|fungsi apa|contoh kode|implementasi kode/)) {
+    return "github_search_code";
+  }
+  // Mencari Isu/Pull Request (Issues/PRs)
+  if (msg.match(/cari isu|lihat isu|open issue|bug di|error di|problem di|pull request|pr di|masalah di/)) {
+    return "github_search_issue";
+  }
+  // Mencari Topik (Topic)
+  if (msg.match(/cari topik|topik github|tentang topik|ada topik/)) {
+    return "github_search_topic";
+  }
+  // Mencari Repositori (Repo) - ini akan menjadi fallback untuk pencarian GitHub umum
+  if (msg.match(/cari repo|repositori|proyek github|project di github|repo github|lihat repo|kode di github/)) {
+    return "github_search_repository";
+  }
 
   return "fallback";
-};
+};

assets/js/render.js

@@ -25,7 +25,7 @@ export function renderCardsFromAI(replyText) {
   if (!cards.length) return "";
 
   const html = cards.map(c => `
-    <div class="border overflow-hidden border-gray-700 rounded-lg mb-4 overflow-hidden bg-gray-800 shadow">
+    <div id="grid" class="border overflow-hidden border-gray-700 rounded-lg mb-4 overflow-hidden bg-gray-800 shadow">
       ${c.img ? `<img src="${c.img}" alt="${c.title}" class="w-full h-40 object-cover" />` : ''}
       <div class="p-3">
         <h3 class="text-white font-semibold">${c.title}</h3>
@@ -44,7 +44,7 @@ export function renderCardsFromAI(replyText) {
  */
 export function renderRepoCards(repoArray) {
   return repoArray.map(p => `
-    <div class="border overflow-hidden border-gray-700 rounded-lg mb-4 overflow-hidden bg-gray-800 shadow">
+    <div id="grid" class="border overflow-hidden border-gray-700 rounded-lg mb-4 overflow-hidden bg-gray-800 shadow">
       <img src="${p.img}" alt="${p.title}" class="w-full h-40 object-cover" />
       <div class="p-3">
         <h3 class="text-white font-semibold">${p.title}</h3>

assets/js/renderGithubCards.js

@@ -26,16 +26,16 @@ export function renderGithubCard(repo) {
   if (!repo || typeof repo !== "object") return "";
 
   return `
-    <div id="grid" class="border w-fit cursor-pointer overflow-hidden border-gray-700 bg-gray-800 rounded-md p-4 shadow-md flex gap-4 items-start my-4 transition-transform hover:scale-[1.02]" data-repo-owner="${repo?.owner?.login}" data-repo-fullname="${repo?.full_name}">
+    <div id="grid" class="border w-fit cursor-pointer overflow-hidden border-gray-700 bg-gray-800 rounded-md p-4 shadow-md flex gap-4 items-start my-4 transition-transform hover:scale-[1.02]" data-repo-owner="${repo?.owner?.login || ""}" data-repo-fullname="${repo?.full_name || ""}">
       <img src="${repo.owner?.avatar_url || "./assets/images/logo.png"}" alt="Avatar" class="w-14 h-14 rounded-full object-cover" />
       <div>
         <div>
-          <a href="${repo.html_url}" target="_blank" class="text-blue-400 font-bold text-base hover:underline">
+          <a href="${repo.html_url || "https://github.com/daffadevhosting/daffadevhosting.github.io"}" target="_blank" class="text-blue-400 font-bold text-base hover:underline">
             ${repo.full_name ? repo.full_name.slice(0, 25) + (repo.full_name.length > 15 ? '...' : '') : "L Y Я A"}
           </a>
           <p class="text-gray-300 text-sm mt-1">${repo.description ? repo.description.slice(0, 150) + (repo.description.length > 180 ? '...' : '') : "AI Custom User-Agent "}</p>
           <div class="flex gap-2 justify-between items-center">
-            <p class="text-yellow-400 text-xs mt-2">⭐ ${repo.stargazers_count?.toLocaleString() ?? '500'} stars</p>
+            <p class="text-yellow-400 text-xs mt-2">⭐ ${repo.stargazers_count?.toLocaleString() ?? '0'} stars</p>
             <p class="text-green-400 text-xs mt-2">${repo.language || 'Jekyll, Javascript'}</p>
           </div>
         </div>

assets/js/voiceFlow.js

@@ -1,5 +1,5 @@
 import { renderVoiceMessage } from './voice.js';
-import { speakWithTTS } from './tts-clean.js';
+import { speakWithTTS } from './tts.js';
 
 let isVoiceMode = false;
 let lastReply = "";
@@ -55,7 +55,7 @@ function addBotMessage(text) {
   const box = document.getElementById("chat-messages");
   const bubble = document.createElement("div");
   bubble.className = "text-left text-gray-300 my-2 text-sm";
-  bubble.innerHTML = text; // bisa diparse dengan marked
+  bubble.innerHTML = `<strong>LYRA:</strong><br>${text}`; // bisa diparse dengan marked
   box.appendChild(bubble);
   box.scrollTop = box.scrollHeight;
 }