image upload to firebase added, working code

Author: AndrewJBateman

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "ionic-angular-project-a9d42"
+  }
+}

README.md

@@ -86,7 +86,7 @@ private getGoogleMaps(): Promise<any> {
 * [Ionic datetime picker interface](https://ionicframework.com/docs/api/datetime) used to select booking dates. Alternative is a random dates option.
 * [RxJS](https://angular.io/guide/rx-library) reactive programming used to manage state.
 * Error handling added
-* [Firebase backend database](https://firebase.google.com) used to store place and booking data.
+* [Firebase backend database](https://firebase.google.com) used to store place and booking data. Images are stored in the same database.
 * Bookings can be cancelled from booking.page.
 * Place details can be edited (as long as user id matches) using a neat button that slides from the right.
 * [Google Maps Javascript API](https://developers.google.com/maps/documentation/javascript/tutorial) map-modal added to new-offer page. Clicking on 'SELECT LOCATION' will open Google Maps at a fixed location. Address of place extracted from Google Maps data and stored in Places database.

firebase.json

@@ -0,0 +1 @@
+{}

functions/.gitignore

@@ -0,0 +1 @@
+node_modules/

functions/index.js

@@ -0,0 +1,74 @@
+const functions = require('firebase-functions');
+const cors = require('cors')({ origin: true });
+const Busboy = require('busboy');
+const os = require('os');
+const path = require('path');
+const fs = require('fs');
+const uuid = require('uuid/v4');
+
+const { Storage } = require('@google-cloud/storage');
+
+const storage = new Storage({
+  projectId: 'ionic-angular-project-a9d42'
+});
+
+exports.storeImage = functions.https.onRequest((req, res) => {
+  return cors(req, res, () => {
+    if (req.method !== 'POST') {
+      return res.status(500).json({ message: 'Not allowed.' });
+    }
+    const busboy = new Busboy({ headers: req.headers });
+    let uploadData;
+    let oldImagePath;
+
+    busboy.on('file', (fieldname, file, filename, encoding, mimetype) => {
+      const filePath = path.join(os.tmpdir(), filename);
+      uploadData = { filePath: filePath, type: mimetype, name: filename };
+      file.pipe(fs.createWriteStream(filePath));
+    });
+
+    busboy.on('field', (fieldname, value) => {
+      oldImagePath = decodeURIComponent(value);
+    });
+
+    busboy.on('finish', () => {
+      const id = uuid();
+      let imagePath = 'images/' + id + '-' + uploadData.name;
+      if (oldImagePath) {
+        imagePath = oldImagePath;
+      }
+
+      console.log(uploadData.type);
+      return storage
+        .bucket('ionic-angular-project-a9d42.appspot.com')
+        .upload(uploadData.filePath, {
+          uploadType: 'media',
+          destination: imagePath,
+          metadata: {
+            metadata: {
+              contentType: uploadData.type,
+              firebaseStorageDownloadTokens: id
+            }
+          }
+        })
+
+        .then(() => {
+          return res.status(201).json({
+            imageUrl:
+              'https://firebasestorage.googleapis.com/v0/b/' +
+              storage.bucket('ionic-angular-project-a9d42.appspot.com').name +
+              '/o/' +
+              encodeURIComponent(imagePath) +
+              '?alt=media&token=' +
+              id,
+            imagePath: imagePath
+          });
+        })
+        .catch(error => {
+          console.log(error);
+          return res.status(401).json({ error: 'Unauthorized!' });
+        });
+    });
+    return busboy.end(req.rawBody);
+  });
+});