ripple 0.3.17 → 0.3.19

package/tests/client/{return.test.rsrx → return.test.tsrx}

@@ -10,7 +10,7 @@ describe('returns in prohibited scopes', () => {
 				component App() {
 					<div>{'hello'}</div>
 				}
-			`, 'test.ripple', {
+			`, 'test.tsrx', {
 				mode: 'client',
 			}),
 		).toThrowError('Return statements are not allowed at the top level of a module.');
@@ -1974,7 +1974,7 @@ describe('early return in client components', () => {
 							<div>{'test'}</div>
 							return 'hello';
 						}
-					}`, 'test.ripple', {
+					}`, 'test.tsrx', {
 					mode: 'client',
 				});
 			}).toThrow('Return statements inside components cannot have a return value.');
@@ -1987,7 +1987,7 @@ describe('early return in client components', () => {
 							<div>{'test'}</div>
 							return 42;
 						}
-					}`, 'test.ripple', {
+					}`, 'test.tsrx', {
 					mode: 'client',
 				});
 			}).toThrow('Return statements inside components cannot have a return value.');
@@ -2000,7 +2000,7 @@ describe('early return in client components', () => {
 							<div>{'test'}</div>
 							return null;
 						}
-					}`, 'test.ripple', {
+					}`, 'test.tsrx', {
 					mode: 'client',
 				});
 			}).toThrow('Return statements inside components cannot have a return value.');
@@ -2008,16 +2008,14 @@ describe('early return in client components', () => {
 
 		it('throws error for return with undefined value', () => {
 			expect(() => {
-				compile(
-					`component App() {
+				compile(`component App() {
 						if (true) {
 							<div>{'test'}</div>
 							return undefined;
 						}
-					}`,
-					'test.ripple',
-					{ mode: 'client' },
-				);
+					}`, 'test.tsrx', {
+					mode: 'client',
+				});
 			}).toThrow('Return statements inside components cannot have a return value.');
 		});
 
@@ -2030,7 +2028,7 @@ describe('early return in client components', () => {
 							return { foo: 'bar' };
 						}
 					}`,
-					'test.ripple',
+					'test.tsrx',
 					{ mode: 'client' },
 				);
 			}).toThrow('Return statements inside components cannot have a return value.');
@@ -2046,7 +2044,7 @@ describe('early return in client components', () => {
 							return x;
 						}
 					}`,
-					'test.ripple',
+					'test.tsrx',
 					{ mode: 'client' },
 				);
 			}).toThrow('Return statements inside components cannot have a return value.');
@@ -2511,7 +2509,7 @@ describe('throw statements in if blocks', () => {
 			}
 		`;
 		expect(() => {
-			compile(code, 'test.ripple');
+			compile(code, 'test.tsrx');
 		}).not.toThrow();
 	});
 
@@ -2527,7 +2525,7 @@ describe('throw statements in if blocks', () => {
 			}
 		`;
 		expect(() => {
-			compile(code, 'test.ripple');
+			compile(code, 'test.tsrx');
 		}).not.toThrow();
 	});
 
@@ -2545,7 +2543,7 @@ describe('throw statements in if blocks', () => {
 			}
 		`;
 		expect(() => {
-			compile(code, 'test.ripple');
+			compile(code, 'test.tsrx');
 		}).not.toThrow();
 	});
 
@@ -2564,7 +2562,7 @@ describe('throw statements in if blocks', () => {
 			}
 		`;
 		expect(() => {
-			compile(code, 'test.ripple');
+			compile(code, 'test.tsrx');
 		}).not.toThrow();
 	});
 
@@ -2579,7 +2577,7 @@ describe('throw statements in if blocks', () => {
 			}
 		`;
 		expect(() => {
-			compile(code, 'test.ripple');
+			compile(code, 'test.tsrx');
 		}).not.toThrow();
 	});
 
@@ -2595,7 +2593,7 @@ describe('throw statements in if blocks', () => {
 			}
 		`;
 		expect(() => {
-			compile(code, 'test.ripple');
+			compile(code, 'test.tsrx');
 		}).not.toThrow();
 	});
 });

package/tests/hydration/build-components.js

@@ -40,14 +40,12 @@ function buildComponents() {
 	mkdirSync(serverOutDir, { recursive: true });
 
 	// Get all supported component files in components directory
-	const componentFiles = readdirSync(componentsDir).filter(
-		(f) => f.endsWith('.ripple') || f.endsWith('.rsrx') || f.endsWith('.tsrx'),
-	);
+	const componentFiles = readdirSync(componentsDir).filter((f) => f.endsWith('.tsrx'));
 
 	for (const file of componentFiles) {
 		const filePath = join(componentsDir, file);
 		const source = readFileSync(filePath, 'utf-8');
-		const outputName = basename(basename(file, '.ripple'), '.rsrx').replace(/\.tsrx$/, '') + '.js';
+		const outputName = basename(basename(file, '.tsrx'), '.tsrx').replace(/\.tsrx$/, '') + '.js';
 
 		// Compile for client
 		const clientResult = compile(source, file, {

package/tests/hydration/compiled/client/basic.js

@@ -342,7 +342,7 @@ export function WebsiteIndex(__anchor, _, __block) {
 	Layout(
 		node_7,
 		{
-			children: _$_.ripple_element(function render_children(__anchor, __block) {
+			children: _$_.tsrx_element(function render_children(__anchor, __block) {
 				var fragment_10 = root_22();
 				var node_8 = _$_.first_child_frag(fragment_10);
 

package/tests/hydration/compiled/client/composite.js

@@ -87,7 +87,7 @@ export function LayoutWithSingleChild(__anchor, _, __block) {
 	Layout(
 		node_1,
 		{
-			children: _$_.ripple_element(function render_children(__anchor, __block) {
+			children: _$_.tsrx_element(function render_children(__anchor, __block) {
 				var fragment_3 = root_6();
 				var node_2 = _$_.first_child_frag(fragment_3);
 
@@ -111,7 +111,7 @@ export function LayoutWithMultipleChildren(__anchor, _, __block) {
 	Layout(
 		node_3,
 		{
-			children: _$_.ripple_element(function render_children(__anchor, __block) {
+			children: _$_.tsrx_element(function render_children(__anchor, __block) {
 				var fragment_5 = root_8();
 				var node_4 = _$_.first_child_frag(fragment_5);
 
@@ -135,7 +135,7 @@ export function LayoutWithMultiRootChild(__anchor, _, __block) {
 	Layout(
 		node_5,
 		{
-			children: _$_.ripple_element(function render_children(__anchor, __block) {
+			children: _$_.tsrx_element(function render_children(__anchor, __block) {
 				var fragment_7 = root_10();
 				var node_6 = _$_.first_child_frag(fragment_7);
 
@@ -159,7 +159,7 @@ export function LayoutWithTextAroundChildren(__anchor, _, __block) {
 	TextWrappedLayout(
 		node_7,
 		{
-			children: _$_.ripple_element(function render_children(__anchor, __block) {
+			children: _$_.tsrx_element(function render_children(__anchor, __block) {
 				var fragment_9 = root_12();
 				var node_8 = _$_.first_child_frag(fragment_9);
 

package/tests/hydration/compiled/client/head.js

@@ -22,7 +22,7 @@ export function StaticTitle(__anchor, _, __block) {
 
 	var div_1 = root();
 
-	_$_.head('p76zx7', (__anchor) => {
+	_$_.head('o6otu9', (__anchor) => {
 		_$_.document.title = 'Static Test Title';
 	});
 
@@ -47,7 +47,7 @@ export function ReactiveTitle(__anchor, _, __block) {
 		}
 	}
 
-	_$_.head('1nb8jjx', (__anchor) => {
+	_$_.head('1kaaszj', (__anchor) => {
 		_$_.render(() => {
 			_$_.document.title = _$_.get(lazy);
 		});
@@ -62,7 +62,7 @@ export function MultipleHeadElements(__anchor, _, __block) {
 
 	var div_3 = root_2();
 
-	_$_.head('8n8nfd', (__anchor) => {
+	_$_.head('9nqthf', (__anchor) => {
 		var fragment = root_3();
 
 		_$_.document.title = 'Page Title';
@@ -87,7 +87,7 @@ export function ReactiveMetaTags(__anchor, _, __block) {
 		_$_.pop(div_4);
 	}
 
-	_$_.head('1u7li02', (__anchor) => {
+	_$_.head('1v7o69o', (__anchor) => {
 		var meta_1 = root_5();
 
 		_$_.document.title = 'My Page';
@@ -112,7 +112,7 @@ export function TitleWithTemplate(__anchor, _, __block) {
 		_$_.pop(div_5);
 	}
 
-	_$_.head('1wzb5pb', (__anchor) => {
+	_$_.head('za44d', (__anchor) => {
 		_$_.render(() => {
 			_$_.document.title = `Hello ${_$_.get(lazy_2)}!`;
 		});
@@ -127,7 +127,7 @@ export function EmptyTitle(__anchor, _, __block) {
 
 	var div_6 = root_7();
 
-	_$_.head('1vtxclq', (__anchor) => {
+	_$_.head('1st5x80', (__anchor) => {
 		_$_.document.title = '';
 	});
 
@@ -149,7 +149,7 @@ export function ConditionalTitle(__anchor, _, __block) {
 		_$_.pop(div_7);
 	}
 
-	_$_.head('23prgg', (__anchor) => {
+	_$_.head('54ijvi', (__anchor) => {
 		_$_.render(() => {
 			_$_.document.title = _$_.get(lazy_3) ? 'App - ' + _$_.get(lazy_4) : _$_.get(lazy_4);
 		});
@@ -177,7 +177,7 @@ export function ComputedTitle(__anchor, _, __block) {
 		}
 	}
 
-	_$_.head('dlz6ig', (__anchor) => {
+	_$_.head('h5jm3a', (__anchor) => {
 		_$_.render(() => {
 			_$_.document.title = prefix + _$_.get(lazy_5);
 		});
@@ -192,11 +192,11 @@ export function MultipleHeadBlocks(__anchor, _, __block) {
 
 	var div_9 = root_10();
 
-	_$_.head('143y0j8', (__anchor) => {
+	_$_.head('133vcai', (__anchor) => {
 		_$_.document.title = 'First Head';
 	});
 
-	_$_.head('ejrkl6', (__anchor) => {
+	_$_.head('fju8tw', (__anchor) => {
 		var meta_2 = root_11();
 
 		_$_.append(__anchor, meta_2);
@@ -211,7 +211,7 @@ export function HeadWithStyle(__anchor, _, __block) {
 
 	var div_10 = root_12();
 
-	_$_.head('1k4vrqu', (__anchor) => {
+	_$_.head('1iodql4', (__anchor) => {
 		_$_.document.title = 'Styled Page';
 	});
 

package/tests/hydration/compiled/client/hmr.js

@@ -67,7 +67,7 @@ export function LayoutWithContent(__anchor, _, __block) {
 	Layout(
 		node_1,
 		{
-			children: _$_.ripple_element(function render_children(__anchor, __block) {
+			children: _$_.tsrx_element(function render_children(__anchor, __block) {
 				var fragment_1 = root_4();
 				var node_2 = _$_.first_child_frag(fragment_1);
 

package/tests/hydration/compiled/client/html.js

@@ -245,7 +245,7 @@ export function HtmlInChildren(__anchor, _, __block) {
 	HtmlWrapper(
 		node_7,
 		{
-			children: _$_.ripple_element(function render_children(__anchor, __block) {
+			children: _$_.tsrx_element(function render_children(__anchor, __block) {
 				var div_8 = root_8();
 
 				{
@@ -278,7 +278,7 @@ export function HtmlInChildrenWithSiblings(__anchor, _, __block) {
 	HtmlWrapper(
 		node_9,
 		{
-			children: _$_.ripple_element(function render_children(__anchor, __block) {
+			children: _$_.tsrx_element(function render_children(__anchor, __block) {
 				var fragment_2 = root_10();
 				var h1_1 = _$_.first_child_frag(fragment_2);
 				var div_9 = _$_.sibling(h1_1);
@@ -316,7 +316,7 @@ export function MultipleHtmlInChildren(__anchor, _, __block) {
 	HtmlWrapper(
 		node_11,
 		{
-			children: _$_.ripple_element(function render_children(__anchor, __block) {
+			children: _$_.tsrx_element(function render_children(__anchor, __block) {
 				var div_10 = root_12();
 
 				{
@@ -394,7 +394,7 @@ export function HtmlWithCommentsInChildren(__anchor, _, __block) {
 	HtmlWrapper(
 		node_16,
 		{
-			children: _$_.ripple_element(function render_children(__anchor, __block) {
+			children: _$_.tsrx_element(function render_children(__anchor, __block) {
 				var div_13 = root_16();
 
 				{
@@ -585,7 +585,7 @@ export function HtmlWithServerData(__anchor, _, __block) {
 				{ href: '#features', text: 'Features' }
 			],
 
-			children: _$_.ripple_element(function render_children(__anchor, __block) {
+			children: _$_.tsrx_element(function render_children(__anchor, __block) {
 				var div_19 = root_24();
 
 				{
@@ -618,7 +618,7 @@ export function HtmlWithClientDefaults(__anchor, _, __block) {
 	DocLayout(
 		node_24,
 		{
-			children: _$_.ripple_element(function render_children(__anchor, __block) {
+			children: _$_.tsrx_element(function render_children(__anchor, __block) {
 				var div_20 = root_26();
 
 				{
@@ -651,7 +651,7 @@ export function HtmlWithUndefinedContent(__anchor, _, __block) {
 	DocLayout(
 		node_26,
 		{
-			children: _$_.ripple_element(function render_children(__anchor, __block) {
+			children: _$_.tsrx_element(function render_children(__anchor, __block) {
 				var div_21 = root_28();
 
 				{
@@ -782,7 +782,7 @@ export function HtmlAfterSwitchInChildren(__anchor, _, __block) {
 	ContentWrapper(
 		node_30,
 		{
-			children: _$_.ripple_element(function render_children(__anchor, __block) {
+			children: _$_.tsrx_element(function render_children(__anchor, __block) {
 				var fragment_10 = root_35();
 				var node_31 = _$_.first_child_frag(fragment_10);
 
@@ -790,7 +790,7 @@ export function HtmlAfterSwitchInChildren(__anchor, _, __block) {
 					node_31,
 					{
 						level: 1,
-						children: _$_.ripple_element(function render_children(__anchor, __block) {
+						children: _$_.tsrx_element(function render_children(__anchor, __block) {
 							var expression_7 = _$_.text('Title');
 
 							_$_.append(__anchor, expression_7);
@@ -930,7 +930,7 @@ function SideNav(__anchor, { currentPath }, __block) {
 					node_35,
 					{
 						title: "Getting Started",
-						children: _$_.ripple_element(function render_children(__anchor, __block) {
+						children: _$_.tsrx_element(function render_children(__anchor, __block) {
 							var fragment_11 = root_41();
 							var node_36 = _$_.first_child_frag(fragment_11);
 
@@ -974,7 +974,7 @@ function SideNav(__anchor, { currentPath }, __block) {
 					node_38,
 					{
 						title: "Guide",
-						children: _$_.ripple_element(function render_children(__anchor, __block) {
+						children: _$_.tsrx_element(function render_children(__anchor, __block) {
 							var fragment_12 = root_42();
 							var node_39 = _$_.first_child_frag(fragment_12);
 
@@ -1118,7 +1118,7 @@ export function ArticleWithChildrenThenSibling(__anchor, _, __block) {
 		ArticleWrapper(
 			node_45,
 			{
-				children: _$_.ripple_element(function render_children(__anchor, __block) {
+				children: _$_.tsrx_element(function render_children(__anchor, __block) {
 					var fragment_13 = root_49();
 
 					_$_.append(__anchor, fragment_13);
@@ -1177,7 +1177,7 @@ export function ArticleWithHtmlChildThenSibling(__anchor, _, __block) {
 		ArticleWrapper(
 			node_49,
 			{
-				children: _$_.ripple_element(function render_children(__anchor, __block) {
+				children: _$_.tsrx_element(function render_children(__anchor, __block) {
 					var div_41 = root_53();
 
 					{
@@ -1275,7 +1275,7 @@ export function InlineArticleWithHtmlChild(__anchor, _, __block) {
 	InlineArticleLayout(
 		node_55,
 		{
-			children: _$_.ripple_element(function render_children(__anchor, __block) {
+			children: _$_.tsrx_element(function render_children(__anchor, __block) {
 				var div_46 = root_58();
 
 				{
@@ -1447,7 +1447,7 @@ export function DocsLayoutWithData(__anchor, _, __block) {
 		{
 			editPath: "docs/styling.md",
 			nextLink: { href: '/next', text: 'Next' },
-			children: _$_.ripple_element(function render_children(__anchor, __block) {
+			children: _$_.tsrx_element(function render_children(__anchor, __block) {
 				var div_54 = root_66();
 
 				{
@@ -1480,7 +1480,7 @@ export function DocsLayoutWithoutData(__anchor, _, __block) {
 	DocsLayoutInner(
 		node_64,
 		{
-			children: _$_.ripple_element(function render_children(__anchor, __block) {
+			children: _$_.tsrx_element(function render_children(__anchor, __block) {
 				var div_55 = root_68();
 
 				{
@@ -1748,7 +1748,7 @@ export function DocsLayoutExactWithData(__anchor, _, __block) {
 				{ href: '#usage', text: 'Usage' }
 			],
 
-			children: _$_.ripple_element(function render_children(__anchor, __block) {
+			children: _$_.tsrx_element(function render_children(__anchor, __block) {
 				var div_64 = root_78();
 
 				{
@@ -1789,7 +1789,7 @@ export function DocsLayoutExactWithoutData(__anchor, _, __block) {
 			prevLink,
 			nextLink,
 			toc,
-			children: _$_.ripple_element(function render_children(__anchor, __block) {
+			children: _$_.tsrx_element(function render_children(__anchor, __block) {
 				var div_65 = root_80();
 
 				{
@@ -1885,7 +1885,7 @@ export function NestedTemplateInLayout(__anchor, _, __block) {
 		node_78,
 		{
 			data: doc,
-			children: _$_.ripple_element(function render_children(__anchor, __block) {
+			children: _$_.tsrx_element(function render_children(__anchor, __block) {
 				var div_69 = root_85();
 
 				{

package/tests/hydration/compiled/client/if-children.js

@@ -88,7 +88,7 @@ export function TestIfWithChildren(__anchor, _, __block) {
 	IfWithChildren(
 		node_1,
 		{
-			children: _$_.ripple_element(function render_children(__anchor, __block) {
+			children: _$_.tsrx_element(function render_children(__anchor, __block) {
 				var fragment_1 = root_4();
 				var node_2 = _$_.first_child_frag(fragment_1);
 
@@ -188,7 +188,7 @@ export function TestIfWithSiblingsAndChildren(__anchor, _, __block) {
 	IfWithSiblingsAndChildren(
 		node_6,
 		{
-			children: _$_.ripple_element(function render_children(__anchor, __block) {
+			children: _$_.tsrx_element(function render_children(__anchor, __block) {
 				var fragment_3 = root_10();
 				var node_7 = _$_.first_child_frag(fragment_3);
 

package/tests/hydration/compiled/client/portal.js

@@ -29,7 +29,7 @@ export function SimplePortal(__anchor, _, __block) {
 					return typeof document !== 'undefined' ? document.body : null;
 				},
 
-				children: _$_.ripple_element(function render_children(__anchor, __block) {
+				children: _$_.tsrx_element(function render_children(__anchor, __block) {
 					var div_2 = root_1();
 
 					_$_.append(__anchor, div_2);
@@ -70,7 +70,7 @@ export function ConditionalPortal(__anchor, _, __block) {
 							return typeof document !== 'undefined' ? document.body : null;
 						},
 
-						children: _$_.ripple_element(function render_children(__anchor, __block) {
+						children: _$_.tsrx_element(function render_children(__anchor, __block) {
 							var div_4 = root_4();
 
 							_$_.append(__anchor, div_4);
@@ -110,7 +110,7 @@ export function PortalWithMainContent(__anchor, _, __block) {
 					return typeof document !== 'undefined' ? document.body : null;
 				},
 
-				children: _$_.ripple_element(function render_children(__anchor, __block) {
+				children: _$_.tsrx_element(function render_children(__anchor, __block) {
 					var div_7 = root_6();
 
 					_$_.append(__anchor, div_7);
@@ -145,7 +145,7 @@ export function NestedContentWithPortal(__anchor, _, __block) {
 					return typeof document !== 'undefined' ? document.body : null;
 				},
 
-				children: _$_.ripple_element(function render_children(__anchor, __block) {
+				children: _$_.tsrx_element(function render_children(__anchor, __block) {
 					var div_10 = root_8();
 
 					_$_.append(__anchor, div_10);

package/tests/hydration/compiled/server/basic.js

@@ -568,7 +568,7 @@ export function WebsiteIndex() {
 
 			const args = [
 				{
-					children: _$_.ripple_element(function render_children() {
+					children: _$_.tsrx_element(function render_children() {
 						_$_.push_component();
 
 						{

package/tests/hydration/compiled/server/composite.js

@@ -109,7 +109,7 @@ export function LayoutWithSingleChild() {
 
 			const args = [
 				{
-					children: _$_.ripple_element(function render_children() {
+					children: _$_.tsrx_element(function render_children() {
 						_$_.push_component();
 
 						{
@@ -140,7 +140,7 @@ export function LayoutWithMultipleChildren() {
 
 			const args = [
 				{
-					children: _$_.ripple_element(function render_children() {
+					children: _$_.tsrx_element(function render_children() {
 						_$_.push_component();
 
 						{
@@ -180,7 +180,7 @@ export function LayoutWithMultiRootChild() {
 
 			const args = [
 				{
-					children: _$_.ripple_element(function render_children() {
+					children: _$_.tsrx_element(function render_children() {
 						_$_.push_component();
 
 						{
@@ -211,7 +211,7 @@ export function LayoutWithTextAroundChildren() {
 
 			const args = [
 				{
-					children: _$_.ripple_element(function render_children() {
+					children: _$_.tsrx_element(function render_children() {
 						_$_.push_component();
 
 						{

package/tests/hydration/compiled/server/head.js

@@ -18,7 +18,7 @@ export function StaticTitle() {
 	});
 
 	_$_.set_output_target('head');
-	_$_.output_push('<!--p76zx7-->');
+	_$_.output_push('<!--o6otu9-->');
 	_$_.output_push('<title');
 	_$_.output_push('>');
 
@@ -55,7 +55,7 @@ export function ReactiveTitle() {
 	});
 
 	_$_.set_output_target('head');
-	_$_.output_push('<!--1nb8jjx-->');
+	_$_.output_push('<!--1kaaszj-->');
 	_$_.output_push('<title');
 	_$_.output_push('>');
 
@@ -83,7 +83,7 @@ export function MultipleHeadElements() {
 	});
 
 	_$_.set_output_target('head');
-	_$_.output_push('<!--8n8nfd-->');
+	_$_.output_push('<!--9nqthf-->');
 	_$_.output_push('<title');
 	_$_.output_push('>');
 
@@ -121,7 +121,7 @@ export function ReactiveMetaTags() {
 	});
 
 	_$_.set_output_target('head');
-	_$_.output_push('<!--1u7li02-->');
+	_$_.output_push('<!--1v7o69o-->');
 	_$_.output_push('<title');
 	_$_.output_push('>');
 
@@ -155,7 +155,7 @@ export function TitleWithTemplate() {
 	});
 
 	_$_.set_output_target('head');
-	_$_.output_push('<!--1wzb5pb-->');
+	_$_.output_push('<!--za44d-->');
 	_$_.output_push('<title');
 	_$_.output_push('>');
 
@@ -183,7 +183,7 @@ export function EmptyTitle() {
 	});
 
 	_$_.set_output_target('head');
-	_$_.output_push('<!--1vtxclq-->');
+	_$_.output_push('<!--1st5x80-->');
 	_$_.output_push('<title');
 	_$_.output_push('>');
 
@@ -214,7 +214,7 @@ export function ConditionalTitle() {
 	});
 
 	_$_.set_output_target('head');
-	_$_.output_push('<!--23prgg-->');
+	_$_.output_push('<!--54ijvi-->');
 	_$_.output_push('<title');
 	_$_.output_push('>');
 
@@ -252,7 +252,7 @@ export function ComputedTitle() {
 	});
 
 	_$_.set_output_target('head');
-	_$_.output_push('<!--dlz6ig-->');
+	_$_.output_push('<!--h5jm3a-->');
 	_$_.output_push('<title');
 	_$_.output_push('>');
 
@@ -280,7 +280,7 @@ export function MultipleHeadBlocks() {
 	});
 
 	_$_.set_output_target('head');
-	_$_.output_push('<!--143y0j8-->');
+	_$_.output_push('<!--133vcai-->');
 	_$_.output_push('<title');
 	_$_.output_push('>');
 
@@ -289,7 +289,7 @@ export function MultipleHeadBlocks() {
 	}
 
 	_$_.output_push('</title>');
-	_$_.output_push('<!--ejrkl6-->');
+	_$_.output_push('<!--fju8tw-->');
 	_$_.output_push('<meta');
 	_$_.output_push(' name="author"');
 	_$_.output_push(' content="Test Author"');
@@ -313,7 +313,7 @@ export function HeadWithStyle() {
 	});
 
 	_$_.set_output_target('head');
-	_$_.output_push('<!--1k4vrqu-->');
+	_$_.output_push('<!--1iodql4-->');
 	_$_.output_push('<title');
 	_$_.output_push('>');
 

package/tests/hydration/compiled/server/hmr.js

@@ -81,7 +81,7 @@ export function LayoutWithContent() {
 
 			const args = [
 				{
-					children: _$_.ripple_element(function render_children() {
+					children: _$_.tsrx_element(function render_children() {
 						_$_.push_component();
 
 						{