Juho Vepsäläinen bebraw

## breakpoint-mixin.coffee
Style = require '../styles/props'
_ = require 'lodash'

module.exports =
	_setScreenWidth: ->
		if @isMounted() then @setState {screenWidth: window.innerWidth}

	getInitialState: -> screenWidth: window?.innerWidth or 1280

	screenWidth: (minName, maxName) ->

## Stateful.js
import React, { Component } from 'react';

// Usage:
//
// @Stateful({
//   initialize(props) {
//     return {
//       count: 0
//     };
//   },

## InViewWrapper.coffee
module.exports = React.createClass

	displayName: 'InViewWrapper'

	propsTypes:
		onInView: React.PropTypes.func.isRequired
		inViewOffset: React.PropTypes.number

	getDefaultProps: ->
		inViewOffset: 0

## AutoBindingComponent.js
var React = require('react');

class AutoBindingComponent extends React.Component {
  constructor(props) {
    super(props);

    for (var property in this) {
      if (this.hasOwnProperty(property) && typeof this[property] === 'function') {
        this[property] = this[property].bind(this);
      }

## transforms-with-alt.js
import Alt from './'

// the magic sauce
import { createTransform } from './utils/frp'

// decorator utilities
import { createStore, bind } from './utils/decorators'

const alt = new Alt()

## LazyRender.babel.js
module.exports = React.createClass({
  displayName : 'LazyRender',

  getInitialState() { return { props : this.props } },
  componentWillReceiveProps(newProps) { setTimeout(() => this.setState(newProps), 10) },
  shouldComponentUpdate(newProps, newState) { return this.state !== newState; },
  render() { return React.cloneElement(React.Children.only(this.props.children), this.state); }
});

## AjaxGet.js
import React, {Component} from 'react';
import request from 'superagent-bluebird-promise';


class AjaxGet extends Component {
	constructor(props, context) {
		super(props, context);
		this.state = {
			data: {}
		};

## logtime.js
var logtime = (function() {
  var ids = {};

  return function(id) {
    if (!ids[id]) {
      ids[id] = +new Date();
      return;
    }

    var time = +new Date() - ids[id];

## main.html
<!DOCTYPE html>
<html>
    <head>
        <title>RequireJS</title>
        <script data-main="scripts/main" src="scripts/require.js"></script>
    </head>
    <body>
        <div id="coordinates">0,0</div>
        <div id="delta">0</div>
        <ul id="buffer"></ul>

## jsx-mode.js
/*global CodeMirror */

function indexOf(string, pattern, from) {
  if (typeof pattern === "string") {
    var found = string.indexOf(pattern, from);
    return found;
  }
  var m = pattern.exec(from ? string.slice(from) : string);
  return m ? (m.index + from) : -1;
}
	Style = require '../styles/props'
	_ = require 'lodash'

	module.exports =
	_setScreenWidth: ->
	if @isMounted() then @setState {screenWidth: window.innerWidth}

	getInitialState: -> screenWidth: window?.innerWidth or 1280

	screenWidth: (minName, maxName) ->
	import React, { Component } from 'react';

	// Usage:
	//
	// @Stateful({
	// initialize(props) {
	// return {
	// count: 0
	// };
	// },
	module.exports = React.createClass

	displayName: 'InViewWrapper'

	propsTypes:
	onInView: React.PropTypes.func.isRequired
	inViewOffset: React.PropTypes.number

	getDefaultProps: ->
	inViewOffset: 0
	var React = require('react');

	class AutoBindingComponent extends React.Component {
	constructor(props) {
	super(props);

	for (var property in this) {
	if (this.hasOwnProperty(property) && typeof this[property] === 'function') {
	this[property] = this[property].bind(this);
	}
	import Alt from './'

	// the magic sauce
	import { createTransform } from './utils/frp'

	// decorator utilities
	import { createStore, bind } from './utils/decorators'

	const alt = new Alt()
	module.exports = React.createClass({
	displayName : 'LazyRender',

	getInitialState() { return { props : this.props } },
	componentWillReceiveProps(newProps) { setTimeout(() => this.setState(newProps), 10) },
	shouldComponentUpdate(newProps, newState) { return this.state !== newState; },
	render() { return React.cloneElement(React.Children.only(this.props.children), this.state); }
	});
	import React, {Component} from 'react';
	import request from 'superagent-bluebird-promise';


	class AjaxGet extends Component {
	constructor(props, context) {
	super(props, context);
	this.state = {
	data: {}
	};
	var logtime = (function() {
	var ids = {};

	return function(id) {
	if (!ids[id]) {
	ids[id] = +new Date();
	return;
	}

	var time = +new Date() - ids[id];
	<!DOCTYPE html>
	<html>
	<head>
	<title>RequireJS</title>
	<script data-main="scripts/main" src="scripts/require.js"></script>
	</head>
	<body>
	<div id="coordinates">0,0</div>
	<div id="delta">0</div>
	<ul id="buffer"></ul>
	/global CodeMirror /

	function indexOf(string, pattern, from) {
	if (typeof pattern === "string") {
	var found = string.indexOf(pattern, from);
	return found;
	}
	var m = pattern.exec(from ? string.slice(from) : string);
	return m ? (m.index + from) : -1;
	}