chore: remove react-script, use vite (#152)

alewin · Oct 26, 2024 · 5482f01 · 5482f01
1 parent afc0f35
commit 5482f01
Show file tree

Hide file tree

Showing 13 changed files with 5,577 additions and 18,202 deletions.
diff --git a/packages/examples/index.html b/packages/examples/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/date-fns/1.30.1/date_fns.js"></script>
+
+    <title>UseWorker Examples</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>
diff --git a/packages/examples/package.json b/packages/examples/package.json
@@ -1,25 +1,18 @@
 {
   "name": "@koale/useworker-examples",
-  "version": "1.0.0",
   "private": true,
-  "dependencies": {
-    "@koale/useworker": "workspace:^4.0.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "react-router-dom": "^5.1.2",
-    "react-scripts": "^3.4.1",
-    "react-toast-notifications": "^2.4.0"
-  },
+  "type": "module",
   "scripts": {
-    "start": "SKIP_PREFLIGHT_CHECK=true react-scripts start",
-    "build": "SKIP_PREFLIGHT_CHECK=true react-scripts build"
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
-  "browserslist": {
-    "production": [">0.2%", "not dead", "not op_mini all"],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.3.3",
+    "vite": "^5.4.9"
   }
 }
diff --git a/packages/examples/public/favicon.ico b/packages/examples/public/favicon.ico
diff --git a/packages/examples/public/index.html b/packages/examples/public/index.html
diff --git a/packages/examples/public/logo192.png b/packages/examples/public/logo192.png
diff --git a/packages/examples/public/logo512.png b/packages/examples/public/logo512.png
diff --git a/packages/examples/public/manifest.json b/packages/examples/public/manifest.json
diff --git a/packages/examples/public/robots.txt b/packages/examples/public/robots.txt
diff --git a/packages/examples/src/App.js → packages/examples/src/App.jsx b/packages/examples/src/App.js → packages/examples/src/App.jsx
diff --git a/packages/examples/src/index.js b/packages/examples/src/index.js
diff --git a/packages/examples/src/main.jsx b/packages/examples/src/main.jsx
@@ -0,0 +1,10 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import './style.css'
+import App from './App.jsx'
+
+createRoot(document.getElementById('root')).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+)
diff --git a/packages/examples/vite.config.js b/packages/examples/vite.config.js
@@ -0,0 +1,10 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+  plugins: [react()],
+  root: "src",
+  build: {
+    outDir: "../dist",
+  },
+});