MWPW-159791 Support Next-Gen Sidekick (#3025)

adobecom · Oct 29, 2024 · b916167 · b916167
1 parent 9fab9ff
commit b916167
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 9 deletions.
diff --git a/libs/blocks/bulk-publish-v2/services.js b/libs/blocks/bulk-publish-v2/services.js
@@ -63,7 +63,7 @@ const setUserData = (event) => {
 
 const isPushedDown = async () => {
   const callback = () => {
-    const sidekick = document.querySelector('helix-sidekick');
+    const sidekick = document.querySelector('aem-sidekick, helix-sidekick');
     const pushdown = sidekick?.getAttribute('pushdown');
     const bulkPub = document.querySelector('.bulk-publish-v2');
     if (pushdown && !bulkPub.classList.contains('pushdown')) {
@@ -81,13 +81,13 @@ const isPushedDown = async () => {
 const authenticate = async (tool = null) => {
   isPushedDown();
   const setUser = (event) => { tool.user = setUserData(event); };
-  const openSideKick = document.querySelector('helix-sidekick');
+  const openSideKick = document.querySelector('aem-sidekick, helix-sidekick');
   if (openSideKick) {
     openSideKick.addEventListener('statusfetched', setUser);
     /* c8 ignore next 6 */
   } else {
     document.addEventListener('sidekick-ready', () => {
-      const sidekick = document.querySelector('helix-sidekick');
+      const sidekick = document.querySelector('aem-sidekick, helix-sidekick');
       sidekick.addEventListener('statusfetched', setUser);
     }, { once: true });
   }

diff --git a/libs/blocks/preflight/panels/general.js b/libs/blocks/preflight/panels/general.js
@@ -77,7 +77,7 @@ async function setContent() {
   };
 
   getStatuses();
-  const sk = document.querySelector('helix-sidekick');
+  const sk = document.querySelector('aem-sidekick, helix-sidekick');
   sk?.addEventListener('statusfetched', async () => {
     getStatuses();
   });

diff --git a/libs/blocks/preflight/panels/seo.js b/libs/blocks/preflight/panels/seo.js
@@ -314,7 +314,7 @@ async function getResults() {
 
   const red = icons.find((icon) => icon === 'red');
   if (red) {
-    const sk = document.querySelector('helix-sidekick');
+    const sk = document.querySelector('aem-sidekick, helix-sidekick');
     if (sk) {
       const publishBtn = sk.shadowRoot.querySelector('div.publish.plugin button');
       publishBtn.addEventListener('click', () => {

diff --git a/libs/features/personalization/preview.js b/libs/features/personalization/preview.js
@@ -58,7 +58,7 @@ function getRepo() {
   const [, repo] = new URL(window.location.href).hostname.split('--');
   if (repo) return repo;
   try {
-    const sidekick = document.querySelector('helix-sidekick');
+    const sidekick = document.querySelector('aem-sidekick, helix-sidekick');
     if (sidekick) {
       const [, sidekickRepo] = new URL(JSON.parse(sidekick.getAttribute('status'))?.live.url).hostname.split('--');
       return sidekickRepo;

diff --git a/libs/utils/sidekick.js b/libs/utils/sidekick.js
@@ -32,13 +32,13 @@ export default function init({ createTag, loadBlock, loadScript, loadStyle }) {
     sendToCaaS({ host, project, branch, repo, owner }, loadScript, loadStyle);
   });
 
-  const sk = document.querySelector('helix-sidekick');
+  const sk = document.querySelector('aem-sidekick, helix-sidekick');
 
   // Add plugin listeners here
   sk.addEventListener('custom:send-to-caas', sendToCaasListener);
   sk.addEventListener('custom:check-schema', checkSchemaListener);
   sk.addEventListener('custom:preflight', preflightListener);
 
   // Color code publish button
-  stylePublish(sk);
+  if (sk.nodeName === 'HELIX-SIDEKICK') stylePublish(sk);
 }
diff --git a/libs/utils/utils.js b/libs/utils/utils.js
@@ -1150,7 +1150,7 @@ function initSidekick() {
     init({ createTag, loadBlock, loadScript, loadStyle });
   };
 
-  if (document.querySelector('helix-sidekick')) {
+  if (document.querySelector('aem-sidekick, helix-sidekick')) {
     initPlugins();
   } else {
     document.addEventListener('sidekick-ready', () => {