chore: update vite and config on dev mode

yaodingyd · Jan 2, 2025 · f14e76d · f14e76d
1 parent 085792a
commit f14e76d
Show file tree

Hide file tree

Showing 10 changed files with 2,347 additions and 1,532 deletions.
diff --git a/build-docs.mjs b/build-docs.mjs
diff --git a/build.mjs b/build.mjs
diff --git a/examples/App.jsx b/examples/App.jsx
@@ -1,5 +1,6 @@
 import Flickity from '../src/index.js'
 import './App.css'
+import React from 'react'
 
 import Default from './Default.jsx'
 import Static from './Static.jsx'

diff --git a/examples/Default.jsx b/examples/Default.jsx
@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import React, { useState } from 'react'
 import Flickity from '../src/index.js'
 import { images } from './images.js'
 

diff --git a/examples/Static.jsx b/examples/Static.jsx
@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import React, { useState } from 'react'
 import Flickity from '../src/index.js'
 import { images } from './images.js'
 

diff --git a/index.html → examples/index.html b/index.html → examples/index.html
@@ -5,8 +5,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
     <title>React-Flickity-Component</title>
-    <script type="module" src="/examples/main.jsx"></script>
+    <script type="module" src="main.jsx"></script>
   </head>
   <body>
+    <div id="root"></div>
   </body>
 </html>
diff --git a/examples/main.jsx b/examples/main.jsx
@@ -3,7 +3,9 @@ import ReactDOM from 'react-dom/client'
 import App from './App'
 import './global.css'
 
-ReactDOM.createRoot(document.body).render(
+const domNode = document.getElementById('root');
+
+ReactDOM.createRoot(domNode).render(
   <React.StrictMode>
     <App />
   </React.StrictMode>,

diff --git a/package.json b/package.json
@@ -18,10 +18,10 @@
   "scripts": {
     "pretty": "prettier --single-quote --trailing-comma es5 --write \"src/**/*.js\" \"examples/**/*.jsx\"",
     "test": "vitest",
-    "dev": "vite",
-    "build": "node build.mjs",
-    "build:docs": "node build-docs.mjs",
-    "prepublishOnly": "node build.mjs"
+    "dev": "vite serve ./examples",
+    "build": "vite build",
+    "build:docs": "vite build --mode docs",
+    "prepublishOnly": "vite build"
   },
   "author": "theolampert",
   "license": "GPL3",
@@ -46,13 +46,13 @@
     "@testing-library/react": "^13.4.0",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.9",
-    "@vitejs/plugin-react": "^3.0.0",
+    "@vitejs/plugin-react": "^4.0.0",
     "flickity": "^2.2.1",
     "jsdom": "^20.0.3",
     "prettier": "^2.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "vite": "^4.0.0",
+    "vite": "^6.0.0",
     "vitest": "^0.25.7"
   },
   "peerDependencies": {