domql 1.3.0 → 1.3.3

package/README.md

@@ -7,51 +7,17 @@ DOM rendering Javascript framework.
 - No transpilations, simple ES6 code
 - One-time import and subtrees
 
-You can start with [starter-kit](https://github.com/rackai/starter-kit) as a boilerplate, or jump into the live editor [playground](https://domql.com/playground/).
+You can start with [starter-kit](https://github.com/rackai/starter-kit) as a boilerplate, or jump into the [playground](https://domql.com/playground/).
 
 [![npm version](https://badge.fury.io/js/%40rackai%2Fdomql.svg)](https://badge.fury.io/js/%40rackai%2Fdomql)
 [![Build Status](https://travis-ci.org/rackai/domql.svg?branch=master)](https://travis-ci.org/rackai/domql)
 [![Coverage Status](https://coveralls.io/repos/github/rackai/domql/badge.svg?branch=main)](https://coveralls.io/github/rackai/domql?branch=main)
 
-TODO:
-- [x] error reporting
-- [x] virtual DOM tree
-- [x] create
-  - [x] create using prototype class
-  - [x] support multiple level prototypes
-  - [x] DOM caching
-- [x] state
-- [x] binding
-  - [x] with other component
-  - [x] with state
-- [x] update
-  - [x] set (recreate)
-  - [x] only iterate with diff
-- [x] events
-  - [x] event handling
-  - [ ] bubbling and propogation
-- [ ] run changes inside animationFrame
-
-### Getting started
-
-To install all dependencies and run dev server, run:
-
-```shell
-yarn && yarn start
-```
-
-### Examples
-
-Initialization: 
-
 ```javascript
 import DOM from '@rackai/domql'
 
 DOM.create({ text: 'Rendered' })
 ```
-
-Attributes:
-
 ```javascript
 var link = {
   tag: 'a',
@@ -70,8 +36,6 @@ var img = {
   }
 }
 ```
-
-Reusing: 
 ```javascript
 var Link = {
   tag: 'a'
@@ -96,8 +60,6 @@ var header = {
   menu
 }
 ```
-
-Array Support:
 ```javascript
 var navItems = ['Home', 'About', 'FAQ', 'Contact']
 
@@ -106,8 +68,6 @@ var menu = {
   ...navItems
 }
 ```
-
-Update:
 ```javascript
 var val = {
   text: 0

package/package.json

@@ -3,7 +3,7 @@
   "description": "DOM rendering Javascript framework at early stage.",
   "private": false,
   "author": "rackai",
-  "version": "1.3.0",
+  "version": "1.3.3",
   "repository": "https://github.com/rackai/domql",
   "publishConfig": {
     "registry": "https://registry.npmjs.org"

package/src/element/create.js

@@ -71,6 +71,11 @@ const create = (element, parent, key, options = {}) => {
     return assignNode(element, parent, assignedKey)
   }
 
+  // run `on.init`
+  if (element.on && isFunction(element.on.init)) {
+    on.init(element.on.init, element, element.state)
+  }
+
   // generate a CLASS name
   assignClass(element)
 
@@ -86,11 +91,6 @@ const create = (element, parent, key, options = {}) => {
     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 = {}
 

package/src/element/createProps.js

@@ -4,7 +4,12 @@ import { deepClone, deepMerge, exec, isArray } from '../utils'
 
 const initProps = (element, parent) => {
   const propsStack = []
-  if (element.props) propsStack.push(element.props)
+
+  if (element.props === 'inherit') {
+    if (parent && parent.props) propsStack.push(parent.props)
+  } else if (element.props === 'match') {
+    if (parent && parent.props) propsStack.push(parent.props[element.key])
+  } else if (element.props) propsStack.push(element.props)
 
   if (isArray(element.__proto)) {
     element.__proto.map(proto => {