ooade

/** @jsx React.DOM */
var MyRootComponent = React.createClass({
  getInitialState: function() {
    return {perMinute: '-', perDay: '-'};
  },
  componentDidMount: function() {
    var socket = io.connect(this.props.url);
    socket.on('business.clickout', this.setState.bind(this));
  },
  render: function() {

ooade

import { h, Component } from 'preact';

class AsyncComponent extends Component {

  constructor() {
    super();
    this.state = { loading: true };
    this.getAsyncState = this.getAsyncState.bind(this);
    this.update = this.update.bind(this);
  }

ooade

import { h, Component } from 'preact';

/**
 *	<SplitPoint load={require('bundle?lazy!./foo')} fallbackContent={(
 *		<div class="loading" />
 *	)} />
 */
class SplitPoint extends Component {
	componentWillMount() {
		let cb = this.linkState('child'),

ooade

let fs = require('fs');

// string generated by canvas.toDataURL()
let img = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0"
    + "NAAAAKElEQVQ4jWNgYGD4Twzu6FhFFGYYNXDUwGFpIAk2E4dHDRw1cDgaCAASFOffhEIO"
    + "3gAAAABJRU5ErkJggg==";
    
// Grab the extension of the file
let ext = img.split(';')[0].match(/jpeg|png|gif/)[0];