well-petal 0.0.23 → 0.0.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "well-petal",
-  "version": "0.0.23",
+  "version": "0.0.24",
   "description": "Webflow Popups powered by attributes",
   "main": "petal.js",
   "scripts": {

package/src/banner.ts

@@ -4,9 +4,12 @@ import { storeClosedState, checkClosedState } from "./lib/memory";
 
 export function initializeBanner() {
   const banners = getAllPetalElementsOfType(ATTR_PETAL_BANNER);
+  console.log(`🌸 Detected ${banners.length} banner(s)`);
+
   banners.forEach((banner) => {
     const name = banner.getAttribute(ATTR_PETAL_NAME);
     if (!name) return;
+    console.log(`  → Banner: "${name}"`);
 
     const closeButtons = banner.querySelectorAll(`[${ATTR_PETAL_ELEMENT}="${ATTR_PETAL_BANNER_CLOSE}"]`);
 

package/src/petal.ts

@@ -1,5 +1,8 @@
-import { initializeAllPopups } from "./popup";
+import { initializeAllPopups, initializePopupTriggers } from "./popup";
 import { initializeBanner } from "./banner";
 
+console.log(`🌸 Hello from Wellflow Petal v${APP_VERSION}`);
+
 initializeAllPopups();
+initializePopupTriggers();
 initializeBanner();

package/src/popup.ts

@@ -10,8 +10,13 @@ import { pauseVideo } from "./video";
 export function initializeAllPopups(): void {
   const popups = getAllPetalElementsOfType(ATTR_PETAL_POPUP);
 
+  console.log(`🌸 Detected ${popups.length} popup(s)`);
+
   popups.forEach((popup) => {
     const popupElement = popup as HTMLElement;
+    const name = popup.getAttribute(ATTR_PETAL_NAME) || "unknown";
+    console.log(`  → Popup: "${name}"`);
+
     const mask = findPopupElement(popup, "mask") as HTMLElement | null;
     const slot = findPopupElement(popup, "slot") as HTMLElement | null;
 
@@ -63,15 +68,19 @@ export function closePopup(petal: PetalElements): void {
 export function initializePopupTriggers(): void {
   // Initialize Popup Open Triggers
   const openTriggers = getAllPetalElementsOfType(ATTR_PETAL_OPEN);
+  console.log(`🌸 Detected ${openTriggers.length} open trigger(s)`);
   forEachPopupTrigger(openTriggers, (petal) => {
     const { trigger } = petal;
+    console.log(`  → Open trigger for: "${petal.name}"`);
     trigger.addEventListener("click", () => openPopup(petal));
   });
 
   // Initialize Popup Close Triggers
   const closeTriggers = getAllPetalElementsOfType(ATTR_PETAL_CLOSE);
+  console.log(`🌸 Detected ${closeTriggers.length} close trigger(s)`);
   forEachPopupTrigger(closeTriggers, (petal) => {
     const { trigger } = petal;
+    console.log(`  → Close trigger for: "${petal.name}"`);
     trigger.addEventListener("click", () => closePopup(petal));
   });
 

package/src/types/env.d.ts

@@ -0,0 +1 @@
+declare const APP_VERSION: string;