ripple 0.3.68 → 0.3.70

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

@@ -2,11 +2,11 @@ import { describe, expect, it } from 'vitest';
 import { compile } from '@tsrx/ripple';
 
 const source = `
-component App() {
+function App() { return <>
 	<tsx:react>
 		<div className="react-content">{'Hello'}</div>
 	</tsx:react>
-}
+</>; }
 `;
 
 describe('compiler tsx compat configuration', () => {

package/tests/utils/runtime-imports.test.js

@@ -35,4 +35,14 @@ describe('runtime imports', () => {
 
 		expect(barrel_imports).toEqual([]);
 	});
+
+	it('exports Fragment from both public runtimes', async () => {
+		const [client, server] = await Promise.all([
+			import('../../src/runtime/index-client.js'),
+			import('../../src/runtime/index-server.js'),
+		]);
+
+		expect(typeof client.Fragment).toBe('function');
+		expect(typeof server.Fragment).toBe('function');
+	});
 });

package/types/index.d.ts

@@ -15,8 +15,16 @@ export type TSRXElement = {
 /** Type for implicit children fragments rendered with `{children}`. */
 export type Children = TSRXElement | Component | string | number | boolean | null | undefined;
 
+export type FragmentProps = {
+	children?: Children | Children[];
+	innerHTML?: string | null | undefined;
+	[key: string]: unknown;
+};
+
 export function tsrx_element(render: Function): TSRXElement;
 
+export function Fragment(props: FragmentProps): TSRXElement;
+
 export function mount(
 	component: Component,
 	options: { target: HTMLElement; props?: Record<string, any>; rootBoundary?: RootBoundaryOptions },

package/tests/client/__snapshots__/html.test.rsrx.snap

@@ -1,40 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`html directive > renders dynamic html 1`] = `
-<div>
-  <!---->
-  <div>
-    Test
-  </div>
-  <!---->
-  <button>
-    Update
-  </button>
-  
-</div>
-`;
-
-exports[`html directive > renders dynamic html 2`] = `
-<div>
-  <!---->
-  <div>
-    Updated
-  </div>
-  <!---->
-  <button>
-    Update
-  </button>
-  
-</div>
-`;
-
-exports[`html directive > renders static html 1`] = `
-<div>
-  <!---->
-  <div>
-    Test
-  </div>
-  <!---->
-  
-</div>
-`;