Trigger an action when App is deployed

dupuymaxime.pro · 2024-07-19T16:33:17.535Z

Hi guys,

Any idea on how I can trigger an action when I deploy my app to Live in Bubble?

My use case is to send a Slack notification to my team for each deployment in Bubble. Many thanks for your help

Capture d’écran 2024-07-19 à 18.32.02984×820 43.4 KB

codefree · 2024-07-19T18:05:43.522Z

Hey,

As bubble do not have an out-of-the-box listener for this event exposed, You can try this given script on the page load to observe the bubble’s default notification when the app changes are deployed.

image1278×1664 170 KB

You can replace the logic of custom function set a state OR trigger a custom event using Javascript to Bubble.

To confirm if the script is running fine, you should see something like this in the console.

image1172×90 14.3 KB

Here is the script:

  function onElementVisible(entries, observer) {
    entries.forEach(entry => {
      if (entry.isIntersecting) {
      // Add your custom logic here
        console.log("Element with class 'bad-revision' is visible");
        observer.unobserve(entry.target);
      }
    });
  }

  let observer = new IntersectionObserver(onElementVisible, {
    root: null,
    rootMargin: "0px",
    threshold: 0.1
  });

  function observeElements() {
    let targetElements = document.querySelectorAll(".bad-revision:not(.observed)");
    targetElements.forEach(element => {
      observer.observe(element);
      element.classList.add("observed"); // Mark as observed
    });
  }

  // Initial observation
  observeElements();

  // Mutation observer for dynamically added elements
  const mutationObserver = new MutationObserver(observeElements);
  mutationObserver.observe(document.body, { childList: true, subtree: true });

Let me know if this works for you.
Happy to connect for further discussion.

system · 2024-09-27T16:34:00.162Z

This topic was automatically closed after 70 days. New replies are no longer allowed.