chore: feat: multi page: maintenance

1 year ago · 92a29ca6d3
parent 21cbfdfba9
commit 92a29ca6d3
4 changed files with 60 additions and 4 deletions
--- a/maintenance.html
+++ b/maintenance.html
@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+  <meta http-equiv="Pragma" content="no-cache" />
+  <meta http-equiv="Expires" content="0" />
+  <title>Sales CRM Maintenance</title>
+</head>
+
+<body>
+  <div id="maintenance-root"></div>
+  <script type="module" src="/src/maintenance.jsx"></script>
+</body>
+
+</html>
--- a/src/maintenance.jsx
+++ b/src/maintenance.jsx
@ -0,0 +1,9 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import MaintenancePage from './maintenance/index'
+
+ReactDOM.createRoot(document.getElementById('maintenance-root')).render(
+  <React.StrictMode>
+    <MaintenancePage />
+  </React.StrictMode>
+);
--- a/src/maintenance/index.jsx
+++ b/src/maintenance/index.jsx
@ -0,0 +1,25 @@
+const MaintenancePage = (props) => {
+  function handleClearCache() {
+    // Implement your cache clearing logic here
+  }
+
+  function handleReloadUpdate() {
+    // Implement your update reloading logic here
+  }
+
+  function handleVersionCheck() {
+    // Implement your version checking logic here
+  }
+
+  return (
+    <>
+      <div>
+        <h1>Maintenance Page</h1>
+        <button onClick={handleClearCache}>Clear Cache</button>
+        <button onClick={handleReloadUpdate}>Reload Update</button>
+        <button onClick={handleVersionCheck}>Check Version</button>
+      </div>
+    </>
+  );
+};
+export default MaintenancePage;
--- a/vite.config.js
+++ b/vite.config.js
@ -125,8 +125,12 @@ export default defineConfig({
    sourcemap: true,
    manifest: true,
    chunkSizeWarningLimit: 555,
-    // rollupOptions: {
-    //   output: {
+    rollupOptions: {
+      input: {
+        main: 'index.html',
+        maintenance: './maintenance.html'
+      },
+      output: {
    //     manualChunks(id) {
    //       if (id.includes('node_modules')) {
    //         return id.toString().split('node_modules/')[1].split('/')[0].toString();
@ -136,8 +140,8 @@ export default defineConfig({
    //       const facadeModuleId = chunkInfo.facadeModuleId ? chunkInfo.facadeModuleId.split('/') : [];
    //       return `assets/[name].[hash].js`;
    //     }
-    //   }
-    // }
+      }
+    }
  },
  terserOptions: {
    maxWorkers: 4,