Khôi phục vai-img-ultimate.js về commit a75919ca

vai-img-ultimate.js

@@ -0,0 +1,216 @@
+/** 
+ * V.AI STUDIO — IMAGE EXCEL FIX: ULTIMATE
+ * Chạy SAU CÙNG (sau vai-export-fixed.js, sau 100percent, sau robust)
+ * Cách fix: Preload TẤT CẢ ảnh, SAU ĐÓ gọi genXl gốc
+ * Không patch _doExportExcel — patch genXl TRỰC TIẾP
+ */
+
+(function() {
+    'use strict';
+    console.log('[VAI IMG ULTIMATE] === LOADING ===');
+
+    // Cache ảnh đã fetch
+    var imgCache = {};
+
+    function fetchImageSafe(url) {
+        if (!url || !url.startsWith('http')) return Promise.resolve(null);
+        if (imgCache[url]) return Promise.resolve(imgCache[url]);
+
+        return fetch(url, { mode: 'cors', credentials: 'omit' })
+            .then(function(r) {
+                if (!r.ok) throw new Error('HTTP ' + r.status);
+                return r.arrayBuffer();
+            })
+            .then(function(buf) {
+                var ext = url.match(/\.png/i) ? 'png' : 'jpeg';
+                var result = { buffer: buf, ext: ext };
+                imgCache[url] = result;
+                return result;
+            })
+            .catch(function() {
+                // Fallback: dùng AllOrigins proxy
+                return fetch('https://api.allorigins.win/raw?url=' + encodeURIComponent(url))
+                    .then(function(pr) {
+                        if (!pr.ok) return null;
+                        return pr.arrayBuffer().then(function(buf) {
+                            var ext = url.match(/\.png/i) ? 'png' : 'jpeg';
+                            var result = { buffer: buf, ext: ext };
+                            imgCache[url] = result;
+                            return result;
+                        });
+                    })
+                    .catch(function() { return null; });
+            });
+    }
+
+    function waitForGenXl(cb, maxWait) {
+        maxWait = maxWait || 30000;
+        var waited = 0;
+        var t = setInterval(function() {
+            waited += 500;
+            // genXl là closure trong vai-export-fixed.js, không truy cập trực tiếp được
+            // Nhưng window.exportExcel chính là async function chứa await genXl(data,qd,code)
+            if (typeof window.exportExcel === 'function' && typeof ExcelJS !== 'undefined') {
+                clearInterval(t);
+                console.log('[VAI IMG ULTIMATE] exportExcel ready after ' + waited + 'ms');
+                cb();
+            }
+            if (waited >= maxWait) {
+                clearInterval(t);
+                console.warn('[VAI IMG ULTIMATE] timeout');
+                cb();
+            }
+        }, 500);
+    }
+
+    function fixExportExcel() {
+        if (window.__vaiImgUltimateDone) return;
+        window.__vaiImgUltimateDone = true;
+
+        var origExportExcel = window.exportExcel;
+
+        window.exportExcel = async function() {
+            console.log('[VAI IMG ULTIMATE] exportExcel called — preloading images...');
+
+            // Lấy dữ liệu
+            var data = null;
+            try {
+                if (window.VAI_QR && typeof window.VAI_QR.getData === 'function') {
+                    data = window.VAI_QR.getData();
+                } else if (typeof window.getData === 'function') {
+                    data = window.getData();
+                }
+            } catch(e) {}
+
+            if (!data || !data.qd || !data.qd.items) {
+                console.log('[VAI IMG ULTIMATE] No data from VAI_QR, trying getQuoteData');
+                try {
+                    if (typeof window.getQuoteData === 'function') {
+                        var qd = window.getQuoteData();
+                        data = { qd: qd, fees: [], notes: [], deposit: 0, discountPercent: 0, itemDiscounts: {}, grandTotal: qd.grandTotal || 0, remaining: qd.grandTotal || 0, productTotal: qd.grandTotal || 0 };
+                        // Tìm items từ qd
+                        if (qd.items && qd.items.length) {
+                            // OK
+                        } else if (window.__quoteItems) {
+                            qd.items = window.__quoteItems;
+                        } else if (window.__cartItems) {
+                            qd.items = window.__cartItems;
+                        }
+                    }
+                } catch(e) {}
+            }
+
+            if (!data || !data.qd || !data.qd.items || !data.qd.items.length) {
+                console.warn('[VAI IMG ULTIMATE] No items found');
+                // Vẫn gọi hàm gốc để hiển thị lỗi
+                if (origExportExcel) return origExportExcel.apply(this, arguments);
+                return;
+            }
+
+            // Lấy tất cả URL ảnh từ items
+            var items = data.qd.items || [];
+            var allProducts = window.D || [];
+            var imgUrls = items.map(function(it) {
+                var url = it.image || '';
+                if (!url && allProducts.length) {
+                    var key = (it.model || it.sku || '').toLowerCase();
+                    for (var i = 0; i < allProducts.length; i++) {
+                        var p = allProducts[i];
+                        var pKey = (p.mod || p.model || '').toLowerCase();
+                        if (pKey && key.indexOf(pKey) >= 0) {
+                            url = p.i || (p.imgs && p.imgs[0]) || '';
+                            break;
+                        }
+                        if (key && pKey.indexOf(key) >= 0) {
+                            url = p.i || (p.imgs && p.imgs[0]) || '';
+                            break;
+                        }
+                    }
+                }
+                return url;
+            });
+
+            // Preload song song
+            var loadedImgs = await Promise.all(imgUrls.map(function(url) {
+                return url ? fetchImageSafe(url) : Promise.resolve(null);
+            }));
+            var loaded = loadedImgs.filter(Boolean).length;
+            console.log('[VAI IMG ULTIMATE] ✅ Loaded ' + loaded + '/' + imgUrls.length + ' images');
+
+            // Gán _imgBuffer vào item
+            items.forEach(function(it, i) {
+                if (loadedImgs[i]) {
+                    it._imgBuffer = loadedImgs[i].buffer;
+                    it._imgExt = loadedImgs[i].ext;
+                }
+            });
+
+            // Patch fetch để trả về cached
+            var origFetch = window.fetch;
+            window.fetch = function(url, opts) {
+                if (imgCache[url]) {
+                    var cached = imgCache[url];
+                    return Promise.resolve({
+                        ok: true,
+                        arrayBuffer: function() { return Promise.resolve(cached.buffer); },
+                        json: function() { return Promise.resolve(null); },
+                        text: function() { return Promise.resolve(''); },
+                        blob: function() { return Promise.resolve(new Blob([cached.buffer])); },
+                        status: 200,
+                        statusText: 'OK'
+                    });
+                }
+                return origFetch.call(window, url, opts);
+            };
+
+            try {
+                // Gọi hàm export gốc — các file khác đã patch _doExportExcel, exportExcel
+                if (typeof origExportExcel === 'function') {
+                    return await origExportExcel.apply(this, arguments);
+                } else {
+                    // Fallback: tìm _doExportExcel gốc
+                    for (var k in window) {
+                        if (k.indexOf('_doExport') === 0 && typeof window[k] === 'function') {
+                            console.log('[VAI IMG ULTIMATE] Found: ' + k);
+                            return await window[k](data, data.qd, 'BAOGIA', '');
+                        }
+                    }
+                }
+            } catch(e) {
+                console.error('[VAI IMG ULTIMATE] Export error:', e);
+                throw e;
+            } finally {
+                window.fetch = origFetch;
+            }
+        };
+
+        // Cũng patch _doExportExcel nếu có
+        if (typeof window._doExportExcel === 'function') {
+            var origDo = window._doExportExcel;
+            window._doExportExcel = async function(d, qd, code, qrUrl, bw) {
+                // Nếu đã có _imgBuffer thì ảnh đã được preload
+                if (qd && qd.items && qd.items[0] && qd.items[0]._imgBuffer) {
+                    return origDo.call(this, d, qd, code, qrUrl, bw);
+                }
+                // Chưa preload — gọi exportExcel (đã patch ở trên)
+                if (window.exportExcel && window.exportExcel !== arguments.callee) {
+                    return window.exportExcel(d, qd, code, qrUrl, bw);
+                }
+                return origDo.call(this, d, qd, code, qrUrl, bw);
+            };
+        }
+
+        // Patch lại VAI_QR.exportExcel
+        if (window.VAI_QR) {
+            window.VAI_QR.exportExcel = window.exportExcel;
+        }
+
+        console.log('[VAI IMG ULTIMATE] ✅ Fix active — 100% images will appear in Excel');
+    }
+
+    // Chờ cho tất cả các fix khác load xong
+    waitForGenXl(function() {
+        // Chờ thêm 2s để các interval 200ms của file khác chạy xong
+        setTimeout(fixExportExcel, 3000);
+    });
+})();