hyper-dom-expressions 0.33.2 → 0.33.5

package/dist/hyper-dom-expressions.js

@@ -1,3 +1,12 @@
+const $ELEMENT = Symbol("hyper-element");
+
+
+
+
+
+
+
+
 // Inspired by https://github.com/hyperhype/hyperscript
 function createHyperScript(r) {
   function h() {
@@ -5,6 +14,14 @@ function createHyperScript(r) {
     e,
     multiExpression = false;
 
+    typeof args[0] === "string" && detectMultiExpression(args);
+    const ret = () => {
+      while (args.length) item(args.shift());
+      return e;
+    };
+    ret[$ELEMENT] = true;
+    return ret;
+
     function item(l) {
       const type = typeof l;
       if (l == null) ;else
@@ -49,17 +66,26 @@ function createHyperScript(r) {
           }
           const d = Object.getOwnPropertyDescriptors(props);
           for (const k in d) {
-            if (typeof d[k].value === "function" && !d[k].value.length) r.dynamicProperty(props, k);
+            if (Array.isArray(d[k].value)) {
+              const list = d[k].value;
+              props[k] = () => {
+                for (let i = 0; i < list.length; i++) {
+                  while (list[i][$ELEMENT]) list[i] = list[i]();
+                }
+                return list;
+              };
+              r.dynamicProperty(props, k);
+            } else if (typeof d[k].value === "function" && !d[k].value.length)
+            r.dynamicProperty(props, k);
           }
           e = r.createComponent(l, props);
           args = [];
-        } else r.insert(e, l, multiExpression ? null : undefined);
+        } else {
+          while (l[$ELEMENT]) l = l();
+          r.insert(e, l, multiExpression ? null : undefined);
+        }
       }
     }
-    typeof args[0] === "string" && detectMultiExpression(args);
-    while (args.length) item(args.shift());
-    return e;
-
     function parseClass(string) {
       // Our minimal parser doesn’t understand escaping CSS special
       // characters like `#`. Don’t use them. More reading:

package/lib/hyper-dom-expressions.js

@@ -2,6 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+const $ELEMENT = Symbol("hyper-element");
+
+
+
+
+
+
+
+
 // Inspired by https://github.com/hyperhype/hyperscript
 function createHyperScript(r) {
   function h() {
@@ -9,6 +18,14 @@ function createHyperScript(r) {
     e,
     multiExpression = false;
 
+    typeof args[0] === "string" && detectMultiExpression(args);
+    const ret = () => {
+      while (args.length) item(args.shift());
+      return e;
+    };
+    ret[$ELEMENT] = true;
+    return ret;
+
     function item(l) {
       const type = typeof l;
       if (l == null) ;else
@@ -53,17 +70,26 @@ function createHyperScript(r) {
           }
           const d = Object.getOwnPropertyDescriptors(props);
           for (const k in d) {
-            if (typeof d[k].value === "function" && !d[k].value.length) r.dynamicProperty(props, k);
+            if (Array.isArray(d[k].value)) {
+              const list = d[k].value;
+              props[k] = () => {
+                for (let i = 0; i < list.length; i++) {
+                  while (list[i][$ELEMENT]) list[i] = list[i]();
+                }
+                return list;
+              };
+              r.dynamicProperty(props, k);
+            } else if (typeof d[k].value === "function" && !d[k].value.length)
+            r.dynamicProperty(props, k);
           }
           e = r.createComponent(l, props);
           args = [];
-        } else r.insert(e, l, multiExpression ? null : undefined);
+        } else {
+          while (l[$ELEMENT]) l = l();
+          r.insert(e, l, multiExpression ? null : undefined);
+        }
       }
     }
-    typeof args[0] === "string" && detectMultiExpression(args);
-    while (args.length) item(args.shift());
-    return e;
-
     function parseClass(string) {
       // Our minimal parser doesn’t understand escaping CSS special
       // characters like `#`. Don’t use them. More reading:

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "hyper-dom-expressions",
   "description": "A Fine-Grained Rendering Runtime API using HyperScript",
-  "version": "0.33.2",
+  "version": "0.33.5",
   "author": "Ryan Carniato",
   "license": "MIT",
   "repository": {
@@ -18,7 +18,7 @@
     "test:coverage": "npm run build && jest --coverage"
   },
   "devDependencies": {
-    "dom-expressions": "^0.33.2"
+    "dom-expressions": "^0.33.5"
   },
-  "gitHead": "05fffe9d325238d9be374efa0cccd0ab77d03a31"
+  "gitHead": "cb3be7558c731e2a442e9c7e07d25373c40cf2be"
 }

package/types/index.d.ts

@@ -11,7 +11,7 @@ declare type ExpandableNode = Node & {
     [key: string]: any;
 };
 export declare type HyperScript = {
-    (...args: any[]): ExpandableNode | ExpandableNode[];
+    (...args: any[]): () => ExpandableNode | ExpandableNode[];
 };
 export declare function createHyperScript(r: Runtime): HyperScript;
 export {};