Add basic demo for new SDK

Author: sam-gc

packages-exp/auth-exp/demo/.gitignore

@@ -0,0 +1,2 @@
+src/config.js
+.firebaserc

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

@@ -0,0 +1,53 @@
+# Firebase-Auth for web - Auth Demo (Auth Next)
+
+## Prerequisite
+
+You need to have created a Firebase Project in the
+[Firebase Console](https://firebase.google.com/console/) as well as configured a web app.
+
+## Installation
+Make sure you run `yarn` to install all dependencies in the root directory.
+
+Enable the Auth providers you would like to offer your users in the console, under
+Auth > Sign-in methods.
+
+Run:
+
+```bash
+git clone https://github.com/firebase/firebase-js-sdk.git
+cd firebase-js-sdk/packages-exp/auth-exp/demo
+```
+
+This will clone the repository in the current directory.
+
+If you want to be able to deploy the demo app to one of your own Firebase Hosting instance,
+configure it using the following command:
+
+```bash
+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`:
+
+```bash
+cp src/sample-config.js src/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.
+
+## Deploy
+
+To run the app locally, simply issue the following command in the `auth-exp/demo` directory:
+
+```bash
+yarn run demo
+```
+
+This will compile all the files needed to run Firebase Auth, and start a Firebase server locally at
+[http://localhost:5000](http://localhost:5000).
+

packages-exp/auth-exp/demo/build.sh

@@ -0,0 +1,5 @@
+#!/bin/bash
+
+rollup -c
+mkdir -p public/dist
+cp dist/bundle.js public/dist

packages-exp/auth-exp/demo/database.rules.json

@@ -0,0 +1,13 @@
+{
+  "rules": {
+    ".read": "auth != null",
+    ".write": "auth != null",
+    "users": {
+      "$user_id": {
+        ".read": "$user_id === auth.uid",
+        ".write": "$user_id === auth.uid"
+      }
+    }
+  }
+}
+

packages-exp/auth-exp/demo/firebase.json

@@ -0,0 +1,8 @@
+{
+  "database": {
+    "rules": "database.rules.json"
+  },
+  "hosting": {
+    "public": "public"
+  }
+}

packages-exp/auth-exp/demo/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@firebase/auth-exp-demo",
+  "version": "0.1.0",
+  "private": true,
+  "description": "Demo for Auth TS SDK",
+  "author": "Firebase <[email protected]> (https://firebase.google.com/)",
+  "bundle": "dist/bundle.js",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "sh build.sh",
+    "demo": "sh build.sh && firebase serve",
+    "build:deps": "lerna run --scope @firebase/'{app-exp,auth-exp}' --include-dependencies build",
+    "dev": "rollup -c -w"
+  },
+  "peerDependencies": {
+    "@firebase/app-exp": "0.x",
+    "@firebase/app-types-exp": "0.x",
+    "@firebase/auth-types-exp": "0.x"
+  },
+  "dependencies": {
+    "@firebase/logger": "^0.2.2",
+    "@firebase/util": "^0.2.44",
+    "lerna": "^3.22.1",
+    "tslib": "1.11.1"
+  },
+  "license": "Apache-2.0",
+  "devDependencies": {
+    "@rollup/plugin-node-resolve": "^8.0.1",
+    "@rollup/plugin-strip": "^1.3.2",
+    "rollup": "1.32.1",
+    "rollup-plugin-json": "4.0.0",
+    "rollup-plugin-replace": "2.2.0",
+    "rollup-plugin-typescript2": "0.26.0"
+  },
+  "repository": {
+    "directory": "packages-exp/auth-exp/demo",
+    "type": "git",
+    "url": "https://github.com/firebase/firebase-js-sdk.git"
+  },
+  "bugs": {
+    "url": "https://github.com/firebase/firebase-js-sdk/issues"
+  },
+  "typings": "dist/index.d.ts",
+  "nyc": {
+    "extension": [
+      ".ts"
+    ],
+    "reportDir": "./coverage/node"
+  }
+}

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

@@ -0,0 +1,107 @@
+/**
+ * @license
+ * Copyright 2017 Google Inc.
+ *
+ * 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
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/**
+ * @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
+ *     size toggler is changed, which takes in the new reCAPTCHA size.
+ */
+function initRecaptchaToggle(callback) {
+  // Listen to recaptcha config togglers.
+  var $recaptchaConfigTogglers = $('.toggleRecaptcha');
+  $recaptchaConfigTogglers.click(function(e) {
+    // Remove currently active option.
+    $recaptchaConfigTogglers.removeClass('active');
+    // Set currently selected option.
+    $(this).addClass('active');
+    // Get the current reCAPTCHA setting label.
+    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);
+      });
+}
+
+var webWorker = null;
+if (window.Worker) {
+  webWorker = new Worker('/web-worker.js');
+  /**
+   * Handles the incoming message from the web worker.
+   * @param {!Object} e The message event received.
+   */
+  webWorker.onmessage = function(e) {
+    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));
+        break;
+      case 'RUN_TESTS':
+        if (e.data.status == 'success') {
+          alertSuccess('Web worker tests ran successfully!');
+        } else {
+          alertError('Error: ' + JSON.stringify(e.data.error));
+        }
+        break;
+      default:
+        return;
+    }
+  };
+}
+
+/**
+ * Asks the web worker, if supported in current browser, to return the user info
+ * corresponding to the currentUser as seen within the worker.
+ */
+function onGetCurrentUserDataFromWebWorker() {
+  if (webWorker) {
+    webWorker.postMessage({type: 'GET_USER_INFO'});
+  } else {
+    alertError('Error: Web workers are not supported in the current browser!');
+  }
+}
+
+/**
+ * Runs various Firebase Auth tests in a web worker environment and confirms the
+ * expected behavior. This is useful for manual testing in different browsers.
+ * @param {string} googleIdToken The Google ID token to sign in with.
+ */
+function runWebWorkerTests(googleIdToken) {
+  if (webWorker) {
+    webWorker.postMessage({
+      type: 'RUN_TESTS',
+      googleIdToken: googleIdToken
+    });
+  } else {
+    alertError('Error: Web workers are not supported in the current browser!');
+  }
+}