ripple 0.2.167 → 0.2.168

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ripple is an elegant TypeScript UI framework",
   "license": "MIT",
   "author": "Dominic Gannaway",
-  "version": "0.2.167",
+  "version": "0.2.168",
   "type": "module",
   "module": "src/runtime/index-client.js",
   "main": "src/runtime/index-client.js",
@@ -81,6 +81,6 @@
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "ripple": "0.2.167"
+    "ripple": "0.2.168"
   }
 }

package/src/runtime/internal/client/blocks.js

@@ -1,4 +1,4 @@
-/** @import { Block, Derived, CompatOptions } from '#client' */
+/** @import { Block, Derived, CompatOptions, Component } from '#client' */
 
 import {
 	BLOCK_HAS_RUN,
@@ -19,6 +19,7 @@ import {
 	active_block,
 	active_component,
 	active_reaction,
+	create_component_ctx,
 	is_block_dirty,
 	run_block,
 	run_teardown,
@@ -151,7 +152,7 @@ export function root(fn, compat) {
 		};
 	}
 
-	return block(ROOT_BLOCK, fn, { compat });
+	return block(ROOT_BLOCK, target_fn, { compat }, create_component_ctx());
 }
 
 /**
@@ -181,13 +182,14 @@ function push_block(block, parent_block) {
 /**
  * @param {number} flags
  * @param {Function} fn
- * @param {any} state
+ * @param {any} [state]
+ * @param {Component} [co]
  * @returns {Block}
  */
-export function block(flags, fn, state = null) {
+export function block(flags, fn, state = null, co) {
 	/** @type {Block} */
 	var block = {
-		co: active_component,
+		co: co || active_component,
 		d: null,
 		first: null,
 		f: flags,

package/src/runtime/internal/client/index.js

@@ -4,6 +4,7 @@ export {
 	next_sibling as sibling,
 	document,
 	create_text,
+	init_operations,
 } from './operations.js';
 
 export {
@@ -16,7 +17,7 @@ export {
 	set_selected,
 } from './render.js';
 
-export { render, render_spread, async, ref, branch, destroy_block } from './blocks.js';
+export { render, render_spread, async, ref, branch, destroy_block, root } from './blocks.js';
 
 export { event, delegate } from './events.js';
 

package/src/runtime/internal/client/runtime.js

@@ -1197,16 +1197,20 @@ export function safe_scope(err = 'Cannot access outside of a component context')
 	return /** @type {Block} */ (active_scope);
 }
 
-/**
- * @returns {void}
- */
-export function push_component() {
-	var component = {
+export function create_component_ctx() {
+	return {
 		c: null,
 		e: null,
 		m: false,
 		p: active_component,
 	};
+}
+
+/**
+ * @returns {void}
+ */
+export function push_component() {
+	var component = create_component_ctx();
 	active_component = component;
 }