added book entries from extensions

src/scripts/books/book.js

@@ -3,12 +3,28 @@ let allChapters = [];
 let filteredChapters = [];
 let currentPage = 1;
 const itemsPerPage = 12;
+let extensionName = null;
 
 async function init() {
     try {
-        const res = await fetch(`/api/book/${bookId}`);
+        const path = window.location.pathname;
+        const parts = path.split("/").filter(Boolean);
+        let bookId;
+
+        if (parts.length === 3) {
+            extensionName = parts[1];
+            bookId = parts[2];
+        } else {
+            bookId = parts[1];
+        }
+
+        const fetchUrl = extensionName
+            ? `/api/book/${bookId.slice(0,40)}?ext=${extensionName}`
+            : `/api/book/${bookId}`;
+
+        const res = await fetch(fetchUrl);
         const data = await res.json();
-        console.log(data)
+        console.log(data);
 
         if (data.error) {
             const titleEl = document.getElementById('title');
@@ -22,6 +38,14 @@ async function init() {
         const titleEl = document.getElementById('title');
         if (titleEl) titleEl.innerText = title;
 
+        const extensionPill = document.getElementById('extension-pill');
+        if (extensionName && extensionPill) {
+            extensionPill.textContent = `${extensionName.charAt(0).toUpperCase() + extensionName.slice(1).toLowerCase()}`;
+            extensionPill.style.display = 'inline-flex';
+        } else if (extensionPill) {
+            extensionPill.style.display = 'none';
+        }
+
         const descEl = document.getElementById('description');
         if (descEl) descEl.innerHTML = data.description || "No description available.";
 
@@ -76,7 +100,12 @@ async function loadChapters() {
     tbody.innerHTML = '<tr><td colspan="4" style="text-align:center; padding: 2rem;">Searching extensions for chapters...</td></tr>';
 
     try {
-        const res = await fetch(`/api/book/${bookId}/chapters`);
+        const fetchUrl = extensionName
+            ? `/api/book/${bookId.slice(0, 40)}/chapters`
+            : `/api/book/${bookId}/chapters`;
+
+        console.log(fetchUrl)
+        const res = await fetch(fetchUrl);
         const data = await res.json();
         
         allChapters = data.chapters || [];
@@ -202,7 +231,7 @@ function updatePagination() {
 function openReader(bookId, chapterId, provider) {
     const c = encodeURIComponent(chapterId);
     const p = encodeURIComponent(provider);
-    window.location.href = `/read/${bookId}/${c}/${p}`;
+    window.location.href = `/read/${p}/${c}/${bookId}`;
 }
 
 init();

src/scripts/books/books.js

@@ -46,9 +46,19 @@ async function fetchBookSearch(query) {
     }
 }
 
+function createSlug(text) {
+    if (!text) return '';
+    return text
+        .toString()
+        .toLowerCase()
+        .trim()
+        .replace(/[^a-z0-9\s-]/g, '')
+        .replace(/[\s-]+/g, '-');
+}
+
 function renderSearchResults(results) {
     searchResults.innerHTML = '';
-    
+
     if (!results || results.length === 0) {
         searchResults.innerHTML = '<div style="padding:1rem; color:#888; text-align:center">No results found</div>';
     } else {
@@ -58,11 +68,24 @@ function renderSearchResults(results) {
             const rating = book.averageScore ? `${book.averageScore}%` : 'N/A';
             const year = book.seasonYear || (book.startDate ? book.startDate.year : '') || '????';
             const format = book.format || 'MANGA';
+            let href;
 
-            const item = document.createElement('a'); 
+            if (book.isExtensionResult) {
+                const titleSlug = createSlug(title);
+                href = `/book/${book.extensionName}/${titleSlug}`;
+            } else {
+                href = `/book/${book.id}`;
+            }
+
+            const extName = book.extensionName.charAt(0).toUpperCase() + book.extensionName.slice(1);
+            const extPill = book.isExtensionResult
+                ? `<span>${extName}</span>`
+                : '';
+
+            const item = document.createElement('a');
             item.className = 'search-item';
-            item.href = `/book/${book.id}`;
-            
+            item.href = href;
+
             item.innerHTML = `
                 <img src="${img}" class="search-poster" alt="${title}">
                 <div class="search-info">
@@ -71,6 +94,7 @@ function renderSearchResults(results) {
                         <span class="rating-pill">${rating}</span>
                         <span>• ${year}</span>
                         <span>• ${format}</span>
+                        ${extPill}
                     </div>
                 </div>
             `;
@@ -80,7 +104,7 @@ function renderSearchResults(results) {
     }
 
     searchResults.classList.add('active');
-    searchInput.style.borderRadius = '12px 12px 0 0'; 
+    searchInput.style.borderRadius = '12px 12px 0 0';
 }
 
 function scrollCarousel(id, direction) {

src/scripts/books/reader.js

@@ -35,9 +35,9 @@ let observer = null;
 
 const parts = window.location.pathname.split('/');
 
-const bookId = parts[2];
+const bookId = parts[4];
 let chapter = parts[3];
-let provider = parts[4];
+let provider = parts[2];
 
 function loadConfig() {
     try {
@@ -125,7 +125,7 @@ async function loadChapter() {
     `;
 
     try {
-        const res = await fetch(`/api/book/${bookId}/${chapter}/${provider}`);
+        const res = await fetch(`/api/book/${bookId.slice(0,40)}/${chapter}/${provider}`);
         const data = await res.json();
 
         if (data.title) {
@@ -467,15 +467,22 @@ nextBtn.addEventListener('click', () => {
 
 function updateURL(newChapter) {
     chapter = newChapter;
-    const newUrl = `/reader/${bookId}/${chapter}/${provider}`;
+    const newUrl = `/reader/${provider}/${chapter}/${bookId}`;
     window.history.pushState({}, '', newUrl);
 }
 
 document.getElementById('back-btn').addEventListener('click', () => {
     const parts = window.location.pathname.split('/');
+    const provider = parts[2];
+    const mangaId = parts[4];
 
-    const mangaId = parts[2];
-    window.location.href = `/book/${mangaId}`;
+    const isInt = Number.isInteger(Number(mangaId));
+
+    if (isInt) {
+        window.location.href = `/book/${mangaId}`;
+    } else {
+        window.location.href = `/book/${provider}/${mangaId}`;
+    }
 });
 
 settingsBtn.addEventListener('click', () => {