@symbo.ls/button 0.4.3 → 0.5.8

package/package.json

@@ -1,7 +1,13 @@
 {
   "name": "@symbo.ls/button",
-  "version": "0.4.3",
+  "version": "0.5.8",
   "main": "src/index.js",
   "license": "MIT",
-  "gitHead": "f9ff8cad170955f2f2c63dbf530d04b76f2238e0"
+  "gitHead": "761a5fa98e6661bcf3b3488e9e0c7a9a42ee2e07",
+  "dependencies": {
+    "@symbo.ls/block": "^0.5.3",
+    "@symbo.ls/direction": "^0.5.3",
+    "@symbo.ls/icon-text": "^0.5.3",
+    "@symbo.ls/shape": "^0.5.3"
+  }
 }

package/packages/react/index.js

@@ -1 +1,8 @@
 'use strict'
+
+import { reactTransformer } from '@domql/react-transformer'
+import { Button as component } from '@symbo.ls/button'
+
+export const Button = (props, state) => {
+  return reactTransformer(component, props, state)
+}

package/packages/react/node_modules/.yarn-integrity

@@ -0,0 +1,91 @@
+{
+  "systemParams": "darwin-x64-83",
+  "modulesFolders": [
+    "node_modules"
+  ],
+  "flags": [],
+  "linkedModules": [
+    "@domql/cache",
+    "@domql/cookie",
+    "@domql/define",
+    "@domql/domql",
+    "@domql/element",
+    "@domql/emotion",
+    "@domql/event",
+    "@domql/id",
+    "@domql/mixins",
+    "@domql/node",
+    "@domql/object",
+    "@domql/parse",
+    "@domql/props",
+    "@domql/proto",
+    "@domql/report",
+    "@domql/router",
+    "@domql/state",
+    "@domql/tree",
+    "@domql/utils",
+    "@rackai/classql",
+    "@rackai/domql",
+    "@rackai/editor",
+    "@rackai/scratch",
+    "@rackai/symbols",
+    "@symbo-ls/components",
+    "@symbo.ls/all",
+    "@symbo.ls/auth",
+    "@symbo.ls/config",
+    "@symbo.ls/fetch",
+    "@symbo.ls/grid-layouts",
+    "@symbo.ls/icons",
+    "@symbo.ls/loader",
+    "@symbo.ls/scratch",
+    "@symbols/all",
+    "@symbols/auth",
+    "@symbols/components",
+    "@symbols/config",
+    "@symbols/domql",
+    "@symbols/fetch",
+    "@symbols/icons",
+    "@symbols/loader",
+    "@symbols/scratch",
+    "@symbols/uikit",
+    "components",
+    "icons"
+  ],
+  "topLevelPatterns": [
+    "@domql/react-transformer@^1.3.0",
+    "@symbo.ls/button@^0.5.3"
+  ],
+  "lockfileEntries": {
+    "@domql/cache@latest": "https://registry.yarnpkg.com/@domql/cache/-/cache-1.3.0.tgz#cbcbee018ed6536ca1fd9dd6de9a5f533e942971",
+    "@domql/cookie@latest": "https://registry.yarnpkg.com/@domql/cookie/-/cookie-1.3.0.tgz#d305bc3ea4c7470d60fa37046661b054d5903876",
+    "@domql/define@latest": "https://registry.yarnpkg.com/@domql/define/-/define-1.3.0.tgz#f00b62feb33cb2118432d128403f00379152c4e3",
+    "@domql/domql@^1.3.0": "https://registry.yarnpkg.com/@domql/domql/-/domql-1.3.0.tgz#e207eb04e033bff95bab2ec2f04054877f075437",
+    "@domql/element@^1.3.0": "https://registry.yarnpkg.com/@domql/element/-/element-1.3.0.tgz#0a4bb937aafee695dfc22a46d33d4fd82cd52b39",
+    "@domql/element@latest": "https://registry.yarnpkg.com/@domql/element/-/element-1.3.0.tgz#0a4bb937aafee695dfc22a46d33d4fd82cd52b39",
+    "@domql/event@^1.3.0": "https://registry.yarnpkg.com/@domql/event/-/event-1.3.0.tgz#ac683e1f8b34734eb0ca49712537fdea1f04dafe",
+    "@domql/event@latest": "https://registry.yarnpkg.com/@domql/event/-/event-1.3.0.tgz#ac683e1f8b34734eb0ca49712537fdea1f04dafe",
+    "@domql/id@latest": "https://registry.yarnpkg.com/@domql/id/-/id-1.3.0.tgz#5b8dfd5af6ac952723411461b27ff3c726c2b15a",
+    "@domql/mixins@^1.3.0": "https://registry.yarnpkg.com/@domql/mixins/-/mixins-1.3.0.tgz#483a1c3bb785f5d4bbad0123f9b219540cba6d26",
+    "@domql/mixins@latest": "https://registry.yarnpkg.com/@domql/mixins/-/mixins-1.3.0.tgz#483a1c3bb785f5d4bbad0123f9b219540cba6d26",
+    "@domql/node@^1.3.0": "https://registry.yarnpkg.com/@domql/node/-/node-1.3.0.tgz#9082f49951391e62948ce22e77dcc8172bbe801a",
+    "@domql/node@latest": "https://registry.yarnpkg.com/@domql/node/-/node-1.3.0.tgz#9082f49951391e62948ce22e77dcc8172bbe801a",
+    "@domql/parse@latest": "https://registry.yarnpkg.com/@domql/parse/-/parse-1.3.0.tgz#539d8522324be477d1c171ae844ec7d4cc07c80e",
+    "@domql/props@latest": "https://registry.yarnpkg.com/@domql/props/-/props-1.3.0.tgz#ed0411fda65ca7c2cf1792c9248a6a2c12318b0a",
+    "@domql/proto@latest": "https://registry.yarnpkg.com/@domql/proto/-/proto-1.3.0.tgz#d59967a415fd5afefba58b9c1fd95f04a281d930",
+    "@domql/react-transformer@^1.3.0": "https://registry.yarnpkg.com/@domql/react-transformer/-/react-transformer-1.3.0.tgz#c496a8abf5ef20d24fc268c258711774cf9c09b9",
+    "@domql/report@^1.3.0": "https://registry.yarnpkg.com/@domql/report/-/report-1.3.0.tgz#8aa5112c0812518781ac8b7f6cee614d1ecd1ff5",
+    "@domql/report@latest": "https://registry.yarnpkg.com/@domql/report/-/report-1.3.0.tgz#8aa5112c0812518781ac8b7f6cee614d1ecd1ff5",
+    "@domql/state@latest": "https://registry.yarnpkg.com/@domql/state/-/state-1.3.0.tgz#a584d86233f031a1e531c03df518968f82da3124",
+    "@domql/tree@latest": "https://registry.yarnpkg.com/@domql/tree/-/tree-1.3.0.tgz#77613edc6a36ac0465aba7f9a89e7f70e35f3ba0",
+    "@domql/utils@^1.3.0": "https://registry.yarnpkg.com/@domql/utils/-/utils-1.3.0.tgz#647aa8fe2dd026e8dde520a436f362e274a02d06",
+    "@domql/utils@latest": "https://registry.yarnpkg.com/@domql/utils/-/utils-1.3.0.tgz#647aa8fe2dd026e8dde520a436f362e274a02d06",
+    "@symbo.ls/button@^0.5.3": "https://registry.yarnpkg.com/@symbo.ls/button/-/button-0.5.3.tgz#9232667f1f22a4218461516d4be89df7d298915d",
+    "js-tokens@^3.0.0 || ^4.0.0": "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499",
+    "loose-envify@^1.1.0": "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf",
+    "object-assign@^4.1.1": "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863",
+    "react@^17.0.2": "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037",
+    "regenerator-runtime@^0.13.9": "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz#8925742a98ffd90814988d7566ad30ca3b263b52"
+  },
+  "files": [],
+  "artifacts": {}
+}

package/packages/react/node_modules/@domql/cache/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/cache/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@domql/cache",
+  "version": "1.3.0",
+  "main": "index.js",
+  "license": "MIT",
+  "scripts": {
+    "vpatch": "npm version patch && npm publish --access public"
+  },
+  "gitHead": "3140379c0f6da459a39068f32630275c6ea3b33f"
+}

package/packages/react/node_modules/@domql/cookie/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/cookie/index.js

@@ -0,0 +1,22 @@
+'use strict'
+
+export const isMobile = (() => /Mobi/.test(navigator.userAgent))()
+
+export const setCookie = (cname, cvalue, exdays = 365) => {
+  const d = new Date()
+  d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000))
+  const expires = `expires=${d.toUTCString()}`
+  document.cookie = `${cname}=${cvalue};${expires};path=/`
+}
+
+export const getCookie = (cname) => {
+  const name = `${cname}=`
+  const decodedCookie = decodeURIComponent(document.cookie)
+  const ca = decodedCookie.split(';')
+  for (let i = 0; i < ca.length; i++) {
+    let c = ca[i]
+    while (c.charAt(0) === ' ') c = c.substring(1)
+    if (c.indexOf(name) === 0) return c.substring(name.length, c.length)
+  }
+  return ''
+}

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

@@ -0,0 +1,10 @@
+{
+  "name": "@domql/cookie",
+  "version": "1.3.0",
+  "main": "index.js",
+  "license": "MIT",
+  "scripts": {
+    "vpatch": "npm version patch && npm publish --access public"
+  },
+  "gitHead": "3140379c0f6da459a39068f32630275c6ea3b33f"
+}

package/packages/react/node_modules/@domql/define/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/define/index.js

@@ -0,0 +1,13 @@
+'use strict'
+
+import { registry } from '@domql/mixins'
+import { report } from '@domql/report'
+
+export const define = (params, options = {}) => {
+  const { overwrite } = options
+  for (const param in params) {
+    if (registry[param] && !overwrite) {
+      report('OverwriteToBuiltin', param)
+    } else registry[param] = params[param]
+  }
+}

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

@@ -0,0 +1,11 @@
+{
+  "name": "@domql/define",
+  "version": "1.3.0",
+  "main": "index.js",
+  "license": "MIT",
+  "dependencies": {
+    "@domql/mixins": "^1.3.0",
+    "@domql/report": "^1.3.0"
+  },
+  "gitHead": "3140379c0f6da459a39068f32630275c6ea3b33f"
+}

package/packages/react/node_modules/@domql/domql/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/domql/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@domql/domql",
+  "description": "DOM rendering Javascript framework at early stage.",
+  "private": false,
+  "version": "1.3.0",
+  "main": "src/index.js",
+  "files": [
+    "src"
+  ],
+  "source": true,
+  "dependencies": {
+    "@domql/cache": "latest",
+    "@domql/cookie": "latest",
+    "@domql/define": "latest",
+    "@domql/element": "latest",
+    "@domql/event": "latest",
+    "@domql/id": "latest",
+    "@domql/mixins": "latest",
+    "@domql/node": "latest",
+    "@domql/parse": "latest",
+    "@domql/props": "latest",
+    "@domql/proto": "latest",
+    "@domql/report": "latest",
+    "@domql/state": "latest",
+    "@domql/tree": "latest",
+    "@domql/utils": "latest"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org"
+  },
+  "browserslist": "> 0.25%, not dead",
+  "gitHead": "3140379c0f6da459a39068f32630275c6ea3b33f"
+}

package/packages/react/node_modules/@domql/domql/src/all_exports.js

@@ -0,0 +1,17 @@
+'use strict'
+
+export * from '@domql/cache'
+export * from '@domql/cookie'
+export * from '@domql/define'
+export * from '@domql/event'
+export * from '@domql/id'
+export * from '@domql/mixins'
+export * from '@domql/node'
+export * from '@domql/parse'
+export * from '@domql/props'
+export * from '@domql/proto'
+export * from '@domql/report'
+export * from '@domql/state'
+export * from '@domql/tree'
+export * from '@domql/utils'
+export * from '@domql/element'

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

@@ -0,0 +1,15 @@
+'use strict'
+
+import { create } from '@domql/element'
+import { define } from '@domql/define'
+
+export * as _ from './all_exports'
+
+export { parse } from '@domql/parse'
+export { define } from '@domql/define'
+export { tree } from '@domql/tree'
+
+export default {
+  create,
+  define
+}

package/packages/react/node_modules/@domql/element/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/element/package.json

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

package/packages/react/node_modules/@domql/element/src/assign.js

@@ -0,0 +1,22 @@
+'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/packages/react/node_modules/@domql/element/src/create.js

@@ -0,0 +1,125 @@
+'use strict'
+
+import { root } from '@domql/tree'
+import { applyPrototype } from '@domql/proto'
+import { createNode, NODE_REGISTRY, cacheNode } from '@domql/node'
+import { createState } from '@domql/state'
+import { createProps } from '@domql/props'
+import { assignClass } from '@domql/mixins'
+import { on } from '@domql/event'
+import { isFunction, isNumber, isString, createID, isNode } from '@domql/utils'
+
+import { appendNode, assignNode } from './assign'
+import { set } from './set'
+import { update } from './update'
+import { remove, lookup, log, keys, parse, parseDeep } from './methods'
+
+const ENV = process.env.NODE_ENV
+
+/**
+ * Creating a domQL element using passed parameters
+ */
+export const create = (element, parent, key, options = {}) => {
+  // if ELEMENT is not given
+  if (element === undefined) element = {}
+  if (element === null) return
+
+  // define KEY
+  const assignedKey = element.key || key || createID.next().value
+
+  // if PARENT is not given
+  // if (parent === null) parent = root
+  // if (parent === undefined) parent = root
+  if (!parent) parent = root
+  if (isNode(parent)) parent = root[`${key}_parent`] = { node: parent }
+
+  // if element is STRING
+  if (isString(element) || isNumber(element)) {
+    element = {
+      text: element,
+      tag: (!element.proto && parent.childProto && parent.childProto.tag) ||
+      ((NODE_REGISTRY.body.indexOf(key) > -1) && key) || 'string'
+    }
+  }
+
+  // enable STATE
+  element.state = createState(element, parent)
+
+  // create PROTOtypal inheritance
+  applyPrototype(element, parent, options)
+
+  // create and assign a KEY
+  element.key = assignedKey
+
+  // set the PATH
+  if (ENV === 'test' || ENV === 'development') {
+    if (!parent.path) parent.path = []
+    element.path = parent.path.concat(assignedKey)
+  }
+
+  // if it already HAS A NODE
+  if (element.node) {
+    return assignNode(element, parent, assignedKey)
+  }
+
+  // generate a CLASS name
+  assignClass(element)
+
+  // assign METHODS
+  element.set = set
+  element.update = update
+  element.remove = remove
+  element.lookup = lookup
+  if (ENV === 'test' || ENV === 'development') {
+    element.keys = keys
+    element.parse = parse
+    element.parseDeep = parseDeep
+    element.log = log
+  }
+
+  // run `on.init`
+  if (element.on && isFunction(element.on.init)) {
+    on.init(element.on.init, element, element.state)
+  }
+
+  // enable TRANSFORM in data
+  if (!element.transform) element.transform = {}
+
+  // enable CACHING
+  if (!element.__cached) element.__cached = {}
+
+  // enable EXEC
+  if (!element.__exec) element.__exec = {}
+
+  // enable CHANGES storing
+  if (!element.__changes) element.__changes = []
+
+  // enable CHANGES storing
+  const hasRoot = parent.parent && parent.parent.key === ':root'
+  if (!element.__root) element.__root = hasRoot ? parent : parent.__root
+
+  // apply props settings
+  createProps(element, parent)
+
+  // don't render IF in condition
+  if (isFunction(element.if) && !element.if(element, element.state)) {
+    // TODO: move as fragment
+    const ifFragment = cacheNode({ tag: 'fragment' })
+    element.__ifFragment = appendNode(ifFragment, parent.node)
+    element.__ifFalsy = true
+    return
+  }
+
+  // CREATE a real NODE
+  createNode(element)
+
+  // assign NODE
+  assignNode(element, parent, key)
+
+  // run `on.render`
+  if (element.on && isFunction(element.on.render)) {
+    on.render(element.on.render, element, element.state)
+  }
+
+  return element
+}

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

@@ -0,0 +1,8 @@
+'use strict'
+
+export * from './assign'
+export * from './iterate'
+export * from './methods'
+export * from './update'
+export * from './create'
+export * from './set'

package/packages/react/node_modules/@domql/element/src/iterate.js

@@ -0,0 +1,80 @@
+'use strict'
+
+import { exec, isFunction, isNumber, isString, overwrite } from '@domql/utils'
+import { isMethod } from './methods'
+
+export const applyEvents = element => {
+  const { node, on } = element
+  for (const param in on) {
+    if (
+      param === 'init' ||
+      param === 'render' ||
+      param === 'update'
+    ) continue
+
+    const appliedFunction = element.on[param]
+    if (isFunction(appliedFunction)) {
+      node.addEventListener(param, event =>
+        appliedFunction(event, element, element.state),
+      true)
+    }
+  }
+}
+
+export const throughInitialExec = element => {
+  for (const param in element) {
+    const prop = element[param]
+    if (isFunction(prop) && !isMethod(param)) {
+      element.__exec[param] = prop
+      element[param] = prop(element, element.state)
+    }
+  }
+}
+
+export const throughUpdatedExec = (element, options) => {
+  const { __exec } = element
+  const changes = {}
+
+  for (const param in __exec) {
+    const prop = element[param]
+    const newExec = __exec[param](element, element.state)
+
+    // if element is string
+    if (prop && prop.node && (isString(newExec) || isNumber(newExec))) {
+      overwrite(prop, { text: newExec }, options)
+    } else if (newExec !== prop) {
+      element.__cached[param] = changes[param] = prop
+      element[param] = newExec
+    }
+  }
+
+  return changes
+}
+
+export const throughInitialDefine = element => {
+  const { define } = element
+  for (const param in define) {
+    let prop = element[param]
+
+    if (isFunction(prop) && !isMethod(param)) {
+      element.__exec[param] = prop
+      element[param] = prop = exec(prop, element)
+    }
+
+    element.__cached[param] = prop
+    element[param] = define[param](prop, element, element.state)
+  }
+  return element
+}
+
+export const throughUpdatedDefine = element => {
+  const { define, __exec } = element
+  const changes = {}
+  for (const param in define) {
+    const execParam = __exec[param]
+    if (execParam) element.__cached[param] = execParam(element, element.state)
+    const cached = exec(element.__cached[param], element)
+    element[param] = define[param](cached, element, element.state)
+  }
+  return changes
+}