Add more functionality to compat layer

Author: avolkovi

packages-exp/auth-compat-exp/demo/README.md

@@ -1,4 +1,4 @@
-# Firebase-Auth for web - Auth Demo (Auth Next)
+# Firebase-Auth for web - Auth Demo (Auth Compatibility Layer)
 
 ## Prerequisite
 
@@ -15,7 +15,7 @@ Run:
 
 ```bash
 git clone https://github.com/firebase/firebase-js-sdk.git
-cd firebase-js-sdk/packages-exp/auth-exp/demo
+cd firebase-js-sdk/packages-exp/auth-compat-exp/demo
 ```
 
 This will clone the repository in the current directory.
@@ -30,26 +30,39 @@ firebase use --add
 Select the project you have created in the prerequisite, and type in `default` or
 any other name as the alias to use for this project.
 
-Copy `src/sample-config.js` to `src/config.js`:
+Copy `public/sample-config.js` to `public/config.js`:
 
 ```bash
-cp src/sample-config.js src/config.js
+cp public/sample-config.js public/config.js
 ```
 
 Then copy and paste the Web snippet config found in the console (either by clicking "Add Firebase to
 your web app" button in your Project overview, or clicking the "Web setup" button in the Auth page)
 in the `config.js` file.
 
+In the `functions` folder you'll need to install the admin SDK:
+
+```bash
+cd functions
+yarn install
+```
+
 ## Deploy
 
 Before deploying, you may need to build the auth-exp package:
 ```bash
 yarn build:deps
 ```
 
-This can take some time, and you only need to do it if you've modified the auth-exp package.
+You'll also need to build a fully resolved firebase-app.js and firebase-auth.js from auth-compat-exp:
+
+```bash
+yarn build
+```
+
+This can take some time, and you only need to do it if you've modified the auth-exp or auth-compta-exp packages.
 
-To run the app locally, simply issue the following command in the `auth-exp/demo` directory:
+To run the app locally, simply issue the following command in the `auth-compat-exp/demo` directory:
 
 ```bash
 yarn run demo

packages-exp/auth-compat-exp/demo/functions/index.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2018 Google Inc.
+ * Copyright 2018 Google LLC
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -30,14 +30,16 @@ exports.checkIfAuthenticated = functions.https.onRequest((req, res) => {
   const idToken = req.get('x-id-token');
   res.setHeader('Content-Type', 'application/json');
   if (idToken) {
-    admin.auth().verifyIdToken(idToken)
-        .then((decodedIdToken) => {
-          res.status(200).send(JSON.stringify({uid: decodedIdToken.sub}));
-        })
-        .catch((error) => {
-          res.status(400).send(JSON.stringify({error: error.code}));
-        });
+    admin
+      .auth()
+      .verifyIdToken(idToken)
+      .then(decodedIdToken => {
+        res.status(200).send(JSON.stringify({ uid: decodedIdToken.sub }));
+      })
+      .catch(error => {
+        res.status(400).send(JSON.stringify({ error: error.code }));
+      });
   } else {
-    res.status(403).send(JSON.stringify({error: 'Unauthorized access'}));
+    res.status(403).send(JSON.stringify({ error: 'Unauthorized access' }));
   }
 });

packages-exp/auth-compat-exp/demo/public/common.js

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright 2017 Google Inc.
+ * Copyright 2017 Google LLC
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -19,7 +19,6 @@
  * @fileoverview Utilities for Auth test app features.
  */
 
-
 /**
  * Initializes the widget for toggling reCAPTCHA size.
  * @param {function(string):void} callback The callback to call when the
@@ -34,21 +33,25 @@ function initRecaptchaToggle(callback) {
     // Set currently selected option.
     $(this).addClass('active');
     // Get the current reCAPTCHA setting label.
-    var size = $(e.target).text().toLowerCase();
+    var size = $(e.target)
+      .text()
+      .toLowerCase();
     callback(size);
   });
 }
 
 // Install servicerWorker if supported.
 if ('serviceWorker' in navigator) {
-  navigator.serviceWorker.register('/service-worker.js', {scope: '/'})
-      .then(function(reg) {
-        // Registration worked.
-        console.log('Registration succeeded. Scope is ' + reg.scope);
-      }).catch(function(error) {
-        // Registration failed.
-        console.log('Registration failed with ' + error.message);
-      });
+  navigator.serviceWorker
+    .register('/service-worker.js', { scope: '/' })
+    .then(function(reg) {
+      // Registration worked.
+      console.log('Registration succeeded. Scope is ' + reg.scope);
+    })
+    .catch(function(error) {
+      // Registration failed.
+      console.log('Registration failed with ' + error.message);
+    });
 }
 
 var webWorker = null;
@@ -59,11 +62,12 @@ if (window.Worker) {
    * @param {!Object} e The message event received.
    */
   webWorker.onmessage = function(e) {
-    console.log('User data passed through web worker: ',  e.data);
+    console.log('User data passed through web worker: ', e.data);
     switch (e.data.type) {
       case 'GET_USER_INFO':
         alertSuccess(
-            'User data passed through web worker: ' + JSON.stringify(e.data));
+          'User data passed through web worker: ' + JSON.stringify(e.data)
+        );
         break;
       case 'RUN_TESTS':
         if (e.data.status == 'success') {
@@ -84,7 +88,7 @@ if (window.Worker) {
  */
 function onGetCurrentUserDataFromWebWorker() {
   if (webWorker) {
-    webWorker.postMessage({type: 'GET_USER_INFO'});
+    webWorker.postMessage({ type: 'GET_USER_INFO' });
   } else {
     alertError('Error: Web workers are not supported in the current browser!');
   }

packages-exp/auth-compat-exp/demo/public/sample-config.js

@@ -1,6 +1,6 @@
 /*
  * @license
- * Copyright 2017 Google Inc. All Rights Reserved.
+ * Copyright 2017 Google LLC All Rights Reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except
  * in compliance with the License. You may obtain a copy of the License at
@@ -14,10 +14,10 @@
  */
 
 var config = {
-  apiKey: "YOUR_API_KEY",
-  authDomain: "your-app.firebaseapp.com",
-  databaseURL: "https://your-app.firebaseio.com",
-  projectId: "your-app",
-  storageBucket: "your-app.appspot.com",
-  messagingSenderId: "MESSAGING_SENDER_ID"
+  apiKey: 'YOUR_API_KEY',
+  authDomain: 'your-app.firebaseapp.com',
+  databaseURL: 'https://your-app.firebaseio.com',
+  projectId: 'your-app',
+  storageBucket: 'your-app.appspot.com',
+  messagingSenderId: 'MESSAGING_SENDER_ID'
 };