@ripple-ts/compat-react 0.2.215 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @ripple-ts/compat-react
 
+## 0.3.0
+
+### Minor Changes
+
+- [#779](https://github.com/Ripple-TS/ripple/pull/779)
+  [`74a10cc`](https://github.com/Ripple-TS/ripple/commit/74a10cc5701962cd7c72b144d59b35ecb76263a3)
+  Thanks [@leonidaz](https://github.com/leonidaz)! - Introduces #ripple namespace
+  for creating ripple reactive entities without imports, such as array, object,
+  map, set, date, url, urlSearchParams, mediaQuery. Adds track, untrack,
+  trackSplit, effect, context, server, style to the namespace. Deprecates #[] and
+  #{} in favor of #ripple[] and #ripple{}. Renames types and actual reactive
+  imports for TrackedX entities, such as TrackedArray, TrackedObject, etc. into
+  RippleArray, RippleObjec, etc.
+
+### Patch Changes
+
+- Updated dependencies
+  [[`61271cb`](https://github.com/Ripple-TS/ripple/commit/61271cb1c4777f2ab9093c6c89a5ad771ec98b7d),
+  [`21dd402`](https://github.com/Ripple-TS/ripple/commit/21dd4029d7e027a0706cb133b09530a722feb73d),
+  [`c2dbefe`](https://github.com/Ripple-TS/ripple/commit/c2dbefe5645c0c4f6e0ff4dc00d9c4de81616667),
+  [`74a10cc`](https://github.com/Ripple-TS/ripple/commit/74a10cc5701962cd7c72b144d59b35ecb76263a3)]:
+  - ripple@0.3.0
+
+## 0.2.216
+
+### Patch Changes
+
+- Updated dependencies
+  [[`9fb507d`](https://github.com/Ripple-TS/ripple/commit/9fb507d76af6fd6a5c636af1976d1e03d3e869ac),
+  [`e1de4bb`](https://github.com/Ripple-TS/ripple/commit/e1de4bb9df75342a693cda24d0999a423db05ec4),
+  [`95ea864`](https://github.com/Ripple-TS/ripple/commit/95ea8645b2cb27e2610a4ace4c8fb238c92d441a)]:
+  - ripple@0.2.216
+
 ## 0.2.215
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ripple-ts/compat-react",
-  "version": "0.2.215",
+  "version": "0.3.0",
   "description": "Ripple compatibility layer for React",
   "main": "src/index.js",
   "author": "Dominic Gannaway",
@@ -17,13 +17,13 @@
   "dependencies": {
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "ripple": "0.2.215"
+    "ripple": "0.3.0"
   },
   "devDependencies": {
     "@types/node": "^24.3.0",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
-    "typescript": "^5.9.2"
+    "typescript": "^5.9.3"
   },
   "publishConfig": {
     "access": "public"

package/tests/index.test.ripple

@@ -230,7 +230,7 @@ describe('compat-react', () => {
 
 		it('should work with Ripple reactivity', async () => {
 			component App() {
-				let count = track(0);
+				let count = #ripple.track(0);
 				<div>
 					<div class="ripple-count">{@count}</div>
 					<button onClick={() => @count++}>{'Increment'}</button>
@@ -321,7 +321,7 @@ describe('compat-react', () => {
 						</tsx:react>
 					</div>
 				} catch (e) {
-					<div class="error">{'ReactChiild had an error'}</div>
+					<div class="error">{'ReactChild had an error'}</div>
 				}
 			}
 
@@ -331,7 +331,7 @@ describe('compat-react', () => {
 
 			const reactContent = container.querySelector('div > div');
 			expect(reactContent).toBeTruthy();
-			expect(reactContent.textContent).toBe('ReactChiild had an error');
+			expect(reactContent.textContent).toBe('ReactChild had an error');
 		});
 
 		it('should handle React errors #2', async () => {
@@ -353,7 +353,7 @@ describe('compat-react', () => {
 						</tsx:react>
 					</div>
 				} catch (e) {
-					<div class="error">{'ReactChiild had an error'}</div>
+					<div class="error">{'ReactChild had an error'}</div>
 				}
 			}
 
@@ -363,7 +363,7 @@ describe('compat-react', () => {
 
 			const reactContent = container.querySelector('div > div');
 			expect(reactContent).toBeTruthy();
-			expect(reactContent.textContent).toBe('ReactChiild had an error');
+			expect(reactContent.textContent).toBe('ReactChild had an error');
 		});
 
 		it('Should handle React context', async () => {
@@ -464,7 +464,7 @@ describe('compat-react', () => {
 				component AsyncRippleChild() {
 					await sleep(1000);
 
-					let count = track(0);
+					let count = #ripple.track(0);
 
 					<div>
 						<div class="async-content">{'Loaded!'}</div>
@@ -549,7 +549,7 @@ describe('compat-react', () => {
 				}
 
 				component App() {
-					let page = track(1);
+					let page = #ripple.track(1);
 					setPage = (p: number) => {
 						@page = p;
 					};
@@ -629,7 +629,7 @@ describe('compat-react', () => {
 				}
 
 				component App() {
-					let page = track(1);
+					let page = #ripple.track(1);
 					setPage = (p: number) => {
 						@page = p;
 					};