move react19 example app to vite

fullcalendar · Jun 4, 2024 · 22c67ea · 22c67ea
1 parent cfe286b
commit 22c67ea
Show file tree

Hide file tree

Showing 8 changed files with 897 additions and 401 deletions.
diff --git a/examples/react19/.babelrc b/examples/react19/.babelrc
diff --git a/examples/react19/.gitignore b/examples/react19/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/examples/react19/index.html b/examples/react19/index.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>@fullcalendar-examples/react19</title>
+    <script type="module" src="/src/index.jsx"></script>
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
diff --git a/examples/react19/package.json b/examples/react19/package.json
@@ -4,11 +4,12 @@
   "title": "FullCalendar React 19 Example Project",
   "version": "0.0.0",
   "license": "ISC",
+  "type": "module",
   "scripts": {
     "clean": "rm -rf dist",
-    "build": "webpack",
-    "watch": "webpack --watch",
-    "start": "webpack serve"
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
   },
   "dependencies": {
     "@fullcalendar/core": "^6.1.10",
@@ -20,19 +21,9 @@
     "react-dom": "^19.0.0-rc.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.4.0",
-    "@babel/plugin-proposal-class-properties": "^7.0.0",
-    "@babel/plugin-proposal-export-namespace-from": "^7.0.0",
-    "@babel/plugin-proposal-throw-expressions": "^7.0.0",
-    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
-    "@babel/preset-env": "^7.0.0-beta.51",
-    "@babel/preset-react": "^7.0.0-beta.51",
-    "babel-loader": "^8.1.0",
-    "css-loader": "^4.3.0",
-    "html-webpack-plugin": "^4.5.0",
-    "style-loader": "^2.0.0",
-    "webpack": "^5.3.0",
-    "webpack-cli": "^4.1.0",
-    "webpack-dev-server": "^3.11.0"
+    "@types/react": "^18.2.66",
+    "@types/react-dom": "^18.2.22",
+    "@vitejs/plugin-react": "^4.2.1",
+    "vite": "^5.2.0"
   }
 }
diff --git a/examples/react19/src/index.jsx b/examples/react19/src/index.jsx
@@ -4,6 +4,6 @@ import DemoApp from './DemoApp'
 import './index.css'
 
 document.addEventListener('DOMContentLoaded', function() {
-  createRoot(document.body.appendChild(document.createElement('div')))
+  createRoot(document.getElementById('root'))
     .render(<DemoApp />)
 })
diff --git a/examples/react19/vite.config.js b/examples/react19/vite.config.js
@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react()],
+})
diff --git a/examples/react19/webpack.config.js b/examples/react19/webpack.config.js