Electron App: How to authorize domain on Firebase

shubhamak2 — Thu, 24 Nov 2022 08:22:25 +0000

In my electron app, I have integrated the firebase google sign-in authentication method. This method is working properly in the local environment. But after packaging the application (for Linux environment), I am getting an error 'Error while login into Gmail account FirebaseError: Firebase: Error (auth/unauthorized-domain)'. When I tried to find the cause of this error, I found that we have to add the respective domain to the authorization tab but the firebase app domain is already added in settings. As you can see in the screenshot.

What else do I need to add here in the domain setting?

React Service worker: Load new content without forcing the user to close the tab ?

shubhamak2 — Thu, 15 Oct 2020 10:39:04 +0000

I'm working on implementing the service worker concept in react and I have added all the configurations suggested in the Link https://create-react-app.dev/docs/making-a-progressive-web-app/ but the problem here is that for displaying the new content (when the network changed from offline to online), I've to display user to message like 'New content is available once existing tabs are closed.' So here we're forcing the user to close the page for displaying new content. Even the refresh option is also not working here.

Check the below method - (This is a method created when we build react app using create-react-app, the method can be found in react-app/service-worker.js)

function registerValidSW(swUrl, config) {
  navigator.serviceWorker
    .register(swUrl)
    .then(registration => {
      registration.onupdatefound = () => {
        const installingWorker = registration.installing;
        if (installingWorker == null) {
          return;
        }
        installingWorker.onstatechange = () => {
          if (installingWorker.state === 'installed') {
            if (navigator.serviceWorker.controller) {
              // At this point, the updated precached content has been fetched,
              // but the previous service worker will still serve the older
              // content until all client tabs are closed.
              console.log(
                'New content is available and will be used when all ' +
                  'tabs for this page are closed. See'
              );

              // Execute callback
              if (config && config.onUpdate) {
                config.onUpdate(registration);
              }
            } else {
              // At this point, everything has been precached.
              // It's the perfect time to display a
              // "Content is cached for offline use." message.
              console.log('Content is cached for offline use.');

              // Execute callback
              if (config && config.onSuccess) {
                config.onSuccess(registration);
              }
            }
          }
        };
      };
    })
    .catch(error => {
      console.error('Error during service worker registration:', error);
    });
}

You can clearly see the console

New content is available and will be used when all tabs for > this page are closed.

What is the best way to achieve this? So only refreshing the page, we can update the previously stored cache.

DEV Community: shubhamak2

Electron App: How to authorize domain on Firebase

React Service worker: Load new content without forcing the user to close the tab ?