@domql/utils 2.3.5 → 2.3.8

package/array.js

@@ -0,0 +1 @@
+'use strict'

package/function.js

@@ -0,0 +1,23 @@
+'use strict'
+
+export const debounce = (element, func, timeout = 300) => {
+  let timer
+  return (...args) => {
+    clearTimeout(timer)
+    timer = setTimeout(() => { func.apply(element, args) }, timeout)
+  }
+}
+
+export const memoize = (fn) => {
+  const cache = {}
+  return (...args) => {
+    const n = args[0]
+    if (n in cache) {
+      return cache[n]
+    } else {
+      const result = fn(n)
+      cache[n] = result
+      return result
+    }
+  }
+}

package/index.js

@@ -1,4 +1,7 @@
 'use strict'
 
+export * from './types'
 export * from './object'
+export * from './function'
+export * from './array'
 export * from './node'

package/object.js

@@ -1,53 +1,6 @@
 'use strict'
 
-import { HTML_TAGS } from '@domql/tags'
-
-export const isValidHtmlTag = arg => HTML_TAGS.body.indexOf(arg)
-
-export const isObject = arg => {
-  if (arg === null) return false
-  return (typeof arg === 'object') && (arg.constructor === Object)
-}
-
-export const isString = arg => typeof arg === 'string'
-
-export const isNumber = arg => typeof arg === 'number'
-
-export const isFunction = arg => typeof arg === 'function'
-
-export const isArray = arg => Array.isArray(arg)
-
-export const isObjectLike = arg => {
-  if (arg === null) return false
-  // if (isArray(arg)) return false
-  return (typeof arg === 'object')
-}
-
-export const isNode = obj => {
-  return (
-    typeof window.Node === 'object'
-      ? obj instanceof window.Node
-      : obj && typeof obj === 'object' && typeof obj.nodeType === 'number' && typeof obj.nodeName === 'string'
-  )
-}
-
-export const isHtmlElement = obj => {
-  return (
-    typeof window.HTMLElement === 'object'
-      ? obj instanceof window.HTMLElement // DOM2
-      : obj && typeof obj === 'object' && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === 'string'
-  )
-}
-
-export const isDefined = arg => {
-  return isObject(arg) ||
-    isObjectLike(arg) ||
-    isString(arg) ||
-    isNumber(arg) ||
-    isFunction(arg) ||
-    isArray(arg) ||
-    isObjectLike(arg)
-}
+import { isFunction, isObjectLike, isObject, isArray } from './types'
 
 export const exec = (param, element, state) => {
   if (isFunction(param)) return param(element, state || element.state)
@@ -224,16 +177,19 @@ export const flattenRecursive = (param, prop, stack = []) => {
   return stack
 }
 
-export const memoize = (fn) => {
-  const cache = {}
-  return (...args) => {
-    const n = args[0]
-    if (n in cache) {
-      return cache[n]
+export const isEqualDeep = (param, element) => {
+  if (param === element) return true
+  if (!param || !element) return false
+  for (const prop in param) {
+    const paramProp = param[prop]
+    const elementProp = element[prop]
+    if (isObjectLike(paramProp)) {
+      const isEqual = isEqualDeep(paramProp, elementProp)
+      if (!isEqual) return false
     } else {
-      const result = fn(n)
-      cache[n] = result
-      return result
+      const isEqual = paramProp === elementProp
+      if (!isEqual) return false
     }
   }
+  return true
 }

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@domql/utils",
-  "version": "2.3.5",
+  "version": "2.3.8",
   "main": "index.js",
   "license": "MIT",
   "dependencies": {
     "@domql/tags": "latest"
   },
-  "gitHead": "9f1a47a59fa1512a593714401583b8286e6f2bff",
+  "gitHead": "0806fd53e029721c87db84d21a3e46a8a23cef24",
   "source": "index.js"
 }

package/types.js

@@ -0,0 +1,50 @@
+'use strict'
+
+import { HTML_TAGS } from '@domql/tags'
+
+export const isValidHtmlTag = arg => HTML_TAGS.body.indexOf(arg)
+
+export const isObject = arg => {
+  if (arg === null) return false
+  return (typeof arg === 'object') && (arg.constructor === Object)
+}
+
+export const isString = arg => typeof arg === 'string'
+
+export const isNumber = arg => typeof arg === 'number'
+
+export const isFunction = arg => typeof arg === 'function'
+
+export const isArray = arg => Array.isArray(arg)
+
+export const isObjectLike = arg => {
+  if (arg === null) return false
+  // if (isArray(arg)) return false
+  return (typeof arg === 'object')
+}
+
+export const isNode = obj => {
+  return (
+    typeof window.Node === 'object'
+      ? obj instanceof window.Node
+      : obj && typeof obj === 'object' && typeof obj.nodeType === 'number' && typeof obj.nodeName === 'string'
+  )
+}
+
+export const isHtmlElement = obj => {
+  return (
+    typeof window.HTMLElement === 'object'
+      ? obj instanceof window.HTMLElement // DOM2
+      : obj && typeof obj === 'object' && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === 'string'
+  )
+}
+
+export const isDefined = arg => {
+  return isObject(arg) ||
+    isObjectLike(arg) ||
+    isString(arg) ||
+    isNumber(arg) ||
+    isFunction(arg) ||
+    isArray(arg) ||
+    isObjectLike(arg)
+}