@servlyadmin/runtime-core 0.1.41 → 0.1.43

package/dist/{chunk-E4BRYI54.js → chunk-TXHGJYYM.js}

@@ -120,12 +120,15 @@ function waitForTailwind(timeoutMs = 3e3) {
   return tailwindReadyPromise;
 }
 function injectTailwind(config = {}) {
+  console.log("[Servly Tailwind] injectTailwind called");
   return new Promise((resolve, reject) => {
     if (tailwindInjected && tailwindScript) {
+      console.log("[Servly Tailwind] Already injected, skipping");
       resolve();
       return;
     }
     if (typeof document === "undefined") {
+      console.log("[Servly Tailwind] Not in browser, skipping");
       resolve();
       return;
     }
@@ -139,6 +142,7 @@ function injectTailwind(config = {}) {
       preventFOUC: shouldPreventFOUC = true,
       enablePreload = true
     } = config;
+    console.log("[Servly Tailwind] Config:", { cdnUrl, usePlayCdn, shouldPreventFOUC });
     if (shouldPreventFOUC) {
       preventFOUC();
     }
@@ -146,25 +150,56 @@ function injectTailwind(config = {}) {
       preloadTailwind(cdnUrl, usePlayCdn);
     }
     const existingScript = document.querySelector('script[src*="tailwindcss.com"]');
+    console.log("[Servly Tailwind] Existing script check:", { existingScript: !!existingScript, windowTailwind: !!window.tailwind });
     if (existingScript || window.tailwind) {
+      console.log("[Servly Tailwind] Tailwind script already exists, waiting for window.tailwind...");
       tailwindInjected = true;
       markTailwindAsLoaded();
-      if (shouldPreventFOUC) {
-        removeFOUCPrevention();
-      }
-      if (tailwindReadyResolve) {
-        tailwindReadyResolve();
-        tailwindReadyResolve = null;
+      if (window.tailwind) {
+        console.log("[Servly Tailwind] window.tailwind already available");
+        if (shouldPreventFOUC) {
+          removeFOUCPrevention();
+        }
+        if (tailwindReadyResolve) {
+          tailwindReadyResolve();
+          tailwindReadyResolve = null;
+        }
+        config.onReady?.();
+        resolve();
+        return;
       }
-      config.onReady?.();
-      resolve();
+      let pollCount2 = 0;
+      const maxPolls2 = 100;
+      const pollForTailwind2 = () => {
+        pollCount2++;
+        if (window.tailwind) {
+          console.log("[Servly Tailwind] window.tailwind now available after", pollCount2 * 100, "ms");
+          if (shouldPreventFOUC) {
+            removeFOUCPrevention();
+          }
+          if (tailwindReadyResolve) {
+            tailwindReadyResolve();
+            tailwindReadyResolve = null;
+          }
+          config.onReady?.();
+          resolve();
+        } else if (pollCount2 < maxPolls2) {
+          setTimeout(pollForTailwind2, 100);
+        } else {
+          console.warn("[Servly Tailwind] window.tailwind never became available");
+          resolve();
+        }
+      };
+      setTimeout(pollForTailwind2, 100);
       return;
     }
+    const scriptUrl = usePlayCdn ? `${cdnUrl}?plugins=forms,typography,aspect-ratio` : cdnUrl;
+    console.log("[Servly Tailwind] Creating script with URL:", scriptUrl);
     const script = document.createElement("script");
-    script.src = usePlayCdn ? `${cdnUrl}?plugins=forms,typography,aspect-ratio` : cdnUrl;
+    script.src = scriptUrl;
     script.async = true;
-    script.crossOrigin = "anonymous";
     script.onload = () => {
+      console.log("[Servly Tailwind] Script loaded successfully!");
       tailwindInjected = true;
       tailwindScript = script;
       markTailwindAsLoaded();
@@ -185,6 +220,7 @@ function injectTailwind(config = {}) {
       }, delay);
     };
     script.onerror = (event) => {
+      console.error("[Servly Tailwind] Script failed to load:", event);
       const error = new Error(`Failed to load Tailwind CSS from ${cdnUrl}`);
       if (shouldPreventFOUC) {
         removeFOUCPrevention();
@@ -196,7 +232,36 @@ function injectTailwind(config = {}) {
       onError?.(error);
       reject(error);
     };
+    console.log("[Servly Tailwind] Appending script to head");
     document.head.appendChild(script);
+    console.log("[Servly Tailwind] Script appended, head now has:", document.head.querySelectorAll("script").length, "scripts");
+    let pollCount = 0;
+    const maxPolls = 100;
+    const pollForTailwind = () => {
+      pollCount++;
+      if (window.tailwind) {
+        console.log("[Servly Tailwind] Tailwind detected via polling after", pollCount * 100, "ms");
+        if (!tailwindInjected) {
+          tailwindInjected = true;
+          tailwindScript = script;
+          markTailwindAsLoaded();
+          if (shouldPreventFOUC) {
+            removeFOUCPrevention();
+          }
+          if (tailwindReadyResolve) {
+            tailwindReadyResolve();
+            tailwindReadyResolve = null;
+          }
+          onReady?.();
+          resolve();
+        }
+      } else if (pollCount < maxPolls) {
+        setTimeout(pollForTailwind, 100);
+      } else {
+        console.warn("[Servly Tailwind] Tailwind not detected after polling, giving up");
+      }
+    };
+    setTimeout(pollForTailwind, 100);
   });
 }
 function removeTailwind() {

package/dist/index.cjs

@@ -148,12 +148,15 @@ function waitForTailwind(timeoutMs = 3e3) {
   return tailwindReadyPromise;
 }
 function injectTailwind(config = {}) {
+  console.log("[Servly Tailwind] injectTailwind called");
   return new Promise((resolve, reject) => {
     if (tailwindInjected && tailwindScript) {
+      console.log("[Servly Tailwind] Already injected, skipping");
       resolve();
       return;
     }
     if (typeof document === "undefined") {
+      console.log("[Servly Tailwind] Not in browser, skipping");
       resolve();
       return;
     }
@@ -167,6 +170,7 @@ function injectTailwind(config = {}) {
       preventFOUC: shouldPreventFOUC = true,
       enablePreload = true
     } = config;
+    console.log("[Servly Tailwind] Config:", { cdnUrl, usePlayCdn, shouldPreventFOUC });
     if (shouldPreventFOUC) {
       preventFOUC();
     }
@@ -174,25 +178,56 @@ function injectTailwind(config = {}) {
       preloadTailwind(cdnUrl, usePlayCdn);
     }
     const existingScript = document.querySelector('script[src*="tailwindcss.com"]');
+    console.log("[Servly Tailwind] Existing script check:", { existingScript: !!existingScript, windowTailwind: !!window.tailwind });
     if (existingScript || window.tailwind) {
+      console.log("[Servly Tailwind] Tailwind script already exists, waiting for window.tailwind...");
       tailwindInjected = true;
       markTailwindAsLoaded();
-      if (shouldPreventFOUC) {
-        removeFOUCPrevention();
-      }
-      if (tailwindReadyResolve) {
-        tailwindReadyResolve();
-        tailwindReadyResolve = null;
+      if (window.tailwind) {
+        console.log("[Servly Tailwind] window.tailwind already available");
+        if (shouldPreventFOUC) {
+          removeFOUCPrevention();
+        }
+        if (tailwindReadyResolve) {
+          tailwindReadyResolve();
+          tailwindReadyResolve = null;
+        }
+        config.onReady?.();
+        resolve();
+        return;
       }
-      config.onReady?.();
-      resolve();
+      let pollCount2 = 0;
+      const maxPolls2 = 100;
+      const pollForTailwind2 = () => {
+        pollCount2++;
+        if (window.tailwind) {
+          console.log("[Servly Tailwind] window.tailwind now available after", pollCount2 * 100, "ms");
+          if (shouldPreventFOUC) {
+            removeFOUCPrevention();
+          }
+          if (tailwindReadyResolve) {
+            tailwindReadyResolve();
+            tailwindReadyResolve = null;
+          }
+          config.onReady?.();
+          resolve();
+        } else if (pollCount2 < maxPolls2) {
+          setTimeout(pollForTailwind2, 100);
+        } else {
+          console.warn("[Servly Tailwind] window.tailwind never became available");
+          resolve();
+        }
+      };
+      setTimeout(pollForTailwind2, 100);
       return;
     }
+    const scriptUrl = usePlayCdn ? `${cdnUrl}?plugins=forms,typography,aspect-ratio` : cdnUrl;
+    console.log("[Servly Tailwind] Creating script with URL:", scriptUrl);
     const script = document.createElement("script");
-    script.src = usePlayCdn ? `${cdnUrl}?plugins=forms,typography,aspect-ratio` : cdnUrl;
+    script.src = scriptUrl;
     script.async = true;
-    script.crossOrigin = "anonymous";
     script.onload = () => {
+      console.log("[Servly Tailwind] Script loaded successfully!");
       tailwindInjected = true;
       tailwindScript = script;
       markTailwindAsLoaded();
@@ -213,6 +248,7 @@ function injectTailwind(config = {}) {
       }, delay);
     };
     script.onerror = (event) => {
+      console.error("[Servly Tailwind] Script failed to load:", event);
       const error = new Error(`Failed to load Tailwind CSS from ${cdnUrl}`);
       if (shouldPreventFOUC) {
         removeFOUCPrevention();
@@ -224,7 +260,36 @@ function injectTailwind(config = {}) {
       onError?.(error);
       reject(error);
     };
+    console.log("[Servly Tailwind] Appending script to head");
     document.head.appendChild(script);
+    console.log("[Servly Tailwind] Script appended, head now has:", document.head.querySelectorAll("script").length, "scripts");
+    let pollCount = 0;
+    const maxPolls = 100;
+    const pollForTailwind = () => {
+      pollCount++;
+      if (window.tailwind) {
+        console.log("[Servly Tailwind] Tailwind detected via polling after", pollCount * 100, "ms");
+        if (!tailwindInjected) {
+          tailwindInjected = true;
+          tailwindScript = script;
+          markTailwindAsLoaded();
+          if (shouldPreventFOUC) {
+            removeFOUCPrevention();
+          }
+          if (tailwindReadyResolve) {
+            tailwindReadyResolve();
+            tailwindReadyResolve = null;
+          }
+          onReady?.();
+          resolve();
+        }
+      } else if (pollCount < maxPolls) {
+        setTimeout(pollForTailwind, 100);
+      } else {
+        console.warn("[Servly Tailwind] Tailwind not detected after polling, giving up");
+      }
+    };
+    setTimeout(pollForTailwind, 100);
   });
 }
 function removeTailwind() {

package/dist/index.js

@@ -17,7 +17,7 @@ import {
   scheduleRefresh,
   updateTailwindConfig,
   waitForTailwind
-} from "./chunk-E4BRYI54.js";
+} from "./chunk-TXHGJYYM.js";
 import {
   buildRegistryFromBundle,
   collectAllDependencies,
@@ -3613,7 +3613,7 @@ async function createServlyRenderer(options) {
     container = containerOption;
   }
   if (shouldInjectTailwind) {
-    const { initServlyTailwind: initServlyTailwind2 } = await import("./tailwind-XSRG6OMQ.js");
+    const { initServlyTailwind: initServlyTailwind2 } = await import("./tailwind-GU53TXCZ.js");
     await initServlyTailwind2(tailwindConfig);
   }
   const activeRenders = [];

package/dist/{tailwind-XSRG6OMQ.js → tailwind-GU53TXCZ.js}

@@ -18,7 +18,7 @@ import {
   tailwind_default,
   updateTailwindConfig,
   waitForTailwind
-} from "./chunk-E4BRYI54.js";
+} from "./chunk-TXHGJYYM.js";
 export {
   DEFAULT_SERVLY_TAILWIND_CONFIG,
   addCustomStyles,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@servlyadmin/runtime-core",
-  "version": "0.1.41",
+  "version": "0.1.43",
   "description": "Framework-agnostic core renderer for Servly components",
   "type": "module",
   "main": "./dist/index.cjs",