@domql/event 2.3.89 → 2.3.92

package/can.js

@@ -1,10 +1,10 @@
 'use strict'
 
-// import { TAGS } from '@domql/registry'
-// import { report } from '@domql/report'
+import { TAGS } from '@domql/registry'
+import { report } from '@domql/report'
 
-// export const render = (element) => {
-//   const tag = element.tag || 'div'
-//   const isValid = TAGS.body.indexOf(tag) > -1
-//   return isValid || report('HTMLInvalidTag')
-// }
+export const canRender = (element) => {
+  const tag = element.tag || 'div'
+  const isValid = TAGS.body.indexOf(tag) > -1
+  return isValid || report('HTMLInvalidTag')
+}

package/index.js

@@ -1,16 +1,9 @@
 'use strict'
 
-import * as on from './on'
-import * as can from './can'
 import * as is from './is'
 
-const applyEvent = on.applyEvent
-const triggerEventOn = on.triggerEventOn
-
+export * from './on'
+export * from './can'
 export {
-  on,
-  applyEvent,
-  triggerEventOn,
-  can,
   is
 }

package/legacy.js

@@ -0,0 +1,49 @@
+import { isFunction } from '@domql/utils'
+
+// LEGACY
+export const init = (param, element, state) => {
+  param(element, state)
+}
+
+export const render = (param, element, state) => {
+  param(element, state)
+}
+
+// export const attachNode = (param, element, state) => {
+//   param(element, state)
+// }
+
+export const createState = (state, element) => {
+  const { on, ...el } = element
+  if (on && isFunction(on.createState)) {
+    on.createState(state, el)
+  }
+}
+
+export const updateStateInit = (changes, element) => {
+  const { state, on, ...el } = element
+  if (on && isFunction(on.updateStateInit)) {
+    on.updateStateInit(changes, state, el)
+  }
+}
+
+export const updateState = (changes, element) => {
+  const { state, on } = element
+  if (on && isFunction(on.updateState)) {
+    on.updateState(changes, state, element)
+  }
+}
+
+export const propsUpdated = (element) => {
+  const { props, state, on } = element
+  if (on && isFunction(on.propsUpdated)) {
+    on.propsUpdated(props, state, element)
+  }
+}
+
+export const update = (params, element, state) => {
+  if (element.on && isFunction(element.on.update)) {
+    element.on.update(element, state)
+  }
+  return params
+}

package/on.js

@@ -2,67 +2,42 @@
 
 import { isFunction } from '@domql/utils'
 
-export const init = (param, element, state) => {
-  param(element, state)
-}
-
-export const render = (param, element, state) => {
-  param(element, state)
-}
-
-export const applyEvent = (param, element, state, context) => {
+export const applyEvent = (param, element, state, context, updatedObj) => {
+  if (updatedObj) return param(updatedObj, element, state || element.state, context || element.context)
   return param(element, state || element.state, context || element.context)
 }
 
-export const triggerEventOn = (param, element) => {
+export const triggerEventOn = (param, element, updatedObj) => {
   if (element.on && isFunction(element.on[param])) {
+    if (updatedObj) {
+      const { state, context } = element
+      return applyEvent(element.on[param], element, state, context, updatedObj)
+    }
     return applyEvent(element.on[param], element)
   }
 }
 
-export const initUpdate = (element) => {
-  const { ref, state, on } = element
-  const { props } = ref
-  if (on && isFunction(on.initUpdate)) {
-    on.initUpdate(props, state, ref)
-  }
-}
-
-// export const attachNode = (param, element, state) => {
-//   param(element, state)
-// }
-
-export const createState = (state, element) => {
-  const { on, ...el } = element
-  if (on && isFunction(on.createState)) {
-    on.createState(state, el)
-  }
-}
-
-export const updateStateInit = (changes, element) => {
-  const { state, on, ...el } = element
-  if (on && isFunction(on.updateStateInit)) {
-    on.updateStateInit(changes, state, el)
-  }
-}
-
-export const updateState = (changes, element) => {
-  const { state, on } = element
-  if (on && isFunction(on.updateState)) {
-    on.updateState(changes, state, element)
-  }
-}
-
-export const propsUpdated = (element) => {
-  const { props, state, on } = element
-  if (on && isFunction(on.propsUpdated)) {
-    on.propsUpdated(props, state, element)
-  }
-}
-
-export const update = (params, element, state) => {
-  if (element.on && isFunction(element.on.update)) {
-    element.on.update(element, state)
+export const applyEventsOnNode = element => {
+  const { node, on } = element
+  for (const param in on) {
+    if (
+      param === 'init' ||
+      param === 'beforeClassAssign' ||
+      param === 'render' ||
+      param === 'renderRouter' ||
+      param === 'attachNode' ||
+      param === 'stateInit' ||
+      param === 'stateCreated' ||
+      param === 'initStateUpdated' ||
+      param === 'stateUpdated' ||
+      param === 'initUpdate' ||
+      param === 'update'
+    ) continue
+
+    const appliedFunction = element.on[param]
+    if (isFunction(appliedFunction)) {
+      const { state, context } = element
+      node.addEventListener(param, event => appliedFunction(event, element, state, context))
+    }
   }
-  return params
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/event",
-  "version": "2.3.89",
+  "version": "2.3.92",
   "main": "index.js",
   "license": "MIT",
   "scripts": {
@@ -10,6 +10,6 @@
     "@domql/globals": "latest",
     "@domql/utils": "latest"
   },
-  "gitHead": "bb45c7f24e08fb579b72c90abeed9f0054c817b0",
+  "gitHead": "dc86022df601a498fca8c9af5be9e40dcf36ddbf",
   "source": "index.js"
 }