Add new register FID snippets (#411)

* Add new register FID methods

* Generated modular snippets
---------

Co-authored-by: Sumit Chandel <sumitchandel@google.com>
Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>

Author: 3 people

messaging-next/index.js

@@ -48,6 +48,34 @@ function getToken() {
   // [END messaging_get_token]
 }
 
+function register() {
+  // [START messaging_register]
+  const { getMessaging, onRegistered, register } = require("firebase/messaging");
+
+  const messaging = getMessaging();
+
+  // 1. Implement callback to receive the Firebase installation ID upon registration.
+  // This is triggered every time a manual register() finishes, a FID change
+  // is detected, or a pushsubscriptionchange event is fired.
+  onRegistered(messaging, (installationId) => {
+    console.log('Registered installation ID:', installationId);
+
+    // Send the Firebase Installation ID to your app server and update the UI if needed.
+    sendRegistrationToServer(installationId);
+  });
+
+  // 2. You can also manually trigger registration (recommended on app startup)
+  register(messaging, {
+    vapidKey: '<YOUR_PUBLIC_VAPID_KEY_HERE>'
+  }).then(() => {
+    // Success! The Firebase Installation ID can be used to target messages to this app
+    // instance and will be delivered asynchronously to your onRegistered() callback.
+  }).catch((err) => {
+    console.error('An error occurred while registering', err);
+  });
+  // [END messaging_register]
+}
+
 function requestPermission() {
   // [START messaging_request_permission]
   Notification.requestPermission().then((permission) => {
@@ -75,3 +103,8 @@ function deleteToken() {
   });
   // [END messaging_delete_token]
 }
+
+function sendRegistrationToServer(installationId) {
+    // This function is used in a snippet to indicate that the Firebase Installation ID should be sent to the app server.
+    // TODO(developer): Implement this function to send the registration ID to your app's server.
+}

messaging-next/package.json

@@ -6,6 +6,6 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "firebase": "^10.0.0"
+    "firebase": "^12.0.0"
   }
 }

snippets/messaging-next/index/messaging_register.js

@@ -0,0 +1,31 @@
+// This snippet file was generated by processing the source file:
+// ./messaging-next/index.js
+//
+// To update the snippets in this file, edit the source and then run
+// 'npm run snippets'.
+
+// [START messaging_register_modular]
+import { getMessaging, onRegistered, register } from "firebase/messaging";
+
+const messaging = getMessaging();
+
+// 1. Implement callback to receive the Firebase installation ID upon registration.
+// This is triggered every time a manual register() finishes, a FID change
+// is detected, or a pushsubscriptionchange event is fired.
+onRegistered(messaging, (installationId) => {
+  console.log('Registered installation ID:', installationId);
+
+  // Send the Firebase Installation ID to your app server and update the UI if needed.
+  sendRegistrationToServer(installationId);
+});
+
+// 2. You can also manually trigger registration (recommended on app startup)
+register(messaging, {
+  vapidKey: '<YOUR_PUBLIC_VAPID_KEY_HERE>'
+}).then(() => {
+  // Success! The Firebase Installation ID can be used to target messages to this app
+  // instance and will be delivered asynchronously to your onRegistered() callback.
+}).catch((err) => {
+  console.error('An error occurred while registering', err);
+});
+// [END messaging_register_modular]