feat(html): extend resolve helper support to all content values

docs/misc/api-reference.md

@@ -254,11 +254,11 @@ html.resolve(promise: Promise, placeholder: Function, delay = 200): Function
 ```
 
 * **arguments**:
-  * `promise` - promise, which should resolve/reject update function
+  * `promise` - promise, which should resolve to content expression value
   * `placeholder` - update function for render content until promise is resolved or rejected
-  * `delay` - delay in milliseconds, after which placeholder is rendered 
+  * `delay` - delay in milliseconds, after which placeholder is rendered
 * **returns**:
-  * update function compatible with content expression 
+  * update function compatible with content expression
 
 ## svg
 

docs/template-engine/promises.md

@@ -7,11 +7,11 @@ html.resolve(promise: Promise, placeholder: Function, delay = 200): Function
 ```
 
 * **arguments**:
-  * `promise` - promise, which should resolve/reject update function
+  * `promise` - promise, which should resolve to content expression value
   * `placeholder` - update function for render content until promise is resolved or rejected
-  * `delay` - delay in milliseconds, after which placeholder is rendered 
+  * `delay` - delay in milliseconds, after which placeholder is rendered
 * **returns**:
-  * update function compatible with content expression 
+  * update function compatible with content expression
 
 ```javascript
 const promise = asyncApi().then(...);

src/template/helpers.js

@@ -1,4 +1,5 @@
 import { storePointer } from "../utils.js";
+import resolveTemplateValue from "./resolvers/value.js";
 
 function resolveValue({ target }, setter) {
   let value;
@@ -118,11 +119,11 @@ export function resolve(promise, placeholder, delay = 200) {
 
     promiseMap.set(target, promise);
 
-    promise.then(template => {
+    promise.then(value => {
       if (timeout) clearTimeout(timeout);
 
       if (promiseMap.get(target) === promise) {
-        template(host, target);
+        resolveTemplateValue(host, target, value);
         promiseMap.set(target, null);
       }
     });

test/spec/html.js

@@ -1066,6 +1066,19 @@ describe("html:", () => {
         done();
       });
     });
+
+    it("supports passing values", done => {
+      const promise = Promise.resolve(["a", "b"]);
+      // prettier-ignore
+      const flush = html`${html.resolve(promise)}`;
+
+      flush(fragment);
+
+      Promise.resolve().then(() => {
+        expect(fragment.innerHTML).toBe("ab");
+        done();
+      });
+    });
   });
 
   describe("style method", () => {

types/index.d.ts

@@ -202,7 +202,7 @@ declare namespace hybrids {
     ): EventHandler<E>;
 
     function resolve<E>(
-      promise: Promise<UpdateFunction<E>>,
+      promise: Promise<any>,
       placeholder?: UpdateFunction<E>,
       delay?: number,
     ): UpdateFunction<E>;