Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

React 19 support #556

Merged
merged 8 commits into from
Dec 30, 2024
Merged

React 19 support #556

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
537804e
refactor: update to React 19
trezy Dec 27, 2024
7ccc43f
chore: update pixi eslint config
trezy Dec 30, 2024
b40f654
chore: fix a typo
trezy Dec 30, 2024
e121bb8
feat: upgrade reconciler for React 19
trezy Dec 30, 2024
9c6cc07
chore: update pixi eslint config
trezy Dec 30, 2024
7c20e42
test: fix `useApplication` test
trezy Dec 30, 2024
0f9b38e
Merge branch 'beta' into 555-react-19-support
trezy Dec 30, 2024
3ea27a2
docs: remove `attachToDevtools` from docs
trezy Dec 30, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 2 additions & 6 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -120,10 +120,6 @@ const MyComponent = () => {
}
```

###### `attachToDevtools`

Setting `attachToDevtools` to `true` will automatically attach the application to the [Official Pixi.js Devtools](https://chromewebstore.google.com/detail/pixijs-devtools/dlkffcaaoccbofklocbjcmppahjjboce).

###### `defaultTextStyle`

`defaultTextStyle` is a convenience property. Whatever is passed will automatically be assigned to Pixi.js's [`TextStyle.defaultTextStyle`](https://pixijs.download/release/docs/text.TextStyle.html#defaultTextStyle).
Expand Down Expand Up @@ -207,8 +203,8 @@ const MyComponent = () => {
If you're using Typescript, this new `<viewport>` component will throw type errors. Pixi React exports a `PixiReactElementProps` type that can be used to solve this. You'll need to pass the `Viewport` into `PixiReactElementProps` and inject it into JSX:

```ts
import type { PixiReactElementProps } from '@pixi/react'
import type { Viewport } from 'pixi-viewport'
import { type PixiReactElementProps } from '@pixi/react'
import { type Viewport } from 'pixi-viewport'

declare global {
namespace JSX {
Expand Down
125 changes: 52 additions & 73 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

20 changes: 7 additions & 13 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -61,26 +61,26 @@
]
},
"dependencies": {
"react-reconciler": "0.29.2"
"react-reconciler": "0.31.0"
},
"devDependencies": {
"@pixi/extension-scripts": "^4.0.0",
"@rollup/plugin-commonjs": "^25.0.8",
"@rollup/plugin-json": "^6.1.0",
"@rollup/plugin-node-resolve": "^15.2.3",
"@testing-library/jest-dom": "^6.4.8",
"@testing-library/react": "^16.0.0",
"@testing-library/react": "^16.1.0",
"@testing-library/user-event": "^14.5.2",
"@types/react": "^18.3.2",
"@types/react-reconciler": "0.28.8",
"@types/react": "^19.0.0",
"@types/react-reconciler": "^0.28.9",
"@vitejs/plugin-react": "^4.3.1",
"@vitest/browser": "^2.0.4",
"husky": "^8.0.0",
"jsdom": "^25.0.0",
"pixi.js": "8.2.6",
"playwright": "^1.45.3",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"rollup": "^4.18.0",
"rollup-plugin-esbuild": "^6.1.1",
"rollup-plugin-sourcemaps": "^0.6.3",
Expand All @@ -89,13 +89,7 @@
},
"peerDependencies": {
"pixi.js": "^8.2.6",
"react": ">=18.0.0",
"react-dom": ">=18.0.0"
},
"peerDependenciesMeta": {
"react-dom": {
"optional": true
}
"react": ">=19.0.0"
},
"overrides": {
"rollup": "^4.18.0"
Expand Down
Loading
Loading