@servlyadmin/runtime-core 0.1.4 → 0.1.5

package/dist/index.cjs

@@ -1471,15 +1471,50 @@ function applyAttributes(domElement, element, context) {
     }
   }
 }
-function attachEventHandlers(domElement, elementId, eventHandlers, elementState) {
-  if (!eventHandlers || !eventHandlers[elementId]) {
-    return;
+function resolveFunctionBinding(binding, context) {
+  if (binding.source === "props" || binding.source === "parent") {
+    const path = binding.path;
+    if (!path) return void 0;
+    const parts = path.split(".");
+    let value = context.props;
+    for (const part of parts) {
+      if (value === null || value === void 0) return void 0;
+      value = value[part];
+    }
+    if (typeof value === "function") {
+      return value;
+    }
+    return void 0;
   }
-  const handlers = eventHandlers[elementId];
-  for (const [eventName, handler] of Object.entries(handlers)) {
-    const domEventName = eventName.replace(/^on/, "").toLowerCase();
-    elementState.eventListeners.set(domEventName, handler);
-    domElement.addEventListener(domEventName, handler);
+  if (binding.source === "static" && typeof binding.value === "function") {
+    return binding.value;
+  }
+  return void 0;
+}
+function attachEventHandlers(domElement, element, eventHandlers, context, elementState) {
+  const elementId = element.i;
+  if (eventHandlers && eventHandlers[elementId]) {
+    const handlers = eventHandlers[elementId];
+    for (const [eventName, handler] of Object.entries(handlers)) {
+      const domEventName = eventName.replace(/^on/, "").toLowerCase();
+      elementState.eventListeners.set(domEventName, handler);
+      domElement.addEventListener(domEventName, handler);
+    }
+  }
+  const bindings = element.configuration?.bindings?.inputs;
+  if (bindings) {
+    for (const [propName, binding] of Object.entries(bindings)) {
+      if (propName.startsWith("on") && propName.length > 2) {
+        const handler = resolveFunctionBinding(binding, context);
+        if (handler) {
+          const domEventName = propName.slice(2).toLowerCase();
+          if (!elementState.eventListeners.has(domEventName)) {
+            elementState.eventListeners.set(domEventName, handler);
+            domElement.addEventListener(domEventName, handler);
+          }
+        }
+      }
+    }
   }
 }
 function detachEventHandlers(elementState) {
@@ -1514,7 +1549,7 @@ function createElement(element, context, eventHandlers) {
     textContent,
     eventListeners: /* @__PURE__ */ new Map()
   };
-  attachEventHandlers(domElement, element.i, eventHandlers, elementState);
+  attachEventHandlers(domElement, element, eventHandlers, context, elementState);
   return elementState;
 }
 var globalRenderingStack = /* @__PURE__ */ new Set();

package/dist/index.d.cts

@@ -52,6 +52,15 @@ interface ElementConfig {
     readOnly?: boolean;
     /** Inline styles */
     style?: Record<string, any>;
+    /** Input bindings for props */
+    bindings?: {
+        inputs?: Record<string, {
+            source: 'static' | 'props' | 'state' | 'parent' | 'function';
+            value?: any;
+            path?: string;
+            binding?: any;
+        }>;
+    };
     /** Reference to another component (for componentView elements) */
     componentViewRef?: string;
     /** Version specifier for the referenced component */

package/dist/index.d.ts

@@ -52,6 +52,15 @@ interface ElementConfig {
     readOnly?: boolean;
     /** Inline styles */
     style?: Record<string, any>;
+    /** Input bindings for props */
+    bindings?: {
+        inputs?: Record<string, {
+            source: 'static' | 'props' | 'state' | 'parent' | 'function';
+            value?: any;
+            path?: string;
+            binding?: any;
+        }>;
+    };
     /** Reference to another component (for componentView elements) */
     componentViewRef?: string;
     /** Version specifier for the referenced component */

package/dist/index.js

@@ -1198,15 +1198,50 @@ function applyAttributes(domElement, element, context) {
     }
   }
 }
-function attachEventHandlers(domElement, elementId, eventHandlers, elementState) {
-  if (!eventHandlers || !eventHandlers[elementId]) {
-    return;
+function resolveFunctionBinding(binding, context) {
+  if (binding.source === "props" || binding.source === "parent") {
+    const path = binding.path;
+    if (!path) return void 0;
+    const parts = path.split(".");
+    let value = context.props;
+    for (const part of parts) {
+      if (value === null || value === void 0) return void 0;
+      value = value[part];
+    }
+    if (typeof value === "function") {
+      return value;
+    }
+    return void 0;
   }
-  const handlers = eventHandlers[elementId];
-  for (const [eventName, handler] of Object.entries(handlers)) {
-    const domEventName = eventName.replace(/^on/, "").toLowerCase();
-    elementState.eventListeners.set(domEventName, handler);
-    domElement.addEventListener(domEventName, handler);
+  if (binding.source === "static" && typeof binding.value === "function") {
+    return binding.value;
+  }
+  return void 0;
+}
+function attachEventHandlers(domElement, element, eventHandlers, context, elementState) {
+  const elementId = element.i;
+  if (eventHandlers && eventHandlers[elementId]) {
+    const handlers = eventHandlers[elementId];
+    for (const [eventName, handler] of Object.entries(handlers)) {
+      const domEventName = eventName.replace(/^on/, "").toLowerCase();
+      elementState.eventListeners.set(domEventName, handler);
+      domElement.addEventListener(domEventName, handler);
+    }
+  }
+  const bindings = element.configuration?.bindings?.inputs;
+  if (bindings) {
+    for (const [propName, binding] of Object.entries(bindings)) {
+      if (propName.startsWith("on") && propName.length > 2) {
+        const handler = resolveFunctionBinding(binding, context);
+        if (handler) {
+          const domEventName = propName.slice(2).toLowerCase();
+          if (!elementState.eventListeners.has(domEventName)) {
+            elementState.eventListeners.set(domEventName, handler);
+            domElement.addEventListener(domEventName, handler);
+          }
+        }
+      }
+    }
   }
 }
 function detachEventHandlers(elementState) {
@@ -1241,7 +1276,7 @@ function createElement(element, context, eventHandlers) {
     textContent,
     eventListeners: /* @__PURE__ */ new Map()
   };
-  attachEventHandlers(domElement, element.i, eventHandlers, elementState);
+  attachEventHandlers(domElement, element, eventHandlers, context, elementState);
   return elementState;
 }
 var globalRenderingStack = /* @__PURE__ */ new Set();

package/package.json

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