FirebaseExtended · locomuco · Jun 4, 2016 · Jun 5, 2016 · Jun 19, 2016 · Jul 1, 2016
diff --git a/README.md b/README.md
@@ -32,9 +32,11 @@ workflows.
 Example Usage:
 
 ```html
-<firebase-app auth-domain="polymerfire-test.firebaseapp.com"
+<firebase-app
+  auth-domain="polymerfire-test.firebaseapp.com"
   database-url="https://polymerfire-test.firebaseio.com/"
-  api-key="AIzaSyDTP-eiQezleFsV2WddFBAhF_WEzx_8v_g">
+  api-key="AIzaSyDTP-eiQezleFsV2WddFBAhF_WEzx_8v_g"
+  storage-url="polymerfire-test.appspot.com">
 </firebase-app>
 <firebase-auth id="auth" user="{{user}}" provider="google" on-error="handleError">
 </firebase-auth>
@@ -120,5 +122,3 @@ Polymer({
 });
 </script>
 ```
-
-
diff --git a/demo/firebase-auth.html b/demo/firebase-auth.html
@@ -65,9 +65,12 @@
   </head>
   <body>
     <template id="app" is="dom-bind">
-      <firebase-app auth-domain="polymerfire-test.firebaseapp.com"
+      <firebase-app
+        auth-domain="polymerfire-test.firebaseapp.com"
         database-url="https://polymerfire-test.firebaseio.com/"
-        api-key="AIzaSyDTP-eiQezleFsV2WddFBAhF_WEzx_8v_g"></firebase-app>
+        api-key="AIzaSyDTP-eiQezleFsV2WddFBAhF_WEzx_8v_g"
+        storage-url="polymerfire-test.appspot.com">
+      </firebase-app>
       <firebase-auth id="auth" user="{{user}}" provider="google" on-error="showError"></firebase-auth>
 
       <div class="error" hidden$="[[!error]]">[[error.code]]: [[error.message]]</div>

diff --git a/demo/firebase-storage.html b/demo/firebase-storage.html
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<!--
+@license
+Copyright 2016 Google Inc. All Rights Reserved.
+Use of this source code is governed by a BSD-style
+license that can be found in the LICENSE file or at
+https://github.com/firebase/polymerfire/blob/master/LICENSE
+-->
+
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>firebase-auth demo</title>
+    <script src="../../webcomponentsjs/webcomponents-lite.min.js"></script>
+    <link rel="import" href="../../polymer/polymer.html">
+    <link rel="import" href="../firebase-app.html">
+    <link rel="import" href="../firebase-storage.html">
+    <style media="screen">
+      body {
+        font-family: Roboto, sans-serif;
+        padding: 36px;
+      }
+      button {
+        background: #2196F3;
+        color: white;
+        border: 0;
+        border-radius: 3px;
+        text-transform: uppercase;
+        padding: 8px;
+        cursor: pointer;
+        font-size: 14px;
+        font-weight: 500;
+      }
+
+    </style>
+  </head>
+  <body>
+    <template id="app" is="dom-bind">
+      <firebase-app
+        name="storage-app"
+        auth-domain="polymerfire-test.firebaseapp.com"
+        database-url="https://polymerfire-test.firebaseio.com/"
+        api-key="AIzaSyDTP-eiQezleFsV2WddFBAhF_WEzx_8v_g"
+        storage-url="polymerfire-test.appspot.com">
+      </firebase-app>
+      <firebase-storage
+        id="storage"
+        app-name="storage-app"
+        path="images/">
+      </firebase-storage>
+
+        <button on-tap="openDialog">Upload File</button>
+        <input type="file" id="fileInput" on-change="fileChange" hidden>
+    </template>
+    <script type="text/javascript">
+      document.addEventListener('WebComponentsReady', function() {
+        var app = document.getElementById('app');
+        app.error = null;
+
+        app.fileChange = function(e) {
+          var file = e.target.files[0];
+          this.$.storage._uploadFile(file).then(function(response) {
+            console.log("Success!", response);
+          }, function(error) {
+            console.error("Failed!", error);
+          });
+        };
+        app.openDialog = function() {
+          var elem = this.$.fileInput;
+          if (elem && document.createEvent) { // sanity check
+            var evt = document.createEvent("MouseEvents");
+            evt.initEvent("click", true, false);
+            elem.dispatchEvent(evt);
+          }
+        };
+      });
+    </script>
+  </body>
+</html>
diff --git a/demo/index.html b/demo/index.html
@@ -65,7 +65,8 @@
       name="notes"
       api-key="AIzaSyDTP-eiQezleFsV2WddFBAhF_WEzx_8v_g"
       auth-domain="polymerfire-test.firebaseapp.com"
-      database-url="https://polymerfire-test.firebaseio.com">
+      database-url="https://polymerfire-test.firebaseio.com/"
+      storage-url="polymerfire-test.appspot.com">
   </firebase-app>
 
   <!-- Instantiate the Notes app: -->

diff --git a/firebase-storage-behavior.html b/firebase-storage-behavior.html
@@ -0,0 +1,88 @@
+<!--
+@license
+Copyright 2016 Google Inc. All Rights Reserved.
+Use of this source code is governed by a BSD-style
+license that can be found in the LICENSE file or at
+https://github.com/firebase/polymerfire/blob/master/LICENSE
+-->
+
+<link rel="import" href="../polymer/polymer.html">
+<link rel="import" href="firebase-common-behavior.html">
+<link rel="import" href="firebase.html">
+<script>
+  (function() {
+    'use strict';
+
+    Polymer.FirebaseStorageBehaviorImpl = {
+      properties: {
+
+        /**
+         * App storage
+         */
+        storage: {
+          type: Object,
+          computed: '__computeStorage(app)'
+        },
+
+        /**
+         * Storage reference to a certain path
+         */
+        ref: {
+          type: Object,
+          computed: '__computeRef(storage, path)'
+        },
+
+        /**
+         * Path to a storage root or endpoint. N.B. `path` is case sensitive.
+         */
+        path: {
+          type: String,
+          value: null
+        },
+
+        /**
+         * Progress of the current transaction in percents
+         */
+        progress: {
+          type: Number,
+          value: 0
+        }
+      },
+
+      __computeStorage: function(app) {
+        return app ? app.storage() : null;
+      },
+
+      __computeRef: function(storage, path) {
+
+        if (storage == null ||
+            path == null ||
+            path.split('/').slice(1).indexOf('') >= 0) {
+          return null;
+        }
+        return storage.ref(path);
+      },
+
+      _uploadFile: function(file, metadata) {
+
+        var uploadTask = this.storage.ref(this.path + file.name).put(file, metadata);
+
+        return new Promise(function(resolve, reject) {
+          uploadTask.on('state_changed', function(snapshot){
+            this.progress = snapshot.bytesTransferred / snapshot.totalBytes * 100;
+          }, function(error) {
+            reject(error);
+          }, function() {
+            resolve(uploadTask.snapshot.downloadURL);
+          });
+        }.bind(this));
+      },
+
+    };
+
+    Polymer.FirebaseStorageBehavior = [
+      Polymer.FirebaseStorageBehaviorImpl,
+      Polymer.FirebaseCommonBehavior
+    ];
+  })();
+</script>
diff --git a/firebase-storage.html b/firebase-storage.html
@@ -0,0 +1,31 @@
+<!--
+@license
+Copyright 2016 Google Inc. All Rights Reserved.
+Use of this source code is governed by a BSD-style
+license that can be found in the LICENSE file or at
+https://github.com/firebase/polymerfire/blob/master/LICENSE
+-->
+
+<link rel="import" href="../polymer/polymer.html">
+<link rel="import" href="firebase-storage-behavior.html">
+<link rel="import" href="firebase.html">
+
+<dom-module id="firebase-storage">
+
+  <template>
+
+  </template>
+  <script>
+    (function() {
+      'use strict';
+
+      Polymer({
+        is: 'firebase-storage',
+
+        behaviors: [
+          Polymer.FirebaseStorageBehavior
+        ],
+      });
+    })();
+  </script>
+</dom-module>
diff --git a/test/firebase-auth.html b/test/firebase-auth.html
@@ -118,4 +118,3 @@
   });
 </script>
 </body>
-
diff --git a/test/firebase-common-behavior.html b/test/firebase-common-behavior.html
@@ -26,20 +26,23 @@
       name="test"
       api-key="AIzaSyDTP-eiQezleFsV2WddFBAhF_WEzx_8v_g"
       auth-domain="polymerfire-test.firebaseapp.com"
-      database-url="https://polymerfire-test.firebaseio.com">
+      database-url="https://polymerfire-test.firebaseio.com"
+      storage-url="polymerfire-test.appspot.com">
   </firebase-app>
 
   <firebase-app
       name="alt"
       api-key="AIzaSyDTP-eiQezleFsV2WddFBAhF_WEzx_8v_g"
       auth-domain="polymerfire-test.firebaseapp.com"
-      database-url="https://polymerfire-test.firebaseio.com">
+      database-url="https://polymerfire-test.firebaseio.com"
+      storage-url="polymerfire-test.appspot.com">
   </firebase-app>
 
   <firebase-app
       api-key="AIzaSyDTP-eiQezleFsV2WddFBAhF_WEzx_8v_g"
       auth-domain="polymerfire-test.firebaseapp.com"
-      database-url="https://polymerfire-test.firebaseio.com">
+      database-url="https://polymerfire-test.firebaseio.com"
+      storage-url="polymerfire-test.appspot.com">
   </firebase-app>
 
   <test-fixture id="BasicCommon">

diff --git a/test/firebase-database-behavior.html b/test/firebase-database-behavior.html
@@ -26,7 +26,8 @@
       name="test"
       api-key="AIzaSyDTP-eiQezleFsV2WddFBAhF_WEzx_8v_g"
       auth-domain="polymerfire-test.firebaseapp.com"
-      database-url="https://polymerfire-test.firebaseio.com">
+      database-url="https://polymerfire-test.firebaseio.com"
+      storage-url="polymerfire-test.appspot.com">
   </firebase-app>
 
   <test-fixture id="BasicDatabase">

diff --git a/test/firebase-document.html b/test/firebase-document.html
@@ -26,7 +26,8 @@
       name="test"
       api-key="AIzaSyDTP-eiQezleFsV2WddFBAhF_WEzx_8v_g"
       auth-domain="polymerfire-test.firebaseapp.com"
-      database-url="https://polymerfire-test.firebaseio.com">
+      database-url="https://polymerfire-test.firebaseio.com"
+      storage-url="polymerfire-test.appspot.com">
   </firebase-app>
 
   <test-fixture id="BasicStorage">

diff --git a/test/firebase-query.html b/test/firebase-query.html
@@ -24,7 +24,8 @@
       name="test"
       api-key="AIzaSyBzKhxNa2k9pA3m9_Ji3POFAKyGGFnyshI"
       auth-domain="note-app-firebase-3a483.firebaseapp.com"
-      database-url="https://note-app-firebase-3a483.firebaseio.com">
+      database-url="https://note-app-firebase-3a483.firebaseio.com"
+      storage-url="note-app-firebase-3a483.appspot.com">
   </firebase-app>
 
   <test-fixture id="BasicQuery">