@servlyadmin/runtime-core 0.1.40 → 0.1.42

package/dist/{chunk-YYJF3UI2.js → chunk-L5RPU26D.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,13 +142,17 @@ function injectTailwind(config = {}) {
       preventFOUC: shouldPreventFOUC = true,
       enablePreload = true
     } = config;
+    console.log("[Servly Tailwind] Config:", { cdnUrl, usePlayCdn, shouldPreventFOUC });
     if (shouldPreventFOUC) {
       preventFOUC();
     }
     if (enablePreload) {
       preloadTailwind(cdnUrl, usePlayCdn);
     }
-    if (window.tailwind) {
+    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 already exists");
       tailwindInjected = true;
       markTailwindAsLoaded();
       if (shouldPreventFOUC) {
@@ -159,11 +166,14 @@ function injectTailwind(config = {}) {
       resolve();
       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();
@@ -184,6 +194,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();
@@ -195,7 +206,9 @@ 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");
   });
 }
 function removeTailwind() {
@@ -209,7 +222,32 @@ function removeTailwind() {
   }
 }
 function isTailwindLoaded() {
-  return tailwindInjected || !!window.tailwind;
+  if (typeof window === "undefined") return false;
+  if (window.tailwind) {
+    return true;
+  }
+  if (typeof document !== "undefined") {
+    try {
+      for (const sheet of document.styleSheets) {
+        try {
+          const rules = sheet.cssRules || sheet.rules;
+          if (rules) {
+            for (let i = 0; i < Math.min(rules.length, 100); i++) {
+              const rule = rules[i];
+              if (rule instanceof CSSStyleRule) {
+                if (rule.selectorText?.match(/^\.(flex|grid|p-|m-|w-|h-|bg-|text-)/)) {
+                  return true;
+                }
+              }
+            }
+          }
+        } catch {
+        }
+      }
+    } catch {
+    }
+  }
+  return tailwindInjected;
 }
 function getTailwind() {
   return window.tailwind;
@@ -223,18 +261,37 @@ function updateTailwindConfig(config) {
   }
 }
 function refreshTailwind() {
-  if (typeof window === "undefined") return;
+  if (typeof window === "undefined" || typeof document === "undefined") return;
   const tw = window.tailwind;
   if (tw && typeof tw.refresh === "function") {
     tw.refresh();
+    return;
   }
+  const servlyElements = document.querySelectorAll("[data-servly-id]");
+  servlyElements.forEach((el) => {
+    el.classList.add("__tw-refresh__");
+    queueMicrotask(() => {
+      el.classList.remove("__tw-refresh__");
+    });
+  });
+  document.body.classList.add("__tw-refresh__");
+  queueMicrotask(() => {
+    document.body.classList.remove("__tw-refresh__");
+  });
 }
 function scheduleRefresh(delayMs = 0) {
   if (typeof window === "undefined") return;
+  const doRefresh = () => {
+    if (window.tailwind) {
+      refreshTailwind();
+    } else {
+      setTimeout(doRefresh, 100);
+    }
+  };
   if (delayMs === 0) {
-    requestAnimationFrame(() => refreshTailwind());
+    requestAnimationFrame(doRefresh);
   } else {
-    setTimeout(() => refreshTailwind(), delayMs);
+    setTimeout(doRefresh, delayMs);
   }
 }
 function addCustomStyles(css, id) {

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,13 +170,17 @@ function injectTailwind(config = {}) {
       preventFOUC: shouldPreventFOUC = true,
       enablePreload = true
     } = config;
+    console.log("[Servly Tailwind] Config:", { cdnUrl, usePlayCdn, shouldPreventFOUC });
     if (shouldPreventFOUC) {
       preventFOUC();
     }
     if (enablePreload) {
       preloadTailwind(cdnUrl, usePlayCdn);
     }
-    if (window.tailwind) {
+    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 already exists");
       tailwindInjected = true;
       markTailwindAsLoaded();
       if (shouldPreventFOUC) {
@@ -187,11 +194,14 @@ function injectTailwind(config = {}) {
       resolve();
       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();
@@ -212,6 +222,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();
@@ -223,7 +234,9 @@ 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");
   });
 }
 function removeTailwind() {
@@ -237,7 +250,32 @@ function removeTailwind() {
   }
 }
 function isTailwindLoaded() {
-  return tailwindInjected || !!window.tailwind;
+  if (typeof window === "undefined") return false;
+  if (window.tailwind) {
+    return true;
+  }
+  if (typeof document !== "undefined") {
+    try {
+      for (const sheet of document.styleSheets) {
+        try {
+          const rules = sheet.cssRules || sheet.rules;
+          if (rules) {
+            for (let i = 0; i < Math.min(rules.length, 100); i++) {
+              const rule = rules[i];
+              if (rule instanceof CSSStyleRule) {
+                if (rule.selectorText?.match(/^\.(flex|grid|p-|m-|w-|h-|bg-|text-)/)) {
+                  return true;
+                }
+              }
+            }
+          }
+        } catch {
+        }
+      }
+    } catch {
+    }
+  }
+  return tailwindInjected;
 }
 function getTailwind() {
   return window.tailwind;
@@ -251,18 +289,37 @@ function updateTailwindConfig(config) {
   }
 }
 function refreshTailwind() {
-  if (typeof window === "undefined") return;
+  if (typeof window === "undefined" || typeof document === "undefined") return;
   const tw = window.tailwind;
   if (tw && typeof tw.refresh === "function") {
     tw.refresh();
+    return;
   }
+  const servlyElements = document.querySelectorAll("[data-servly-id]");
+  servlyElements.forEach((el) => {
+    el.classList.add("__tw-refresh__");
+    queueMicrotask(() => {
+      el.classList.remove("__tw-refresh__");
+    });
+  });
+  document.body.classList.add("__tw-refresh__");
+  queueMicrotask(() => {
+    document.body.classList.remove("__tw-refresh__");
+  });
 }
 function scheduleRefresh(delayMs = 0) {
   if (typeof window === "undefined") return;
+  const doRefresh = () => {
+    if (window.tailwind) {
+      refreshTailwind();
+    } else {
+      setTimeout(doRefresh, 100);
+    }
+  };
   if (delayMs === 0) {
-    requestAnimationFrame(() => refreshTailwind());
+    requestAnimationFrame(doRefresh);
   } else {
-    setTimeout(() => refreshTailwind(), delayMs);
+    setTimeout(doRefresh, delayMs);
   }
 }
 function addCustomStyles(css, id) {
@@ -3322,11 +3379,9 @@ var tailwindAutoInjected = false;
 function ensureTailwind() {
   if (tailwindAutoInjected || typeof document === "undefined") return;
   tailwindAutoInjected = true;
-  if (!isTailwindLoaded()) {
-    injectTailwind({ usePlayCdn: true }).catch((err) => {
-      console.warn("Failed to auto-inject Tailwind CSS:", err);
-    });
-  }
+  injectTailwind({ usePlayCdn: true }).catch((err) => {
+    console.warn("Failed to auto-inject Tailwind CSS:", err);
+  });
 }
 var COMPONENT_TO_TAG = {
   container: "div",

package/dist/index.d.cts

@@ -1774,6 +1774,7 @@ declare function injectTailwind(config?: TailwindConfig): Promise<void>;
 declare function removeTailwind(): void;
 /**
  * Check if Tailwind CSS is loaded
+ * Checks for both CDN (window.tailwind) and build-time Tailwind (style rules)
  */
 declare function isTailwindLoaded(): boolean;
 /**
@@ -1787,7 +1788,7 @@ declare function updateTailwindConfig(config: Record<string, any>): void;
 /**
  * Trigger Tailwind to refresh/rescan the DOM
  * This is needed when content is rendered after Tailwind CDN loads
- * The Play CDN exposes tailwind.refresh() for this purpose
+ * Uses multiple strategies to ensure Tailwind processes new content
  */
 declare function refreshTailwind(): void;
 /**

package/dist/index.d.ts

@@ -1774,6 +1774,7 @@ declare function injectTailwind(config?: TailwindConfig): Promise<void>;
 declare function removeTailwind(): void;
 /**
  * Check if Tailwind CSS is loaded
+ * Checks for both CDN (window.tailwind) and build-time Tailwind (style rules)
  */
 declare function isTailwindLoaded(): boolean;
 /**
@@ -1787,7 +1788,7 @@ declare function updateTailwindConfig(config: Record<string, any>): void;
 /**
  * Trigger Tailwind to refresh/rescan the DOM
  * This is needed when content is rendered after Tailwind CDN loads
- * The Play CDN exposes tailwind.refresh() for this purpose
+ * Uses multiple strategies to ensure Tailwind processes new content
  */
 declare function refreshTailwind(): void;
 /**

package/dist/index.js

@@ -17,7 +17,7 @@ import {
   scheduleRefresh,
   updateTailwindConfig,
   waitForTailwind
-} from "./chunk-YYJF3UI2.js";
+} from "./chunk-L5RPU26D.js";
 import {
   buildRegistryFromBundle,
   collectAllDependencies,
@@ -2645,11 +2645,9 @@ var tailwindAutoInjected = false;
 function ensureTailwind() {
   if (tailwindAutoInjected || typeof document === "undefined") return;
   tailwindAutoInjected = true;
-  if (!isTailwindLoaded()) {
-    injectTailwind({ usePlayCdn: true }).catch((err) => {
-      console.warn("Failed to auto-inject Tailwind CSS:", err);
-    });
-  }
+  injectTailwind({ usePlayCdn: true }).catch((err) => {
+    console.warn("Failed to auto-inject Tailwind CSS:", err);
+  });
 }
 var COMPONENT_TO_TAG = {
   container: "div",
@@ -3615,7 +3613,7 @@ async function createServlyRenderer(options) {
     container = containerOption;
   }
   if (shouldInjectTailwind) {
-    const { initServlyTailwind: initServlyTailwind2 } = await import("./tailwind-XB76THS4.js");
+    const { initServlyTailwind: initServlyTailwind2 } = await import("./tailwind-MU3YZM2C.js");
     await initServlyTailwind2(tailwindConfig);
   }
   const activeRenders = [];

package/dist/{tailwind-XB76THS4.js → tailwind-MU3YZM2C.js}

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

package/package.json

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