Contents

IS_MOBILE = typeof navigator == 'undefined' or navigator.userAgent.match(/Android/i) or navigator.userAgent.match(/webOS/i) or navigator.userAgent.match(/iPhone/i) or navigator.userAgent.match(/iPad/i) or navigator.userAgent.match(/iPod/i) or navigator.userAgent.match(/BlackBerry/i) or navigator.userAgent.match(/Windows Phone/i)

if !IS_MOBILE
  CodeMirror = require('codemirror')

require "codemirror/keymap/sublime"
require "codemirror/keymap/vim"

require "codemirror/mode/css/css"
require "codemirror/mode/coffeescript/coffeescript"
require "codemirror/mode/gherkin/gherkin"
require "codemirror/mode/htmlmixed/htmlmixed"
require "codemirror/mode/haml/haml"
require "codemirror/mode/jade/jade"
require "codemirror/mode/ruby/ruby"
require "codemirror/mode/sass/sass"
require "codemirror/mode/slim/slim"
require "codemirror/mode/yaml/yaml"
require "codemirror/mode/markdown/markdown"

require "codemirror/theme/monokai.css"
require "codemirror/theme/eclipse.css"
require "codemirror/theme/twilight.css"
require "codemirror/theme/vibrant-ink.css"

CodeMirrorEditor = React.createClass(
  displayName: "Editor"

  propTypes:
    value: React.PropTypes.string
    defaultValue: React.PropTypes.string
    style: React.PropTypes.object
    className: React.PropTypes.string
    onChange: React.PropTypes.func

  componentDidMount: ->
    @editor = CodeMirror.fromTextArea(@refs.editor.getDOMNode(), @props)
    @editor.on 'change', @handleChange

  handleChange: ->

  render: ->
    editor = React.createElement('textarea',
      ref: 'editor'
      value: @props.value
      readOnly: @props.readOnly
      defaultValue: @props.defaultValue
      onChange: @props.onChange
      style: @props.textAreaStyle
      className: @props.textAreaClassName or @props.textAreaClass)

    React.createElement 'div', {
      style: @props.style
      className: @props.className
    }, editor
)

module.exports = CodeMirrorEditor

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
stylish-0.3.1	support/editor-app/development/src/components/editor.cjsx
stylish-0.3.0	support/editor-app/development/src/components/editor.cjsx
stylish-0.0.2	support/editor-app/development/src/components/editor.cjsx