@symbo.ls/button 0.4.2 → 0.5.7

package/packages/react/node_modules/@domql/mixins/src/registry.js

@@ -0,0 +1,55 @@
+'use strict'
+
+import {
+  attr,
+  style,
+  text,
+  html,
+  content,
+  data,
+  classList,
+  state
+} from '.'
+
+export const registry = {
+  attr,
+  style,
+  text,
+  html,
+  content,
+  data,
+  class: classList,
+  state,
+
+  proto: {},
+  props: {},
+  path: {},
+  childProto: {},
+  if: {},
+  define: {},
+  transform: {},
+  __hash: {},
+  __cached: {},
+  __defined: {},
+  __exec: {},
+  __changes: {},
+  __trash: {},
+  __root: {},
+  __props: {},
+  __proto: {},
+  __ifFragment: {},
+  __ifFalsy: {},
+  key: {},
+  tag: {},
+  parent: {},
+  node: {},
+  set: {},
+  update: {},
+  remove: {},
+  lookup: {},
+  keys: {},
+  log: {},
+  parse: {},
+  parseDeep: {},
+  on: {}
+}

package/packages/react/node_modules/@domql/mixins/src/state.js

@@ -0,0 +1,16 @@
+'use strict'
+
+import { exec, isObject } from '@domql/utils'
+
+export const state = (params, element, node) => {
+  const state = exec(params, element)
+
+  if (isObject(state)) {
+    for (const param in state) {
+      if (param === 'update' || param === '__element' || param === 'parse') continue
+      element.state[param] = exec(state[param], element)
+    }
+  }
+
+  return element
+}

package/packages/react/node_modules/@domql/mixins/src/style.js

@@ -0,0 +1,14 @@
+'use strict'
+
+import { isObject, map } from '@domql/utils'
+import { report } from '@domql/report'
+
+/**
+ * Recursively add styles to a DOM node
+ */
+export const style = (params, element, node) => {
+  if (params) {
+    if (isObject(params)) map(node.style, params, element)
+    else report('HTMLInvalidStyles', params)
+  }
+}

package/packages/react/node_modules/@domql/mixins/src/text.js

@@ -0,0 +1,19 @@
+'use strict'
+
+import { exec } from '@domql/utils'
+import { create } from '@domql/element'
+
+/**
+ * Creates a text node and appends into
+ * an original one as a child
+ */
+export const text = (param, element, node) => {
+  const prop = exec(param, element)
+  if (element.tag === 'string') node.nodeValue = prop
+  else if (param) {
+    if (element.__text) {
+      element.__text.text = prop
+      if (element.__text.node) element.__text.node.nodeValue = prop
+    } else create({ tag: 'string', text: prop }, element, '__text')
+  }
+}

package/packages/react/node_modules/@domql/node/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2016 rackai
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/packages/react/node_modules/@domql/node/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@domql/node",
+  "version": "1.3.0",
+  "main": "src/index.js",
+  "license": "MIT",
+  "dependencies": {
+    "@domql/define": "latest",
+    "@domql/element": "^1.3.0",
+    "@domql/event": "^1.3.0",
+    "@domql/mixins": "^1.3.0",
+    "@domql/utils": "^1.3.0"
+  },
+  "scripts": {
+    "vpatch": "npm version patch && npm publish --access public"
+  },
+  "gitHead": "3140379c0f6da459a39068f32630275c6ea3b33f"
+}

package/packages/react/node_modules/@domql/node/src/cache.js

@@ -0,0 +1,52 @@
+'use strict'
+
+import { can } from '@domql/event'
+import { exec, isString, isValidHtmlTag, report } from '@domql/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')
+  }
+}
+
+const detectTag = element => {
+  let { tag, key } = element
+  tag = exec(tag, element)
+
+  if (tag === true) tag = key
+
+  if (isString(tag)) {
+    const tagExists = isValidHtmlTag(tag) > -1
+    if (tagExists) return tag
+  } else {
+    const isKeyATag = isValidHtmlTag(key) > -1
+    if (isKeyATag) return key
+  }
+
+  return 'div'
+}
+
+export const cacheNode = (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/packages/react/node_modules/@domql/node/src/create.js

@@ -0,0 +1,86 @@
+'use strict'
+
+import { create, throughInitialDefine, throughInitialExec, applyEvents, isMethod } from '@domql/element'
+import { isFunction, isObject } from '@domql/utils'
+import { on } from '@domql/event'
+import { registry } from '@domql/mixins'
+import { cacheNode } from './cache'
+// import { defineSetter } from './methods'
+
+const ENV = process.env.NODE_ENV
+
+// const defineSetter = (element, key) => Object.defineProperty(element, key, {
+//   get: function () {
+//     console.log('GET', key)
+//     return element.__data[key]
+//   },
+//   set: function (new_value) {
+//     console.log('SET', key, new_value)
+//     element.__data[key] = new_value
+//     element.__data['modified'] = (new Date()).getTime()
+//   }
+// })
+
+export * from './cache'
+export * from './registry'
+
+export const createNode = (element) => {
+  // create and assign a node
+  let { node, tag } = element
+
+  let isNewNode
+
+  // console.groupCollapsed('CREATE:')
+  // console.log(element)
+  // console.groupEnd('CREATE:')
+
+  if (!node) {
+    isNewNode = true
+
+    if (tag === 'shadow') {
+      node = element.node = element.parent.node.attachShadow({ mode: 'open' })
+    } else node = element.node = cacheNode(element)
+
+    // run `on.attachNode`
+    if (element.on && isFunction(element.on.attachNode)) {
+      on.attachNode(element.on.attachNode, element, element.state)
+    }
+  }
+
+  // node.dataset // .key = element.key
+
+  if (ENV === 'test' || ENV === 'development') {
+    node.ref = element
+    if (isFunction(node.setAttribute)) node.setAttribute('key', element.key)
+  }
+
+  // iterate through all given params
+  if (element.tag !== 'string' || element.tag !== 'fragment') {
+    // iterate through define
+    if (isObject(element.define)) throughInitialDefine(element)
+
+    // iterate through exec
+    throughInitialExec(element)
+
+    // apply events
+    if (isNewNode && isObject(element.on)) applyEvents(element)
+
+    for (const param in element) {
+      const prop = element[param]
+
+      if (isMethod(param) || isObject(registry[param]) || prop === undefined) continue
+
+      const hasDefined = element.define && element.define[param]
+      const ourParam = registry[param]
+
+      if (ourParam) { // Check if param is in our method registry
+        if (isFunction(ourParam)) ourParam(prop, element, node)
+      } else if (element[param] && !hasDefined) {
+        create(prop, element, param) // Create element
+      }
+    }
+  }
+
+  // node.dataset.key = key
+  return element
+}

package/packages/react/node_modules/@domql/node/src/index.js

@@ -0,0 +1,5 @@
+'use strict'
+
+export * from './create'
+export * from './registry'
+export * from './cache'

package/packages/react/node_modules/@domql/node/src/registry.js

@@ -0,0 +1,139 @@
+'use strict'
+
+export const NODE_REGISTRY = {
+  root: [
+    'body',
+    'html'
+  ],
+
+  head: [
+    'title',
+    'base',
+    'meta',
+    'style'
+  ],
+
+  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/packages/react/node_modules/@domql/parse/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2016 rackai
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/packages/react/node_modules/@domql/parse/index.js

@@ -0,0 +1,16 @@
+'use strict'
+
+import { create, assignNode } from '@domql/element'
+
+const parse = (element) => {
+  const virtualTree = {
+    node: document.createElement('div')
+  }
+
+  if (element && element.node) assignNode(element, virtualTree)
+  else create(element, virtualTree)
+
+  return virtualTree.node.innerHTML
+}
+
+export default parse

package/packages/react/node_modules/@domql/parse/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@domql/parse",
+  "version": "1.3.0",
+  "main": "index.js",
+  "license": "MIT",
+  "dependencies": {
+    "@domql/element": "^1.3.0"
+  },
+  "gitHead": "3140379c0f6da459a39068f32630275c6ea3b33f"
+}

package/packages/react/node_modules/@domql/props/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2016 rackai
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/packages/react/node_modules/@domql/props/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@domql/props",
+  "version": "1.3.0",
+  "main": "src/index.js",
+  "license": "MIT",
+  "dependencies": {
+    "@domql/utils": "^1.3.0"
+  },
+  "gitHead": "3140379c0f6da459a39068f32630275c6ea3b33f"
+}

package/packages/react/node_modules/@domql/props/src/index.js

@@ -0,0 +1,62 @@
+'use strict'
+
+import { deepClone, deepMerge, exec, isArray } from '@domql/utils'
+
+const initProps = (element, parent) => {
+  const propsStack = []
+  if (element.props) propsStack.push(element.props)
+
+  if (isArray(element.__proto)) {
+    element.__proto.map(proto => {
+      if (proto.props) propsStack.push(proto.props)
+      return proto.props
+    })
+  }
+
+  return propsStack
+}
+
+const inheritProps = (element, parent) => {
+  element.props = (parent && parent.props) || { update, __element: element }
+}
+
+export const syncProps = (props, element) => {
+  element.props = {}
+  const mergedProps = { update, __element: element }
+  props.forEach(v => {
+    if (v === 'update' || v === '__element') return
+    element.props = deepMerge(mergedProps, deepClone(exec(v, element)))
+  })
+  element.props = mergedProps
+  return element.props
+}
+
+export const createProps = function (element, parent, cached) {
+  const propsStack = cached || initProps(element, parent)
+
+  if (propsStack.length) {
+    element.__props = propsStack
+    syncProps(propsStack, element)
+    element.props.update = update
+  } else inheritProps(element, parent)
+
+  return element
+}
+
+export const updateProps = (newProps, element, parent) => {
+  let propsStack = element.__props
+
+  if (newProps) propsStack = element.__props = [].concat(newProps, propsStack)
+
+  if (propsStack) syncProps(propsStack, element)
+  else inheritProps(element, parent)
+
+  // console.log(cachedProps)
+  return element
+}
+
+function update (props) {
+  const element = this.__element
+  // element.update({ props })
+  element.update()
+}

package/packages/react/node_modules/@domql/proto/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2016 rackai
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/packages/react/node_modules/@domql/proto/index.js

@@ -0,0 +1,66 @@
+'use strict'
+
+import { isFunction, exec, getProtoStack, jointStacks, cloneAndMergeArrayProto, deepMergeProto } from '@domql/utils'
+
+const ENV = process.env.NODE_ENV
+
+/**
+ * Checks whether element has `proto` or is a part
+ * of parent's `childProto` prototype
+ */
+export const applyPrototype = (element, parent, options = {}) => {
+  if (isFunction(element)) element = exec(element, parent)
+
+  const { proto } = element
+
+  // merge if proto is array
+  // const proto = mergeAndCloneIfArray(element.proto, v => {
+  //   if (v.props) cache.props.push(v.props)
+  // console.log('v.propsIN_PROTO:')
+  // console.log(v.props)
+  // })
+
+  // console.log(proto)
+  const protoStack = getProtoStack(proto)
+
+  if (ENV !== 'test' || ENV !== 'development') delete element.proto
+
+  // console.log(parent.childProto)
+
+  // console.log(element)
+  // console.log(proto)
+  // console.log(protoStack)
+  // debugger
+
+  let childProtoStack = []
+  if (parent) {
+    // Assign parent attr to the element
+    element.parent = parent
+    if (!options.ignoreChildProto) {
+      childProtoStack = getProtoStack(parent.childProto)
+    }
+  }
+
+  // console.log(proto, parent && parent.childProto)
+  // console.log(protoStack, childProtoStack)
+
+  const protoLength = protoStack.length
+  const childProtoLength = childProtoStack.length
+
+  let stack = []
+  if (protoLength && childProtoLength) {
+    stack = jointStacks(protoStack, childProtoStack)
+  } else if (protoLength) {
+    stack = protoStack
+  } else if (childProtoLength) {
+    stack = childProtoStack
+  } else return element
+
+  element.__proto = stack
+  const mergedProto = cloneAndMergeArrayProto(stack)
+
+  // console.log(mergedProto)
+  return deepMergeProto(element, mergedProto)
+
+  // final merging with prototype
+}

package/packages/react/node_modules/@domql/proto/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@domql/proto",
+  "version": "1.3.0",
+  "main": "index.js",
+  "license": "MIT",
+  "dependencies": {
+    "@domql/utils": "^1.3.0"
+  },
+  "gitHead": "3140379c0f6da459a39068f32630275c6ea3b33f"
+}