release 0.1.0 fix (#42)

* fix: indexDB initialization (#41)
SchneiderNicolas · Oct 16, 2023 · 105749e · 105749e
1 parent 25a2793
commit 105749e
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 4 deletions.
diff --git a/front/src/config/config.prod.ts b/front/src/config/config.prod.ts
@@ -1,6 +1,6 @@
 const config = {
-  API_BASE_URL: 'https://api.pwa.nicolas-schneider.fr',
-  BASE_URL: 'https://pwa.nicolas-schneider.fr',
+  API_BASE_URL: 'http://localhost:8080',
+  BASE_URL: 'http://localhost:3000/',
   PUBLIC_VAPID_KEY:
     'BDwN10CsEWgEYtF1fGEc_Y7iXOPseiYp-N9-l2KyNmp6RV4F7M7nVPBeuVxHvV63T4PXXfh-XKTRq4FuBcKajNQ',
 } as const;

diff --git a/front/src/index.tsx b/front/src/index.tsx
@@ -4,13 +4,16 @@ import './index.css';
 import App from './App';
 import * as serviceWorkerRegistration from './serviceWorkerRegistration';
 import reportWebVitals from './reportWebVitals';
+import AppInitializer from './utils/AppInitializer';
 
 const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement,
 );
 root.render(
   <React.StrictMode>
-    <App />
+    <AppInitializer>
+      <App />
+    </AppInitializer>
   </React.StrictMode>,
 );
 

diff --git a/front/src/service-worker.ts b/front/src/service-worker.ts
@@ -232,7 +232,9 @@ self.addEventListener('fetch', (event: FetchEvent) => {
 async function storeMessage(request: Request) {
   const db = await openDB('myDB', 1, {
     upgrade(db) {
-      db.createObjectStore('outbox', { autoIncrement: true, keyPath: 'id' });
+      if (!db.objectStoreNames.contains('outbox')) {
+        db.createObjectStore('outbox', { autoIncrement: true, keyPath: 'id' });
+      }
     },
   });
 

diff --git a/front/src/utils/AppInitializer.tsx b/front/src/utils/AppInitializer.tsx
@@ -0,0 +1,33 @@
+import { openDB } from 'idb';
+import React, { ReactNode, useEffect } from 'react';
+
+interface AppInitializerProps {
+  children: ReactNode;
+}
+
+const AppInitializer = ({ children }: AppInitializerProps) => {
+  useEffect(() => {
+    async function setupDatabase() {
+      try {
+        await openDB('myDB', 1, {
+          upgrade(db) {
+            if (!db.objectStoreNames.contains('outbox')) {
+              db.createObjectStore('outbox', {
+                autoIncrement: true,
+                keyPath: 'id',
+              });
+            }
+          },
+        });
+      } catch (error) {
+        console.error('Error setting up the database:', error);
+      }
+    }
+
+    setupDatabase();
+  }, []);
+
+  return <>{children}</>;
+};
+
+export default AppInitializer;