ripple 0.3.17 → 0.3.19

package/tests/server/{html-nesting-validation.test.rsrx → html-nesting-validation.test.tsrx}

@@ -16,8 +16,8 @@ describe('HTML nesting validation', () => {
 
 	describe('push_element and pop_element runtime', () => {
 		it('does not warn for valid nesting', () => {
-			push_element('div', 'test.ripple', 1, 0);
-			push_element('span', 'test.ripple', 2, 0);
+			push_element('div', 'test.tsrx', 1, 0);
+			push_element('span', 'test.tsrx', 2, 0);
 			pop_element();
 			pop_element();
 
@@ -25,8 +25,8 @@ describe('HTML nesting validation', () => {
 		});
 
 		it('warns when button is nested inside button', () => {
-			push_element('button', 'test.ripple', 1, 0);
-			push_element('button', 'test.ripple', 2, 0);
+			push_element('button', 'test.tsrx', 1, 0);
+			push_element('button', 'test.tsrx', 2, 0);
 			pop_element();
 			pop_element();
 
@@ -37,8 +37,8 @@ describe('HTML nesting validation', () => {
 		});
 
 		it('warns when a is nested inside a', () => {
-			push_element('a', 'test.ripple', 1, 0);
-			push_element('a', 'test.ripple', 2, 0);
+			push_element('a', 'test.tsrx', 1, 0);
+			push_element('a', 'test.tsrx', 2, 0);
 			pop_element();
 			pop_element();
 
@@ -48,8 +48,8 @@ describe('HTML nesting validation', () => {
 		});
 
 		it('warns when div is inside p', () => {
-			push_element('p', 'test.ripple', 1, 0);
-			push_element('div', 'test.ripple', 2, 0);
+			push_element('p', 'test.tsrx', 1, 0);
+			push_element('div', 'test.tsrx', 2, 0);
 			pop_element();
 			pop_element();
 
@@ -60,8 +60,8 @@ describe('HTML nesting validation', () => {
 		});
 
 		it('warns when heading is nested inside heading', () => {
-			push_element('h1', 'test.ripple', 1, 0);
-			push_element('h2', 'test.ripple', 2, 0);
+			push_element('h1', 'test.tsrx', 1, 0);
+			push_element('h2', 'test.tsrx', 2, 0);
 			pop_element();
 			pop_element();
 
@@ -72,8 +72,8 @@ describe('HTML nesting validation', () => {
 		});
 
 		it('warns when form is nested inside form', () => {
-			push_element('form', 'test.ripple', 1, 0);
-			push_element('form', 'test.ripple', 2, 0);
+			push_element('form', 'test.tsrx', 1, 0);
+			push_element('form', 'test.tsrx', 2, 0);
 			pop_element();
 			pop_element();
 
@@ -83,8 +83,8 @@ describe('HTML nesting validation', () => {
 		});
 
 		it('warns when td is not child of tr', () => {
-			push_element('div', 'test.ripple', 1, 0);
-			push_element('td', 'test.ripple', 2, 0);
+			push_element('div', 'test.tsrx', 1, 0);
+			push_element('td', 'test.tsrx', 2, 0);
 			pop_element();
 			pop_element();
 
@@ -95,8 +95,8 @@ describe('HTML nesting validation', () => {
 		});
 
 		it('warns when tr is not child of thead or tbody or tfoot', () => {
-			push_element('div', 'test.ripple', 1, 0);
-			push_element('tr', 'test.ripple', 2, 0);
+			push_element('div', 'test.tsrx', 1, 0);
+			push_element('tr', 'test.tsrx', 2, 0);
 			pop_element();
 			pop_element();
 
@@ -106,13 +106,13 @@ describe('HTML nesting validation', () => {
 		});
 
 		it('deduplicates warnings for the same message', () => {
-			push_element('button', 'test.ripple', 1, 0);
-			push_element('button', 'test.ripple', 2, 0);
+			push_element('button', 'test.tsrx', 1, 0);
+			push_element('button', 'test.tsrx', 2, 0);
 			pop_element();
 			pop_element();
 
-			push_element('button', 'test.ripple', 1, 0);
-			push_element('button', 'test.ripple', 2, 0);
+			push_element('button', 'test.tsrx', 1, 0);
+			push_element('button', 'test.tsrx', 2, 0);
 			pop_element();
 			pop_element();
 
@@ -120,20 +120,20 @@ describe('HTML nesting validation', () => {
 		});
 
 		it('includes location information in warning', () => {
-			push_element('button', 'App.ripple', 5, 2);
-			push_element('button', 'App.ripple', 10, 4);
+			push_element('button', 'App.tsrx', 5, 2);
+			push_element('button', 'App.tsrx', 10, 4);
 			pop_element();
 			pop_element();
 
 			expect(consoleErrorSpy).toHaveBeenCalledTimes(1);
 			const msg = consoleErrorSpy.mock.calls[0][0];
-			expect(msg).toContain('App.ripple:10:4');
-			expect(msg).toContain('App.ripple:5:2');
+			expect(msg).toContain('App.tsrx:10:4');
+			expect(msg).toContain('App.tsrx:5:2');
 		});
 
 		it('does not warn for custom elements', () => {
-			push_element('my-button', 'test.ripple', 1, 0);
-			push_element('my-button', 'test.ripple', 2, 0);
+			push_element('my-button', 'test.tsrx', 1, 0);
+			push_element('my-button', 'test.tsrx', 2, 0);
 			pop_element();
 			pop_element();
 
@@ -141,10 +141,10 @@ describe('HTML nesting validation', () => {
 		});
 
 		it('validates ancestor nesting (button deep inside button)', () => {
-			push_element('button', 'test.ripple', 1, 0);
-			push_element('div', 'test.ripple', 2, 0);
-			push_element('span', 'test.ripple', 3, 0);
-			push_element('button', 'test.ripple', 4, 0);
+			push_element('button', 'test.tsrx', 1, 0);
+			push_element('div', 'test.tsrx', 2, 0);
+			push_element('span', 'test.tsrx', 3, 0);
+			push_element('button', 'test.tsrx', 4, 0);
 			pop_element();
 			pop_element();
 			pop_element();
@@ -156,8 +156,8 @@ describe('HTML nesting validation', () => {
 		});
 
 		it('warns when li is direct child of another li', () => {
-			push_element('li', 'test.ripple', 1, 0);
-			push_element('li', 'test.ripple', 2, 0);
+			push_element('li', 'test.tsrx', 1, 0);
+			push_element('li', 'test.tsrx', 2, 0);
 			pop_element();
 			pop_element();
 
@@ -167,8 +167,8 @@ describe('HTML nesting validation', () => {
 		});
 
 		it('includes hydration mismatch warning text', () => {
-			push_element('p', 'test.ripple', 1, 0);
-			push_element('div', 'test.ripple', 2, 0);
+			push_element('p', 'test.tsrx', 1, 0);
+			push_element('div', 'test.tsrx', 2, 0);
 			pop_element();
 			pop_element();
 
@@ -187,7 +187,7 @@ describe('HTML nesting validation', () => {
 			lines.push('}');
 			const source = lines.join('\n');
 
-			const result = compile(source, 'test.ripple', { mode: 'server', dev: true });
+			const result = compile(source, 'test.tsrx', { mode: 'server', dev: true });
 
 			expect(result.js.code).toContain('_$_.push_element');
 			expect(result.js.code).toContain('_$_.pop_element');
@@ -202,7 +202,7 @@ describe('HTML nesting validation', () => {
 			lines.push('}');
 			const source = lines.join('\n');
 
-			const result = compile(source, 'test.ripple', { mode: 'server', dev: false });
+			const result = compile(source, 'test.tsrx', { mode: 'server', dev: false });
 
 			expect(result.js.code).not.toContain('push_element');
 			expect(result.js.code).not.toContain('pop_element');
@@ -215,7 +215,7 @@ describe('HTML nesting validation', () => {
 			lines.push('}');
 			const source = lines.join('\n');
 
-			const result = compile(source, 'test.ripple', { mode: 'server', dev: true });
+			const result = compile(source, 'test.tsrx', { mode: 'server', dev: true });
 
 			expect(result.js.code).toContain('_$_.push_element(\'button\'');
 		});
@@ -227,7 +227,7 @@ describe('HTML nesting validation', () => {
 			lines.push('}');
 			const source = lines.join('\n');
 
-			const result = compile(source, 'test.ripple', { mode: 'client', dev: true });
+			const result = compile(source, 'test.tsrx', { mode: 'client', dev: true });
 
 			expect(result.js.code).not.toContain('push_element');
 		});

package/tests/server/{style-identifier.test.rsrx → style-identifier.test.tsrx}

@@ -277,7 +277,7 @@ export component App() {
 		}
 	</style>
 }`;
-			const { js } = compile(source, 'test.ripple', { mode: 'server' });
+			const { js } = compile(source, 'test.tsrx', { mode: 'server' });
 
 			expect(js.code).toContain('highlight');
 			expect(js.code).toMatch(/ripple-[a-z0-9]+/);

package/tests/utils/compiler-compat-config.test.js

@@ -12,7 +12,7 @@ component App() {
 describe('compiler tsx compat configuration', () => {
 	it('allows tsx compat when no compat config is provided', () => {
 		expect(() =>
-			compile(source, '/src/App.rsrx', {
+			compile(source, '/src/App.tsrx', {
 				mode: 'client',
 			}),
 		).not.toThrow();
@@ -20,7 +20,7 @@ describe('compiler tsx compat configuration', () => {
 
 	it('throws when tsx compat kind is not configured', () => {
 		expect(() =>
-			compile(source, '/src/App.rsrx', {
+			compile(source, '/src/App.tsrx', {
 				mode: 'client',
 				compat_kinds: [],
 			}),
@@ -29,7 +29,7 @@ describe('compiler tsx compat configuration', () => {
 
 	it('allows tsx compat kinds that are configured', () => {
 		expect(() =>
-			compile(source, '/src/App.rsrx', {
+			compile(source, '/src/App.tsrx', {
 				mode: 'client',
 				compat_kinds: ['react'],
 			}),

package/tests/utils/vite-plugin-config.test.js

@@ -32,7 +32,7 @@ describe('vite-plugin-ripple config resolution', () => {
 				routes: [
 					new RenderRoute({
 						path: '/',
-						entry: '/src/App.rsrx',
+						entry: '/src/App.tsrx',
 					}),
 				],
 			},

package/tests/utils/vite-plugin-hmr.test.js

@@ -2,7 +2,7 @@ import { describe, it, expect, vi } from 'vitest';
 import { ripple } from '@ripple-ts/vite-plugin';
 
 describe('vite-plugin-ripple hotUpdate', () => {
-	it('invalidates SSR modules for non-self-accepting .ripple files', async () => {
+	it('invalidates SSR modules for non-self-accepting .tsrx files', async () => {
 		const [plugin] = ripple({ excludeRippleExternalModules: true });
 		await plugin.configResolved?.({ root: '/workspace', command: 'serve' });
 
@@ -28,7 +28,7 @@ describe('vite-plugin-ripple hotUpdate', () => {
 				},
 			},
 			{
-				file: '/workspace/src/non-component.rsrx',
+				file: '/workspace/src/non-component.tsrx',
 				modules: [{ id: 'client:non-component', isSelfAccepting: false }],
 				server: {
 					environments: {
@@ -43,14 +43,14 @@ describe('vite-plugin-ripple hotUpdate', () => {
 			},
 		);
 
-		expect(transform_request).toHaveBeenCalledWith('/src/non-component.rsrx');
-		expect(get_ssr_modules).toHaveBeenCalledWith('/workspace/src/non-component.rsrx');
+		expect(transform_request).toHaveBeenCalledWith('/src/non-component.tsrx');
+		expect(get_ssr_modules).toHaveBeenCalledWith('/workspace/src/non-component.tsrx');
 		expect(invalidate_ssr_module).toHaveBeenCalledTimes(2);
 		expect(send_hot_update).toHaveBeenCalledWith({ type: 'full-reload' });
 		expect(result).toEqual([]);
 	});
 
-	it('keeps self-accepting .ripple files on Vite HMR path', async () => {
+	it('keeps self-accepting .tsrx files on Vite HMR path', async () => {
 		const [plugin] = ripple({ excludeRippleExternalModules: true });
 		await plugin.configResolved?.({ root: '/workspace', command: 'serve' });
 
@@ -74,7 +74,7 @@ describe('vite-plugin-ripple hotUpdate', () => {
 				},
 			},
 			{
-				file: '/workspace/src/component.rsrx',
+				file: '/workspace/src/component.tsrx',
 				modules: [{ id: 'client:component', isSelfAccepting: true }],
 				server: {
 					environments: {
@@ -89,7 +89,7 @@ describe('vite-plugin-ripple hotUpdate', () => {
 			},
 		);
 
-		expect(transform_request).toHaveBeenCalledWith('/src/component.rsrx');
+		expect(transform_request).toHaveBeenCalledWith('/src/component.tsrx');
 		expect(get_ssr_modules).not.toHaveBeenCalled();
 		expect(invalidate_ssr_module).not.toHaveBeenCalled();
 		expect(send_hot_update).not.toHaveBeenCalled();

package/tsconfig.json

@@ -25,11 +25,7 @@
   "include": [
     "./*.js",
     "./src/",
-    "./tests/**/*.test.ripple",
-    "./tests/**/*.test.rsrx",
     "./tests/**/*.test.tsrx",
-    "./tests/**/*.ripple",
-    "./tests/**/*.rsrx",
     "./tests/**/*.tsrx",
     "./tests/**/*.d.ts",
     "./tests/**/*.js"

package/types/index.d.ts

@@ -1,14 +1,16 @@
 export type Component<T = Record<string, any>> = (props: T) => void;
 
-declare const RIPPLE_ELEMENT: unique symbol;
+declare const TSRX_ELEMENT: unique symbol;
 
-export type RippleElement = {
+export type TSRXElement = {
 	readonly render: Function;
-	readonly [RIPPLE_ELEMENT]: true;
+	readonly [TSRX_ELEMENT]: true;
 };
 
 /** Type for implicit children fragments rendered with `{children}`. */
-export type Children = RippleElement | Component | string | number | boolean | null | undefined;
+export type Children = TSRXElement | Component | string | number | boolean | null | undefined;
+
+export function tsrx_element(render: Function): TSRXElement;
 
 export function mount(
 	component: Component,