feat(hiccup-dom): start(), add optional spans arg

thi-ng · Feb 27, 2018 · 8a070ff · 8a070ff
1 parent 9b2c160
commit 8a070ff
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/packages/hiccup-dom/src/start.ts b/packages/hiccup-dom/src/start.ts
@@ -1,5 +1,6 @@
 import { isString } from "@thi.ng/checks/is-string";
-import { diffElement, normalizeTree } from "./diff";
+import { diffElement } from "./diff";
+import { normalizeTree } from "./normalize";
 
 /**
  * Takes a parent DOM element (or ID) and hiccup tree
@@ -10,23 +11,25 @@ import { diffElement, normalizeTree } from "./diff";
  * Important: The parent element given is assumed to have NO
  * children at the time when `start()` is called. Since
  * hiccup-dom does NOT track the real DOM, the resulting
- * changes will result in potentially undefined behavior.
+ * changes will result in potentially undefined behavior
+ * if the parent element wasn't empty.
  *
  * Returns a function, which when called, immediately
  * cancels the update loop.
  *
- * @param parent
- * @param tree
+ * @param parent root element or ID
+ * @param tree hiccup DOM tree
+ * @param spans true (default), if text should be wrapped in `<span>`
  */
-export function start(parent: Element | string, tree: any) {
+export function start(parent: Element | string, tree: any, spans = true) {
     let prev = [];
     let isActive = true;
     parent = isString(parent) ?
         document.getElementById(parent) :
         parent;
     function update() {
         if (isActive) {
-            diffElement(<any>parent, prev, prev = normalizeTree(tree));
+            diffElement(<Element>parent, prev, prev = normalizeTree(tree, [0], true, spans));
             // check again in case one of the components called cancel
             isActive && requestAnimationFrame(update);
         }