@servlyadmin/runtime-core 0.1.36 → 0.1.38

package/dist/index.cjs

@@ -31,10 +31,102 @@ __export(tailwind_exports, {
   injectTailwind: () => injectTailwind,
   injectTailwindStyles: () => injectTailwindStyles,
   isTailwindLoaded: () => isTailwindLoaded,
+  isTailwindReady: () => isTailwindReady,
+  markElementReady: () => markElementReady,
+  preloadTailwind: () => preloadTailwind,
+  preventFOUC: () => preventFOUC,
   removeCustomStyles: () => removeCustomStyles,
+  removeFOUCPrevention: () => removeFOUCPrevention,
   removeTailwind: () => removeTailwind,
-  updateTailwindConfig: () => updateTailwindConfig
+  updateTailwindConfig: () => updateTailwindConfig,
+  waitForTailwind: () => waitForTailwind
 });
+function wasTailwindPreviouslyLoaded() {
+  if (typeof localStorage === "undefined") return false;
+  try {
+    return localStorage.getItem(TAILWIND_CACHE_KEY) === "true";
+  } catch {
+    return false;
+  }
+}
+function markTailwindAsLoaded() {
+  if (typeof localStorage === "undefined") return;
+  try {
+    localStorage.setItem(TAILWIND_CACHE_KEY, "true");
+  } catch {
+  }
+}
+function preloadTailwind(cdnUrl, usePlayCdn) {
+  if (typeof document === "undefined") return;
+  if (document.querySelector("link[data-servly-tailwind-preload]")) return;
+  const url = cdnUrl || DEFAULT_TAILWIND_CDN;
+  const fullUrl = usePlayCdn ? `${url}?plugins=forms,typography,aspect-ratio` : url;
+  const link = document.createElement("link");
+  link.rel = "preload";
+  link.as = "script";
+  link.href = fullUrl;
+  link.setAttribute("data-servly-tailwind-preload", "true");
+  if (document.head.firstChild) {
+    document.head.insertBefore(link, document.head.firstChild);
+  } else {
+    document.head.appendChild(link);
+  }
+  const dnsPrefetch = document.createElement("link");
+  dnsPrefetch.rel = "dns-prefetch";
+  dnsPrefetch.href = "https://cdn.tailwindcss.com";
+  document.head.appendChild(dnsPrefetch);
+}
+function preventFOUC() {
+  if (typeof document === "undefined") return;
+  if (foucStyleElement) return;
+  const wasLoaded = wasTailwindPreviouslyLoaded();
+  foucStyleElement = document.createElement("style");
+  foucStyleElement.id = "servly-fouc-prevention";
+  foucStyleElement.textContent = FOUC_PREVENTION_CSS;
+  if (document.head.firstChild) {
+    document.head.insertBefore(foucStyleElement, document.head.firstChild);
+  } else {
+    document.head.appendChild(foucStyleElement);
+  }
+  if (wasLoaded) {
+    setTimeout(() => {
+      if (window.tailwind) {
+        removeFOUCPrevention();
+      }
+    }, 100);
+  }
+}
+function removeFOUCPrevention() {
+  if (foucStyleElement && foucStyleElement.parentNode) {
+    foucStyleElement.parentNode.removeChild(foucStyleElement);
+    foucStyleElement = null;
+  }
+  if (typeof document !== "undefined") {
+    document.querySelectorAll(".servly-component, [data-servly-id]").forEach((el) => {
+      el.classList.add("servly-ready");
+    });
+  }
+}
+function markElementReady(element) {
+  element.classList.add("servly-ready");
+  element.classList.remove("servly-fouc-hidden");
+}
+function isTailwindReady() {
+  if (typeof window === "undefined") return false;
+  return tailwindInjected && !!window.tailwind;
+}
+function waitForTailwind() {
+  if (isTailwindReady()) {
+    return Promise.resolve();
+  }
+  if (tailwindReadyPromise) {
+    return tailwindReadyPromise;
+  }
+  tailwindReadyPromise = new Promise((resolve) => {
+    tailwindReadyResolve = resolve;
+  });
+  return tailwindReadyPromise;
+}
 function injectTailwind(config = {}) {
   return new Promise((resolve, reject) => {
     if (tailwindInjected && tailwindScript) {
@@ -45,34 +137,69 @@ function injectTailwind(config = {}) {
       resolve();
       return;
     }
-    if (window.tailwind) {
-      tailwindInjected = true;
-      config.onReady?.();
-      resolve();
-      return;
-    }
     const {
       cdnUrl = DEFAULT_TAILWIND_CDN,
       config: tailwindConfig,
       plugins = [],
       usePlayCdn = false,
       onReady,
-      onError
+      onError,
+      preventFOUC: shouldPreventFOUC = true,
+      enablePreload = true
     } = config;
+    if (shouldPreventFOUC) {
+      preventFOUC();
+    }
+    if (enablePreload) {
+      preloadTailwind(cdnUrl, usePlayCdn);
+    }
+    if (window.tailwind) {
+      tailwindInjected = true;
+      markTailwindAsLoaded();
+      if (shouldPreventFOUC) {
+        removeFOUCPrevention();
+      }
+      if (tailwindReadyResolve) {
+        tailwindReadyResolve();
+        tailwindReadyResolve = null;
+      }
+      config.onReady?.();
+      resolve();
+      return;
+    }
     const script = document.createElement("script");
     script.src = usePlayCdn ? `${cdnUrl}?plugins=forms,typography,aspect-ratio` : cdnUrl;
     script.async = true;
+    script.crossOrigin = "anonymous";
     script.onload = () => {
       tailwindInjected = true;
       tailwindScript = script;
+      markTailwindAsLoaded();
       if (tailwindConfig && window.tailwind) {
         window.tailwind.config = tailwindConfig;
       }
-      onReady?.();
-      resolve();
+      const delay = wasTailwindPreviouslyLoaded() ? 10 : 50;
+      setTimeout(() => {
+        if (shouldPreventFOUC) {
+          removeFOUCPrevention();
+        }
+        if (tailwindReadyResolve) {
+          tailwindReadyResolve();
+          tailwindReadyResolve = null;
+        }
+        onReady?.();
+        resolve();
+      }, delay);
     };
     script.onerror = (event) => {
       const error = new Error(`Failed to load Tailwind CSS from ${cdnUrl}`);
+      if (shouldPreventFOUC) {
+        removeFOUCPrevention();
+      }
+      if (tailwindReadyResolve) {
+        tailwindReadyResolve();
+        tailwindReadyResolve = null;
+      }
       onError?.(error);
       reject(error);
     };
@@ -84,6 +211,8 @@ function removeTailwind() {
     tailwindScript.parentNode.removeChild(tailwindScript);
     tailwindScript = null;
     tailwindInjected = false;
+    tailwindReadyPromise = null;
+    tailwindReadyResolve = null;
     delete window.tailwind;
   }
 }
@@ -131,13 +260,26 @@ async function initServlyTailwind(customConfig) {
     usePlayCdn: true
   });
 }
-var DEFAULT_TAILWIND_CDN, tailwindInjected, tailwindScript, DEFAULT_SERVLY_TAILWIND_CONFIG, injectTailwindStyles, tailwind_default;
+var DEFAULT_TAILWIND_CDN, TAILWIND_CACHE_KEY, tailwindInjected, tailwindScript, foucStyleElement, tailwindReadyPromise, tailwindReadyResolve, FOUC_PREVENTION_CSS, DEFAULT_SERVLY_TAILWIND_CONFIG, injectTailwindStyles, tailwind_default;
 var init_tailwind = __esm({
   "src/tailwind.ts"() {
     "use strict";
     DEFAULT_TAILWIND_CDN = "https://cdn.tailwindcss.com";
+    TAILWIND_CACHE_KEY = "servly-tailwind-loaded";
     tailwindInjected = false;
     tailwindScript = null;
+    foucStyleElement = null;
+    tailwindReadyPromise = null;
+    tailwindReadyResolve = null;
+    FOUC_PREVENTION_CSS = `
+  .servly-component:not(.servly-ready),
+  [data-servly-id]:not(.servly-ready) {
+    visibility: hidden !important;
+  }
+  .servly-fouc-hidden {
+    visibility: hidden !important;
+  }
+`;
     DEFAULT_SERVLY_TAILWIND_CONFIG = {
       theme: {
         extend: {
@@ -174,11 +316,17 @@ var init_tailwind = __esm({
       injectTailwindStyles,
       removeTailwind,
       isTailwindLoaded,
+      isTailwindReady,
+      waitForTailwind,
       getTailwind,
       updateTailwindConfig,
       addCustomStyles,
       removeCustomStyles,
       initServlyTailwind,
+      preventFOUC,
+      removeFOUCPrevention,
+      markElementReady,
+      preloadTailwind,
       DEFAULT_SERVLY_TAILWIND_CONFIG
     };
   }
@@ -377,6 +525,7 @@ var index_exports = {};
 __export(index_exports, {
   AnalyticsCollector: () => AnalyticsCollector,
   DEFAULT_CACHE_CONFIG: () => DEFAULT_CACHE_CONFIG,
+  DEFAULT_REGISTRY_URL: () => DEFAULT_REGISTRY_URL,
   DEFAULT_RETRY_CONFIG: () => DEFAULT_RETRY_CONFIG,
   DEFAULT_SERVLY_TAILWIND_CONFIG: () => DEFAULT_SERVLY_TAILWIND_CONFIG,
   EVENT_HANDLERS: () => EVENT_HANDLERS,
@@ -461,16 +610,21 @@ __export(index_exports, {
   isIconRegistered: () => isIconRegistered,
   isIconSetSupported: () => isIconSetSupported,
   isTailwindLoaded: () => isTailwindLoaded,
+  isTailwindReady: () => isTailwindReady,
   isValidSpecifier: () => isValidSpecifier,
+  markElementReady: () => markElementReady,
   navigateTo: () => navigateTo,
   parseVersion: () => parseVersion,
   prefetchComponents: () => prefetchComponents,
   preloadIcons: () => preloadIcons,
+  preloadTailwind: () => preloadTailwind,
+  preventFOUC: () => preventFOUC,
   processStyles: () => processStyles,
   registerIcon: () => registerIcon,
   registerIcons: () => registerIcons,
   removeClass: () => removeClass,
   removeCustomStyles: () => removeCustomStyles,
+  removeFOUCPrevention: () => removeFOUCPrevention,
   removeLocalStorage: () => removeLocalStorage,
   removeSessionStorage: () => removeSessionStorage,
   removeTailwind: () => removeTailwind,
@@ -505,7 +659,8 @@ __export(index_exports, {
   updateStyles: () => updateStyles,
   updateTailwindConfig: () => updateTailwindConfig,
   validateAssertion: () => validateAssertion,
-  validateProps: () => validateProps
+  validateProps: () => validateProps,
+  waitForTailwind: () => waitForTailwind
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -3437,7 +3592,30 @@ function resolveComponentViewInputs(bindings, context, parentInputs) {
       case "static":
       case "value":
       case "constant":
-        resolved[key] = binding.value;
+        if (binding.value && typeof binding.value === "object" && Array.isArray(binding.value.plugins)) {
+          const plugins = binding.value.plugins;
+          resolved[key] = (event) => {
+            for (const plugin of plugins) {
+              const pluginType = plugin.type || plugin.key;
+              if (pluginType === "executeCode" && plugin.code) {
+                try {
+                  const fn = new Function(
+                    "event",
+                    "props",
+                    "state",
+                    "context",
+                    plugin.code
+                  );
+                  fn(event, context.props || {}, context.state || {}, context.context || {});
+                } catch (error) {
+                  console.error("[Servly] executeCode error:", error);
+                }
+              }
+            }
+          };
+        } else {
+          resolved[key] = binding.value;
+        }
         break;
       case "state":
         if (binding.path && context.state) {
@@ -4422,7 +4600,8 @@ var DEFAULT_RETRY_CONFIG = {
   maxDelay: 1e4,
   backoffMultiplier: 2
 };
-var registryBaseUrl = "/api/views/registry";
+var DEFAULT_REGISTRY_URL = "https://core-api.servly.app/v1/views/registry";
+var registryBaseUrl = DEFAULT_REGISTRY_URL;
 function setRegistryUrl(url) {
   registryBaseUrl = url;
 }
@@ -4557,7 +4736,7 @@ async function fetchComponent(id, options = {}) {
   const {
     version = "latest",
     apiKey,
-    cacheStrategy = "memory",
+    cacheStrategy = "localStorage",
     cacheConfig = DEFAULT_CACHE_CONFIG,
     retryConfig = {},
     forceRefresh = false,
@@ -4725,7 +4904,7 @@ async function prefetchComponents(ids, options = {}) {
   await Promise.all(promises);
 }
 async function isComponentAvailable(id, version = "latest", options = {}) {
-  const { cacheStrategy = "memory", cacheConfig = DEFAULT_CACHE_CONFIG } = options;
+  const { cacheStrategy = "localStorage", cacheConfig = DEFAULT_CACHE_CONFIG } = options;
   const cached = getFromCache(id, version, cacheStrategy, cacheConfig);
   if (cached) {
     return { available: true, cached: true, version: cached.version };
@@ -5149,6 +5328,7 @@ init_tailwind();
 0 && (module.exports = {
   AnalyticsCollector,
   DEFAULT_CACHE_CONFIG,
+  DEFAULT_REGISTRY_URL,
   DEFAULT_RETRY_CONFIG,
   DEFAULT_SERVLY_TAILWIND_CONFIG,
   EVENT_HANDLERS,
@@ -5233,16 +5413,21 @@ init_tailwind();
   isIconRegistered,
   isIconSetSupported,
   isTailwindLoaded,
+  isTailwindReady,
   isValidSpecifier,
+  markElementReady,
   navigateTo,
   parseVersion,
   prefetchComponents,
   preloadIcons,
+  preloadTailwind,
+  preventFOUC,
   processStyles,
   registerIcon,
   registerIcons,
   removeClass,
   removeCustomStyles,
+  removeFOUCPrevention,
   removeLocalStorage,
   removeSessionStorage,
   removeTailwind,
@@ -5277,5 +5462,6 @@ init_tailwind();
   updateStyles,
   updateTailwindConfig,
   validateAssertion,
-  validateProps
+  validateProps,
+  waitForTailwind
 });

package/dist/index.js

@@ -6,10 +6,16 @@ import {
   injectTailwind,
   injectTailwindStyles,
   isTailwindLoaded,
+  isTailwindReady,
+  markElementReady,
+  preloadTailwind,
+  preventFOUC,
   removeCustomStyles,
+  removeFOUCPrevention,
   removeTailwind,
-  updateTailwindConfig
-} from "./chunk-SMHCCKAZ.js";
+  updateTailwindConfig,
+  waitForTailwind
+} from "./chunk-5O72RMSO.js";
 import {
   buildRegistryFromBundle,
   collectAllDependencies,
@@ -2946,7 +2952,30 @@ function resolveComponentViewInputs(bindings, context, parentInputs) {
       case "static":
       case "value":
       case "constant":
-        resolved[key] = binding.value;
+        if (binding.value && typeof binding.value === "object" && Array.isArray(binding.value.plugins)) {
+          const plugins = binding.value.plugins;
+          resolved[key] = (event) => {
+            for (const plugin of plugins) {
+              const pluginType = plugin.type || plugin.key;
+              if (pluginType === "executeCode" && plugin.code) {
+                try {
+                  const fn = new Function(
+                    "event",
+                    "props",
+                    "state",
+                    "context",
+                    plugin.code
+                  );
+                  fn(event, context.props || {}, context.state || {}, context.context || {});
+                } catch (error) {
+                  console.error("[Servly] executeCode error:", error);
+                }
+              }
+            }
+          };
+        } else {
+          resolved[key] = binding.value;
+        }
         break;
       case "state":
         if (binding.path && context.state) {
@@ -3581,7 +3610,7 @@ async function createServlyRenderer(options) {
     container = containerOption;
   }
   if (shouldInjectTailwind) {
-    const { initServlyTailwind: initServlyTailwind2 } = await import("./tailwind-DMUQ7TOT.js");
+    const { initServlyTailwind: initServlyTailwind2 } = await import("./tailwind-4IK6HZC6.js");
     await initServlyTailwind2(tailwindConfig);
   }
   const activeRenders = [];
@@ -3930,7 +3959,8 @@ var DEFAULT_RETRY_CONFIG = {
   maxDelay: 1e4,
   backoffMultiplier: 2
 };
-var registryBaseUrl = "/api/views/registry";
+var DEFAULT_REGISTRY_URL = "https://core-api.servly.app/v1/views/registry";
+var registryBaseUrl = DEFAULT_REGISTRY_URL;
 function setRegistryUrl(url) {
   registryBaseUrl = url;
 }
@@ -4065,7 +4095,7 @@ async function fetchComponent(id, options = {}) {
   const {
     version = "latest",
     apiKey,
-    cacheStrategy = "memory",
+    cacheStrategy = "localStorage",
     cacheConfig = DEFAULT_CACHE_CONFIG,
     retryConfig = {},
     forceRefresh = false,
@@ -4233,7 +4263,7 @@ async function prefetchComponents(ids, options = {}) {
   await Promise.all(promises);
 }
 async function isComponentAvailable(id, version = "latest", options = {}) {
-  const { cacheStrategy = "memory", cacheConfig = DEFAULT_CACHE_CONFIG } = options;
+  const { cacheStrategy = "localStorage", cacheConfig = DEFAULT_CACHE_CONFIG } = options;
   const cached = getFromCache(id, version, cacheStrategy, cacheConfig);
   if (cached) {
     return { available: true, cached: true, version: cached.version };
@@ -4652,6 +4682,7 @@ function getSampleValue(def) {
 export {
   AnalyticsCollector,
   DEFAULT_CACHE_CONFIG,
+  DEFAULT_REGISTRY_URL,
   DEFAULT_RETRY_CONFIG,
   DEFAULT_SERVLY_TAILWIND_CONFIG,
   EVENT_HANDLERS,
@@ -4736,16 +4767,21 @@ export {
   isIconRegistered,
   isIconSetSupported,
   isTailwindLoaded,
+  isTailwindReady,
   isValidSpecifier,
+  markElementReady,
   navigateTo,
   parseVersion,
   prefetchComponents,
   preloadIcons,
+  preloadTailwind,
+  preventFOUC,
   processStyles,
   registerIcon,
   registerIcons,
   removeClass,
   removeCustomStyles,
+  removeFOUCPrevention,
   removeLocalStorage,
   removeSessionStorage,
   removeTailwind,
@@ -4780,5 +4816,6 @@ export {
   updateStyles,
   updateTailwindConfig,
   validateAssertion,
-  validateProps
+  validateProps,
+  waitForTailwind
 };

package/dist/{tailwind-DMUQ7TOT.js → tailwind-4IK6HZC6.js}

@@ -6,11 +6,17 @@ import {
   injectTailwind,
   injectTailwindStyles,
   isTailwindLoaded,
+  isTailwindReady,
+  markElementReady,
+  preloadTailwind,
+  preventFOUC,
   removeCustomStyles,
+  removeFOUCPrevention,
   removeTailwind,
   tailwind_default,
-  updateTailwindConfig
-} from "./chunk-SMHCCKAZ.js";
+  updateTailwindConfig,
+  waitForTailwind
+} from "./chunk-5O72RMSO.js";
 export {
   DEFAULT_SERVLY_TAILWIND_CONFIG,
   addCustomStyles,
@@ -20,7 +26,13 @@ export {
   injectTailwind,
   injectTailwindStyles,
   isTailwindLoaded,
+  isTailwindReady,
+  markElementReady,
+  preloadTailwind,
+  preventFOUC,
   removeCustomStyles,
+  removeFOUCPrevention,
   removeTailwind,
-  updateTailwindConfig
+  updateTailwindConfig,
+  waitForTailwind
 };

package/package.json

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

package/dist/chunk-SMHCCKAZ.js

@@ -1,157 +0,0 @@
-// src/tailwind.ts
-var DEFAULT_TAILWIND_CDN = "https://cdn.tailwindcss.com";
-var tailwindInjected = false;
-var tailwindScript = null;
-function injectTailwind(config = {}) {
-  return new Promise((resolve, reject) => {
-    if (tailwindInjected && tailwindScript) {
-      resolve();
-      return;
-    }
-    if (typeof document === "undefined") {
-      resolve();
-      return;
-    }
-    if (window.tailwind) {
-      tailwindInjected = true;
-      config.onReady?.();
-      resolve();
-      return;
-    }
-    const {
-      cdnUrl = DEFAULT_TAILWIND_CDN,
-      config: tailwindConfig,
-      plugins = [],
-      usePlayCdn = false,
-      onReady,
-      onError
-    } = config;
-    const script = document.createElement("script");
-    script.src = usePlayCdn ? `${cdnUrl}?plugins=forms,typography,aspect-ratio` : cdnUrl;
-    script.async = true;
-    script.onload = () => {
-      tailwindInjected = true;
-      tailwindScript = script;
-      if (tailwindConfig && window.tailwind) {
-        window.tailwind.config = tailwindConfig;
-      }
-      onReady?.();
-      resolve();
-    };
-    script.onerror = (event) => {
-      const error = new Error(`Failed to load Tailwind CSS from ${cdnUrl}`);
-      onError?.(error);
-      reject(error);
-    };
-    document.head.appendChild(script);
-  });
-}
-function removeTailwind() {
-  if (tailwindScript && tailwindScript.parentNode) {
-    tailwindScript.parentNode.removeChild(tailwindScript);
-    tailwindScript = null;
-    tailwindInjected = false;
-    delete window.tailwind;
-  }
-}
-function isTailwindLoaded() {
-  return tailwindInjected || !!window.tailwind;
-}
-function getTailwind() {
-  return window.tailwind;
-}
-function updateTailwindConfig(config) {
-  if (window.tailwind) {
-    window.tailwind.config = {
-      ...window.tailwind.config,
-      ...config
-    };
-  }
-}
-function addCustomStyles(css, id) {
-  if (typeof document === "undefined") {
-    throw new Error("addCustomStyles can only be used in browser environment");
-  }
-  const styleId = id || `servly-custom-styles-${Date.now()}`;
-  let existingStyle = document.getElementById(styleId);
-  if (existingStyle) {
-    existingStyle.textContent = css;
-    return existingStyle;
-  }
-  const style = document.createElement("style");
-  style.id = styleId;
-  style.textContent = css;
-  document.head.appendChild(style);
-  return style;
-}
-function removeCustomStyles(id) {
-  if (typeof document === "undefined") return;
-  const style = document.getElementById(id);
-  if (style && style.parentNode) {
-    style.parentNode.removeChild(style);
-  }
-}
-var DEFAULT_SERVLY_TAILWIND_CONFIG = {
-  theme: {
-    extend: {
-      // Add any Servly-specific theme extensions here
-    }
-  },
-  // Safelist common dynamic classes
-  safelist: [
-    // Spacing
-    { pattern: /^(p|m|gap)-/ },
-    // Sizing
-    { pattern: /^(w|h|min-w|min-h|max-w|max-h)-/ },
-    // Flexbox
-    { pattern: /^(flex|justify|items|self)-/ },
-    // Grid
-    { pattern: /^(grid|col|row)-/ },
-    // Colors
-    { pattern: /^(bg|text|border|ring)-/ },
-    // Typography
-    { pattern: /^(font|text|leading|tracking)-/ },
-    // Borders
-    { pattern: /^(rounded|border)-/ },
-    // Effects
-    { pattern: /^(shadow|opacity|blur)-/ },
-    // Transforms
-    { pattern: /^(scale|rotate|translate|skew)-/ },
-    // Transitions
-    { pattern: /^(transition|duration|ease|delay)-/ }
-  ]
-};
-async function initServlyTailwind(customConfig) {
-  const config = customConfig ? { ...DEFAULT_SERVLY_TAILWIND_CONFIG, ...customConfig } : DEFAULT_SERVLY_TAILWIND_CONFIG;
-  await injectTailwind({
-    config,
-    usePlayCdn: true
-  });
-}
-var injectTailwindStyles = initServlyTailwind;
-var tailwind_default = {
-  injectTailwind,
-  injectTailwindStyles,
-  removeTailwind,
-  isTailwindLoaded,
-  getTailwind,
-  updateTailwindConfig,
-  addCustomStyles,
-  removeCustomStyles,
-  initServlyTailwind,
-  DEFAULT_SERVLY_TAILWIND_CONFIG
-};
-
-export {
-  injectTailwind,
-  removeTailwind,
-  isTailwindLoaded,
-  getTailwind,
-  updateTailwindConfig,
-  addCustomStyles,
-  removeCustomStyles,
-  DEFAULT_SERVLY_TAILWIND_CONFIG,
-  initServlyTailwind,
-  injectTailwindStyles,
-  tailwind_default
-};