Skip to content

Commit b09c5d0

Browse files
github-actions[bot]github-actions[bot]
authored
chore: Update version for release (pre) (#10924)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
1 parent d3203fb commit b09c5d0

File tree

11 files changed

+185
-11
lines changed

11 files changed

+185
-11
lines changed

‎.changeset/pre.json

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,5 +8,11 @@
88
"react-router-native": "6.16.0",
99
"@remix-run/router": "1.9.0"
1010
},
11-
"changesets": []
11+
"changesets": [
12+
"404-root-with-path",
13+
"error-response-type",
14+
"partial-future-config",
15+
"soft-forks-cough",
16+
"start-view-transition"
17+
]
1218
}

‎packages/react-router-dom-v5-compat/CHANGELOG.md

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,13 @@
11
# `react-router-dom-v5-compat`
22

3+
## 6.17.0-pre.0
4+
5+
### Patch Changes
6+
7+
- Updated dependencies:
8+
- `[email protected]`
9+
- `[email protected]`
10+
311
## 6.16.0
412

513
### Minor Changes

‎packages/react-router-dom-v5-compat/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "react-router-dom-v5-compat",
3-
"version": "6.16.0",
3+
"version": "6.17.0-pre.0",
44
"description": "Migration path to React Router v6 from v4/5",
55
"keywords": [
66
"react",
@@ -24,7 +24,7 @@
2424
"types": "./dist/index.d.ts",
2525
"dependencies": {
2626
"history": "^5.3.0",
27-
"react-router": "6.16.0"
27+
"react-router": "6.17.0-pre.0"
2828
},
2929
"peerDependencies": {
3030
"react": ">=16.8",

‎packages/react-router-dom/CHANGELOG.md

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,57 @@
11
# `react-router-dom`
22

3+
## 6.17.0-pre.0
4+
5+
### Minor Changes
6+
7+
- Add support for the [View Transitions API](https://developer.mozilla.org/en-US/docs/Web/API/ViewTransition) via `document.startViewTransition` to enable CSS animated transitions on SPA navigations in your application. ([#10916](https://github.com/remix-run/react-router/pull/10916))
8+
9+
The simplest approach to enabling a View Transition in your React Router app is via the new `<Link unstable_viewTransition>` prop. This will cause the navigation DOM update to be wrapped in `document.startViewTransition` which will enable transitions for the DOM update. Without any additional CSS styles, you'll get a basic cross-fade animation for your page.
10+
11+
If you need to apply more fine-grained styles for your animations, you can leverage the `unstable_useViewTransitionState` hook which will tell you when a transition is in progress and you can use that to apply classes or styles:
12+
13+
```jsx
14+
function ImageLink(to, src, alt) {
15+
let isTransitioning = unstable_useViewTransitionState(to);
16+
return (
17+
<Link to={to} unstable_viewTransition>
18+
<img
19+
src={src}
20+
alt={alt}
21+
style={{
22+
viewTransitionName: isTransitioning ? "image-expand" : "",
23+
}}
24+
/>
25+
</Link>
26+
);
27+
}
28+
```
29+
30+
You can also use the `<NavLink unstable_viewTransition>` shorthand which will manage the hook usage for you and automatically add a `transitioning` class to the `<a>` during the transition:
31+
32+
```css
33+
a.transitioning img {
34+
view-transition-name: "image-expand";
35+
}
36+
```
37+
38+
```jsx
39+
<NavLink to={to} unstable_viewTransition>
40+
<img src={src} alt={alt} />
41+
</NavLink>
42+
```
43+
44+
For an example usage of View Transitions with React Router, check out [our fork](https://github.com/brophdawg11/react-router-records) of the [Astro Records](https://github.com/Charca/astro-records) demo.
45+
46+
For more information on using the View Transitions API, please refer to the [Smooth and simple transitions with the View Transitions API](https://developer.chrome.com/docs/web-platform/view-transitions/) guide from the Google Chrome team.
47+
48+
### Patch Changes
49+
50+
- Log a warning and fail gracefully in `ScrollRestoration` when `sessionStorage` is unavailable ([#10848](https://github.com/remix-run/react-router/pull/10848))
51+
- Updated dependencies:
52+
- `@remix-run/[email protected]`
53+
- `[email protected]`
54+
355
## 6.16.0
456

557
### Minor Changes

‎packages/react-router-dom/package.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "react-router-dom",
3-
"version": "6.16.0",
3+
"version": "6.17.0-pre.0",
44
"description": "Declarative routing for React web applications",
55
"keywords": [
66
"react",
@@ -23,8 +23,8 @@
2323
"module": "./dist/index.js",
2424
"types": "./dist/index.d.ts",
2525
"dependencies": {
26-
"@remix-run/router": "1.9.0",
27-
"react-router": "6.16.0"
26+
"@remix-run/router": "1.10.0-pre.0",
27+
"react-router": "6.17.0-pre.0"
2828
},
2929
"devDependencies": {
3030
"react": "^18.2.0",

‎packages/react-router-native/CHANGELOG.md

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,12 @@
11
# `react-router-native`
22

3+
## 6.17.0-pre.0
4+
5+
### Patch Changes
6+
7+
- Updated dependencies:
8+
- `[email protected]`
9+
310
## 6.16.0
411

512
### Minor Changes

‎packages/react-router-native/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "react-router-native",
3-
"version": "6.16.0",
3+
"version": "6.17.0-pre.0",
44
"description": "Declarative routing for React Native applications",
55
"keywords": [
66
"react",
@@ -22,7 +22,7 @@
2222
"types": "./dist/index.d.ts",
2323
"dependencies": {
2424
"@ungap/url-search-params": "^0.2.2",
25-
"react-router": "6.16.0"
25+
"react-router": "6.17.0-pre.0"
2626
},
2727
"devDependencies": {
2828
"react": "^18.2.0",

‎packages/react-router/CHANGELOG.md

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,56 @@
11
# `react-router`
22

3+
## 6.17.0-pre.0
4+
5+
### Minor Changes
6+
7+
- Add support for the [View Transitions API](https://developer.mozilla.org/en-US/docs/Web/API/ViewTransition) via `document.startViewTransition` to enable CSS animated transitions on SPA navigations in your application. ([#10916](https://github.com/remix-run/react-router/pull/10916))
8+
9+
The simplest approach to enabling a View Transition in your React Router app is via the new `<Link unstable_viewTransition>` prop. This will cause the navigation DOM update to be wrapped in `document.startViewTransition` which will enable transitions for the DOM update. Without any additional CSS styles, you'll get a basic cross-fade animation for your page.
10+
11+
If you need to apply more fine-grained styles for your animations, you can leverage the `unstable_useViewTransitionState` hook which will tell you when a transition is in progress and you can use that to apply classes or styles:
12+
13+
```jsx
14+
function ImageLink(to, src, alt) {
15+
let isTransitioning = unstable_useViewTransitionState(to);
16+
return (
17+
<Link to={to} unstable_viewTransition>
18+
<img
19+
src={src}
20+
alt={alt}
21+
style={{
22+
viewTransitionName: isTransitioning ? "image-expand" : "",
23+
}}
24+
/>
25+
</Link>
26+
);
27+
}
28+
```
29+
30+
You can also use the `<NavLink unstable_viewTransition>` shorthand which will manage the hook usage for you and automatically add a `transitioning` class to the `<a>` during the transition:
31+
32+
```css
33+
a.transitioning img {
34+
view-transition-name: "image-expand";
35+
}
36+
```
37+
38+
```jsx
39+
<NavLink to={to} unstable_viewTransition>
40+
<img src={src} alt={alt} />
41+
</NavLink>
42+
```
43+
44+
For an example usage of View Transitions with React Router, check out [our fork](https://github.com/brophdawg11/react-router-records) of the [Astro Records](https://github.com/Charca/astro-records) demo.
45+
46+
For more information on using the View Transitions API, please refer to the [Smooth and simple transitions with the View Transitions API](https://developer.chrome.com/docs/web-platform/view-transitions/) guide from the Google Chrome team.
47+
48+
### Patch Changes
49+
50+
- Fix `RouterProvider` `future` prop type to be a `Partial<FutureConfig>` so that not all flags must be specified ([#10900](https://github.com/remix-run/react-router/pull/10900))
51+
- Updated dependencies:
52+
- `@remix-run/[email protected]`
53+
354
## 6.16.0
455

556
### Minor Changes

‎packages/react-router/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "react-router",
3-
"version": "6.16.0",
3+
"version": "6.17.0-pre.0",
44
"description": "Declarative routing for React",
55
"keywords": [
66
"react",
@@ -23,7 +23,7 @@
2323
"module": "./dist/index.js",
2424
"types": "./dist/index.d.ts",
2525
"dependencies": {
26-
"@remix-run/router": "1.9.0"
26+
"@remix-run/router": "1.10.0-pre.0"
2727
},
2828
"devDependencies": {
2929
"react": "^18.2.0"

‎packages/router/CHANGELOG.md

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,55 @@
11
# `@remix-run/router`
22

3+
## 1.10.0-pre.0
4+
5+
### Minor Changes
6+
7+
- Add support for the [View Transitions API](https://developer.mozilla.org/en-US/docs/Web/API/ViewTransition) via `document.startViewTransition` to enable CSS animated transitions on SPA navigations in your application. ([#10916](https://github.com/remix-run/react-router/pull/10916))
8+
9+
The simplest approach to enabling a View Transition in your React Router app is via the new `<Link unstable_viewTransition>` prop. This will cause the navigation DOM update to be wrapped in `document.startViewTransition` which will enable transitions for the DOM update. Without any additional CSS styles, you'll get a basic cross-fade animation for your page.
10+
11+
If you need to apply more fine-grained styles for your animations, you can leverage the `unstable_useViewTransitionState` hook which will tell you when a transition is in progress and you can use that to apply classes or styles:
12+
13+
```jsx
14+
function ImageLink(to, src, alt) {
15+
let isTransitioning = unstable_useViewTransitionState(to);
16+
return (
17+
<Link to={to} unstable_viewTransition>
18+
<img
19+
src={src}
20+
alt={alt}
21+
style={{
22+
viewTransitionName: isTransitioning ? "image-expand" : "",
23+
}}
24+
/>
25+
</Link>
26+
);
27+
}
28+
```
29+
30+
You can also use the `<NavLink unstable_viewTransition>` shorthand which will manage the hook usage for you and automatically add a `transitioning` class to the `<a>` during the transition:
31+
32+
```css
33+
a.transitioning img {
34+
view-transition-name: "image-expand";
35+
}
36+
```
37+
38+
```jsx
39+
<NavLink to={to} unstable_viewTransition>
40+
<img src={src} alt={alt} />
41+
</NavLink>
42+
```
43+
44+
For an example usage of View Transitions with React Router, check out [our fork](https://github.com/brophdawg11/react-router-records) of the [Astro Records](https://github.com/Charca/astro-records) demo.
45+
46+
For more information on using the View Transitions API, please refer to the [Smooth and simple transitions with the View Transitions API](https://developer.chrome.com/docs/web-platform/view-transitions/) guide from the Google Chrome team.
47+
48+
### Patch Changes
49+
50+
- Allow 404 detection to leverage root route error boundary if path contains a URL segment ([#10852](https://github.com/remix-run/react-router/pull/10852))
51+
- Fix `ErrorResponse` type to avoid leaking internal field ([#10876](https://github.com/remix-run/react-router/pull/10876))
52+
353
## 1.9.0
454

555
### Minor Changes

0 commit comments

Comments
 (0)