bvcx

2026-09-20 21:43:02 +02:00
parent 5601c282b7
commit 4e857fd5ef
26 changed files with 3567 additions and 142 deletions
@@ -6,7 +6,7 @@
    const infoEl = document.querySelector("#a_info");
    const idLinkEl = document.querySelector("a.id-link");

-    const rawId = commentsEl?.dataset?.itemId || favoEl?.dataset?.itemId || infoEl?.dataset?.itemId || idLinkEl?.dataset?.itemId || idLinkEl?.innerText;
+    const rawId = favoEl?.dataset?.localId || commentsEl?.dataset?.itemId || favoEl?.dataset?.itemId || infoEl?.dataset?.itemId || idLinkEl?.dataset?.itemId || idLinkEl?.innerText;
    if (!rawId) return null;

    const tagsContainer = document.querySelector("#tags");
@@ -256,17 +256,79 @@
      }
      return;
    }
+    const favoBtns = document.querySelectorAll("#a_favo");
+    const firstFavoBtn = favoBtns[0];
+    const chanRehostBtn = document.querySelector('#chan-item-rehost-btn');
+    const isChan = firstFavoBtn?.dataset?.isChan === 'true' || !!chanRehostBtn;
+    const chanUrl = firstFavoBtn?.dataset?.chanUrl || chanRehostBtn?.dataset?.url;
+    let localId = firstFavoBtn?.dataset?.localId;
+
+    // If viewing un-rehosted 4chan post, auto-rehost first
+    if (isChan && !localId && chanUrl) {
+      favoBtns.forEach(btn => {
+        btn.className = 'iconset fa-solid fa-spinner fa-spin';
+      });
+      try {
+        const csrfToken = window.f0ckSession?.csrf_token || '';
+        const rehostResp = await fetch('/api/v2/scroller/rehost', {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/x-www-form-urlencoded',
+            ...(csrfToken ? { 'X-CSRF-Token': csrfToken } : {})
+          },
+          body: new URLSearchParams({
+            url: chanUrl,
+            original_filename: firstFavoBtn?.dataset?.filename || chanRehostBtn?.dataset?.filename || '',
+            width: firstFavoBtn?.dataset?.width || chanRehostBtn?.dataset?.width || '',
+            height: firstFavoBtn?.dataset?.height || chanRehostBtn?.dataset?.height || ''
+          })
+        });
+        const rehostData = await rehostResp.json();
+        if (rehostData.success && rehostData.item_id) {
+          localId = rehostData.item_id;
+          favoBtns.forEach(btn => {
+            btn.dataset.itemId = localId;
+            btn.dataset.localId = localId;
+          });
+          const commentsEl = document.querySelector("#comments-container");
+          if (commentsEl) commentsEl.dataset.itemId = localId;
+          const infoEl = document.querySelector("#a_info");
+          if (infoEl) infoEl.dataset.itemId = localId;
+
+          if (chanRehostBtn) {
+            chanRehostBtn.classList.add('rehosted');
+            chanRehostBtn.outerHTML = `
+              <span class="chan-rehosted-wrap" style="display:inline-flex;gap:4px;align-items:center;">
+                <a href="/${localId}" class="chan-rehost-action-btn rehosted" title="Already rehosted on f0ckm (Post #${localId})" style="display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:6px;font-size:0.8rem;background:rgba(74,222,128,0.2);color:#4ade80;border:1px solid rgba(74,222,128,0.4);text-decoration:none;font-weight:600;"><i class="fa-solid fa-check"></i> #${localId}</a>
+                <button type="button" class="chan-rehost-edit-btn" data-item-id="${localId}" title="Edit rating, tags & comment" style="display:inline-flex;align-items:center;padding:3px 7px;border-radius:6px;font-size:0.8rem;background:rgba(255,255,255,0.1);color:#fff;border:1px solid rgba(255,255,255,0.2);cursor:pointer;"><i class="fa-solid fa-pen"></i></button>
+              </span>
+            `;
+          }
+        } else {
+          throw new Error(rehostData.msg || 'Rehost failed');
+        }
+      } catch (err) {
+        console.error('[CHAN-FAV] Auto-rehost error:', err);
+        favoBtns.forEach(btn => {
+          btn.className = 'iconset fa-regular fa-heart';
+        });
+        if (typeof window.flashMessage === 'function') {
+          window.flashMessage('Failed to favorite post', 3000, 'error');
+        }
+        return;
+      }
+    }
+
    const ctx = getContext();
    if (!ctx) return;
-    const { postid } = ctx;
+    const postid = localId ? Number(localId) : ctx.postid;

-    // Read state BEFORE the API call so we have a fallback
-    const favoBtns = document.querySelectorAll("#a_favo");
    const wasAlreadyFav = favoBtns.length > 0 && favoBtns[0].classList.contains('fa-solid');

    try {
      const res = await post('/api/v2/togglefav', {
-        postid: postid
+        postid: postid,
+        chan_url: chanUrl
      });
      if (res && res.success) {
        if (window.invalidateItemCache) {