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: {
+    rollupOptions: {
-    //   output: {
+      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,