@servlyadmin/runtime-core 0.1.40 → 0.1.41

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

@@ -145,7 +145,8 @@ function injectTailwind(config = {}) {
     if (enablePreload) {
       preloadTailwind(cdnUrl, usePlayCdn);
     }
-    if (window.tailwind) {
+    const existingScript = document.querySelector('script[src*="tailwindcss.com"]');
+    if (existingScript || window.tailwind) {
       tailwindInjected = true;
       markTailwindAsLoaded();
       if (shouldPreventFOUC) {
@@ -209,7 +210,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 +249,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

@@ -173,7 +173,8 @@ function injectTailwind(config = {}) {
     if (enablePreload) {
       preloadTailwind(cdnUrl, usePlayCdn);
     }
-    if (window.tailwind) {
+    const existingScript = document.querySelector('script[src*="tailwindcss.com"]');
+    if (existingScript || window.tailwind) {
       tailwindInjected = true;
       markTailwindAsLoaded();
       if (shouldPreventFOUC) {
@@ -237,7 +238,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 +277,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 +3367,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-E4BRYI54.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-XSRG6OMQ.js");
     await initServlyTailwind2(tailwindConfig);
   }
   const activeRenders = [];

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

@@ -18,7 +18,7 @@ import {
   tailwind_default,
   updateTailwindConfig,
   waitForTailwind
-} from "./chunk-YYJF3UI2.js";
+} from "./chunk-E4BRYI54.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.41",
   "description": "Framework-agnostic core renderer for Servly components",
   "type": "module",
   "main": "./dist/index.cjs",