antonycourtney

/*
 * fill view by generating more requests if necessary
 */
function fillView(st,updater) {
  const lastSith = st.lastKnownSith();
  if (st.needsApprentice(lastSith)) {
    requestSithInfo(true,lastSith.info.apprenticeId,updater);
  } else {
    const firstSith = st.firstKnownSith();
    if (st.needsMaster(firstSith)) {

antonycourtney

import EventEmitter from 'events';

export class Ref extends EventEmitter {

  constructor(v) {
    super();
    this._value = v;
  }

  getValue() {

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

/**
 * Contents of a single conversation (message thread) sharing a common thread ID
 *
 * We use a SortedMap and add messages in chronological order
 */
export default class Thread extends Immutable.Record({
  messageIdMap: Immutable.OrderedMap() // map from id to Message, ordered by date
}) {
  /*
   * add or update the message by its message id

antonycourtney

const Message = Immutable.Record({
  id: '',
  threadID: '',
  threadName: '',
  authorName: '',
  text: '',
  date: new Date(),
  isRead: false 
});

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

/**
 * 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

/**
 * 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

/**
 * 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')