save

Author: Lucifier129

dist/react-lite.common.js

@@ -1,6 +1,6 @@
 {
   "name": "react-lite",
-  "version": "0.0.26",
+  "version": "0.0.27",
   "description": "an implementation of React that optimizes for small script size",
   "main": "dist/react-lite.common.js",
   "jsnext:main": "src/index.js",

dist/react-lite.js

@@ -1,5 +1,5 @@
 import * as _ from './util'
-import { renderComponent, clearPendingComponents } from './virtual-dom'
+import { renderComponent, clearPendingComponents, compareTwoTrees } from './virtual-dom'
 
 export let updateQueue = {
 	updaters: [],
@@ -8,6 +8,9 @@ export let updateQueue = {
 		this.updaters.push(updater)
 	},
 	batchUpdate() {
+		if (this.isPending) {
+			return
+		}
 		this.isPending = true
 		/*
 		 each updater.update may add new updater to updateQueue
@@ -19,7 +22,7 @@ export let updateQueue = {
 		let { updaters } = this
 		let updater
 		while (updater = updaters.pop()) {
-			updater.update()
+			updater.updateComponent()
 		}
 		this.isPending = false
 	}
@@ -40,10 +43,10 @@ Updater.prototype = {
 		this.nextContext = nextContext
 		// receive nextProps!! should update immediately
 		nextProps || !updateQueue.isPending
-		? this.update()
+		? this.updateComponent()
 		: updateQueue.add(this)
 	},
-	update() {
+	updateComponent() {
 		let { instance, pendingStates, nextProps, nextContext } = this
 		if (nextProps || pendingStates.length > 0) {
 			nextProps = nextProps || instance.props
@@ -141,7 +144,7 @@ Component.prototype = {
 		this.props = nextProps
 		this.context = nextContext
 		let nextVtree = renderComponent(this, parentContext)
-		let newNode = vtree.updateTree(node, nextVtree, node.parentNode, nextVtree.context)
+		let newNode = compareTwoTrees(vtree, nextVtree, node, node.parentNode, nextVtree.context)
 		if (newNode !== node) {
 			newNode.cache = newNode.cache || {}
 			_.extend(newNode.cache, node.cache)

dist/react-lite.min.js

@@ -1,7 +1,7 @@
 import * as _ from './util'
 import { COMPONENT_ID, VNODE_TYPE, TRUE } from './constant'
-import { clearPendingComponents } from './virtual-dom'
-import { updateQueue } from './Component' 
+import { clearPendingComponents, compareTwoTrees } from './virtual-dom'
+import { updateQueue } from './Component'
 
 let pendingRendering = {}
 let vtreeStore = {}
@@ -29,14 +29,15 @@ let renderTreeIntoContainer = (vtree, container, callback, parentContext) => {
 
 	pendingRendering[id] = TRUE
 	if (vtreeStore[id]) {
-		vtreeStore[id].updateTree(container.firstChild, vtree, container, parentContext)
+		compareTwoTrees(vtreeStore[id], vtree, container.firstChild, container, parentContext)
 	} else {
 		container.innerHTML = ''
 		vtree.initTree(container, parentContext)
 	}
 	vtreeStore[id] = vtree
+	let isPending = updateQueue.isPending
 	updateQueue.isPending = true
-	clearPendingComponents()
+	clearPendingComponents(true)
 	argsCache = pendingRendering[id]
 	delete pendingRendering[id]
 
@@ -48,8 +49,11 @@ let renderTreeIntoContainer = (vtree, container, callback, parentContext) => {
 	} else if (vtree.vtype === VNODE_TYPE.COMPONENT) {
 		result = container.firstChild.cache[vtree.id]
 	}
-
-	updateQueue.batchUpdate()
+	
+	if (!isPending) {
+		updateQueue.isPending = false
+		updateQueue.batchUpdate()
+	}
 
 	if (callback) {
 		callback.call(result)
@@ -58,6 +62,10 @@ let renderTreeIntoContainer = (vtree, container, callback, parentContext) => {
 	return result
 }
 
+let updateComponents = component => {
+	component.$updater.updateComponent()
+}
+
 export let render = (vtree, container, callback) => {
 	return renderTreeIntoContainer(vtree, container, callback)
 }

dist/react-lite.min.js.gz

@@ -66,6 +66,7 @@ let dispatchEvent = event => {
 		}
 		target = target.parentNode
 	}
+	updateQueue.isPending = false
 	updateQueue.batchUpdate()
 }
 

package.json

@@ -28,24 +28,22 @@ export let pipe = (fn1, fn2) => {
 	}
 }
 
-export let flattenChildren = (list, iteratee) => flat(list, iteratee, [])
-
-let flat = (list, iteratee, res) => {
+export let flattenChildren = (list, iteratee, record) => {
     let len = list.length
     let i = -1
+    record = record || []
 
     while (len--) {
-        let cur = list[++i]
-        if (isArr(cur)) {
-            flat(cur, iteratee, res)
-        } else if (!isUndefined(cur) && !isBln(cur)) {
-            res.push(iteratee(cur, res.length) || cur)
+        let item = list[++i]
+        if (isArr(item)) {
+            flattenChildren(item, iteratee, record)
+        } else if (!isUndefined(item) && !isBln(item)) {
+            record.push(iteratee(item, record.length) || item)
         }
     }
-    return res
+    return record
 }
 
-
 export let eachItem = (list, iteratee) => {
 	for (let i = 0, len = list.length; i < len; i++) {
 		iteratee(list[i], i)