mattkelley

{
  "object": "invoice",
  "account_country": "US",
  "account_name": "Spanning Cloud Apps, LLC",
  "amount_due": 10825,
  "amount_paid": 0,
  "amount_remaining": 10825,
  "application_fee": null,
  "attempt_count": 0,
  "attempted": false,

mattkelley

// report files failure action
{
  payload: {
    name: 'ApiError',
    status: 404,
    statusText: 'Not Found',
    response: {},
    message: '404 - Not Found'
  },
  type: 'REPORT_FILES_FAILURE',

mattkelley

// Create a multi-part form
const data = new FormData()
// Set error type
data.append('error', 'expired')
// Fetch the invalid JWT
fetch(`${window.location.origin}/home/jwt`, { method: 'POST', body: data })
  .then(body => body.json())
  .then(jwt => console.log(jwt))

mattkelley

// Create a multi-part form
const data = new FormData()
// Set number of seconds till JWT should expire
data.append('exp', '30')
// Fetch the JWT
fetch(`${window.location.origin}/home/jwt`, { method: 'POST', body: data })
  .then(body => body.json())
  .then(jwt => console.log(jwt))

mattkelley

Extending webpack dev server routes:

Problem: Needed a development ONLY page, hosted on same protocol/host/port for creating auth tokens. If we want to use webstorage, protocol/host/port much match, otherwise the token will not be availible, unlike cookie storage

Why use webStorage?

Simpler API, not need to require a 3rd party cookie parsing library. More importantly, webStorage exposes events for changes made to the store, offering better user experience than storing JWT in cookies

Reference: https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API#Responding_to_storage_changes_with_the_StorageEvent

mattkelley

class Toggle extends React.Component {
  constructor(props) {
    super(props);
    this.state = {isToggleOn: true};

    // This binding is necessary to make `this` work in the callback
    this.handleClick = this.handleClick.bind(this);
  }

  handleClick() {

mattkelley

import EventEmitter from 'eventemitter3'
import pdfjs from 'pdfjs-dist'

const el = document.getElementById('my-viewer')

// create instance of EventEmitter 3
const eventBus = new EventEmitter()

// create a document Viewer and pass our event emitter instance
// see: https://github.com/mozilla/pdfjs-dist/blob/master/web/pdf_viewer.js#L2593

mattkelley

We couldn’t find that file to show.

mattkelley

// @NOTE this demo assumes price is a Sail.js instance
// var price = Sail({data});

// find pricing for all sitelock products
var sitelock = price.find.product('sitelock');
// set all sitelock products to be 100 dollars
price.set(100, sitelock.matches);
// or you can operate on the return value stored on sitelock
sitelock.price(100);

mattkelley

var INVODO_AFF_CONFIG = {
  "videoPlayerPreference": "HTML5",
  "test": "false",
  "rtmpBase": "rtmp://aoaef.invodo.com/",
  "imageBase": "http://e.invodo.com/media/",
  "httpBase": "http://e.invodo.com/media/",
  "affiliate": "invodo.com",
  "name": "",
  "playbuttoncolor": "black",
  "backcolor": "000000",