ripple 0.2.216 → 0.3.1

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

@@ -88,8 +88,6 @@ var root_83 = _$_.template(`<div class="layout"><template id="page-data"></templ
 var root_85 = _$_.template(`<div class="doc-content"><!></div>`, 0);
 var root_84 = _$_.template(`<!>`, 1, 1);
 
-import { track } from 'ripple';
-
 export function StaticHtml(__anchor, _, __block) {
 	_$_.push_component();
 
@@ -614,7 +612,6 @@ export function HtmlWithServerData(__anchor, _, __block) {
 		{
 			editPath: "docs/introduction.md",
 			nextLink: { href: '/docs/quick-start', text: 'Quick Start' },
-
 			toc: [
 				{ href: '#intro', text: 'Introduction' },
 				{ href: '#features', text: 'Features' }
@@ -836,7 +833,6 @@ export function HtmlAfterSwitchInChildren(__anchor, _, __block) {
 					node_36,
 					{
 						level: 1,
-
 						children(__anchor, _, __block) {
 							_$_.push_component();
 
@@ -930,7 +926,7 @@ function NavItem(__anchor, __props, __block) {
 function SidebarSection(__anchor, __props, __block) {
 	_$_.push_component();
 
-	let expanded = track(true, void 0, void 0, __block);
+	let expanded = _$_.track(true, void 0, void 0, __block);
 	var section_2 = root_38();
 
 	{
@@ -1002,7 +998,6 @@ function SideNav(__anchor, __props, __block) {
 					node_41,
 					{
 						title: "Getting Started",
-
 						children(__anchor, _, __block) {
 							_$_.push_component();
 
@@ -1014,7 +1009,6 @@ function SideNav(__anchor, __props, __block) {
 								{
 									href: "/intro",
 									text: "Introduction",
-
 									get active() {
 										return __props.currentPath === '/intro';
 									}
@@ -1029,7 +1023,6 @@ function SideNav(__anchor, __props, __block) {
 								{
 									href: "/start",
 									text: "Quick Start",
-
 									get active() {
 										return __props.currentPath === '/start';
 									}
@@ -1056,7 +1049,6 @@ function SideNav(__anchor, __props, __block) {
 					node_44,
 					{
 						title: "Guide",
-
 						children(__anchor, _, __block) {
 							_$_.push_component();
 
@@ -1068,7 +1060,6 @@ function SideNav(__anchor, __props, __block) {
 								{
 									href: "/guide/app",
 									text: "Application",
-
 									get active() {
 										return __props.currentPath === '/guide/app';
 									}
@@ -1083,7 +1074,6 @@ function SideNav(__anchor, __props, __block) {
 								{
 									href: "/guide/syntax",
 									text: "Syntax",
-
 									get active() {
 										return __props.currentPath === '/guide/syntax';
 									}
@@ -1556,7 +1546,6 @@ export function DocsLayoutWithData(__anchor, _, __block) {
 		{
 			editPath: "docs/styling.md",
 			nextLink: { href: '/next', text: 'Next' },
-
 			children(__anchor, _, __block) {
 				_$_.push_component();
 
@@ -1887,7 +1876,6 @@ export function DocsLayoutExactWithData(__anchor, _, __block) {
 			editPath: "docs/guide/styling.md",
 			prevLink: { href: '/prev', text: 'Previous' },
 			nextLink: { href: '/next', text: 'Next' },
-
 			toc: [
 				{ href: '#intro', text: 'Introduction' },
 				{ href: '#usage', text: 'Usage' }
@@ -1937,7 +1925,6 @@ export function DocsLayoutExactWithoutData(__anchor, _, __block) {
 			prevLink,
 			nextLink,
 			toc,
-
 			children(__anchor, _, __block) {
 				_$_.push_component();
 
@@ -2037,7 +2024,6 @@ export function NestedTemplateInLayout(__anchor, _, __block) {
 		node_89,
 		{
 			data: doc,
-
 			children(__anchor, _, __block) {
 				_$_.push_component();
 

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

@@ -22,12 +22,10 @@ var root_15 = _$_.template(`<div class="tabs"><div class="tab-list"><button clas
 var root_18 = _$_.template(`<div class="container"><ul class="list"><li class="item"> </li><li class="item">Another item</li></ul><h2 class="heading">Static Heading</h2><p class="para">Static paragraph</p></div><button class="inc">Increment</button>`, 1, 2);
 var root_19 = _$_.template(`<div class="wrapper"><ul class="features"><li><strong>Feature One</strong>: Description of feature one with <code>code</code> reference</li><li><strong>Feature Two</strong>: Another feature description</li><li><strong>Feature Three</strong>: Third feature</li></ul><h2 class="section-heading">Section Heading</h2><p class="section-content">Static paragraph with <a href="/link">a link</a> and more text.</p></div>`, 0);
 
-import { track } from 'ripple';
-
 export function IfWithChildren(__anchor, __props, __block) {
 	_$_.push_component();
 
-	let expanded = track(true, void 0, void 0, __block);
+	let expanded = _$_.track(true, void 0, void 0, __block);
 	var div_1 = root();
 
 	{
@@ -116,7 +114,7 @@ export function TestIfWithChildren(__anchor, _, __block) {
 export function IfWithStaticChildren(__anchor, _, __block) {
 	_$_.push_component();
 
-	let expanded = track(true, void 0, void 0, __block);
+	let expanded = _$_.track(true, void 0, void 0, __block);
 	var div_5 = root_5();
 
 	{
@@ -148,7 +146,7 @@ export function IfWithStaticChildren(__anchor, _, __block) {
 export function IfWithSiblingsAndChildren(__anchor, __props, __block) {
 	_$_.push_component();
 
-	let expanded = track(true, void 0, void 0, __block);
+	let expanded = _$_.track(true, void 0, void 0, __block);
 	var section_1 = root_7();
 
 	{
@@ -219,7 +217,7 @@ export function TestIfWithSiblingsAndChildren(__anchor, _, __block) {
 export function ElementWithChildrenThenIf(__anchor, _, __block) {
 	_$_.push_component();
 
-	let show = track(true, void 0, void 0, __block);
+	let show = _$_.track(true, void 0, void 0, __block);
 	var fragment_4 = root_11();
 	var div_11 = _$_.first_child_frag(fragment_4);
 
@@ -256,7 +254,7 @@ export function ElementWithChildrenThenIf(__anchor, _, __block) {
 export function DeepNestingThenIf(__anchor, _, __block) {
 	_$_.push_component();
 
-	let visible = track(true, void 0, void 0, __block);
+	let visible = _$_.track(true, void 0, void 0, __block);
 	var fragment_5 = root_13();
 	var section_2 = _$_.first_child_frag(fragment_5);
 
@@ -293,7 +291,7 @@ export function DeepNestingThenIf(__anchor, _, __block) {
 export function DomElementChildrenThenSibling(__anchor, _, __block) {
 	_$_.push_component();
 
-	let activeTab = track('code', void 0, void 0, __block);
+	let activeTab = _$_.track('code', void 0, void 0, __block);
 	var div_13 = root_15();
 
 	{
@@ -362,7 +360,7 @@ export function DomElementChildrenThenSibling(__anchor, _, __block) {
 export function DomChildrenThenStaticSiblings(__anchor, _, __block) {
 	_$_.push_component();
 
-	let count = track(0, void 0, void 0, __block);
+	let count = _$_.track(0, void 0, void 0, __block);
 	var fragment_6 = root_18();
 	var div_17 = _$_.first_child_frag(fragment_6);
 

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

@@ -22,8 +22,6 @@ var root_19 = _$_.template(`<div class="state">Error occurred</div>`, 0);
 var root_17 = _$_.template(`<!>`, 1, 1);
 var root_15 = _$_.template(`<div><button class="success">Success</button><button class="error">Error</button><button class="loading">Loading</button><!></div>`, 0);
 
-import { track } from 'ripple';
-
 export function IfTruthy(__anchor, _, __block) {
 	_$_.push_component();
 
@@ -102,7 +100,7 @@ export function IfElse(__anchor, _, __block) {
 export function ReactiveIf(__anchor, _, __block) {
 	_$_.push_component();
 
-	let show = track(true, void 0, void 0, __block);
+	let show = _$_.track(true, void 0, void 0, __block);
 	var fragment_3 = root_7();
 	var button_1 = _$_.first_child_frag(fragment_3);
 
@@ -131,7 +129,7 @@ export function ReactiveIf(__anchor, _, __block) {
 export function ReactiveIfElse(__anchor, _, __block) {
 	_$_.push_component();
 
-	let isOn = track(false, void 0, void 0, __block);
+	let isOn = _$_.track(false, void 0, void 0, __block);
 	var fragment_4 = root_9();
 	var button_2 = _$_.first_child_frag(fragment_4);
 
@@ -166,8 +164,8 @@ export function ReactiveIfElse(__anchor, _, __block) {
 export function NestedIf(__anchor, _, __block) {
 	_$_.push_component();
 
-	let outer = track(true, void 0, void 0, __block);
-	let inner = track(true, void 0, void 0, __block);
+	let outer = _$_.track(true, void 0, void 0, __block);
+	let inner = _$_.track(true, void 0, void 0, __block);
 	var fragment_5 = root_12();
 	var button_3 = _$_.first_child_frag(fragment_5);
 
@@ -221,7 +219,7 @@ export function NestedIf(__anchor, _, __block) {
 export function IfElseIfChain(__anchor, _, __block) {
 	_$_.push_component();
 
-	let status = track('loading', void 0, void 0, __block);
+	let status = _$_.track('loading', void 0, void 0, __block);
 	var div_9 = root_15();
 
 	{

package/tests/hydration/compiled/client/mixed-control-flow.js

@@ -28,8 +28,6 @@ var root_19 = _$_.template(`<!>`, 1, 1);
 var root_18 = _$_.template(`<div class="before">before</div><!>`, 1, 2);
 var root_25 = _$_.template(`<div class="resolved-row"> </div>`, 0);
 
-import { track } from 'ripple';
-
 export function MixedControlFlowStatic(__anchor, _, __block) {
 	_$_.push_component();
 
@@ -196,9 +194,9 @@ export function MixedControlFlowStatic(__anchor, _, __block) {
 export function MixedControlFlowReactive(__anchor, _, __block) {
 	_$_.push_component();
 
-	let show = track(true, void 0, void 0, __block);
-	let mode = track('a', void 0, void 0, __block);
-	let items = track([{ id: 1, label: 'One' }, { id: 2, label: 'Two' }], void 0, void 0, __block);
+	let show = _$_.track(true, void 0, void 0, __block);
+	let mode = _$_.track('a', void 0, void 0, __block);
+	let items = _$_.track([{ id: 1, label: 'One' }, { id: 2, label: 'Two' }], void 0, void 0, __block);
 	var fragment_4 = root_9();
 	var button_1 = _$_.first_child_frag(fragment_4);
 

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

@@ -51,7 +51,7 @@ export function SimplePortal(__anchor, _, __block) {
 export function ConditionalPortal(__anchor, _, __block) {
 	_$_.push_component();
 
-	let show = _$_.get(true);
+	let show = _$_.track(true, void 0, void 0, __block);
 	var div_3 = root_2();
 
 	{

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

@@ -8,12 +8,10 @@ var root_3 = _$_.template(`<div class="sum"> </div>`, 0);
 var root_4 = _$_.template(`<div class="x"> </div><div class="y"> </div><div class="z"> </div>`, 1, 3);
 var root_5 = _$_.template(`<div class="name"> </div>`, 0);
 
-import { track } from 'ripple';
-
 export function TrackedState(__anchor, _, __block) {
 	_$_.push_component();
 
-	let count = track(0, void 0, void 0, __block);
+	let count = _$_.track(0, void 0, void 0, __block);
 	var div_1 = root();
 
 	{
@@ -33,7 +31,7 @@ export function TrackedState(__anchor, _, __block) {
 export function CounterWithInitial(__anchor, props, __block) {
 	_$_.push_component();
 
-	let count = track(props.initial, void 0, void 0, __block);
+	let count = _$_.track(props.initial, void 0, void 0, __block);
 	var div_2 = root_1();
 
 	{
@@ -68,8 +66,8 @@ export function CounterWrapper(__anchor, _, __block) {
 export function ComputedValues(__anchor, _, __block) {
 	_$_.push_component();
 
-	let a = track(2, void 0, void 0, __block);
-	let b = track(3, void 0, void 0, __block);
+	let a = _$_.track(2, void 0, void 0, __block);
+	let b = _$_.track(3, void 0, void 0, __block);
 	const sum = () => _$_.get(a) + _$_.get(b);
 	var div_3 = root_3();
 
@@ -90,9 +88,9 @@ export function ComputedValues(__anchor, _, __block) {
 export function MultipleTracked(__anchor, _, __block) {
 	_$_.push_component();
 
-	let x = track(10, void 0, void 0, __block);
-	let y = track(20, void 0, void 0, __block);
-	let z = track(30, void 0, void 0, __block);
+	let x = _$_.track(10, void 0, void 0, __block);
+	let y = _$_.track(20, void 0, void 0, __block);
+	let z = _$_.track(30, void 0, void 0, __block);
 	var fragment_1 = root_4();
 	var div_4 = _$_.first_child_frag(fragment_1);
 
@@ -150,8 +148,8 @@ export function MultipleTracked(__anchor, _, __block) {
 export function DerivedState(__anchor, _, __block) {
 	_$_.push_component();
 
-	let firstName = track('John', void 0, void 0, __block);
-	let lastName = track('Doe', void 0, void 0, __block);
+	let firstName = _$_.track('John', void 0, void 0, __block);
+	let lastName = _$_.track('Doe', void 0, void 0, __block);
 	const fullName = () => `${_$_.get(firstName)} ${_$_.get(lastName)}`;
 	var div_7 = root_5();
 

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

@@ -130,8 +130,6 @@ var root_121 = _$_.template(`<div class="middle">middle</div><section class="nes
 var root_127 = _$_.template(`<div class="root-1">root-1</div><div class="root-2">root-2</div><div class="root-3">root-3</div><div class="root-4">root-4</div>`, 1, 4);
 var root_119 = _$_.template(`<button class="toggle-c1">Toggle C1</button><button class="toggle-c2">Toggle C2</button><button class="toggle-c3">Toggle C3</button><button class="toggle-c4">Toggle C4</button><div class="top">top</div><!><!><!>`, 1, 8);
 
-import { track } from 'ripple';
-
 export function DirectReturn(__anchor, _, __block) {
 	_$_.push_component();
 
@@ -1170,7 +1168,7 @@ export function ReactiveReturnTrueToFalse(__anchor, _, __block) {
 	_$_.push_component();
 
 	var __r_28 = _$_.tracked(false);
-	let condition = track(true, void 0, void 0, __block);
+	let condition = _$_.track(true, void 0, void 0, __block);
 	var fragment_59 = root_77();
 	var button_1 = _$_.first_child_frag(fragment_59);
 
@@ -1215,7 +1213,7 @@ export function ReactiveReturnFalseToTrue(__anchor, _, __block) {
 	_$_.push_component();
 
 	var __r_29 = _$_.tracked(false);
-	let condition = track(false, void 0, void 0, __block);
+	let condition = _$_.track(false, void 0, void 0, __block);
 	var fragment_61 = root_80();
 	var button_2 = _$_.first_child_frag(fragment_61);
 
@@ -1261,7 +1259,7 @@ export function ReactiveNestedReturn(__anchor, _, __block) {
 
 	var __r_30 = _$_.tracked(false);
 	let a = true;
-	let b = track(true, void 0, void 0, __block);
+	let b = _$_.track(true, void 0, void 0, __block);
 	var fragment_63 = root_83();
 	var button_3 = _$_.first_child_frag(fragment_63);
 
@@ -1576,7 +1574,7 @@ export function ReactiveSiblingReturns(__anchor, _, __block) {
 
 	var __r_39 = _$_.tracked(false);
 	var __r_38 = _$_.tracked(false);
-	let mode = track('first', void 0, void 0, __block);
+	let mode = _$_.track('first', void 0, void 0, __block);
 	var fragment_82 = root_105();
 	var button_4 = _$_.first_child_frag(fragment_82);
 
@@ -1655,8 +1653,8 @@ export function ReactiveOuterInnerReturns(__anchor, _, __block) {
 	_$_.push_component();
 
 	var __r_40 = _$_.tracked(false);
-	let a = track(true, void 0, void 0, __block);
-	let b = track(true, void 0, void 0, __block);
+	let a = _$_.track(true, void 0, void 0, __block);
+	let b = _$_.track(true, void 0, void 0, __block);
 	var fragment_86 = root_110();
 	var button_5 = _$_.first_child_frag(fragment_86);
 
@@ -1734,7 +1732,7 @@ export function ReactiveElseIfReturns(__anchor, _, __block) {
 
 	var __r_42 = _$_.tracked(false);
 	var __r_41 = _$_.tracked(false);
-	let status = track(0, void 0, void 0, __block);
+	let status = _$_.track(0, void 0, void 0, __block);
 	var fragment_89 = root_114();
 	var button_7 = _$_.first_child_frag(fragment_89);
 
@@ -1808,10 +1806,10 @@ export function ReactiveDeepNestedIndependentReturns(__anchor, _, __block) {
 	var __r_45 = _$_.tracked(false);
 	var __r_44 = _$_.tracked(false);
 	var __r_43 = _$_.tracked(false);
-	let c1 = track(false, void 0, void 0, __block);
-	let c2 = track(false, void 0, void 0, __block);
-	let c3 = track(false, void 0, void 0, __block);
-	let c4 = track(false, void 0, void 0, __block);
+	let c1 = _$_.track(false, void 0, void 0, __block);
+	let c2 = _$_.track(false, void 0, void 0, __block);
+	let c3 = _$_.track(false, void 0, void 0, __block);
+	let c4 = _$_.track(false, void 0, void 0, __block);
 	var fragment_94 = root_119();
 	var button_8 = _$_.first_child_frag(fragment_94);
 

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

@@ -25,8 +25,6 @@ var root_21 = _$_.template(`<div class="nobreak-2">NoBreak 2</div>`, 0);
 var root_22 = _$_.template(`<div class="nobreak-3">NoBreak 3</div>`, 0);
 var root_19 = _$_.template(`<button class="nobreak-toggle">Toggle</button><!>`, 1, 2);
 
-import { track } from 'ripple';
-
 export function SwitchStatic(__anchor, _, __block) {
 	_$_.push_component();
 
@@ -79,7 +77,7 @@ export function SwitchStatic(__anchor, _, __block) {
 export function SwitchReactive(__anchor, _, __block) {
 	_$_.push_component();
 
-	let status = track('a', void 0, void 0, __block);
+	let status = _$_.track('a', void 0, void 0, __block);
 	var fragment_3 = root_4();
 	var button_1 = _$_.first_child_frag(fragment_3);
 
@@ -175,7 +173,7 @@ export function SwitchFallthrough(__anchor, _, __block) {
 export function SwitchNumericLevels(__anchor, _, __block) {
 	_$_.push_component();
 
-	let level = track(1, void 0, void 0, __block);
+	let level = _$_.track(1, void 0, void 0, __block);
 	var fragment_8 = root_11();
 	var button_2 = _$_.first_child_frag(fragment_8);
 
@@ -230,7 +228,7 @@ export function SwitchNumericLevels(__anchor, _, __block) {
 export function SwitchBlockScoped(__anchor, _, __block) {
 	_$_.push_component();
 
-	let level = track(1, void 0, void 0, __block);
+	let level = _$_.track(1, void 0, void 0, __block);
 	var fragment_12 = root_15();
 	var button_3 = _$_.first_child_frag(fragment_12);
 
@@ -285,7 +283,7 @@ export function SwitchBlockScoped(__anchor, _, __block) {
 export function SwitchNoBreak(__anchor, _, __block) {
 	_$_.push_component();
 
-	let level = track(1, void 0, void 0, __block);
+	let level = _$_.track(1, void 0, void 0, __block);
 	var fragment_16 = root_19();
 	var button_4 = _$_.first_child_frag(fragment_16);
 

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

@@ -429,7 +429,6 @@ export function WebsiteIndex(__output) {
 
 		const args = [
 			__output,
-
 			{
 				children: function children(__output) {
 					_$_.push_component();

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

@@ -84,7 +84,6 @@ export function LayoutWithSingleChild(__output) {
 
 		const args = [
 			__output,
-
 			{
 				children: function children(__output) {
 					_$_.push_component();
@@ -115,7 +114,6 @@ export function LayoutWithMultipleChildren(__output) {
 
 		const args = [
 			__output,
-
 			{
 				children: function children(__output) {
 					_$_.push_component();
@@ -155,7 +153,6 @@ export function LayoutWithMultiRootChild(__output) {
 
 		const args = [
 			__output,
-
 			{
 				children: function children(__output) {
 					_$_.push_component();

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

@@ -1,12 +1,10 @@
 // @ts-nocheck
 import * as _$_ from 'ripple/internal/server';
 
-import { track } from 'ripple/server';
-
 export function ClickCounter(__output) {
 	_$_.push_component();
 
-	let count = track(0);
+	let count = _$_.track(0);
 
 	__output.push('<div');
 	__output.push('>');
@@ -39,7 +37,7 @@ export function ClickCounter(__output) {
 export function IncrementDecrement(__output) {
 	_$_.push_component();
 
-	let count = track(0);
+	let count = _$_.track(0);
 
 	__output.push('<div');
 	__output.push('>');
@@ -81,8 +79,8 @@ export function IncrementDecrement(__output) {
 export function MultipleEvents(__output) {
 	_$_.push_component();
 
-	let clicks = track(0);
-	let hovers = track(0);
+	let clicks = _$_.track(0);
+	let hovers = _$_.track(0);
 
 	__output.push('<div');
 	__output.push('>');
@@ -124,8 +122,8 @@ export function MultipleEvents(__output) {
 export function MultiStateUpdate(__output) {
 	_$_.push_component();
 
-	let count = track(0);
-	let lastAction = track('none');
+	let count = _$_.track(0);
+	let lastAction = _$_.track('none');
 
 	const handleClick = () => {
 		_$_.update(count);
@@ -172,7 +170,7 @@ export function MultiStateUpdate(__output) {
 export function ToggleButton(__output) {
 	_$_.push_component();
 
-	let isOn = track(false);
+	let isOn = _$_.track(false);
 
 	__output.push('<div');
 	__output.push('>');
@@ -210,7 +208,7 @@ export function ChildButton(__output, props) {
 export function ParentWithChildButton(__output) {
 	_$_.push_component();
 
-	let count = track(0);
+	let count = _$_.track(0);
 
 	__output.push('<div');
 	__output.push('>');
@@ -221,12 +219,10 @@ export function ParentWithChildButton(__output) {
 
 			const args = [
 				__output,
-
 				{
 					onClick: () => {
 						_$_.update(count);
 					},
-
 					label: "Click me"
 				}
 			];