@servlyadmin/runtime-core 0.1.39 → 0.1.41

package/dist/{chunk-O47EK24F.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;
@@ -222,6 +248,40 @@ function updateTailwindConfig(config) {
     };
   }
 }
+function refreshTailwind() {
+  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(doRefresh);
+  } else {
+    setTimeout(doRefresh, delayMs);
+  }
+}
 function addCustomStyles(css, id) {
   if (typeof document === "undefined") {
     throw new Error("addCustomStyles can only be used in browser environment");
@@ -292,6 +352,8 @@ var tailwind_default = {
   waitForTailwind,
   getTailwind,
   updateTailwindConfig,
+  refreshTailwind,
+  scheduleRefresh,
   addCustomStyles,
   removeCustomStyles,
   initServlyTailwind,
@@ -314,6 +376,8 @@ export {
   isTailwindLoaded,
   getTailwind,
   updateTailwindConfig,
+  refreshTailwind,
+  scheduleRefresh,
   addCustomStyles,
   removeCustomStyles,
   DEFAULT_SERVLY_TAILWIND_CONFIG,

package/dist/index.cjs

@@ -35,9 +35,11 @@ __export(tailwind_exports, {
   markElementReady: () => markElementReady,
   preloadTailwind: () => preloadTailwind,
   preventFOUC: () => preventFOUC,
+  refreshTailwind: () => refreshTailwind,
   removeCustomStyles: () => removeCustomStyles,
   removeFOUCPrevention: () => removeFOUCPrevention,
   removeTailwind: () => removeTailwind,
+  scheduleRefresh: () => scheduleRefresh,
   updateTailwindConfig: () => updateTailwindConfig,
   waitForTailwind: () => waitForTailwind
 });
@@ -171,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) {
@@ -235,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;
@@ -248,6 +276,40 @@ function updateTailwindConfig(config) {
     };
   }
 }
+function refreshTailwind() {
+  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(doRefresh);
+  } else {
+    setTimeout(doRefresh, delayMs);
+  }
+}
 function addCustomStyles(css, id) {
   if (typeof document === "undefined") {
     throw new Error("addCustomStyles can only be used in browser environment");
@@ -338,6 +400,8 @@ var init_tailwind = __esm({
       waitForTailwind,
       getTailwind,
       updateTailwindConfig,
+      refreshTailwind,
+      scheduleRefresh,
       addCustomStyles,
       removeCustomStyles,
       initServlyTailwind,
@@ -638,6 +702,7 @@ __export(index_exports, {
   preloadTailwind: () => preloadTailwind,
   preventFOUC: () => preventFOUC,
   processStyles: () => processStyles,
+  refreshTailwind: () => refreshTailwind,
   registerIcon: () => registerIcon,
   registerIcons: () => registerIcons,
   removeClass: () => removeClass,
@@ -665,6 +730,7 @@ __export(index_exports, {
   runAllTests: () => runAllTests,
   runTestCase: () => runTestCase,
   satisfiesVersion: () => satisfiesVersion,
+  scheduleRefresh: () => scheduleRefresh,
   setIconCdnEnabled: () => setIconCdnEnabled,
   setInCache: () => setInCache,
   setLocalStorage: () => setLocalStorage,
@@ -3301,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",
@@ -4037,6 +4101,9 @@ function render(options) {
         }
       }
     }
+    if (!options.disableTailwind) {
+      scheduleRefresh();
+    }
     const duration = performance.now() - startTime;
     const memoryAfter = memorySampler.sample();
     const longTasks = longTaskObserver.stop();
@@ -5441,6 +5508,7 @@ init_tailwind();
   preloadTailwind,
   preventFOUC,
   processStyles,
+  refreshTailwind,
   registerIcon,
   registerIcons,
   removeClass,
@@ -5468,6 +5536,7 @@ init_tailwind();
   runAllTests,
   runTestCase,
   satisfiesVersion,
+  scheduleRefresh,
   setIconCdnEnabled,
   setInCache,
   setLocalStorage,