pass context as the second argument to component

Author: Brian Kim

src/crank.ts

@@ -148,6 +148,7 @@ export type Children = Child | ChildIterable;
 export type Component<TProps extends Record<string, unknown> = any> = (
 	this: Context<TProps>,
 	props: TProps,
+	ctx: Context<TProps>,
 ) =>
 	| Children
 	| PromiseLike<Children>
@@ -2365,7 +2366,11 @@ function runComponent<TNode, TResult>(
 		clearEventListeners(ctx);
 		let result: ReturnType<Component>;
 		try {
-			result = (ret.el.tag as Component).call(ctx.owner, ret.el.props);
+			result = (ret.el.tag as Component).call(
+				ctx.owner,
+				ret.el.props,
+				ctx.owner,
+			);
 		} catch (err) {
 			ctx.f |= IsErrored;
 			throw err;

test/sync-function.tsx

@@ -104,4 +104,18 @@ test("refresh called on unmounted component", () => {
 	}
 });
 
+test("context is passed as second argument", () => {
+	let ctx1!: Context;
+	let ctx2!: Context;
+
+	function Component(this: Context, _props: any, ctx: Context) {
+		ctx1 = this;
+		ctx2 = ctx;
+		return null;
+	}
+
+	renderer.render(<Component />, document.body);
+	Assert.is(ctx1, ctx2);
+});
+
 test.run();