domql 1.5.136 → 1.6.0

package/src/utils/object.js

@@ -1,9 +1,16 @@
 'use strict'
 
-import { TAGS } from '@domql/registry'
-import { isArray, isObject, isObjectLike } from '@domql/utils'
-
-export const isTagRegistered = arg => TAGS.body.indexOf(arg)
+import { isArray, isObject, isObjectLike, joinArrays } from '@domql/utils'
+import { IGNORE_STATE_PARAMS } from '../element/state'
+import { IGNORE_PROPS_PARAMS } from '../element/props'
+import { METHODS } from '../element/methods'
+
+const METHODS_EXL = joinArrays(
+  ['node', 'state', 'context', 'extend'],
+  METHODS,
+  IGNORE_STATE_PARAMS,
+  IGNORE_PROPS_PARAMS
+)
 
 export const merge = (element, obj) => {
   for (const e in obj) {
@@ -16,12 +23,11 @@ export const merge = (element, obj) => {
   return element
 }
 
-export const deepMerge = (element, extend) => {
+export const deepMerge = (element, extend, exclude = METHODS_EXL) => {
   for (const e in extend) {
+    if (exclude.includes(e)) continue
     const elementProp = element[e]
     const extendProp = extend[e]
-    // const cachedProps = cache.props
-    if (e === 'parent' || e === 'props' || e === 'state') continue
     if (elementProp === undefined) {
       element[e] = extendProp
     } else if (isObjectLike(elementProp) && isObject(extendProp)) {
@@ -31,11 +37,11 @@ export const deepMerge = (element, extend) => {
   return element
 }
 
-export const clone = obj => {
+export const clone = (obj, exclude = METHODS_EXL) => {
   const o = {}
-  for (const prop in obj) {
-    if (prop === 'node') continue
-    o[prop] = obj[prop]
+  for (const e in obj) {
+    if (exclude.includes(e)) continue
+    o[e] = obj[e]
   }
   return o
 }
@@ -43,17 +49,17 @@ export const clone = obj => {
 /**
  * Deep cloning of object
  */
-export const deepClone = (obj, excluding = ['parent', 'node', '__element', 'state', 'context', 'extend', '__ref']) => {
+export const deepClone = (obj, exclude = METHODS_EXL) => {
   const o = isArray(obj) ? [] : {}
-  for (const prop in obj) {
-    if (excluding.indexOf(prop) > -1) continue
-    let objProp = obj[prop]
-    if (prop === 'extend' && isArray(objProp)) {
-      objProp = mergeArray(objProp, excluding)
+  for (const e in obj) {
+    if (exclude.includes(e)) continue
+    let objProp = obj[e]
+    if (e === 'extend' && isArray(objProp)) {
+      objProp = mergeArray(objProp, exclude)
     }
     if (isObjectLike(objProp)) {
-      o[prop] = deepClone(objProp, excluding)
-    } else o[prop] = objProp
+      o[e] = deepClone(objProp, exclude)
+    } else o[e] = objProp
   }
   return o
 }
@@ -83,9 +89,9 @@ export const overwrite = (element, params, options) => {
   return changes
 }
 
-export const overwriteShallow = (obj, params, excluding = ['node', '__ref']) => {
+export const overwriteShallow = (obj, params, exclude = METHODS_EXL) => {
   for (const e in params) {
-    if (excluding.indexOf(e) > -1) continue
+    if (exclude.includes(e)) continue
     obj[e] = params[e]
   }
   return obj
@@ -94,9 +100,9 @@ export const overwriteShallow = (obj, params, excluding = ['node', '__ref']) =>
 /**
  * Overwrites DEEPly object properties with another
  */
-export const overwriteDeep = (obj, params, excluding = ['node', '__ref']) => {
+export const overwriteDeep = (obj, params, exclude = METHODS_EXL) => {
   for (const e in params) {
-    if (excluding.indexOf(e) > -1) continue
+    if (exclude.includes(e)) continue
     const objProp = obj[e]
     const paramsProp = params[e]
     if (isObjectLike(objProp) && isObjectLike(paramsProp)) {
@@ -119,8 +125,8 @@ export const mergeIfExisted = (a, b) => {
 /**
  * Merges array extends
  */
-export const mergeArray = (arr, excluding = ['parent', 'node', '__element', 'state', 'context', '__ref']) => {
-  return arr.reduce((a, c) => deepMerge(a, deepClone(c, excluding)), {})
+export const mergeArray = (arr, exclude = ['parent', 'node', '__element', 'state', 'context', '__ref']) => {
+  return arr.reduce((a, c) => deepMerge(a, deepClone(c, exclude)), {})
 }
 
 /**

package/src/element/assign.js

@@ -1,22 +0,0 @@
-'use strict'
-
-/**
- * Receives child and parent nodes as parametes
- * and assigns them into real DOM tree
- */
-export const appendNode = (node, parentNode) => {
-  parentNode.appendChild(node)
-  return node
-}
-
-/**
- * Receives elements and assigns the first
- * parameter as a child of the second one
- */
-export const assignNode = (element, parent, key) => {
-  parent[key || element.key] = element
-  if (element.tag !== 'shadow') {
-    appendNode(element.node, parent.node)
-  }
-  return element
-}

package/src/element/cache.js

@@ -1,56 +0,0 @@
-'use strict'
-
-import { document } from '@domql/globals'
-import { exec, isString } from '@domql/utils'
-import { report } from '@domql/report'
-
-import { can } from '../event'
-import { isTagRegistered } from '../utils'
-
-const cachedElements = {}
-
-const createNode = (element) => {
-  const { tag } = element
-  if (tag) {
-    if (tag === 'string') return document.createTextNode(element.text)
-    else if (tag === 'fragment') {
-      return document.createDocumentFragment()
-    } else if (tag === 'svg' || tag === 'path') { // change that
-      return document.createElementNS('http://www.w3.org/2000/svg', tag)
-    } else return document.createElement(tag)
-  } else {
-    return document.createElement('div')
-  }
-}
-
-export const detectTag = element => {
-  let { tag, key } = element
-  tag = exec(tag, element)
-
-  if (tag === true) tag = key
-
-  if (isString(tag)) {
-    const tagExists = isTagRegistered(tag) > -1
-    if (tagExists) return tag
-  } else {
-    const isKeyATag = isTagRegistered(key) > -1
-    if (isKeyATag) return key
-  }
-
-  return 'div'
-}
-
-export default (element) => {
-  const tag = element.tag = detectTag(element)
-
-  if (!can.render(element)) {
-    return report('HTMLInvalidTag')
-  }
-
-  let cachedTag = cachedElements[tag]
-  if (!cachedTag) cachedTag = cachedElements[tag] = createNode(element)
-
-  const clonedNode = cachedTag.cloneNode(true)
-  if (tag === 'string') clonedNode.nodeValue = element.text
-  return clonedNode
-}

package/src/element/nodes.js

@@ -1,141 +0,0 @@
-'use strict'
-
-export default {
-  root: [
-    'body',
-    'html'
-  ],
-
-  head: [
-    'title',
-    'base',
-    'meta',
-    'style'
-  ],
-
-  body: [
-    'html',
-    'body',
-    'string',
-    'fragment',
-    'a',
-    'abbr',
-    'acronym',
-    'address',
-    'applet',
-    'area',
-    'article',
-    'aside',
-    'audio',
-    'b',
-    'basefont',
-    'bdi',
-    'bdo',
-    'big',
-    'blockquote',
-    'br',
-    'button',
-    'canvas',
-    'caption',
-    'center',
-    'cite',
-    'code',
-    'col',
-    'colgroup',
-    'data',
-    'datalist',
-    'dd',
-    'del',
-    'details',
-    'dfn',
-    'dialog',
-    'dir',
-    'div',
-    'dl',
-    'dt',
-    'em',
-    'embed',
-    'fieldset',
-    'figcaption',
-    'figure',
-    'font',
-    'footer',
-    'form',
-    'frame',
-    'frameset',
-    'h1',
-    'h2',
-    'h3',
-    'h4',
-    'h5',
-    'h6',
-    'head',
-    'header',
-    'hr',
-    'i',
-    'iframe',
-    'img',
-    'input',
-    'ins',
-    'kbd',
-    'label',
-    'legend',
-    'li',
-    'link',
-    'main',
-    'map',
-    'mark',
-    'meter',
-    'nav',
-    'noframes',
-    'noscript',
-    'object',
-    'ol',
-    'optgroup',
-    'option',
-    'output',
-    'p',
-    'param',
-    'picture',
-    'pre',
-    'progress',
-    'q',
-    'rp',
-    'rt',
-    'ruby',
-    's',
-    'samp',
-    'script',
-    'section',
-    'select',
-    'small',
-    'source',
-    'span',
-    'strike',
-    'strong',
-    'sub',
-    'summary',
-    'sup',
-    'table',
-    'tbody',
-    'td',
-    'template',
-    'textarea',
-    'tfoot',
-    'th',
-    'thead',
-    'time',
-    'tr',
-    'track',
-    'tt',
-    'u',
-    'ul',
-    'var',
-    'video',
-    'wbr',
-
-    // SVG
-    'svg',
-    'path'
-  ]
-}

package/src/element/root.js

@@ -1,11 +0,0 @@
-'use strict'
-
-import { document } from '@domql/globals'
-import { report } from '@domql/report'
-
-const root = {
-  key: ':root',
-  node: document ? document.body : report('DocumentNotDefined', document)
-}
-
-export default root

package/src/element/tree.js

@@ -1,5 +0,0 @@
-'use strict'
-
-import root from './root'
-
-export default root

package/src/event/can.js

@@ -1,10 +0,0 @@
-'use strict'
-
-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')
-}

package/src/event/index.js

@@ -1,11 +0,0 @@
-'use strict'
-
-import * as on from './on'
-import * as can from './can'
-import * as is from './is'
-
-export {
-  on,
-  can,
-  is
-}

package/src/event/is.js

@@ -1,15 +0,0 @@
-'use strict'
-
-import { window } from '@domql/globals'
-
-export const node = (node) => {
-  const { Node } = window
-  return (
-    typeof Node === 'function'
-      ? node instanceof Node
-      : node &&
-        typeof node === 'object' &&
-        typeof node.nodeType === 'number' &&
-        typeof node.tag === 'string'
-  )
-}

package/src/event/on.js

@@ -1,13 +0,0 @@
-'use strict'
-
-export const initUpdate = (param, element, state, changes) => {
-  return param(element, state, changes)
-}
-
-export const initStateUpdated = (param, element, state, changes) => {
-  return param(element, state, changes)
-}
-
-export const stateUpdated = (param, element, state, changes) => {
-  return param(element, state, changes)
-}

package/src/event/store.js

@@ -1,6 +0,0 @@
-'use strict'
-
-export default {
-  click: [],
-  render: []
-}

package/src/event/wrappers.js

@@ -1,16 +0,0 @@
-'use strict'
-
-import { document, window } from '@domql/globals'
-
-export const getScrollPositions = () => {
-  if (global.pageYOffset !== undefined) {
-    return [global.pageXOffset, window.pageYOffset]
-  } else {
-    const d = document
-    const r = d.documentElement
-    const b = d.body
-    const sx = r.scrollLeft || b.scrollLeft || 0
-    const sy = r.scrollTop || b.scrollTop || 0
-    return [sx, sy]
-  }
-}