Firebase uploading v0

.gitignore

@@ -1,3 +1,4 @@
+.idea/
 .DS_Store
 
 node_modules

docs/index.html

@@ -10,7 +10,8 @@
       <div class="top-message info-message" id="info-message" hidden></div>
       <div class="top-message online-status-message bg-green" id="online-status" hidden>Online</div>
       <div class="top-message offline-status-message bg-orange" id="offline-status" hidden>Offline</div>
-      <div class="top-message upload-btn bg-green" id="upload-to-drive" hidden>Upload to drive</div>
+      <div class="top-message upload-btn bg-green" id="upload-to-drive" hidden>Upload to Google drive</div>
+      <div class="top-message upload-btn bg-green" id="upload-to-firebase" hidden>Upload to firebase</div>
       <div class="top-message upload-btn bg-green" id="update-version" hidden>Update version</div>
     </div>
     <div class="welcome w-100 sans-serif bg-white" id="dropbox">
@@ -75,11 +76,13 @@ <h3 class="f4 br3 br--top black-60 pv2 mb0">Wanna compare traces?</h3>
     <script src="https://chrome-devtools-frontend.appspot.com/serve_file/@4b34b70fd4dca9bb97f736cc833cc25c3de9dcf4/devtools_app.js"></script>
 
     <script src="https://apis.google.com/js/client.js" defer></script>
+    <script src="https://www.gstatic.com/firebasejs/5.0.4/firebase.js" defer></script>
     <script src="utils.js" defer></script>
     <script src="auth.js" defer></script>
     <script src="dev_tools.js" defer></script>
     <script src="sync_view.js" defer></script>
     <script src="storage.js" defer></script>
+    <script src="gfycat-style-urls.js" defer></script>
     <script src="timeline_viewer.js" defer></script>
     <script>
       document.addEventListener('DOMContentLoaded', () => {

docs/service-worker.js

@@ -37,7 +37,7 @@
 /* eslint-disable indent, no-unused-vars, no-multiple-empty-lines, max-nested-callbacks, space-before-function-paren, quotes, comma-spacing */
 'use strict';
 
-var precacheConfig = [["Images/toolbarButtonGlyphs.png","d71330d9fb3d9263767c817a5b341fd3"],["auth.js","d0ed441e6b64a852212cf47854e6767d"],["dev_tools.js","fcdebd32b521a1dc6a74d48ec304241e"],["google8b1867cdabba50ce.html","6f460bcd31c3a7f9d1c5cb2da7b6b3d1"],["index.html","0bef062c54dacf26c05ebc18eea355d7"],["storage.js","6b0886705bddd680239cd78326fcceb0"],["styles.css","f267be94df6c3a39f5216486ed794174"],["sync_view.js","4451e7b8de6a7a2ab2adee7410c4e9e8"],["timeline_viewer.js","443556725a31a57ce605bfd227625e52"],["utils.js","b7c8184f9d70ebddb2e6fddb371e5331"]];
+var precacheConfig = [["Images/toolbarButtonGlyphs.png","d71330d9fb3d9263767c817a5b341fd3"],["auth.js","d0ed441e6b64a852212cf47854e6767d"],["dev_tools.js","fcdebd32b521a1dc6a74d48ec304241e"],["gfycat-style-urls.js","03aef60df877576bb6aee16140691f56"],["google8b1867cdabba50ce.html","6f460bcd31c3a7f9d1c5cb2da7b6b3d1"],["index.html","92958fd1d8324e3a6d5143eabcacbf36"],["storage.js","4ac8b24e6896983d8442fc8f1b783165"],["styles.css","f267be94df6c3a39f5216486ed794174"],["sync_view.js","4451e7b8de6a7a2ab2adee7410c4e9e8"],["timeline_viewer.js","e8d8188a962d3faca1f38b49654659c8"],["utils.js","b7c8184f9d70ebddb2e6fddb371e5331"]];
 var cacheName = 'sw-precache-v3-sw-precache-' + (self.registration ? self.registration.scope : '');
 
 

docs/storage.js

@@ -1,5 +1,10 @@
 'use strict';
 
+const STORAGE_TYPES = {
+  G_DRIVE: 'Google Drive',
+  FIREBASE: 'Firebase'
+};
+
 // eslint-disable-next-line no-unused-vars
 class GoogleDrive {
   constructor() {
@@ -71,3 +76,45 @@ class GoogleDrive {
     });
   }
 }
+
+class FirebaseStorage {
+  constructor() {
+    var config = {
+      // add config
+    };
+    firebase.initializeApp(config);
+  }
+
+  uploadData(filename, data) {
+    const storageRef = firebase.storage().ref();
+    const traceRef = storageRef.child(`traces/${filename}`);
+    const uploadTask = traceRef.putString(data);
+
+    return new Promise((resolve, reject) => {
+      uploadTask.on('state_changed', function(snapshot){
+        // Observe state change events such as progress, pause, and resume
+        // Get task progress, including the number of bytes uploaded and the total number of bytes to be uploaded
+        const progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
+        console.log('Upload is ' + progress + '% done');
+        switch (snapshot.state) {
+          case firebase.storage.TaskState.PAUSED: // or 'paused'
+            console.log('Upload is paused');
+            break;
+          case firebase.storage.TaskState.RUNNING: // or 'running'
+            console.log('Upload is running');
+            break;
+        }
+      }, function(error) {
+        // Handle unsuccessful uploads
+        reject(error);
+      }, function() {
+        // Handle successful uploads on complete
+        // For instance, get the download URL: https://firebasestorage.googleapis.com/...
+        uploadTask.snapshot.ref.getDownloadURL()
+          .then(function(downloadURL) {
+            resolve(downloadURL);
+          });
+      });
+    });
+  }
+}