| import React from 'react'; | |
| import { filter } from 'graphql-anywhere'; | |
| import hoistNonReactStatic from 'hoist-non-react-statics'; | |
| /* | |
| * createFragmentContainer returns a component which expects props that match | |
| * WrappedComponent's fragment names, and provides data masking | |
| */ | |
| export default function createFragmentContainer(WrappedComponent) { |
#Understanding closures, callbacks and promises
For a code newbie like myself, callbacks, closures and promises are scary JavaScript concepts.
10 months into my full-time dev career, and I would struggle to explain these words to a peer.
So I decided it was time to face my fears, and try to get my head around each concept.
Here are the notes from my initial reading. I'll continue to refine them as my understanding improves.
| // This is valid for MEAN.js 0.4.0 | |
| // Requires a couple of changes to work: | |
| // Add Drive scope to users Express route | |
| // Modify the Passport.js google strategy to put a token expiration date into the database | |
| // User middleware function below to auth API calls | |
| exports.requiresOAuth2Token = function (req, res, next) { | |
| var OAuth2 = google.auth.OAuth2; | |
| var client = new OAuth2(config.google.clientID, config.google.clientSecret, config.google.callbackURL); | |
| client.setCredentials({ |
| /* | |
| URLs: | |
| http://localhost:3000/arrive?foo=bar&utm_source=smart-redir | |
| */ | |
| var redirect = require('redirect-with-params'); | |
| var express = require('express'); | |
| var app = express(); | |
| app.use(redirect({ |
| FreshUrl.waitsFor(function(){freshUrl.allReady()}).then(function(){ | |
| // This will fire once all analytics platforms are ready | |
| // Scrub everything in the query string, not just utm_* | |
| window.history.replaceState({}, '', window.location.pathname + window.location.hash); | |
| }); |
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <title>STL File Viewer</title> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r68/three.min.js" | |
| ></script> | |
| <script src="https://rawgit.com/mrdoob/three.js/master/examples/js/controls/TrackballControls.js" | |
| ></script> | |
| <script src="loader.js"></script> |
| var links = []; | |
| var quotes = []; | |
| var tempUrl = []; | |
| var infos = []; | |
| var maxLinks = 10; | |
| var firstUrl = 'http://www.imdb.com/search/title?at=0&num_votes=5000,&sort=user_rating,desc&start=1&title_type=tv_infoss'; | |
| var newUrl; | |
| var x = require('casper').selectXPath; |
| /* from http://stackoverflow.com/questions/15852987/casperjs-passing-data-back-to-php/16489950#16489950 | |
| //define ip and port to web service | |
| var ip_server = '127.0.0.1:8585'; | |
| //includes web server modules | |
| var server = require('webserver').create(); | |
| //start web server | |
| var service = server.listen(ip_server, function(request, response) { |
| var casper = require("casper").create({ | |
| //loadImages: false, | |
| //logLevel: 'debug', | |
| verbose: true | |
| }); | |
| var utils = require('utils'); | |
| /* ----- test parameters ----- */ |
| /** | |
| * This casper scipt checks for 404 internal links for a given root url. | |
| * | |
| * Usage: | |
| * | |
| * $ casperjs 404checker.js http://mysite.tld/ | |
| * $ casperjs 404checker.js http://mysite.tld/ --max-depth=42 | |
| */ | |
| /*global URI*/ |
