@b9g/crank 0.5.0 → 0.5.2

package/crank.d.ts

@@ -377,20 +377,20 @@ declare class ContextImpl<TNode = unknown, TScope = unknown, TRoot extends TNode
     constructor(renderer: RendererImpl<TNode, TScope, TRoot, TResult>, root: TRoot | undefined, host: Retainer<TNode>, parent: ContextImpl<TNode, TScope, TRoot, TResult> | undefined, scope: TScope | undefined, ret: Retainer<TNode>);
 }
 declare const _ContextImpl: unique symbol;
-type ComponentProps<T> = T extends (props: infer U) => any ? U : T;
+type ComponentProps<T> = T extends () => any ? {} : T extends (props: infer U) => any ? U : T;
 /**
  * A class which is instantiated and passed to every component as its this
  * value. Contexts form a tree just like elements and all components in the
  * element tree are connected via contexts. Components can use this tree to
  * communicate data upwards via events and downwards via provisions.
  *
- * @template [TProps=*] - The expected shape of the props passed to the
- * component. Used to strongly type the Context iterator methods.
+ * @template [T=*] - The expected shape of the props passed to the component,
+ * or a component function. Used to strongly type the Context iterator methods.
  * @template [TResult=*] - The readable element value type. It is used in
  * places such as the return value of refresh and the argument passed to
  * schedule and cleanup callbacks.
  */
-export declare class Context<TProps = any, TResult = any> implements EventTarget {
+export declare class Context<T = any, TResult = any> implements EventTarget {
     /**
      * @internal
      */
@@ -403,7 +403,7 @@ export declare class Context<TProps = any, TResult = any> implements EventTarget
      * component or via the context iterator methods. This property is mainly for
      * plugins or utilities which wrap contexts.
      */
-    get props(): ComponentProps<TProps>;
+    get props(): ComponentProps<T>;
     /**
      * The current value of the associated element.
      *
@@ -412,8 +412,8 @@ export declare class Context<TProps = any, TResult = any> implements EventTarget
      * mainly for plugins or utilities which wrap contexts.
      */
     get value(): TResult;
-    [Symbol.iterator](): Generator<ComponentProps<TProps>>;
-    [Symbol.asyncIterator](): AsyncGenerator<ComponentProps<TProps>>;
+    [Symbol.iterator](): Generator<ComponentProps<T>>;
+    [Symbol.asyncIterator](): AsyncGenerator<ComponentProps<T>>;
     /**
      * Re-executes a component.
      *

package/crank.js

@@ -656,7 +656,10 @@ function updateHost(renderer, root, ctx, scope, ret, oldProps, hydrationData) {
 }
 function commitHost(renderer, scope, ret, childValues, oldProps, hydrationValue) {
     const tag = ret.el.tag;
-    let value = hydrationValue || ret.value;
+    let value = ret.value;
+    if (hydrationValue != null) {
+        value = ret.value = hydrationValue;
+    }
     let props = ret.el.props;
     let copied;
     if (tag !== Portal) {
@@ -856,8 +859,8 @@ const _ContextImpl = Symbol.for("crank.ContextImpl");
  * element tree are connected via contexts. Components can use this tree to
  * communicate data upwards via events and downwards via provisions.
  *
- * @template [TProps=*] - The expected shape of the props passed to the
- * component. Used to strongly type the Context iterator methods.
+ * @template [T=*] - The expected shape of the props passed to the component,
+ * or a component function. Used to strongly type the Context iterator methods.
  * @template [TResult=*] - The readable element value type. It is used in
  * places such as the return value of refresh and the argument passed to
  * schedule and cleanup callbacks.