fix popup

Author: HoangTran0410

md/README.md

@@ -5,72 +5,91 @@ Danh sách tất cả tài liệu trong folder này.
 ## 📚 Main Documentation
 
 ### [CLAUDE.md](./CLAUDE.md)
+
 Hướng dẫn cho Claude Code khi làm việc với repository này. Chứa thông tin về:
+
 - Kiến trúc extension
 - Cách thêm script mới
 - Development workflow
 - Performance optimization
 
 ### [CONTRIBUTE.md](./CONTRIBUTE.md)
+
 Hướng dẫn đóng góp cho project (Vietnamese + English). Bao gồm:
+
 - Cấu trúc repository
 - Cách thêm script
 - Cách fix/improve scripts
 - Testing guide
 
 ## 🚀 Performance Optimization Docs
 
-### [IMPLEMENTATION_SUMMARY.md](./IMPLEMENTATION_SUMMARY.md)
+### [IMPLEMENTATION_SUMMARY.md](./claude-fix/IMPLEMENTATION_SUMMARY.md)
+
 **Đọc đầu tiên!** Tổng kết về optimization đã implement:
+
 - Kết quả đạt được (10-20x faster)
 - Cách hoạt động
 - Development workflow mới
 - Testing steps
 
-### [OPTIMIZATION_DONE.md](./OPTIMIZATION_DONE.md)
+### [OPTIMIZATION_DONE.md](./claude-fix/OPTIMIZATION_DONE.md)
+
 Chi tiết về implementation:
+
 - Các thay đổi đã thực hiện
 - Verification checklist
 - Troubleshooting guide
 - Next steps
 
-### [OPTIMIZATION_PLAN.md](./OPTIMIZATION_PLAN.md)
+### [OPTIMIZATION_PLAN.md](./claude-fix/OPTIMIZATION_PLAN.md)
+
 Kế hoạch kỹ thuật chi tiết:
+
 - Vấn đề ban đầu
 - Giải pháp lazy loading
 - Architecture design
 - Migration guide
 
-### [QUICK_START_OPTIMIZATION.md](./QUICK_START_OPTIMIZATION.md)
+### [QUICK_START_OPTIMIZATION.md](./claude-fix/QUICK_START_OPTIMIZATION.md)
+
 Hướng dẫn nhanh 30 phút về optimization:
+
 - 5 bước implementation
 - Kết quả mong đợi
 - Development workflow
 - Checklist
 
-### [FIX_APPLIED.md](./FIX_APPLIED.md)
+### [FIX_APPLIED.md](./claude-fix/FIX_APPLIED.md)
+
 Fix cho issue "scripts not showing":
+
 - Root cause analysis
 - Solution applied
 - Testing steps
 
 ## 📝 Project Documentation
 
 ### [CHANGELOGS.md](./CHANGELOGS.md)
+
 Lịch sử cập nhật các phiên bản extension
 
 ### [working_note.md](./working_note.md)
+
 Ghi chú phát triển, TODO list, ý tưởng
 
 ### [facebook-post-hay.md](./facebook-post-hay.md)
+
 Facebook posts collection
 
 ## 🔧 Scripts & Tools
 
 ### [exportScriptsToMd.js](./exportScriptsToMd.js)
+
 Tool để export danh sách scripts ra markdown
 
 ### [flow.pu](./flow.pu)
+
 PlantUML flow diagram
 
 ---

md/BUTTON_FIX_SUMMARY.md renamed to md/claude-fix/BUTTON_FIX_SUMMARY.md

@@ -4,7 +4,6 @@ import { BADGES_CONFIG } from "../scripts/helpers/badge.js";
 import { checkForUpdate } from "./helpers/checkForUpdate.js";
 import { UfsGlobal } from "../scripts/content-scripts/ufs_global.js";
 import { THEME, THEME_KEY, getTheme, setTheme } from "./helpers/theme.js";
-import { enableSmoothScroll } from "../scripts/smoothScroll.js";
 import {
   isActiveScript,
   getCurrentTab,
@@ -39,8 +38,8 @@ import {
   isTitle,
   viewScriptSource,
 } from "./helpers/utils.js";
-import { checkPass } from "../scripts/auto_lockWebsite.js";
-import allScripts from "../scripts/@allScripts.js";
+// import { checkPass } from "../scripts/auto_lockWebsite.js";
+// import allScripts from "../scripts/@allScripts.js";
 // import _ from "../md/exportScriptsToMd.js";
 
 // ============================================================================
@@ -83,21 +82,23 @@ async function loadFullScript(scriptId) {
  */
 function preloadPopularScripts() {
   const popular = [
-    'fb_toggleLight',
-    'youtube_downloadVideo',
-    'simpleAllowCopy',
-    'darkModePDF',
+    // "ggdrive_downloadPdf",
   ];
 
   setTimeout(() => {
-    popular.forEach(id => {
+    popular.forEach((id) => {
       loadFullScript(id).catch(() => {
         // Silently fail - not critical
       });
     });
   }, 100);
 }
 
+async function lazyEnableSmoothScroll() {
+  const { enableSmoothScroll } = await import("../scripts/smoothScroll.js");
+  return enableSmoothScroll();
+}
+
 // ============================================================================
 
 const settingsBtn = document.querySelector(".settings");
@@ -374,13 +375,21 @@ function createScriptButton(script, isFavorite = false) {
         const fullScriptBtnIndex = hasInfoLink ? btnIndex - 1 : btnIndex;
         const fullBtnConfig = fullScript.buttons?.[fullScriptBtnIndex];
 
-        if (fullBtnConfig?.onClick && typeof fullBtnConfig.onClick === 'function') {
+        if (
+          fullBtnConfig?.onClick &&
+          typeof fullBtnConfig.onClick === "function"
+        ) {
           await fullBtnConfig.onClick();
         } else {
-          console.error(`Button onClick not found in script ${script.id} at index ${fullScriptBtnIndex}`);
+          console.error(
+            `Button onClick not found in script ${script.id} at index ${fullScriptBtnIndex}`
+          );
         }
       } catch (error) {
-        console.error(`Failed to execute button onClick for ${script.id}:`, error);
+        console.error(
+          `Failed to execute button onClick for ${script.id}:`,
+          error
+        );
       }
     };
     more.appendChild(btn);
@@ -582,13 +591,14 @@ async function runScript(scriptMetadata) {
 
   let tab = await getCurrentTab();
   let willRun = checkBlackWhiteList(scriptMetadata, tab.url);
+
+  // ⚡ LAZY LOAD: Load full script on-demand
+  const script = await loadFullScript(scriptMetadata.id);
+
   if (willRun) {
     recentScriptsSaver.add(scriptMetadata);
     trackEvent(scriptMetadata.id);
 
-    // ⚡ LAZY LOAD: Load full script on-demand
-    const script = await loadFullScript(scriptMetadata.id);
-
     try {
       if (isFunction(script.popupScript?.onClick)) {
         await script.popupScript.onClick();
@@ -822,15 +832,15 @@ function initSettings() {
       "active",
       !(disableSmoothScrollSaver.get() ?? false)
     );
-    checkbox.onclick = () => {
+    checkbox.onclick = async () => {
       let curVal = disableSmoothScrollSaver.get();
       let newVal = !curVal;
       disableSmoothScrollSaver.set(newVal);
 
       let enabled = !newVal;
       trackEvent("CHANGE-SMOOTH-SCROLL-" + (enabled ? "ON" : "OFF"));
       checkbox.classList.toggle("active", enabled);
-      if (enabled) disableSmoothScroll = enableSmoothScroll();
+      if (enabled) disableSmoothScroll = await lazyEnableSmoothScroll();
       else if (typeof disableSmoothScroll == "function") disableSmoothScroll();
     };
     body.appendChild(smoothScrollRow);
@@ -942,6 +952,8 @@ async function backup() {
 }
 
 async function restore() {
+  const { checkPass } = await import("../scripts/auto_lockWebsite.js");
+
   if (
     !(await checkPass(
       t({
@@ -1035,6 +1047,7 @@ async function restore() {
 }
 
 async function reset() {
+  const { checkPass } = await import("../scripts/auto_lockWebsite.js");
   if (
     !(await checkPass(
       t({
@@ -1184,7 +1197,9 @@ window.addEventListener("scroll", onScrollEnd);
   trackEvent("OPEN-POPUP");
 
   if (!disableSmoothScrollSaver.get())
-    disableSmoothScroll = enableSmoothScroll();
+    lazyEnableSmoothScroll().then((_) => {
+      disableSmoothScroll = _;
+    });
   initTracking();
   initSearch();
   initTooltip();