fix: postinstall issue

Update example
jorisre · Mar 28, 2021 · 6467583 · 6467583 · vercel · Mar 28, 2021
2 parents df2bb58 + 790f6df
commit 6467583
Show file tree

Hide file tree

Showing 16 changed files with 420 additions and 1,242 deletions.
diff --git a/example/.gitignore b/example/.gitignore
@@ -0,0 +1,5 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
diff --git a/example/public/index.html → example/index.html b/example/public/index.html → example/index.html
@@ -40,11 +40,9 @@
       rel="icon"
       href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🔒</text></svg>"
     />
-    <link rel="preload" as="script" href="/index.tsx" crossorigin />
-    <link rel="stylesheet" href="/styles/style.css" />
-    <link rel="stylesheet" href="/styles/switch.css" />
   </head>
   <body>
-    <script type="module" src="/index.tsx"></script>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>
diff --git a/example/package.json b/example/package.json
@@ -1,26 +1,24 @@
 {
   "name": "react-screen-wake-lock_example",
   "license": "MIT",
+  "version": "0.0.0",
   "scripts": {
-    "start": "wmr",
-    "build": "wmr build",
-    "serve": "wmr serve"
-  },
-  "eslintConfig": {
-    "root": true,
-    "extends": "preact"
-  },
-  "alias": {
-    "react": "preact/compat",
-    "react-dom": "preact/compat"
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "serve": "vite preview"
   },
   "dependencies": {
-    "preact-iso": "^0.2.0",
-    "react-screen-wake-lock": "^1.1.5"
+    "react-screen-wake-lock": "1.1.5"
   },
   "devDependencies": {
-    "eslint": "^7.15.0",
-    "eslint-config-preact": "^1.1.3",
-    "wmr": "^1.0.0"
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
+    "@vitejs/plugin-react-refresh": "^1.3.1",
+    "typescript": "^4.1.2",
+    "vite": "^2.1.3"
+  },
+  "alias": {
+    "react": "../node_modules/react",
+    "react-dom": "../node_modules/react-dom/profiling"
   }
 }
diff --git a/example/public/index.tsx → example/src/App.tsx b/example/public/index.tsx → example/src/App.tsx
@@ -1,5 +1,4 @@
-import hydrate from 'preact-iso/hydrate';
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { useWakeLock } from 'react-screen-wake-lock';
 import Switch from './components/Switch';
 import Supported from './components/Supported';
@@ -65,9 +64,4 @@ const App = () => {
   );
 };
 
-hydrate(<App />);
-
-export async function prerender(data: any) {
-  const { default: prerender } = await import('preact-iso/prerender');
-  return await prerender(<App {...data} />);
-}
+export default App;
diff --git a/example/public/components/NotSupported.tsx → example/src/components/NotSupported.tsx b/example/public/components/NotSupported.tsx → example/src/components/NotSupported.tsx
@@ -1,3 +1,5 @@
+import React from 'react';
+
 const NotSupported = () => (
   <span className="support">
     <svg

diff --git a/example/public/components/Supported.tsx → example/src/components/Supported.tsx b/example/public/components/Supported.tsx → example/src/components/Supported.tsx
@@ -1,3 +1,5 @@
+import React from 'react';
+
 const Supported = () => (
   <span className="support">
     <svg

diff --git a/example/public/components/Switch.tsx → example/src/components/Switch.tsx b/example/public/components/Switch.tsx → example/src/components/Switch.tsx
@@ -1,3 +1,5 @@
+import React from 'react';
+
 interface Props {
   disabled?: boolean;
   checked?: boolean;

diff --git a/example/public/images/1200x627.png → example/src/images/1200x627.png b/example/public/images/1200x627.png → example/src/images/1200x627.png
diff --git a/example/public/images/600x600.png → example/src/images/600x600.png b/example/public/images/600x600.png → example/src/images/600x600.png
diff --git a/example/src/main.tsx b/example/src/main.tsx
@@ -0,0 +1,12 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import App from './App';
+import './styles/style.css';
+import './styles/switch.css';
+
+ReactDOM.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+  document.getElementById('root')
+);
diff --git a/example/public/styles/style.css → example/src/styles/style.css b/example/public/styles/style.css → example/src/styles/style.css
diff --git a/example/public/styles/switch.css → example/src/styles/switch.css b/example/public/styles/switch.css → example/src/styles/switch.css
diff --git a/example/tsconfig.json b/example/tsconfig.json
@@ -1,19 +1,20 @@
 {
-	"compileOnSave": false,
-	"compilerOptions": {
-		"jsx": "preserve",
-		"allowJs": true,
-		"checkJs": true,
-		// "strict": true,
-		"noEmit": true,
-		"moduleResolution": "node",
-		"target": "ESNext",
-		"module": "esnext",
-		"resolveJsonModule": true,
-		"allowSyntheticDefaultImports": true,
-		"downlevelIteration": true
-	},
-	"typeAcquisition": {
-		"enable": true
-	}
+  "compilerOptions": {
+    "target": "ESNext",
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+    "types": ["vite/client"],
+    "allowJs": false,
+    "skipLibCheck": false,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react"
+  },
+  "include": ["./src"]
 }
diff --git a/example/vite.config.ts b/example/vite.config.ts
@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite';
+import reactRefresh from '@vitejs/plugin-react-refresh';
+import { resolve } from 'path';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [reactRefresh()],
+  resolve: {
+    alias: {
+      'react-screen-wake-lock': resolve(__dirname, '..'),
+    },
+  },
+});