Are you tired of seeing in-page popups like this?
Mozilla is experimenting with a popup blocker to dismiss them automatically, and are curating a dataset for it. This extension provides an easy way to report pages that show pop-ups like this.
This extension reports data into a Google Spreadsheet. In order to not include the ID and auth info for the spreadsheet in the extension code, we use a Google Cloud lambda function to access the Google sheets API.
In order to deploy the firebase app, the first step is to visit the Google APIs API Manager and create Oauth 2.0 credentials. Click the Create Credentials button, then Oauth client ID, then Web Application (Google’s directions are here). In authorized redirect URIs, you’ll need to enter "https://{YOUR-FUNCTIONS-SUBDOMAIN}.cloudfunctions.net/Oauthcallback".
You will also need to change the FUNCTIONS_SUBDOMAIN constant in the beginning of extension/background.js to point to your Google Cloud function endpoint.
After that, you need to enter the following commands. You need to replace xxxxx with the correct values depending on your environment.
cd cloud-function
cd functions
firebase login
# Enter the configuration settings
firebase functions:config:set googleapi.client_id="xxxxx" googleapi.client_secret="xxxxx" googleapi.spreadsheet_id="xxxxx" googleapi.function_subdomain="xxxxx"
firebase deploy --only functions
# Build the extension
cd ../..
cd extension
npm install
npm run firefox # extension built in firefox-artifacts/
npm run chrome # extension built in chrome-artifacts/
Once the functions are deployed, you need to visit this URL in your browser to authenticate your spreadsheet access on the Google Cloud side to ensure the extension will have access to update the spreadsheet: https://{YOUR-FUNCTIONS-SUBDOMAIN}.cloudfunctions.net/authGoogleAPI.
This guide was used as a tutorial on how to talk to the Google Sheets API using Google Cloud functions.