ripple 0.3.12 → 0.3.13

package/tests/client/basic/__snapshots__/basic.attributes.test.rsrx.snap

@@ -0,0 +1,60 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`basic client > attribute rendering > handles boolean attributes with no prop value provides 1`] = `
+<div>
+  <div
+    class="container"
+  >
+    <button
+      disabled=""
+    >
+      Button
+    </button>
+    <input
+      checked=""
+      type="checkbox"
+    />
+  </div>
+  
+</div>
+`;
+
+exports[`basic client > attribute rendering > handles boolean props correctly 1`] = `
+<div>
+  <div
+    data-disabled=""
+  />
+  <input
+    disabled=""
+  />
+  <!---->
+  
+</div>
+`;
+
+exports[`basic client > attribute rendering > render spread props without duplication 1`] = `
+<div>
+  <div>
+    <input
+      id="vehicle1"
+      name="car"
+      type="checkbox"
+      value="Bike"
+    />
+  </div>
+  
+</div>
+`;
+
+exports[`basic client > attribute rendering > render static attributes 1`] = `
+<div>
+  <div
+    class="foo"
+    id="bar"
+    style="color: red;"
+  >
+    Hello World
+  </div>
+  
+</div>
+`;

package/tests/client/basic/__snapshots__/basic.rendering.test.rsrx.snap

@@ -0,0 +1,59 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`basic client > rendering & text > basic operations 1`] = `
+<div>
+  <div>
+    0
+  </div>
+  <div>
+    2
+  </div>
+  <div>
+    5
+  </div>
+  <div>
+    2
+  </div>
+  
+</div>
+`;
+
+exports[`basic client > rendering & text > renders semi-dynamic text 1`] = `
+<div>
+  <div>
+    Hello World
+  </div>
+  
+</div>
+`;
+
+exports[`basic client > rendering & text > renders simple JS expression logic correctly 1`] = `
+<div>
+  <div>
+    {"0":"Test"}
+  </div>
+  <div>
+    1
+  </div>
+  
+</div>
+`;
+
+exports[`basic client > rendering & text > renders static text 1`] = `
+<div>
+  <div>
+    Hello World
+  </div>
+  
+</div>
+`;
+
+exports[`basic client > rendering & text > should handle lexical scopes correctly 1`] = `
+<div>
+  <section>
+    Nested scope variable
+    <!---->
+  </section>
+  
+</div>
+`;

package/tests/client/basic/{basic.errors.test.ripple → basic.errors.test.rsrx}

@@ -182,7 +182,7 @@ describe('basic client > errors', () => {
 		);
 	});
 
-	it('should throw error for await in client-side control-flow statements', () => {
+	it('should throw error for await inside client components', () => {
 		const code = `
 			export default component App() {
 				let data = 'initial';
@@ -195,7 +195,7 @@ describe('basic client > errors', () => {
 		`;
 		expect(() => {
 			compile(code, 'test.ripple', { mode: 'client' });
-		}).toThrow('`await` is not allowed in client-side control-flow statements');
+		}).toThrow('`await` is not allowed inside client components');
 	});
 
 	it('should throw error for while loop inside a component', () => {

package/tests/client/compiler/__snapshots__/compiler.assignments.test.rsrx.snap

@@ -0,0 +1,12 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`compiler > assignments > compiles tracked values in effect with assignment expression 1`] = `"state.count = _$_.get(lazy);"`;
+
+exports[`compiler > assignments > compiles tracked values in effect with update expressions 1`] = `
+"_$_.untrack(() => {
+			state.preIncrement = _$_.update_pre(lazy);
+			state.postIncrement = _$_.update(lazy);
+			state.preDecrement = _$_.update_pre(lazy, -1);
+			state.postDecrement = _$_.update(lazy, -1);
+		});"
+`;

package/tests/client/compiler/__snapshots__/compiler.typescript.test.rsrx.snap

@@ -0,0 +1,46 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`compiler > typescript > compiles TSInstantiationExpression 1`] = `
+"import * as _$_ from 'ripple/internal/client';
+
+function makeBox(value) {
+	return { value };
+}
+
+const makeStringBox = (makeBox);
+const stringBox = makeStringBox('abc');
+const ErrorMap = (Map);
+const errorMap = new ErrorMap();"
+`;
+
+exports[`compiler > typescript > removes class TypeScript syntax from JS output 1`] = `
+"import * as _$_ from 'ripple/internal/client';
+
+class PrintEvent {
+	text;
+
+	constructor(text) {
+		this.text = text;
+	}
+}"
+`;
+
+exports[`compiler > typescript > removes class extends type arguments from JS output 1`] = `
+"import * as _$_ from 'ripple/internal/client';
+
+class StringMap extends Map {
+	constructor() {
+		var __block = _$_.scope();
+
+		super();
+	}
+}"
+`;
+
+exports[`compiler > typescript > removes type assertions from function parameters and leaves default values 1`] = `
+"import * as _$_ from 'ripple/internal/client';
+
+function getString(e = 'test') {
+	return e;
+}"
+`;

package/tests/client/compiler/{compiler.try-in-function.test.ripple → compiler.try-in-function.test.rsrx}

@@ -71,22 +71,24 @@ describe('compiler > Volar transform does not duplicate try blocks from function
 	});
 
 	it('try at component top level is preserved', () => {
-		const source = `export component App() {
+		const source = `import { trackAsync } from 'ripple';
+export component App() {
 	try {
-		await fetch('/api');
+		let &[data] = trackAsync(() => fetch('/api'));
 	} catch (e) {}
 	<div>{"hi"}</div>
 }`;
 		const result = compile_to_volar_mappings(source, 'test.ripple').code;
 
 		expect(count_occurrences(result, 'try {')).toBe(1);
-		expect(count_occurrences(result, 'await fetch')).toBe(1);
+		expect(count_occurrences(result, 'trackAsync(() => fetch(\'/api\'))')).toBe(1);
 	});
 
 	it('component-level try and function-level try coexist without duplication', () => {
-		const source = `export component App() {
+		const source = `import { trackAsync } from 'ripple';
+export component App() {
 	try {
-		await fetch('/init');
+		let &[data] = trackAsync(() => fetch('/init'));
 	} catch (e) {}
 
 	async function refresh() {
@@ -99,7 +101,7 @@ describe('compiler > Volar transform does not duplicate try blocks from function
 		const result = compile_to_volar_mappings(source, 'test.ripple').code;
 
 		expect(count_occurrences(result, 'try {')).toBe(2);
-		expect(count_occurrences(result, 'await fetch(\'/init\')')).toBe(1);
+		expect(count_occurrences(result, 'trackAsync(() => fetch(\'/init\'))')).toBe(1);
 		expect(count_occurrences(result, 'await fetch(\'/refresh\')')).toBe(1);
 	});
 

package/tests/client/composite/__snapshots__/composite.render.test.rsrx.snap

@@ -0,0 +1,37 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`composite > render > correct handles passing through component props and children 1`] = `
+<div>
+  <!---->
+  <div>
+    <div>
+      I am A
+    </div>
+    <!---->
+    <div>
+      other text
+    </div>
+    <!---->
+    <div>
+      I am B
+    </div>
+    <!---->
+  </div>
+  <!---->
+  
+</div>
+`;
+
+exports[`composite > render > render simple text as children 1`] = `
+<div>
+  <!---->
+  <button
+    class="my-button"
+  >
+    Click Me
+    <!---->
+  </button>
+  <!---->
+  
+</div>
+`;

package/tests/client/{function-overload.test.ripple → function-overload.test.rsrx}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach, afterEach } from 'vitest';
 import { mount, flushSync } from 'ripple';
-import { test } from './function-overload-import.ripple';
+import { test } from './function-overload-import.rsrx';
 
 describe('function overload import tests', () => {
 	describe('function overloads', () => {