@kudzujs/core 0.6.26 → 0.6.28

package/framework/native-runtime.js

@@ -68,10 +68,21 @@ function mountNative(root, eventNames, modules) {
     for (const node of matching(root, `[data-k-native-${eventName}]`)) {
       const listeners = registrations.get(node) ?? new Map()
       if (listeners.has(eventName)) continue
+      let encoded = node.dataset[`kNative${capitalize(eventName)}`]
+      let native = JSON.parse(encoded)
+      let handler
+      let context = createNativeContext(browserState, native.states, commitDom, native.scope)
       const listener = event => {
         try {
-          const native = JSON.parse(node.dataset[`kNative${capitalize(eventName)}`])
-          const result = modules.get(native.module)[native.handler](createNativeContext(browserState, native.states, commitDom, native.scope), event)
+          const current = node.dataset[`kNative${capitalize(eventName)}`]
+          if (current !== encoded) {
+            native = JSON.parse(current)
+            encoded = current
+            context = createNativeContext(browserState, native.states, commitDom, native.scope)
+            handler = undefined
+          }
+          handler ??= modules.get(native.module)[native.handler]
+          const result = handler(context, event)
           if (result && typeof result.then === "function") result.catch(error => console.error(error))
         } catch (error) {
           console.error(error)

package/framework/shared-runtime.js

@@ -107,17 +107,30 @@ if (typeof document !== "undefined") {
 
   const eventNames = ["click", "input", "change"]
   for (const eventName of eventNames) {
+    const directName = `kSetTrue${capitalize(eventName)}`
+    const commandsName = `kOn${capitalize(eventName)}`
+    const selector = `[data-k-set-true-${eventName}],[data-k-on-${eventName}]`
     document.addEventListener(eventName, event => {
-      const target = event.target.closest(`[data-k-set-true-${eventName}],[data-k-on-${eventName}]`)
-      if (!target) return
-      const direct = target.dataset[`kSetTrue${capitalize(eventName)}`]
+      const direct = event.target.dataset?.[directName]
       if (direct) {
         browserState.set(direct, true)
         commitDom(direct, true)
         return
       }
-      const commands = target.dataset[`kOn${capitalize(eventName)}`]
-      applyCommands(browserState, JSON.parse(commands), commitDom)
+      const commands = event.target.dataset?.[commandsName]
+      if (commands) {
+        applyCommands(browserState, JSON.parse(commands), commitDom)
+        return
+      }
+      const target = event.target.closest?.(selector)
+      if (!target) return
+      const inheritedDirect = target.dataset[directName]
+      if (inheritedDirect) {
+        browserState.set(inheritedDirect, true)
+        commitDom(inheritedDirect, true)
+        return
+      }
+      applyCommands(browserState, JSON.parse(target.dataset[commandsName]), commitDom)
     })
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kudzujs/core",
-  "version": "0.6.26",
+  "version": "0.6.28",
   "description": "HTML-first TSX framework with synchronous state semantics and no virtual DOM",
   "type": "module",
   "license": "MIT",