Skip to content

Commit 720f6f1

Browse files
yaodingydyaodingyd
committed
upgrade to react 19
1 parent 52d8688 commit 720f6f1

14 files changed

Lines changed: 1443 additions & 1279 deletions

examples/App.jsx renamed to examples/App.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
1-
import Flickity from '../src/index.js'
1+
import Flickity from '../src/index'
22
import './App.css'
33
import React from 'react'
44

5-
import Default from './Default.jsx'
6-
import Static from './Static.jsx'
5+
import Default from './Default'
6+
import Static from './Static'
77

88
function App() {
99
return (

examples/Default.jsx renamed to examples/Default.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import React, { useState } from 'react'
2-
import Flickity from '../src/index.js'
3-
import { images } from './images.js'
2+
import Flickity from '../src/index'
3+
import { images } from './images'
44

55
export default function Default() {
66
const [imgs, setImages] = useState(images)

examples/Static.jsx renamed to examples/Static.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
import React, { useState } from 'react'
2-
import Flickity from '../src/index.js'
3-
import { images } from './images.js'
2+
import Flickity from '../src/index'
3+
import { images } from './images'
44

5-
export default function Default() {
5+
export default function Static() {
66
const [imgs, setImages] = useState(images)
77

88
function addImage() {

examples/images.js renamed to examples/images.ts

File renamed without changes.

‎examples/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
77
<title>React-Flickity-Component</title>
8-
<script type="module" src="main.jsx"></script>
8+
<script type="module" src="main.tsx"></script>
99
</head>
1010
<body>
1111
<div id="root"></div>

‎examples/main.jsx‎

Lines changed: 0 additions & 12 deletions
This file was deleted.

‎examples/main.tsx‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import React from 'react'
2+
import { createRoot } from 'react-dom/client'
3+
import App from './App'
4+
import './global.css'
5+
6+
const domNode = document.getElementById('root')!
7+
8+
createRoot(domNode).render(
9+
<React.StrictMode>
10+
<App />
11+
</React.StrictMode>
12+
)

‎package.json‎

Lines changed: 21 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -3,20 +3,19 @@
33
"version": "4.0.7",
44
"description": "react flickity component",
55
"files": [
6-
"dist",
7-
"src/index.d.ts"
6+
"dist"
87
],
98
"main": "./dist/react-flickity-component.umd.js",
109
"module": "./dist/react-flickity-component.es.js",
1110
"exports": {
1211
".": {
13-
"types": "./src/index.d.ts",
12+
"types": "./dist/index.d.ts",
1413
"import": "./dist/react-flickity-component.es.js",
1514
"require": "./dist/react-flickity-component.umd.js"
1615
}
1716
},
1817
"scripts": {
19-
"pretty": "prettier --single-quote --trailing-comma es5 --write \"src/**/*.js\" \"examples/**/*.jsx\"",
18+
"pretty": "prettier --single-quote --trailing-comma es5 --write \"src/**/*.ts\" \"examples/**/*.tsx\"",
2019
"test": "vitest",
2120
"dev": "vite serve ./examples",
2221
"build": "vite build",
@@ -37,28 +36,32 @@
3736
"react-component"
3837
],
3938
"dependencies": {
40-
"imagesloaded": "^4.1.4",
41-
"prop-types": "^15.7.2"
39+
"imagesloaded": "^4.1.4"
4240
},
4341
"devDependencies": {
4442
"@originjs/vite-plugin-commonjs": "^1.0.3",
45-
"@testing-library/jest-dom": "^5.16.5",
46-
"@testing-library/react": "^13.4.0",
47-
"@types/react": "^18.0.26",
48-
"@types/react-dom": "^18.0.9",
43+
"@testing-library/jest-dom": "^6.0.0",
44+
"@testing-library/react": "^16.0.0",
45+
"@types/react": "^19.0.0",
46+
"@types/react-dom": "^19.0.0",
47+
"@types/flickity": "^2.2.0",
48+
"@types/imagesloaded": "^4.1.0",
4949
"@vitejs/plugin-react": "^4.0.0",
5050
"flickity": "^2.2.1",
51-
"jsdom": "^20.0.3",
52-
"prettier": "^2.8.1",
53-
"react": "^18.2.0",
54-
"react-dom": "^18.2.0",
51+
"jsdom": "^25.0.0",
52+
"prettier": "^3.0.0",
53+
"react": "^19.0.0",
54+
"react-dom": "^19.0.0",
55+
"typescript": "^5.0.0",
5556
"vite": "^6.0.0",
56-
"vitest": "^0.25.7"
57+
"vite-plugin-dts": "^4.0.0",
58+
"vitest": "^2.0.0"
5759
},
5860
"peerDependencies": {
5961
"flickity": "^2.2.1",
60-
"react": "^18.2.0",
61-
"react-dom": "^18.2.0"
62+
"react": "^19.0.0",
63+
"react-dom": "^19.0.0"
6264
},
63-
"typings": "./src/index.d.ts"
65+
"typings": "./dist/index.d.ts",
66+
"packageManager": "pnpm@10.12.1+sha512.f0dda8580f0ee9481c5c79a1d927b9164f2c478e90992ad268bbb2465a736984391d6333d2c327913578b2804af33474ca554ba29c04a8b13060a717675ae3ac"
6467
}

0 commit comments

Comments
 (0)