set up config file for more security.

.gitignore

@@ -34,3 +34,6 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+#keys
+config.js

app/firebaseConfig.js

@@ -1,21 +1,9 @@
 // Import the functions you need from the SDKs you need
 import { initializeApp } from "firebase/app";
-import { getAnalytics } from "firebase/analytics";
+// import { getAnalytics } from "firebase/analytics";
 import { getMessaging } from "firebase/messaging";
-// TODO: Add SDKs for Firebase products that you want to use
 // https://firebase.google.com/docs/web/setup#available-libraries
-
-// Your web app's Firebase configuration
-// For Firebase JS SDK v7.20.0 and later, measurementId is optional
-const firebaseConfig = {
-  apiKey: "AIzaSyD2HV19HltxDAOEEePnTLUvtuLLu_QRacs",
-  authDomain: "my-app-5ba3e.firebaseapp.com",
-  projectId: "my-app-5ba3e",
-  storageBucket: "my-app-5ba3e.appspot.com",
-  messagingSenderId: "419201348623",
-  appId: "1:419201348623:web:206cf5bd874fa5609edf7a",
-  measurementId: "G-L0E257E7X9"
-};
+import { firebaseConfig, vapidKey } from '../my-app/config';
 
 // Initialize Firebase
 const app = initializeApp(firebaseConfig);

components/sendNotification.js

@@ -0,0 +1,4 @@
+import { Message } from "firebase-admin/messaging";
+import { NextRequest, NextResponse } from "next/server";
+
+//notification send function here

public/firebase-messaging-sw.js

@@ -1,49 +1,12 @@
+import { firebaseConfig, vapidKey } from '../my-app/config';
+
 // Import and configure the Firebase SDK
 // These scripts are made available when the app is served or deployed on Firebase Hosting
 // If you do not serve/host your project using Firebase Hosting see https://firebase.google.com/docs/web/setup
 importScripts('/__/firebase/9.2.0/firebase-app-compat.js');
 importScripts('/__/firebase/9.2.0/firebase-messaging-compat.js');
 importScripts('/__/firebase/init.js');
 
-/**
- * Here is is the code snippet to initialize Firebase Messaging in the Service
- * Worker when your app is not hosted on Firebase Hosting.
-
- // Give the service worker access to Firebase Messaging.
- // Note that you can only use Firebase Messaging here. Other Firebase libraries
- // are not available in the service worker.
- importScripts('https://www.gstatic.com/firebasejs/9.2.0/firebase-app-compat.js');
- importScripts('https://www.gstatic.com/firebasejs/9.2.0/firebase-messaging-compat.js');
-
- // Initialize the Firebase app in the service worker by passing in
- // your app's Firebase config object.
- // https://firebase.google.com/docs/web/setup#config-object
- firebase.initializeApp({
-   apiKey: 'api-key',
-   authDomain: 'project-id.firebaseapp.com',
-   databaseURL: 'https://project-id.firebaseio.com',
-   projectId: 'project-id',
-   storageBucket: 'project-id.appspot.com',
-   messagingSenderId: 'sender-id',
-   appId: 'app-id',
-   measurementId: 'G-measurement-id',
- });
-
- // Retrieve an instance of Firebase Messaging so that it can handle background
- // messages.
- const messaging = firebase.messaging();
- **/
-
- const firebaseConfig = {
-    apiKey: "AIzaSyD2HV19HltxDAOEEePnTLUvtuLLu_QRacs",
-    authDomain: "my-app-5ba3e.firebaseapp.com",
-    projectId: "my-app-5ba3e",
-    storageBucket: "my-app-5ba3e.appspot.com",
-    messagingSenderId: "419201348623",
-    appId: "1:419201348623:web:206cf5bd874fa5609edf7a",
-    measurementId: "G-L0E257E7X9"
-  };
-
   firebase.initializeApp(firebaseConfig);
 
   const messaging = firebase.messaging();