channel-worker 2.5.134 → 2.5.135

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "channel-worker",
-  "version": "2.5.134",
+  "version": "2.5.135",
   "description": "Channel Manager worker daemon — runs on remote machines to execute video pipeline jobs",
   "main": "lib/daemon.js",
   "bin": {

package/scripts/upload_facebook.js

@@ -782,7 +782,10 @@ async function readNewComposerThumbRow(page, { diag = false, tagIndex = -1 } = {
       }
       return '';
     };
-    const tileLike = (el) => vis(el) && (!!mediaOf(el) || isPick(el));
+    // Ô thật rộng ~90px. Chặn trên 320px để thân hộp thoại "Chọn hình thu nhỏ"
+    // (rộng 500, có ảnh xem trước) không bị nhận là một ô — lượt test thật
+    // 23/09 đọc nhầm hộp thoại thành "2 ô [chọn-ảnh, ảnh-local]".
+    const tileLike = (el) => vis(el) && el.getBoundingClientRect().width <= 320 && (!!mediaOf(el) || isPick(el));
     // Ô đang chọn: viền/bóng xanh của FB (#0866FF, #1877F2) hoặc aria-*.
     const blueish = (c) => {
       const m = String(c || '').match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([\d.]+))?/);
@@ -835,8 +838,16 @@ async function readNewComposerThumbRow(page, { diag = false, tagIndex = -1 } = {
     };
     let pickLeaf = null;
     for (const root of roots) {
+      // Bỏ qua tiêu đề của hộp thoại "Chọn hình thu nhỏ": cùng chữ với ô, và
+      // FB gắn role=dialog + aria-label đó lên phần đầu hộp thoại (đo 23/09).
+      const inPickerModal = (el) => {
+        if (el.closest('[__fbpw_thumb_modal__]')) return true;
+        const d = el.closest("[role='dialog']");
+        return !!d && d !== root && PICK.test(norm(d.getAttribute('aria-label')));
+      };
       const hits = [...root.querySelectorAll('[aria-label]')].filter((el) => PICK.test(norm(el.getAttribute('aria-label'))) && vis(el))
-        .concat(textHits(root, /hình|ảnh|thumbnail/i, PICK));
+        .concat(textHits(root, /hình|ảnh|thumbnail/i, PICK))
+        .filter((el) => !inPickerModal(el));
       if (hits.length) { pickLeaf = hits[0]; break; }
     }
     let row = null;
@@ -911,7 +922,9 @@ async function readNewComposerThumbRow(page, { diag = false, tagIndex = -1 } = {
     for (let scope = row, d = 0; scope && d < 3 && !input; scope = scope.parentElement, d++) {
       for (const el of scope.querySelectorAll("input[type='file']")) {
         const accept = (el.getAttribute('accept') || '').toLowerCase();
-        if (!/image/.test(accept) || /video/.test(accept)) continue; // input của "Thêm file khác" nhận cả video
+        // Nhận cả dạng đuôi file (".png,.jpg,.jpeg" — đo thật 23/09); input của
+        // "Thêm file khác" nhận cả video nên bị loại.
+        if (!/image|\.png|\.jpe?g/.test(accept) || /video|\.mp4|\.mov/.test(accept)) continue;
         el.setAttribute('__fbpw_thumb_input__', '1');
         input = { accept: accept.slice(0, 60) };
         break;
@@ -993,13 +1006,17 @@ function describeThumbRow(snap) {
 // tận mắt — chỉ bấm nút xác nhận của một dialog KHÁC composer mà trong chữ
 // có nhắc ảnh bìa, để không bao giờ trúng nút "Lưu" (= lưu nháp) của composer.
 async function confirmNewComposerThumbDialog(page, log) {
-  const hit = await page.evaluate((compSrc) => {
+  const hit = await page.evaluate(({ compSrc, pickSrc }) => {
     const COMP = new RegExp(compSrc, 'i');
+    const PICK = new RegExp(pickSrc, 'i');
     for (const dlg of document.querySelectorAll("[role='dialog']")) {
       const r = dlg.getBoundingClientRect();
       if (r.width < 8 || r.height < 8) continue;
       const head = `${dlg.getAttribute('aria-label') || ''} | ${(dlg.innerText || '').slice(0, 300)}`;
       if (COMP.test(head)) continue;
+      // Hộp "Chọn hình thu nhỏ" có luồng riêng (chỉ Lưu khi ảnh xem trước đã
+      // đổi) — bấm Lưu ở đây lúc ảnh chưa đổi là lưu khung tự động làm ảnh bìa.
+      if (PICK.test((dlg.getAttribute('aria-label') || '').trim()) || dlg.closest('[__fbpw_thumb_modal__]')) continue;
       if (!/hình thu nhỏ|ảnh thu nhỏ|thumbnail|cắt ảnh|crop/i.test(head)) continue;
       for (const b of dlg.querySelectorAll("button, [role='button']")) {
         const t = (b.innerText || '').trim();
@@ -1011,7 +1028,7 @@ async function confirmNewComposerThumbDialog(page, log) {
       }
     }
     return null;
-  }, COMPOSER_SIGNATURE_RE.source).catch(() => null);
+  }, { compSrc: COMPOSER_SIGNATURE_RE.source, pickSrc: THUMB_PICKER_TEXT_RE.source }).catch(() => null);
   if (!hit) return false;
   log('info', `[fb-pw] composer mới — hộp phụ ảnh bìa "${hit.head}" → bấm "${hit.verb}"`);
   await page.locator("[__fbpw_thumb_confirm__='1']").click({ timeout: 3000 }).catch(() => {});
@@ -1019,6 +1036,208 @@ async function confirmNewComposerThumbDialog(page, log) {
   return true;
 }
 
+// Hộp thoại "Chọn hình thu nhỏ" — thứ THẬT mở ra khi bấm ô chọn-ảnh. Đo trên
+// Facebook 23/09/2026 (lượt test page LACCA, lệnh 6ab39643): cú bấm KHÔNG mở
+// hộp chọn file mà mở hộp thoại 500x326 gồm ảnh xem trước 203x360, dải khung để
+// tua video (input range "Tua trên dòng thời gian…"), input file ẩn
+// accept=".png,.jpg,.jpeg", nút "Tải lên" và "Lưu". FB gắn role=dialog +
+// aria-label "Chọn hình thu nhỏ" lên PHẦN ĐẦU (500x60) chứ không lên cả hộp,
+// nên không dò theo role: leo từ chữ tiêu đề lên tới khối có cả "Tải lên" lẫn
+// "Lưu" (và chưa chạm nút "Đăng" của composer).
+// Gắn cờ: __fbpw_thumb_modal__ (khối), _upload__ (nút Tải lên), _save__ (mọi
+// nút Lưu, đánh số từ cuối), _input__ (input ảnh). Trả null nếu không thấy.
+async function findThumbPickerModal(page) {
+  return page.evaluate(({ pickSrc }) => {
+    const PICK = new RegExp(pickSrc, 'i');
+    const norm = (s) => String(s || '').replace(/\s+/g, ' ').trim();
+    const vis = (el) => {
+      const r = el.getBoundingClientRect();
+      if (r.width < 8 || r.height < 8) return false;
+      const cs = getComputedStyle(el);
+      return cs.visibility !== 'hidden' && cs.display !== 'none' && cs.opacity !== '0';
+    };
+    for (const a of ['__fbpw_thumb_modal__', '__fbpw_thumb_modal_upload__', '__fbpw_thumb_modal_save__', '__fbpw_thumb_modal_input__']) {
+      document.querySelectorAll(`[${a}]`).forEach((el) => el.removeAttribute(a));
+    }
+    const says = (el, re) => re.test(norm(el.getAttribute('aria-label'))) || re.test(norm(el.innerText));
+    const UP = /^(Tải lên|Tải ảnh lên|Upload|Upload image)$/i;
+    const SAVE = /^(Lưu|Save)$/i;
+    const POST = /^(Đăng|Post|Share now)$/i;
+    const heads = [...document.querySelectorAll('[aria-label]')].filter((el) => PICK.test(norm(el.getAttribute('aria-label'))) && vis(el));
+    const tw = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT);
+    for (let n = tw.nextNode(); n; n = tw.nextNode()) {
+      if (!/hình|thumbnail/i.test(n.data)) continue;
+      const el = n.parentElement;
+      if (el && vis(el) && PICK.test(norm(el.innerText))) heads.push(el);
+    }
+    for (const h of heads) {
+      if (h.closest('[__fbpw_thumb_row__]')) continue; // chính ô chọn-ảnh trong hàng
+      let box = h;
+      for (let d = 0; d < 10 && box && box !== document.body; d++, box = box.parentElement) {
+        const btns = [...box.querySelectorAll("[role='button'], button")].filter(vis);
+        if (btns.some((b) => says(b, POST))) break; // đã leo tới composer
+        const up = btns.find((b) => says(b, UP));
+        const saves = btns.filter((b) => says(b, SAVE));
+        if (!up || !saves.length) continue;
+        box.setAttribute('__fbpw_thumb_modal__', '1');
+        up.setAttribute('__fbpw_thumb_modal_upload__', '1');
+        saves.reverse().forEach((b, i) => b.setAttribute('__fbpw_thumb_modal_save__', String(i)));
+        const inp = [...box.querySelectorAll("input[type='file']")].find((i) => {
+          const a = (i.getAttribute('accept') || '').toLowerCase();
+          return /image|\.png|\.jpe?g/.test(a) && !/video|\.mp4|\.mov/.test(a);
+        });
+        if (inp) inp.setAttribute('__fbpw_thumb_modal_input__', '1');
+        const big = [...box.querySelectorAll('img')].find((i) => {
+          const ir = i.getBoundingClientRect();
+          return ir.width >= 150 && ir.height >= 150;
+        });
+        const r = box.getBoundingClientRect();
+        return {
+          w: Math.round(r.width),
+          h: Math.round(r.height),
+          preview: big ? String(big.currentSrc || big.src || '').slice(0, 500) : '',
+          input: inp ? (inp.getAttribute('accept') || '') : null,
+          saves: saves.length,
+        };
+      }
+    }
+    return null;
+  }, { pickSrc: THUMB_PICKER_TEXT_RE.source }).catch(() => null);
+}
+
+// Ảnh xem trước trong hộp thoại có đúng là ảnh bìa của MÌNH không? Thu cả hai
+// về 16x16 rồi lấy độ lệch trung bình mỗi kênh màu (0-255). "Ảnh xem trước đổi
+// URL" chưa đủ: FB có thể tự thay bằng bản nét hơn của khung đang chọn, và Lưu
+// lúc đó là lưu khung tự động. Ảnh blob:/data: đọc được; ảnh CDN khác nguồn làm
+// canvas bị khoá → trả { err: 'tainted' } để người gọi tự quyết.
+const THUMB_PREVIEW_MAX_DIFF = 18;
+async function previewMatchesThumb(page, thumbDataUrl) {
+  return page.evaluate(async ({ ours }) => {
+    const box = document.querySelector('[__fbpw_thumb_modal__]');
+    if (!box) return { err: 'no-modal' };
+    const prev = [...box.querySelectorAll('img')].find((i) => {
+      const r = i.getBoundingClientRect();
+      return r.width >= 150 && r.height >= 150;
+    });
+    if (!prev || !prev.complete || !prev.naturalWidth) return { err: 'preview-not-loaded' };
+    const sig = (img) => {
+      const c = document.createElement('canvas');
+      c.width = 16; c.height = 16;
+      const x = c.getContext('2d');
+      x.drawImage(img, 0, 0, 16, 16);
+      return x.getImageData(0, 0, 16, 16).data;
+    };
+    let a;
+    try { a = sig(prev); } catch { return { err: 'tainted' }; }
+    const mine = await new Promise((res) => {
+      const i = new Image();
+      i.onload = () => res(i);
+      i.onerror = () => res(null);
+      i.src = ours;
+    });
+    if (!mine) return { err: 'thumb-not-decodable' };
+    const b = sig(mine);
+    let d = 0;
+    for (let k = 0; k < a.length; k += 4) d += Math.abs(a[k] - b[k]) + Math.abs(a[k + 1] - b[k + 1]) + Math.abs(a[k + 2] - b[k + 2]);
+    return { diff: Math.round(d / (256 * 3)) };
+  }, { ours: thumbDataUrl }).catch((e) => ({ err: String(e && e.message || e).slice(0, 60) }));
+}
+
+// Đưa ảnh bìa vào hộp thoại "Chọn hình thu nhỏ" rồi Lưu. Chỉ bấm Lưu khi ẢNH
+// XEM TRƯỚC ĐÃ ĐỔI: hộp này mở sẵn một khung cắt từ video, Lưu lúc ảnh chưa đổi
+// là lưu khung đó làm ảnh bìa — bài lên với ảnh FB tự chọn, đúng thứ cổng
+// trước Đăng sinh ra để chặn. Trả { ok, via, reason }.
+async function uploadViaThumbPickerModal(page, thumbPath, log, modal, { previewMs = 20_000, closeMs = 30_000 } = {}) {
+  log('info', `[fb-pw] composer mới — ô "Chọn hình thu nhỏ" mở hộp thoại chọn ảnh bìa (${modal.w}x${modal.h}, input=${modal.input === null ? 'không' : modal.input || '?'}, nút Lưu=${modal.saves})`);
+  // Mốc "trước" chỉ chốt khi ảnh xem trước ĐÃ ĐỨNG YÊN: chụp lúc nó còn trống
+  // hay đang nạp thì lần nạp xong kế tiếp sẽ bị tưởng là ảnh của mình.
+  let beforePreview = modal.preview;
+  for (let i = 0; i < 5; i++) {
+    await pause(page, 1000);
+    const again = await findThumbPickerModal(page);
+    if (!again) break;
+    const stable = again.preview && again.preview === beforePreview;
+    beforePreview = again.preview;
+    if (stable) break;
+  }
+  let thumbDataUrl = '';
+  try { thumbDataUrl = `data:image/png;base64,${fs.readFileSync(thumbPath).toString('base64')}`; } catch { /* so nội dung sẽ báo lỗi, rơi về luật đổi-URL */ }
+  let via = '';
+  try {
+    const [chooser] = await Promise.all([
+      page.waitForEvent('filechooser', { timeout: 8000 }),
+      page.locator("[__fbpw_thumb_modal__='1'] [__fbpw_thumb_modal_upload__='1']").first().click({ timeout: 5000 }),
+    ]);
+    await chooser.setFiles(thumbPath);
+    via = 'nút "Tải lên" trong hộp thoại';
+  } catch (e) {
+    log('info', `[fb-pw] composer mới — nút "Tải lên" không mở hộp chọn file: ${String(e && e.message || e).slice(0, 80)}`);
+  }
+  if (!via && await findThumbPickerModal(page)) {
+    const inp = page.locator("[__fbpw_thumb_modal__='1'] [__fbpw_thumb_modal_input__='1']").first();
+    if (await inp.count().catch(() => 0)) {
+      try {
+        await inp.setInputFiles(thumbPath);
+        via = 'input ảnh ẩn trong hộp thoại';
+      } catch (e) {
+        log('info', `[fb-pw] composer mới — input ảnh trong hộp thoại từ chối file: ${String(e && e.message || e).slice(0, 80)}`);
+      }
+    }
+  }
+  if (!via) return { ok: false, reason: 'modal-no-upload' };
+  log('info', `[fb-pw] composer mới — đã đưa file vào hộp thoại qua ${via}, chờ ảnh xem trước đổi…`);
+
+  const t0 = Date.now();
+  let m = null;
+  let changed = false;
+  let lastCmp = null;
+  let loggedMismatch = false;
+  while (Date.now() - t0 < previewMs) {
+    await pause(page, 1500);
+    m = await findThumbPickerModal(page);
+    if (!m) return { ok: true, via, reason: 'hộp thoại tự đóng sau khi nhận ảnh' };
+    if (!m.preview || m.preview === beforePreview) continue;
+    // URL đổi rồi — so NỘI DUNG. Lệch nhiều = FB đổi khung chứ chưa phải ảnh
+    // của mình: chờ tiếp. Không so được (ảnh CDN khoá canvas) thì rơi về luật
+    // đổi-URL, kèm ghi rõ vào log. Ảnh chưa nạp xong thì chờ nhịp sau.
+    lastCmp = await previewMatchesThumb(page, thumbDataUrl);
+    if (lastCmp.err === 'preview-not-loaded') continue;
+    if (lastCmp.diff !== undefined && lastCmp.diff > THUMB_PREVIEW_MAX_DIFF) {
+      if (!loggedMismatch) log('info', `[fb-pw] composer mới — ảnh xem trước đổi nhưng KHÔNG giống ảnh bìa của mình (lệch ${lastCmp.diff}/255) — chờ tiếp`);
+      loggedMismatch = true;
+      continue;
+    }
+    changed = true;
+    break;
+  }
+  if (!changed) {
+    log('warn', `[fb-pw] composer mới — ảnh xem trước chưa thành ảnh bìa của mình sau ${Math.round(previewMs / 1000)}s${lastCmp && lastCmp.diff !== undefined ? ` (lệch ${lastCmp.diff}/255)` : ''} → KHÔNG bấm Lưu (Lưu lúc này là lưu khung tự động làm ảnh bìa)`);
+    return { ok: false, reason: 'modal-preview-unchanged' };
+  }
+  log('info', `[fb-pw] composer mới — ảnh xem trước đã thành ảnh bìa của mình sau ${Math.round((Date.now() - t0) / 1000)}s (${lastCmp && lastCmp.diff !== undefined ? `lệch ${lastCmp.diff}/255` : `không so được nội dung: ${lastCmp && lastCmp.err}`}), bấm Lưu…`);
+  let saved = false;
+  for (let i = 0; i < (m.saves || 1) && !saved; i++) {
+    try {
+      await page.locator(`[__fbpw_thumb_modal__='1'] [__fbpw_thumb_modal_save__='${i}']`).first().click({ timeout: 5000 });
+      saved = true;
+    } catch (e) {
+      log('info', `[fb-pw] composer mới — nút Lưu #${i} không bấm được: ${String(e && e.message || e).slice(0, 80)}`);
+      await findThumbPickerModal(page);
+    }
+  }
+  if (!saved) return { ok: false, reason: 'modal-save-failed' };
+  // Đòi hai nhịp liền không thấy hộp thoại — FB có thể gỡ rồi dựng lại khung.
+  const t1 = Date.now();
+  let gone = 0;
+  while (Date.now() - t1 < closeMs) {
+    await pause(page, 1500);
+    if (await findThumbPickerModal(page)) { gone = 0; continue; }
+    if (++gone >= 2) return { ok: true, via };
+  }
+  log('warn', `[fb-pw] composer mới — hộp thoại "Chọn hình thu nhỏ" chưa đóng ${Math.round(closeMs / 1000)}s sau khi bấm Lưu`);
+  return { ok: false, reason: 'modal-not-closed' };
+}
+
 // Dán ảnh bìa vào composer mới. Trả { applied, reason }. Không ném: thất bại
 // thì cờ customThumbDone không bật và cổng trước Đăng chặn như cũ.
 async function applyNewComposerThumb(page, thumbPath, log, { waitPickerMs = 20_000, verifyMs = 30_000 } = {}) {
@@ -1048,17 +1267,34 @@ async function applyNewComposerThumb(page, thumbPath, log, { waitPickerMs = 20_0
   const before = snap;
   log('info', `[fb-pw] composer mới — hàng ảnh bìa trước khi dán: ${describeThumbRow(before)}`);
 
+  // Bấm ô chọn-ảnh rồi chờ MỘT trong hai: hộp chọn file (biến thể mở thẳng)
+  // hoặc hộp thoại "Chọn hình thu nhỏ" (biến thể đo thật 23/09).
   let via = '';
-  try {
-    const [chooser] = await Promise.all([
-      page.waitForEvent('filechooser', { timeout: 8000 }),
-      page.locator("[__fbpw_thumb_pick__='1']").first().click({ timeout: 5000 }),
-    ]);
-    await chooser.setFiles(thumbPath);
-    via = 'hộp chọn file';
-  } catch (e) {
-    log('info', `[fb-pw] composer mới — bấm ô "Chọn hình thu nhỏ" không mở hộp chọn file: ${String(e && e.message || e).slice(0, 80)}`);
+  let chooser = null;
+  const chooserP = page.waitForEvent('filechooser', { timeout: 8000 }).then((c) => { chooser = c; }).catch(() => {});
+  let clickErr = '';
+  await page.locator("[__fbpw_thumb_pick__='1']").first().click({ timeout: 5000 }).catch((e) => { clickErr = String(e && e.message || e).slice(0, 80); });
+  let modal = null;
+  const tClick = Date.now();
+  while (!chooser && !modal && Date.now() - tClick < 8000) {
+    await pause(page, 800);
+    modal = await findThumbPickerModal(page);
+  }
+  if (chooser) {
+    await chooser.setFiles(thumbPath).then(() => { via = 'hộp chọn file'; })
+      .catch((e) => log('info', `[fb-pw] composer mới — hộp chọn file từ chối ảnh: ${String(e && e.message || e).slice(0, 80)}`));
+  } else if (modal) {
+    const r = await uploadViaThumbPickerModal(page, thumbPath, log, modal);
+    if (!r.ok) {
+      const d = await readNewComposerThumbRow(page, { diag: true });
+      log('warn', `[fb-pw] composer mới — dán qua hộp thoại "Chọn hình thu nhỏ" KHÔNG xong (${r.reason}) — hàng ô: ${describeThumbRow(d)}`);
+      return { applied: false, reason: r.reason };
+    }
+    via = r.via + (r.reason ? ` (${r.reason})` : '');
+  } else {
+    log('info', `[fb-pw] composer mới — bấm ô "Chọn hình thu nhỏ" không mở hộp chọn file lẫn hộp thoại${clickErr ? `: ${clickErr}` : ''}`);
   }
+  void chooserP;
   if (!via) {
     await readNewComposerThumbRow(page); // cú bấm có thể làm FB dựng lại DOM → gắn cờ lại
     const input = page.locator("[__fbpw_thumb_input__='1']").first();
@@ -1625,7 +1861,7 @@ async function runOnce({ page, payload, log }) {
   } = payload || {};
   if (!video_url) throw new Error('No video_url provided');
 
-  log('info', '[fb-pw] selectors version=2026.09.23-new-composer-thumb');
+  log('info', '[fb-pw] selectors version=2026.09.23-thumb-picker-modal');
 
   page.on('dialog', (d) => { d.accept().catch(() => {}); });
 
@@ -4100,6 +4336,10 @@ module.exports.__testables = {
   describeThumbRow,
   readNewComposerThumbRow,
   applyNewComposerThumb,
+  findThumbPickerModal,
+  uploadViaThumbPickerModal,
+  previewMatchesThumb,
+  THUMB_PREVIEW_MAX_DIFF,
   // Dùng chung cho comment_facebook: script nào trượt giữa chừng cũng cần chụp
   // lại màn hình, viết bản thứ hai là sớm muộn hai bên lệch nhau.
   dumpFailure,