masahirompp

declare module 'react-svg-pan-zoom' {

  import * as React from 'react'

  type Tool = 'auto' | 'none' | 'pan' | 'zoom-in' | 'zoom-out'
  type ToolBarPosition = 'none' | 'top' | 'right' | 'bottom' | 'left'

  export const ReactSVGPanZoom: ReactSVGPanZoom

  interface ReactSVGPanZoom extends React.ComponentClass<ReactSVGPanZoomProps> {}

masahirompp

export function imageFileToDataUri (file: File) {
  return new Promise<string>(done => {
    const reader = new FileReader()
    reader.onloadend = () => done(reader.result)
    reader.readAsDataURL(file)
  })
}

export function imageSrcToImageData (imageSrc: string) {
  return new Promise<ImageData>(resolve => {

masahirompp

declare module "immutability-helper" {

  type UpdateSpec<T> = {
    [P in keyof T]?: UpdateSpec<T[P]> | UpdateSpecCommand<T[P]>
  }

  interface UpdateSpecCommand<S> {
    $set?: S
    // FIX ME. $pushm, $unshift, $spliceはSが配列の場合のみ使用できるようにしたい
    $push?: S

masahirompp

import flatten from 'lodash-es/flatten'

/**
 * 配列のすべての組み合わせについて、関数を実行する。
 * @param fun 関数
 * @param cols 配列
 * @return {Array}
 * @example
 *  combination((x,y)=>x*y, [1,2,3], [4,5,6])
 *  => [4,5,6,8,10,12,12,15,18]

masahirompp

stylus --sourcemap --use ./node_modules/axis --out build app/index.styl

masahirompp

export function preventDefault (func, ...args) {
  return e => {
    e.preventDefault()
    func(...args)
  }
}

export function targetValue (func, ...args) {
  return e => {
    func(e.target.value, ...args)

masahirompp

declare module 'react-dnd-touch-backend' {
  import { Backend } from 'react-dnd'
  declare const Backend: Backend
  export default Backend
}

masahirompp

declare module 'react-dimensions' {

  import * as React from 'react'

  interface Dimensions {
    <P extends React.Props<any>>(options?: Options): (component: React.ComponentClass<P>) => React.ComponentClass<P>
  }
  declare const Dimensions: Dimensions
  export default Dimensions

masahirompp

<div class="select">
  <select>
    <option value="a">AAA</option>
    <option value="b">BBB</option>
    <option value="c">CCC</option>
  </select>
</div>

masahirompp

(function(todo) {
  'use strict';

  // viewの追加イベントを監視。TodoListに新規Todoを追加する。
  todo.View.on('add', function(description) {
    todo.TodoList.add(new todo.Todo(todo.TodoList.length, description));
    todo.View.clearInput();
  });

  // viewの変更イベントを監視。モデルの状態を更新を命令。