Del Harvey lotsofcode

Google Drive File Picker Example

This is an example of how to use the Google Drive file picker and Google Drive API to retrieve files from Google Drive using pure JavaScript. At the time of writing (14th July 2013), Google have good examples for using these two APIs separately, but no documentation on using them together.

Note that this is just sample code, designed to be concise to demonstrate the API. In a production environment, you should include more error handling.

See a demo at http://stuff.dan.cx/js/filepicker/google/

The idea is to have nginx installed and node installed. I will extend this gist to include how to install those as well, but at the moment, the following assumes you have nginx 0.7.62 and node 0.2.3 installed on a Linux distro (I used Ubuntu).

In a nutshell,

nginx is used to serve static files (css, js, images, etc.)
node serves all the "dynamic" stuff.

So for example, www.foo.com request comes and your css, js, and images get served thru nginx while everything else (the request for say index.html or "/") gets served through node.

nginx listens on port 80.

Locate the section for your github remote in the .git/config file. It looks like this:

[remote "origin"]
	fetch = +refs/heads/*:refs/remotes/origin/*
	url = [email protected]:joyent/node.git

Now add the line fetch = +refs/pull/*/head:refs/remotes/origin/pr/* to this section. Obviously, change the github url to match your project's URL. It ends up looking like this:

	# You don't need Fog in Ruby or some other library to upload to S3 -- shell works perfectly fine
	# This is how I upload my new Sol Trader builds (http://soltrader.net)
	# Based on a modified script from here: http://tmont.com/blargh/2014/1/uploading-to-s3-in-bash

	S3KEY="my aws key"
	S3SECRET="my aws secret" # pass these in

	function putS3
	{
	path=$1

	(function() {
	var CSSCriticalPath = function(w, d, opts) {
	var opt = opts \|\| {};
	var css = {};
	var pushCSS = function(r) {
	if(!!css[r.selectorText] === false) css[r.selectorText] = {};
	var styles = r.style.cssText.split(/;(?![A-Za-z0-9])/);
	for(var i = 0; i < styles.length; i++) {
	if(!!styles[i] === false) continue;
	var pair = styles[i].split(": ");

	(function () {

	var scriptName = "embed.js"; //name of this script, used to get reference to own tag
	var jQuery; //noconflict reference to jquery
	var jqueryPath = "http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js";
	var jqueryVersion = "1.8.3";
	var scriptTag; //reference to the html script tag

	/****** Get reference to self (scriptTag) *******/
	var allScripts = document.getElementsByTagName('script');

	/global angular: true, google: true, _ : true /

	'use strict';

	angular.module('geocoder', ['ngStorage']).factory('Geocoder', function ($localStorage, $q, $timeout) {
	var locations = $localStorage.locations ? JSON.parse($localStorage.locations) : {};

	var queue = [];

	// Amount of time (in milliseconds) to pause between each trip to the

	// $mq-mobile-portrait : 320px !default;
	// $mq-mobile-landscape : 480px !default;
	// $mq-tablet-portrait : 640px !default; -- changed because i want my blog content is around this wide, not 768. you should let content & design determine your breakpoints
	// $mq-tablet-landscape : 1024px !default;
	// $mq-desktop : 1382px !default;

	$mq-mobile-portrait : 20em !default;
	$mq-mobile-landscape : 30em !default;
	$mq-tablet-portrait : 40em !default;
	$mq-tablet-landscape : 64em !default;

	/*
	* jQuery.ajaxQueue - A queue for ajax requests
	*
	* (c) 2011 Corey Frang
	* Dual licensed under the MIT and GPL licenses.
	*
	* Requires jQuery 1.5+
	*/
	(function(a){var b=a({});a.ajaxQueue=function(c){function g(b){d=a.ajax(c).done(e.resolve).fail(e.reject).then(b,b)}var d,e=a.Deferred(),f=e.promise();b.queue(g),f.abort=function(h){if(d)return d.abort(h);var i=b.queue(),j=a.inArray(g,i);j>-1&&i.splice(j,1),e.rejectWith(c.context\|\|c,[f,h,""]);return f};return f}})(jQuery)

	cd PATH_TO_YOUR_DEVKIT_DIR
	ruby dk.rb init
	ruby dk.rb install