antonycourtney

/**
 * todoAppState.js -- Application State for TodoMVC as
 * an immutable record
 */
export default class TodoAppState extends Immutable.Record({
  todoItems: Immutable.Map()  // map from id to TodoItem
}) {
  /**
   * functional item update -- returns a new state with the given item included in the
   * set of todo items.  If there is an existing entry for item.id, the result state

antonycourtney

/**
 * todoApp.React.js -- top-level React component for TodoMVC
 */
export default class TodoApp extends React.Component {
  render() {
    const appState = this.props.appState;
    const allTodos = appState.getAll();
    return (
      <div>
        <Header />

antonycourtney

/**
 * todoApp.React.js -- top-level React component for TodoMVC
 */
export default class TodoApp extends React.Component {
  render() {
    const appState = this.props.appState;
    const allTodos = appState.getAll();
    return (
      <div>
        <Header stateRefUpdater={this.props.stateRefUpdater} />

antonycourtney

/**
 * viewTest.js -- render TodoApp component with static test data 
 */ 
const item0 = new TodoItem('This is a test item');
const state0 = new TodoAppState();
const todoAppState = state0.addItem(item0);

React.render(
  <TodoApp appState={todoAppState} />,
  document.getElementById('todoapp')

antonycourtney

/**
 * todoActions.js -- event handlers for TodoMVC app
 */
import TodoItem from './todoItem';

export function create(text,updater) {
  updater((state) => state.addItem(new TodoItem(text)));
}

export function toggleComplete(item,updater) {

antonycourtney

/**
 * app.js -- top level of TodoMVC app
 */
import React from 'react';
import OneRef from 'oneref';
import TodoAppState from './todoAppState';
import TodoApp from './components/TodoApp.react';

const todoAppState = new TodoAppState();
const stateRef = new OneRef.Ref(todoAppState);

antonycourtney

/**
 * Header.react.js -- React component for TodoMVC Header UI
 */
import React from 'react';
import TodoTextInput from './TodoTextInput.react';
import * as TodoActions from '../todoActions';

export default class Header extends React.Component {
  render() {
    return (

antonycourtney

function invokeLater(f) {
  window.setTimeout(f, 0);
}

antonycourtney

/**
 *
 * ChatAppState.js - atate of Chat application as an Immutable record
 *
 * Our application state consists of a collection of message threads
 * and a current thread (identified by its thread ID)
 *
 * Each thread id maps to a Thread (a collection of Message) 
 */
const emptyThread = new Thread();

antonycourtney

import Color exposing (..)
import Graphics.Collage exposing (..)
import Graphics.Element exposing (..)
import List exposing (..)
import Signal exposing (..)
import Time exposing (..)
import Array

-- a square of the given width and color:
square : Float -> Color -> Form