ripple 0.3.12 → 0.3.14

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}

@@ -1,5 +1,5 @@
 import { flushSync, track, untrack } from 'ripple';
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('basic client > errors', () => {
 	it('renders with error handling simulation', () => {
@@ -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/basic/{basic.styling.test.ripple → basic.styling.test.rsrx}

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('basic client > styling', () => {
 	it('renders with styling scoped to 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.assignments.test.ripple → compiler.assignments.test.rsrx}

@@ -1,5 +1,5 @@
 import { RippleArray, effect, track, untrack } from 'ripple';
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 const EFFECT_BODY_REGEX = /_\$\_\.effect\(\(\) => \{([\s\S]*?)\n\t\}\);/;
 

package/tests/client/compiler/{compiler.attributes.test.ripple → compiler.attributes.test.rsrx}

@@ -1,4 +1,4 @@
-import { parse, compile } from 'ripple/compiler';
+import { parse, compile } from '@tsrx/ripple';
 
 describe('compiler > attributes', () => {
 	it('generates valid JavaScript for component props with hyphenated attributes', () => {

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

@@ -1,5 +1,5 @@
-import { parse, compile, compile_to_volar_mappings } from 'ripple/compiler';
-import { obfuscate_identifier } from 'ripple/compiler/internal/identifier/utils';
+import { parse, compile, compile_to_volar_mappings } from '@tsrx/ripple';
+import { obfuscateIdentifier } from '@tsrx/core';
 import type * as AST from 'estree';
 
 function count_occurrences(string: string, subString: string): number {
@@ -59,7 +59,7 @@ describe('compiler > basics', () => {
 		const explicit_text = elements[1].children[0] as AST.TextNode;
 
 		expect(elements).toHaveLength(2);
-		expect(expression.type).toBe('RippleExpression');
+		expect(expression.type).toBe('TSRXExpression');
 		expect((expression.expression as AST.Identifier).name).toBe('markup');
 		expect(explicit_text.type).toBe('Text');
 		expect((explicit_text.expression as AST.Identifier).name).toBe('markup');
@@ -321,15 +321,15 @@ describe('compiler > basics', () => {
 	// `;
 	// 			const result = compile_to_volar_mappings(source, 'test.ripple').code;
 
-	// 			expect(count_occurrences(result, obfuscate_identifier('RippleArray'))).toBe(2);
+	// 			expect(count_occurrences(result, obfuscateIdentifier('RippleArray'))).toBe(2);
 	// 			expect(count_occurrences(result, 'TA')).toBe(1);
-	// 			expect(count_occurrences(result, obfuscate_identifier('RippleObject'))).toBe(2);
+	// 			expect(count_occurrences(result, obfuscateIdentifier('RippleObject'))).toBe(2);
 	// 			expect(count_occurrences(result, 'TO')).toBe(1);
-	// 			expect(count_occurrences(result, obfuscate_identifier('RippleSet'))).toBe(2);
+	// 			expect(count_occurrences(result, obfuscateIdentifier('RippleSet'))).toBe(2);
 	// 			expect(count_occurrences(result, 'TS')).toBe(1);
-	// 			expect(count_occurrences(result, obfuscate_identifier('RippleMap'))).toBe(2);
+	// 			expect(count_occurrences(result, obfuscateIdentifier('RippleMap'))).toBe(2);
 	// 			expect(count_occurrences(result, 'TM')).toBe(1);
-	// 			expect(count_occurrences(result, obfuscate_identifier('createRefKey'))).toBe(2);
+	// 			expect(count_occurrences(result, obfuscateIdentifier('createRefKey'))).toBe(2);
 	// 			expect(count_occurrences(result, 'crk')).toBe(1);
 	// 		},
 	// 	);
@@ -347,11 +347,11 @@ describe('compiler > basics', () => {
 	// `;
 	// 		const result = compile_to_volar_mappings(source, 'test.ripple').code;
 
-	// 		expect(count_occurrences(result, obfuscate_identifier('RippleArray'))).toBe(2);
-	// 		expect(count_occurrences(result, obfuscate_identifier('RippleObject'))).toBe(2);
-	// 		expect(count_occurrences(result, obfuscate_identifier('RippleSet'))).toBe(2);
-	// 		expect(count_occurrences(result, obfuscate_identifier('RippleMap'))).toBe(2);
-	// 		expect(count_occurrences(result, obfuscate_identifier('createRefKey'))).toBe(2);
+	// 		expect(count_occurrences(result, obfuscateIdentifier('RippleArray'))).toBe(2);
+	// 		expect(count_occurrences(result, obfuscateIdentifier('RippleObject'))).toBe(2);
+	// 		expect(count_occurrences(result, obfuscateIdentifier('RippleSet'))).toBe(2);
+	// 		expect(count_occurrences(result, obfuscateIdentifier('RippleMap'))).toBe(2);
+	// 		expect(count_occurrences(result, obfuscateIdentifier('createRefKey'))).toBe(2);
 	// 	});
 
 	it('prints longhand tracked property values in to_ts output while preserving [\'#v\']', () => {

package/tests/client/compiler/{compiler.tracked-access.test.ripple → compiler.tracked-access.test.rsrx}

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('Compiler: Tracked Object Direct Access Checks', () => {
 	it('should error on direct access to __v of a tracked object', () => {

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

@@ -1,4 +1,4 @@
-import { compile_to_volar_mappings } from 'ripple/compiler';
+import { compile_to_volar_mappings } from '@tsrx/ripple';
 
 function count_occurrences(string: string, sub_string: string): number {
 	let count = 0;
@@ -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/compiler/{compiler.typescript.test.ripple → compiler.typescript.test.rsrx}

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('compiler > typescript', () => {
 	it('compiles TSInstantiationExpression', () => {

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/css/{global-additional-cases.test.ripple → global-additional-cases.test.rsrx}

@@ -1,5 +1,5 @@
 import { track } from 'ripple';
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('CSS :global additional use cases', () => {
 	it('handles :global as modifier with dot notation', () => {

package/tests/client/css/{global-advanced-selectors.test.ripple → global-advanced-selectors.test.rsrx}

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('CSS :global with advanced selectors', () => {
 	it('handles :global with ::slotted()', () => {

package/tests/client/css/{global-at-rules.test.ripple → global-at-rules.test.rsrx}

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('CSS :global with @media and @supports', () => {
 	it('handles :global inside @media queries', () => {

package/tests/client/css/{global-basic.test.ripple → global-basic.test.rsrx}

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('CSS :global basic tests', () => {
 	it('applies global selector to all elements', () => {

package/tests/client/css/{global-classes-ids.test.ripple → global-classes-ids.test.rsrx}

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('CSS :global with classes and IDs', () => {
 	it('handles :global with single class', () => {

package/tests/client/css/{global-combinators.test.ripple → global-combinators.test.rsrx}

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('CSS :global with combinators', () => {
 	it('handles :global with child combinator', () => {

package/tests/client/css/{global-complex-nesting.test.ripple → global-complex-nesting.test.rsrx}

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('CSS :global with complex nesting', () => {
 	it('handles :global block with nested selectors', () => {

package/tests/client/css/{global-edge-cases.test.ripple → global-edge-cases.test.rsrx}

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('CSS :global edge cases', () => {
 	it('handles multiple :global selectors in one rule', () => {

package/tests/client/css/{global-keyframes.test.ripple → global-keyframes.test.rsrx}

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('CSS :global with keyframes', () => {
 	it('handles -global- prefix for keyframes', () => {

package/tests/client/css/{global-nested.test.ripple → global-nested.test.rsrx}

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('CSS :global nested blocks', () => {
 	it('handles nested global blocks', () => {

package/tests/client/css/{global-pseudo.test.ripple → global-pseudo.test.rsrx}

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('CSS :global with pseudo-classes', () => {
 	it('handles :global with :has()', () => {

package/tests/client/css/{global-scoping.test.ripple → global-scoping.test.rsrx}

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('CSS :global scoping verification', () => {
 	it('verifies scoped styles are isolated', () => {

package/tests/client/css/{style-identifier.test.ripple → style-identifier.test.rsrx}

@@ -1,5 +1,5 @@
 import { track } from 'ripple';
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('#style identifier', () => {
 	describe('basic usage with components', () => {

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', () => {

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

@@ -1,6 +1,6 @@
 import { describe, it, expect } from 'vitest';
 import { flushSync, track } from 'ripple';
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('returns in prohibited scopes', () => {
 	it('throws error when return is used in module scope', () => {