@servlyadmin/runtime-core 0.1.6 → 0.1.8

package/dist/chunk-IWFVKY5N.js

@@ -0,0 +1,154 @@
+// 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 tailwind_default = {
+  injectTailwind,
+  removeTailwind,
+  isTailwindLoaded,
+  getTailwind,
+  updateTailwindConfig,
+  addCustomStyles,
+  removeCustomStyles,
+  initServlyTailwind,
+  DEFAULT_SERVLY_TAILWIND_CONFIG
+};
+
+export {
+  injectTailwind,
+  removeTailwind,
+  isTailwindLoaded,
+  getTailwind,
+  updateTailwindConfig,
+  addCustomStyles,
+  removeCustomStyles,
+  DEFAULT_SERVLY_TAILWIND_CONFIG,
+  initServlyTailwind,
+  tailwind_default
+};