@ripple-ts/compat-react 0.3.6 → 0.3.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/package.json +2 -2
- package/tests/index.test.ripple +12 -12
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @ripple-ts/compat-react
|
|
2
2
|
|
|
3
|
+
## 0.3.8
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies []:
|
|
8
|
+
- ripple@0.3.8
|
|
9
|
+
|
|
10
|
+
## 0.3.7
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- Updated dependencies
|
|
15
|
+
[[`9ca9310`](https://github.com/Ripple-TS/ripple/commit/9ca9310550a800f4435821ed84b24bdd4f243117),
|
|
16
|
+
[`9ca9310`](https://github.com/Ripple-TS/ripple/commit/9ca9310550a800f4435821ed84b24bdd4f243117),
|
|
17
|
+
[`9ca9310`](https://github.com/Ripple-TS/ripple/commit/9ca9310550a800f4435821ed84b24bdd4f243117),
|
|
18
|
+
[`9ca9310`](https://github.com/Ripple-TS/ripple/commit/9ca9310550a800f4435821ed84b24bdd4f243117)]:
|
|
19
|
+
- ripple@0.3.7
|
|
20
|
+
|
|
3
21
|
## 0.3.6
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ripple-ts/compat-react",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.8",
|
|
4
4
|
"description": "Ripple compatibility layer for React",
|
|
5
5
|
"main": "src/index.js",
|
|
6
6
|
"author": "Dominic Gannaway",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"react": "^19.2.0",
|
|
19
19
|
"react-dom": "^19.2.0",
|
|
20
|
-
"ripple": "0.3.
|
|
20
|
+
"ripple": "0.3.8"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
23
|
"@types/node": "^24.3.0",
|
package/tests/index.test.ripple
CHANGED
|
@@ -230,10 +230,10 @@ describe('compat-react', () => {
|
|
|
230
230
|
|
|
231
231
|
it('should work with Ripple reactivity', async () => {
|
|
232
232
|
component App() {
|
|
233
|
-
let count = track(0);
|
|
233
|
+
let &[count] = track(0);
|
|
234
234
|
<div>
|
|
235
|
-
<div class="ripple-count">{
|
|
236
|
-
<button onClick={() =>
|
|
235
|
+
<div class="ripple-count">{count}</div>
|
|
236
|
+
<button onClick={() => count++}>{'Increment'}</button>
|
|
237
237
|
<tsx:react>
|
|
238
238
|
<div className="react-message">
|
|
239
239
|
{'React content is static'}
|
|
@@ -464,12 +464,12 @@ describe('compat-react', () => {
|
|
|
464
464
|
component AsyncRippleChild() {
|
|
465
465
|
await sleep(1000);
|
|
466
466
|
|
|
467
|
-
let count = track(0);
|
|
467
|
+
let &[count] = track(0);
|
|
468
468
|
|
|
469
469
|
<div>
|
|
470
470
|
<div class="async-content">{'Loaded!'}</div>
|
|
471
|
-
<div class="count">{
|
|
472
|
-
<button onClick={() =>
|
|
471
|
+
<div class="count">{count}</div>
|
|
472
|
+
<button onClick={() => count++}>{'Increment'}</button>
|
|
473
473
|
</div>
|
|
474
474
|
}
|
|
475
475
|
|
|
@@ -549,14 +549,14 @@ describe('compat-react', () => {
|
|
|
549
549
|
}
|
|
550
550
|
|
|
551
551
|
component App() {
|
|
552
|
-
let page = track(1);
|
|
552
|
+
let &[page] = track(1);
|
|
553
553
|
setPage = (p: number) => {
|
|
554
|
-
|
|
554
|
+
page = p;
|
|
555
555
|
};
|
|
556
556
|
|
|
557
557
|
<tsx:react>
|
|
558
558
|
<Suspense fallback={<div className="loading">Loading...</div>}>
|
|
559
|
-
<ReactChild page={
|
|
559
|
+
<ReactChild page={page} />
|
|
560
560
|
</Suspense>
|
|
561
561
|
</tsx:react>
|
|
562
562
|
}
|
|
@@ -629,14 +629,14 @@ describe('compat-react', () => {
|
|
|
629
629
|
}
|
|
630
630
|
|
|
631
631
|
component App() {
|
|
632
|
-
let page = track(1);
|
|
632
|
+
let &[page] = track(1);
|
|
633
633
|
setPage = (p: number) => {
|
|
634
|
-
|
|
634
|
+
page = p;
|
|
635
635
|
};
|
|
636
636
|
|
|
637
637
|
<tsx:react>
|
|
638
638
|
<Suspense fallback={<div className="loading">Loading...</div>}>
|
|
639
|
-
<ReactChild page={
|
|
639
|
+
<ReactChild page={page} />
|
|
640
640
|
</Suspense>
|
|
641
641
|
</tsx:react>
|
|
642
642
|
}
|