@anas_hameed/edly-saas-widget 0.2.54 → 0.2.56

package/dist/DiscussionSidebarWidget/index.js

@@ -7,34 +7,45 @@ exports.DiscussionSidebarWidget = void 0;
 var _react = require("react");
 const COURSE_PAGE_PATTERN = /\/learning\/(course|preview\/course)\/[^/]+\/[^/]+/;
 const DISCUSSIONS_IFRAME_SELECTOR = 'iframe[src*="inContextSidebar"]';
+const OUTLINE_TOGGLE_SELECTOR = '.outline-sidebar-toggle-btn';
 const DiscussionSidebarWidget = () => {
   (0, _react.useEffect)(() => {
     if (!COURSE_PAGE_PATTERN.test(window.location.pathname)) {
       return undefined;
     }
     let rafId;
-    const closeDiscussions = () => {
-      // Defer to next animation frame so React's useEffect (which registers
-      // the message listener in SidebarBase) has run before we post.
+    let lastHandledPath = null;
+    const switchToOutline = () => {
+      const currentPath = window.location.pathname;
+      if (currentPath === lastHandledPath) {
+        return;
+      }
+      cancelAnimationFrame(rafId);
       rafId = requestAnimationFrame(() => {
-        window.postMessage({
-          type: 'learning.events.sidebar.close'
-        }, window.location.origin);
+        const outlineToggle = document.querySelector(OUTLINE_TOGGLE_SELECTOR);
+        if (outlineToggle) {
+          outlineToggle.click();
+        } else {
+          // Mobile or outline unavailable — just close discussions
+          window.postMessage({
+            type: 'learning.events.sidebar.close'
+          }, window.location.origin);
+        }
+        lastHandledPath = currentPath;
       });
     };
-
-    // The discussions iframe is the definitive signal that the sidebar
-    // is mounted and its message listener is registered.
     if (document.querySelector(DISCUSSIONS_IFRAME_SELECTOR)) {
-      closeDiscussions();
-      return () => cancelAnimationFrame(rafId);
+      switchToOutline();
     }
 
-    // Data hasn't loaded yet — watch for the iframe to appear.
+    // Stay alive across client-side navigations (next/prev unit).
+    // SidebarContextProvider resets currentSidebar to discussions on each
+    // unitId change — observer catches the iframe reappearing and switches
+    // back to outline. lastHandledPath prevents interfering when the user
+    // manually opens discussions on the same page.
     const observer = new MutationObserver(() => {
       if (document.querySelector(DISCUSSIONS_IFRAME_SELECTOR)) {
-        observer.disconnect();
-        closeDiscussions();
+        switchToOutline();
       }
     });
     observer.observe(document.body, {

package/dist/DiscussionSidebarWidget/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","require","COURSE_PAGE_PATTERN","DISCUSSIONS_IFRAME_SELECTOR","DiscussionSidebarWidget","useEffect","test","window","location","pathname","undefined","rafId","closeDiscussions","requestAnimationFrame","postMessage","type","origin","document","querySelector","cancelAnimationFrame","observer","MutationObserver","disconnect","observe","body","childList","subtree","exports"],"sources":["../../src/DiscussionSidebarWidget/index.jsx"],"sourcesContent":["import { useEffect } from 'react';\n\nconst COURSE_PAGE_PATTERN = /\\/learning\\/(course|preview\\/course)\\/[^/]+\\/[^/]+/;\nconst DISCUSSIONS_IFRAME_SELECTOR = 'iframe[src*=\"inContextSidebar\"]';\n\nconst DiscussionSidebarWidget = () => {\n  useEffect(() => {\n    if (!COURSE_PAGE_PATTERN.test(window.location.pathname)) { return undefined; }\n\n    let rafId;\n\n    const closeDiscussions = () => {\n      // Defer to next animation frame so React's useEffect (which registers\n      // the message listener in SidebarBase) has run before we post.\n      rafId = requestAnimationFrame(() => {\n        window.postMessage({ type: 'learning.events.sidebar.close' }, window.location.origin);\n      });\n    };\n\n    // The discussions iframe is the definitive signal that the sidebar\n    // is mounted and its message listener is registered.\n    if (document.querySelector(DISCUSSIONS_IFRAME_SELECTOR)) {\n      closeDiscussions();\n      return () => cancelAnimationFrame(rafId);\n    }\n\n    // Data hasn't loaded yet — watch for the iframe to appear.\n    const observer = new MutationObserver(() => {\n      if (document.querySelector(DISCUSSIONS_IFRAME_SELECTOR)) {\n        observer.disconnect();\n        closeDiscussions();\n      }\n    });\n\n    observer.observe(document.body, { childList: true, subtree: true });\n\n    return () => {\n      observer.disconnect();\n      cancelAnimationFrame(rafId);\n    };\n  }, []);\n\n  return null;\n};\n\nexport { DiscussionSidebarWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,MAAMC,mBAAmB,GAAG,oDAAoD;AAChF,MAAMC,2BAA2B,GAAG,iCAAiC;AAErE,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EACpC,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI,CAACH,mBAAmB,CAACI,IAAI,CAACC,MAAM,CAACC,QAAQ,CAACC,QAAQ,CAAC,EAAE;MAAE,OAAOC,SAAS;IAAE;IAE7E,IAAIC,KAAK;IAET,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;MAC7B;MACA;MACAD,KAAK,GAAGE,qBAAqB,CAAC,MAAM;QAClCN,MAAM,CAACO,WAAW,CAAC;UAAEC,IAAI,EAAE;QAAgC,CAAC,EAAER,MAAM,CAACC,QAAQ,CAACQ,MAAM,CAAC;MACvF,CAAC,CAAC;IACJ,CAAC;;IAED;IACA;IACA,IAAIC,QAAQ,CAACC,aAAa,CAACf,2BAA2B,CAAC,EAAE;MACvDS,gBAAgB,CAAC,CAAC;MAClB,OAAO,MAAMO,oBAAoB,CAACR,KAAK,CAAC;IAC1C;;IAEA;IACA,MAAMS,QAAQ,GAAG,IAAIC,gBAAgB,CAAC,MAAM;MAC1C,IAAIJ,QAAQ,CAACC,aAAa,CAACf,2BAA2B,CAAC,EAAE;QACvDiB,QAAQ,CAACE,UAAU,CAAC,CAAC;QACrBV,gBAAgB,CAAC,CAAC;MACpB;IACF,CAAC,CAAC;IAEFQ,QAAQ,CAACG,OAAO,CAACN,QAAQ,CAACO,IAAI,EAAE;MAAEC,SAAS,EAAE,IAAI;MAAEC,OAAO,EAAE;IAAK,CAAC,CAAC;IAEnE,OAAO,MAAM;MACXN,QAAQ,CAACE,UAAU,CAAC,CAAC;MACrBH,oBAAoB,CAACR,KAAK,CAAC;IAC7B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACb,CAAC;AAACgB,OAAA,CAAAvB,uBAAA,GAAAA,uBAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","require","COURSE_PAGE_PATTERN","DISCUSSIONS_IFRAME_SELECTOR","OUTLINE_TOGGLE_SELECTOR","DiscussionSidebarWidget","useEffect","test","window","location","pathname","undefined","rafId","lastHandledPath","switchToOutline","currentPath","cancelAnimationFrame","requestAnimationFrame","outlineToggle","document","querySelector","click","postMessage","type","origin","observer","MutationObserver","observe","body","childList","subtree","disconnect","exports"],"sources":["../../src/DiscussionSidebarWidget/index.jsx"],"sourcesContent":["import { useEffect } from 'react';\n\nconst COURSE_PAGE_PATTERN = /\\/learning\\/(course|preview\\/course)\\/[^/]+\\/[^/]+/;\nconst DISCUSSIONS_IFRAME_SELECTOR = 'iframe[src*=\"inContextSidebar\"]';\nconst OUTLINE_TOGGLE_SELECTOR = '.outline-sidebar-toggle-btn';\n\nconst DiscussionSidebarWidget = () => {\n  useEffect(() => {\n    if (!COURSE_PAGE_PATTERN.test(window.location.pathname)) { return undefined; }\n\n    let rafId;\n    let lastHandledPath = null;\n\n    const switchToOutline = () => {\n      const currentPath = window.location.pathname;\n      if (currentPath === lastHandledPath) { return; }\n\n      cancelAnimationFrame(rafId);\n      rafId = requestAnimationFrame(() => {\n        const outlineToggle = document.querySelector(OUTLINE_TOGGLE_SELECTOR);\n        if (outlineToggle) {\n          outlineToggle.click();\n        } else {\n          // Mobile or outline unavailable — just close discussions\n          window.postMessage({ type: 'learning.events.sidebar.close' }, window.location.origin);\n        }\n        lastHandledPath = currentPath;\n      });\n    };\n\n    if (document.querySelector(DISCUSSIONS_IFRAME_SELECTOR)) {\n      switchToOutline();\n    }\n\n    // Stay alive across client-side navigations (next/prev unit).\n    // SidebarContextProvider resets currentSidebar to discussions on each\n    // unitId change — observer catches the iframe reappearing and switches\n    // back to outline. lastHandledPath prevents interfering when the user\n    // manually opens discussions on the same page.\n    const observer = new MutationObserver(() => {\n      if (document.querySelector(DISCUSSIONS_IFRAME_SELECTOR)) {\n        switchToOutline();\n      }\n    });\n\n    observer.observe(document.body, { childList: true, subtree: true });\n\n    return () => {\n      observer.disconnect();\n      cancelAnimationFrame(rafId);\n    };\n  }, []);\n\n  return null;\n};\n\nexport { DiscussionSidebarWidget };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,MAAMC,mBAAmB,GAAG,oDAAoD;AAChF,MAAMC,2BAA2B,GAAG,iCAAiC;AACrE,MAAMC,uBAAuB,GAAG,6BAA6B;AAE7D,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EACpC,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI,CAACJ,mBAAmB,CAACK,IAAI,CAACC,MAAM,CAACC,QAAQ,CAACC,QAAQ,CAAC,EAAE;MAAE,OAAOC,SAAS;IAAE;IAE7E,IAAIC,KAAK;IACT,IAAIC,eAAe,GAAG,IAAI;IAE1B,MAAMC,eAAe,GAAGA,CAAA,KAAM;MAC5B,MAAMC,WAAW,GAAGP,MAAM,CAACC,QAAQ,CAACC,QAAQ;MAC5C,IAAIK,WAAW,KAAKF,eAAe,EAAE;QAAE;MAAQ;MAE/CG,oBAAoB,CAACJ,KAAK,CAAC;MAC3BA,KAAK,GAAGK,qBAAqB,CAAC,MAAM;QAClC,MAAMC,aAAa,GAAGC,QAAQ,CAACC,aAAa,CAAChB,uBAAuB,CAAC;QACrE,IAAIc,aAAa,EAAE;UACjBA,aAAa,CAACG,KAAK,CAAC,CAAC;QACvB,CAAC,MAAM;UACL;UACAb,MAAM,CAACc,WAAW,CAAC;YAAEC,IAAI,EAAE;UAAgC,CAAC,EAAEf,MAAM,CAACC,QAAQ,CAACe,MAAM,CAAC;QACvF;QACAX,eAAe,GAAGE,WAAW;MAC/B,CAAC,CAAC;IACJ,CAAC;IAED,IAAII,QAAQ,CAACC,aAAa,CAACjB,2BAA2B,CAAC,EAAE;MACvDW,eAAe,CAAC,CAAC;IACnB;;IAEA;IACA;IACA;IACA;IACA;IACA,MAAMW,QAAQ,GAAG,IAAIC,gBAAgB,CAAC,MAAM;MAC1C,IAAIP,QAAQ,CAACC,aAAa,CAACjB,2BAA2B,CAAC,EAAE;QACvDW,eAAe,CAAC,CAAC;MACnB;IACF,CAAC,CAAC;IAEFW,QAAQ,CAACE,OAAO,CAACR,QAAQ,CAACS,IAAI,EAAE;MAAEC,SAAS,EAAE,IAAI;MAAEC,OAAO,EAAE;IAAK,CAAC,CAAC;IAEnE,OAAO,MAAM;MACXL,QAAQ,CAACM,UAAU,CAAC,CAAC;MACrBf,oBAAoB,CAACJ,KAAK,CAAC;IAC7B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACb,CAAC;AAACoB,OAAA,CAAA3B,uBAAA,GAAAA,uBAAA","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anas_hameed/edly-saas-widget",
-  "version": "0.2.54",
+  "version": "0.2.56",
   "description": "Frontend application template",
   "main": "dist/index.js",
   "repository": {