@servlyadmin/runtime-core 0.1.37 → 0.1.38

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 = [];
@@ -4738,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,
@@ -4782,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.37",
+  "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
-};