From 9100f80720f7ae921cf859c22808d6987a4e1034 Mon Sep 17 00:00:00 2001 From: jwass91 Date: Sun, 24 Sep 2017 17:38:07 -0400 Subject: [PATCH] initial social network --- create.html | 3 + index.html | 1318 ++++++++++++++--- screenshot-cloud-function/.firebaserc | 5 + screenshot-cloud-function/.gitignore | 3 + screenshot-cloud-function/README.md | 15 + screenshot-cloud-function/firebase.json | 1 + screenshot-cloud-function/functions/index.js | 51 + .../functions/package.json | 18 + 8 files changed, 1178 insertions(+), 236 deletions(-) create mode 100644 screenshot-cloud-function/.firebaserc create mode 100644 screenshot-cloud-function/.gitignore create mode 100644 screenshot-cloud-function/README.md create mode 100644 screenshot-cloud-function/firebase.json create mode 100644 screenshot-cloud-function/functions/index.js create mode 100644 screenshot-cloud-function/functions/package.json diff --git a/create.html b/create.html index aa0df71..edc7de1 100644 --- a/create.html +++ b/create.html @@ -881,6 +881,9 @@

- var getID = function() { - return window.location.hash.substring(1, window.location.hash.length); - } - if (getID() != '') { - window.location = './create.html#' + getID() - } - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + } + } + /* Small Devices, Tablets */ - + }); + } + } - + function resetPassword() { + app.resetButtonState = "LOADING" + firebase.auth().sendPasswordResetEmail(app.resetEmail).then(function() { + app.loginSignUpView = "RESETPASSWORDSUCCESS" + clearLoginSignupModal(); + }, function(error) { + app.loginSignUpView = "RESETPASSWORDSUCCESS" + clearLoginSignupModal(); + }) + } + + function handleLogin(userName, uid) { + app.userNameForMenu = userName + app.userProjectsLink = "./user.html#" + uid + app.loginState = "LOGGEDIN" + } + + function handleLogout() { + app.loginState = "LOGGEDOUT" + myCode = false + clearLoginSignupModal() + } + + var authChanged = false + firebase.auth().onAuthStateChanged(function(user) { + if (!authChanged) { + authChanged = true + if (user) { + ga('set', 'userId', user.uid); + } + } + + // if user is logging in + if (user) { + + if (user.displayName) { + handleLogin(user.displayName, user.uid) + + var ref = firebase.database().ref("user"); + ref.child(user.uid).once('value', function(snapshot) { + if (!snapshot.val().usernameUnique) { + app.migrateUsername = '' + $('#migrateModal').modal('show') + } + }); + } else if (app.signUpUsername) { + handleLogin(app.signUpUsername, user.uid) + } + + } else { + handleLogout() + } + }); + \ No newline at end of file diff --git a/screenshot-cloud-function/.firebaserc b/screenshot-cloud-function/.firebaserc new file mode 100644 index 0000000..5f6ce74 --- /dev/null +++ b/screenshot-cloud-function/.firebaserc @@ -0,0 +1,5 @@ +{ + "projects": { + "default": "woofjs-d1b27" + } +} diff --git a/screenshot-cloud-function/.gitignore b/screenshot-cloud-function/.gitignore new file mode 100644 index 0000000..f320cfd --- /dev/null +++ b/screenshot-cloud-function/.gitignore @@ -0,0 +1,3 @@ +functions/node_modules/ +functions/package-lock.json +functions/keyfile.json \ No newline at end of file diff --git a/screenshot-cloud-function/README.md b/screenshot-cloud-function/README.md new file mode 100644 index 0000000..4d58565 --- /dev/null +++ b/screenshot-cloud-function/README.md @@ -0,0 +1,15 @@ +#Screenshot Firebase Cloud Function + +### Introduction +We use a firebase cloud function to take screenshots of projects whenever they are saved. The cloud function is trigged on the write action to database ref `code-meta-data/{project}/version`. The cloud function then takes the screenshot, uploads it to firebase cloud storage, and adds the url in the code-meta-data. + +### Setup +1. Check out the [Get Started](https://firebase.google.com/docs/functions/get-started) docs provided by firebase +2. Install the firebase tools (`npm install -g firebase-tools`) +3. Authenticate by running `firebase login` +4. Install node modules by running `npm install` +5. Generate a firebase api key by in the firebase console (Go to Settings > Project Settings > Service Accounts. Make sure Node.js is checked off. Hit Generate New Private Key.) +6. Rename the firebase key file 'keyfile.json' and add it to the functions directory + +### Deployment +After updating or writing a new function, run `firebase deploy` to deploy the cloud function. \ No newline at end of file diff --git a/screenshot-cloud-function/firebase.json b/screenshot-cloud-function/firebase.json new file mode 100644 index 0000000..0967ef4 --- /dev/null +++ b/screenshot-cloud-function/firebase.json @@ -0,0 +1 @@ +{} diff --git a/screenshot-cloud-function/functions/index.js b/screenshot-cloud-function/functions/index.js new file mode 100644 index 0000000..7add2ae --- /dev/null +++ b/screenshot-cloud-function/functions/index.js @@ -0,0 +1,51 @@ +const functions = require('firebase-functions'); + +const gcs = require('@google-cloud/storage')({keyFilename: 'keyfile.json'}); +const path = require('path'); +const os = require('os'); +const fs = require('fs'); +const download = require('image-downloader') + +exports.projectScreenshot = functions.database.ref('/code-meta-data/{projectName}/version') + .onWrite(event => { + var eventSnapshot = event.data; + var name = event.params.projectName + var version = Object.keys(eventSnapshot['_delta'])[0] + var id = Object.keys(eventSnapshot['_newData']).length + + console.log('Taking screenshot of ' + name + ' (' + version + ')'); + var request = "http://api.screenshotlayer.com/api/capture?access_key="+functions.config().screenshotlayerapikey.key+"&url=http%3A%2F%2Fwoofjs.com%2Ffull.html%23"+encodeURI(name)+"%2F"+id.toString()+"&viewport=1440x900&delay=7&width=500&format=JPG" + const bucket = gcs.bucket('woofjs-d1b27.appspot.com'); + const tempFilePath = path.join(os.tmpdir(), name + '.jpg'); + const options = { + url: request, + dest: tempFilePath + } + return download.image(options).then(() => { + return bucket.upload(tempFilePath, {destination: 'projectScreenshots/' + name + '/' + version + '.jpg'}); + }).then(() => { + fs.unlinkSync(tempFilePath); + + var file = bucket.file('projectScreenshots/' + name + '/' + version + '.jpg'); + + var config = { + action: 'read', + expires: '01-01-2050' + }; + + file.getSignedUrl(config, function(err, url) { + if (err) { + console.error(err); + return; + } + + var request = require('request'); + request(url, function(err, resp) { + event.data.ref.parent.child('screenshots').child(version).set(url); + return eventSnapshot.ref.parent.update({ latestScreenshot: url }); + }); + }); + + + }); + }); \ No newline at end of file diff --git a/screenshot-cloud-function/functions/package.json b/screenshot-cloud-function/functions/package.json new file mode 100644 index 0000000..35e5f53 --- /dev/null +++ b/screenshot-cloud-function/functions/package.json @@ -0,0 +1,18 @@ +{ + "name": "functions", + "description": "Cloud Functions for Firebase", + "dependencies": { + "@google-cloud/storage": "^1.2.1", + "file-type": "^6.1.0", + "firebase-admin": "~4.2.1", + "firebase-functions": "^0.5.7", + "fs": "0.0.1-security", + "image-downloader": "^3.2.2", + "node-fetch": "^1.7.2", + "node-server-screenshot": "0.0.2", + "os": "^0.1.1", + "path": "^0.12.7", + "request": "^2.81.0" + }, + "private": true +}