code_sync 0.6.7

data/lib/assets/javascripts/code_sync/client/index.coffee

@@ -0,0 +1,104 @@
+#= require_self
+#= require ./util
+
+class CodeSync.Client
+
+  @_clients: []
+
+  @get: ()->
+    CodeSync.Client._clients[0]
+
+  VERSION: CodeSync.VERSION
+
+  logLevel: 0
+
+  constructor: (options={})->
+
+    @logLevel = options.logLevel || 0
+
+    CodeSync.Client._clients.push(@)
+
+    CodeSync.util.loadScript "#{ CodeSync.get("socketEndpoint") }/client.js", ()=>
+      return if @clientLoaded is true
+
+      setTimeout ()=>
+        try
+          @setupSocket()
+        catch e
+          console.log "Error setting up codesync client"
+      , 25
+
+      @clientLoaded = true
+
+  subscribeWith: (cb)->
+    @socket?.subscribe "/code-sync/outbound", cb
+
+  setupSocket: ()->
+    return unless Faye?
+
+    @socket = new Faye.Client(CodeSync.get("socketEndpoint"))
+
+    @subscribeWith (notification)=>
+      if @logLevel > 0
+        console.log "Received notification on outbound channel", notification
+
+      @onNotification?.call?(@, notification)
+
+      if notification.name?.match(/\.js$/)
+        @onJavascriptNotification.call(@,notification)
+
+      if notification.name?.match(/\.css$/)
+        @onStylesheetNotification.call(@, notification)
+
+  javascriptCallbacks: []
+
+  stylesheetCallbacks: []
+
+  removeJavascriptCallbacks: ()->
+    @javascriptCallbacks = []
+
+  removeStylesheetCallbacks: ()->
+    @stylesheetCalbacks = []
+
+  afterJavascriptChange: (callback, clearExisting=false)->
+    @javascriptCallbacks ||= []
+    @javascriptCallbacks = [] if clearExisting is true
+    @javascriptCallbacks.push(callback)
+
+  afterStylesheetChange: (callback, clearExisting=false)->
+    @stylesheetCallbacks ||= []
+    @stylesheetCallbacks = [] if clearExisting is true
+    @stylesheetCallbacks.push(callback)
+
+  onJavascriptNotification: (notification)->
+    client = @
+
+    CodeSync.processing = true
+
+    if notification.source
+      sourceEval.call(window, notification.source)
+
+      for callback in client.javascriptCallbacks when callback.call?
+        callback.call(client, notification)
+
+      CodeSync.processing = false
+
+      return
+
+    if notification.path
+      console.log "notification", notification.path
+      CodeSync.util.loadScript "#{ CodeSync.get("sprocketsEndpoint") }/#{ notification.path }", ()->
+        for callback in client.javascriptCallbacks when callback.call?
+          callback.call(@, notification)
+
+  onStylesheetNotification: (notification)->
+    client = @
+
+    if notification.path && notification.name
+      CodeSync.util.loadStylesheet "#{ CodeSync.get("sprocketsEndpoint") }/#{ notification.path }", tracker: notification.name, ()->
+        for callback in client.stylesheetCallbacks when callback.call?
+          callback.call(@, notification)
+
+
+sourceEval = (source)->
+  eval(source)

data/lib/assets/javascripts/code_sync/client/util.coffee

@@ -0,0 +1,61 @@
+CodeSync.util ||= {}
+
+loadedScripts = {}
+scriptTimers = {}
+
+CodeSync.util.loadStylesheet = (url, options={}, callback)->
+  ss = document.createElement("link")
+  ss.type = "text/css"
+  ss.rel = "stylesheet"
+  ss.href = url
+  ss.className = "code-sync-asset"
+
+  if options.tracker
+    $("link[data-tracker='#{ options.tracker }']").remove()
+    ss.setAttribute("data-tracker", options.tracker )
+
+  document.getElementsByTagName("head")[0].appendChild(ss);
+
+  callback?.call?(@)
+
+CodeSync.util.loadScript = (url, options={}, callback) ->
+  loaded = loadedScripts
+  timers = scriptTimers
+
+  if typeof(options) is "function" and !callback?
+    callback = options
+    options = {}
+
+  head= document.getElementsByTagName('head')[0];
+  script = document.createElement("script")
+  script.src = url
+  script.type = "text/javascript"
+
+  that = @
+  onLoad = ()->
+    if typeof(callback) is "function"
+      callback.call(that, url, options, script)
+
+    try
+      head.removeChild(script)
+    catch e
+      true
+
+    loaded[url] = true
+
+  if options.once is true && loaded[url]
+    return false
+
+  head.appendChild(script)
+
+  script.onreadystatechange = ()->
+    if script.readyState is "loaded" or script.readyState is "complete"
+      onLoad()
+
+  script.onload = onLoad
+
+  if navigator?.userAgent.match(/WebKit/)
+    timers[url] = setInterval ()->
+      onLoad()
+      clearInterval(timers[url])
+    , 10

data/lib/assets/javascripts/code_sync/codemirror.coffee

@@ -0,0 +1,12 @@
+#= require ../vendor/vendored_codemirror
+#= require ../vendor/codemirror-ruby
+#= require ../vendor/codemirror-coffeescript
+#= require ../vendor/codemirror-css
+#= require ../vendor/codemirror-xml
+#= require ../vendor/codemirror-javascript
+#= require ../vendor/codemirror-htmlmixed
+#= require ../vendor/codemirror-sass
+#= require ../vendor/codemirror-haml
+#= require ../vendor/codemirror-skim
+#= require ../vendor/codemirror-vim
+#= require ../vendor/codemirror-markdown

data/lib/assets/javascripts/code_sync/config.js.coffee.erb

@@ -0,0 +1,38 @@
+root = @
+
+if typeof(exports) isnt "undefined"
+  CodeSync = exports
+else
+  CodeSync = root.CodeSync = {}
+
+CodeSync.VERSION    = "<%= CodeSync::Version %>"
+
+CodeSync.backends   = {}
+
+CodeSync.util       = {}
+CodeSync.plugins    = {}
+
+CodeSync._config ||=
+  defaultFileType: "coffeescript"
+  assetCompilationEndpoint: "http://localhost:9295/source"
+  serverInfoEndpoint: "http://localhost:9295/info"
+  sprocketsEndpoint: "http://localhost:9295/assets"
+  socketEndpoint: "http://localhost:9295/faye"
+  editorToggleHotkey: "ctrl+j"
+  debugMode: false
+
+CodeSync.set = (setting, value)->
+  CodeSync._config[setting] = value
+
+CodeSync.get = (setting)->
+  CodeSync._config[setting]
+
+CodeSync.enableLogging = ()->
+  CodeSync.set("debugMode", true)
+
+CodeSync.log = (args...)->
+  if CodeSync.get("debugMode") isnt false
+    args.unshift "CodeSync Log:"
+    console.log args...
+
+_originalSetOption = CodeMirror::setOption

data/lib/assets/javascripts/code_sync/console/index.coffee

@@ -0,0 +1,54 @@
+#= require_tree ./templates
+#= require_self
+
+CodeSync.PryConsole = Backbone.View.extend
+  className: "codesync-pry-console"
+
+  endpoint: "http://localhost:9295/pry-console"
+
+  rendered: false
+
+  events:
+    "keydown input" : "processInput"
+    "submit form" : (e)->
+      e.preventDefault()
+
+  initialize: (@options={})->
+    _.extend(@, @options)
+    Backbone.View::initialize.apply(@,arguments)
+
+  processInput: (e)->
+    if e.keyCode is 13 and @getCode().length > 0
+      @sendCode(true)
+
+
+  sendCode: ()->
+    $.ajax
+      url: @endpoint
+
+      type: "POST"
+
+      success: (response)=>
+        console.log("Success", response)
+
+      error: (response)=>
+        console.log("Error", response)
+
+      data:
+        code: @getCode()
+
+
+  getCode: ()->
+    @$('input#code').val()
+
+  render: ()->
+    @$el.html JST["code_sync/console/templates/console"](endpoint: @endpoint)
+    @rendered = true
+    @
+
+CodeSync.PryConsole.renderSingleton = (renderToElement)->
+  renderToElement ||= $('body')
+
+  window.codeSyncConsole?.remove()
+  window.codeSyncConsole = new CodeSync.PryConsole()
+  $(renderToElement).html(codeSyncConsole.render().el)

data/lib/assets/javascripts/code_sync/console/templates/console.jst.skim

@@ -0,0 +1,10 @@
+form accept-charset="UTF-8" action="#{ @consoleEndpoint }" method="POST"
+  input name="utf8" type="hidden" value="✓"
+
+  .results_wrapper
+    .results
+
+  .input
+    span.prompt >>>
+    span.input_box
+      input#code name="code" type="text"

data/lib/assets/javascripts/code_sync/dependencies.coffee

@@ -0,0 +1,6 @@
+#= require ../vendor/keymaster.min
+#= require ../vendor/jquery
+#= require ../vendor/underscore-min
+#= require ../vendor/underscore.string.min
+#= require ../vendor/backbone-min
+#= require ../vendor/spectrum

data/lib/assets/javascripts/code_sync/editor/datasources/document.coffee

@@ -0,0 +1,212 @@
+# Triggers
+#
+# status:
+#   - success
+
+CodeSync.Document = Backbone.Model.extend
+  callbackDelay: 150
+
+  initialize: (@attributes,options)->
+    if localKey = @attributes.localStorageKey
+      @attributes.contents ||= localStorage.getItem(localKey)
+
+    Backbone.Model::initialize.apply(@, arguments)
+
+    _.bindAll @, "onContentChange"
+
+    @on "change:contents", @onContentChange
+
+    @on "change:name", ()=>
+      @set("mode", @determineMode())
+      @set("display", @nameWithoutExtension() )
+
+    @on "change:mode", ()=>
+      @set('extension', @determineExtension(), silent: true)
+
+  url: ()->
+    CodeSync.get("assetCompilationEndpoint")
+
+  saveToDisk: ()->
+    if @isSaveable()
+      @sendToServer(true, "saveToDisk")
+
+  saveToLocalStorage: (path)->
+    if path?
+      localStorage.setItem(path, @get("contents"))
+
+  loadSourceFromDisk: (callback)->
+    $.ajax
+      url: "#{ @url() }?path=#{ @get('path') }"
+      type: "GET"
+      success: (response={})=>
+        if response.success is true and response.contents?
+          @set("contents", response.contents, silent: true)
+          callback(@)
+
+  toJSON: ()->
+    name: @nameWithoutExtension()
+    path: @get('path')
+    extension: @get('extension') || @determineExtension()
+    contents: @toContent()
+
+  nameWithoutExtension: ()->
+    extension = @get('extension') || @determineExtension()
+    (@get("name") || "untitled").replace(extension,'')
+
+  toMode: ()->
+    mode = @get("mode") || @determineMode()
+    modeModel = CodeSync.Modes.getMode(mode)
+
+  toCodeMirrorMode: ()->
+    @toMode()?.get("codeMirrorMode")
+
+  toCodeMirrorDocument: ()->
+    CodeMirror.Doc @toContent(), @toCodeMirrorMode(), 0
+
+  toCodeMirrorOptions: ()->
+    @toMode().get("codeMirrorOptions")
+
+  toContent: ()->
+    "#{ @get("contents") || @toMode()?.get("defaultContent") || " " }"
+
+  onContentChange: ()->
+    localKey = @get("localStorageKey")
+    localKey = if localKey? && _.isFunction(localKey) then localKey.call(@) else localKey
+    localStorage.setItem(localKey, @get("contents"))
+
+    @sendToServer(false, "onContentChange")
+
+  sendToServer: (allowSaveToDisk=false, reason="")->
+    allowSaveToDisk = false unless @isSaveable()
+
+    data = if allowSaveToDisk is true then @toJSON() else _(@toJSON()).pick('name','extension','contents')
+
+    CodeSync.log("Sending Data To #{ CodeSync.get("assetCompilationEndpoint") }", data)
+
+    $.ajax
+      type: "POST"
+      url: CodeSync.get("assetCompilationEndpoint")
+      data: JSON.stringify(data)
+      error: (response)=>
+        CodeSync.log("Document Process Error", arguments)
+
+      success: (response)=>
+        CodeSync.log("Document Process Response", response)
+
+        if response.success is true
+          @trigger "status", type: "success", message: @successMessage(reason), compiled: response.compiled
+
+        if response.success is true and response.compiled?
+          @set("compiled", response.compiled)
+
+        if response.success is false and response.error?
+          @set("error", response.error?.message)
+          @trigger "status", type: "error", message: response.error?.message
+
+  loadInPage: (options={})->
+    if @type() is "stylesheet"
+      helpers.processStyleContent.call(@, @get('compiled'))
+    else if (@type() is "script" or @type() is "template")
+      helpers.processScriptContent.call(@, @get('compiled'))
+
+      if options.complete
+        _.delay(options.complete, (options.delay||@callbackDelay))
+
+  # Determines how we will handle the compiled assets when loading in the page
+  type: ()->
+    switch @get("mode")
+      when "css","sass","scss","less"
+        "stylesheet"
+      when "coffeescript","javascript"
+        "script"
+      when "skim","mustache","jst","haml","eco"
+        "template"
+
+  missingFileName: ()->
+    name = (@get('path') || @get('name'))
+    !name? || name.length is 0
+
+  # If this is an adHoc document that is not being saved to disk, or rather
+  # pulled from an existing asset on disk, then we will need to create an extension
+  # that is appropriate for the CodeMirror mode, for the purposes of on the fly compilation
+  determineExtension: ()->
+    filename = @get("path") || @get("name")
+
+    if extension = CodeSync.Document.getExtensionFor(filename)
+      return extension
+
+    if @get("mode")?
+      return CodeSync.Modes.guessExtensionFor( @get('mode') || CodeSync.get("defaultFileType")  )
+
+  # Determine a CodeMirror mode setting appropriate for the file extension
+  determineMode: ->
+    path = @get("path") || @get("name") || @get("extension")
+    CodeSync.Modes.guessModeFor(path)
+
+  successMessage: (reason)->
+    if @type() is "template"
+      "Success.  Template will be available as JST[\"#{ @nameWithoutExtension() }\"]"
+
+  isSticky: ()->
+    @get("sticky")? is true
+
+  isSaveable: ()->
+    @get("path")?.length > 0 && !@get("doNotSave")
+
+CodeSync.Document.getFileNameFrom = (string="")->
+  string.split('/').pop()
+
+CodeSync.Document.getExtensionFor = (string="")->
+  filename = CodeSync.Document.getFileNameFrom(string)
+
+  [fname,rest...] = filename.split('.')
+
+  if val = rest.length > 0 && rest.join('.')
+    ".#{ val }"
+
+CodeSync.Documents = Backbone.Collection.extend
+  model: CodeSync.Document
+
+  initialize: (models,options)->
+    Backbone.Collection::initialize.apply(@, arguments)
+
+    if client = CodeSync.Client.get() && client?.socket?
+      client.subscribeWith (notification)->
+        console.log "Documents", notification
+
+  nextId: ()->
+    @models.length + 1
+
+  findByPath: (path)->
+    documentModel = @detect (documentModel)->
+      documentModel.get('path')?.match(path)
+
+  findOrCreateForPath: (path="", callback)->
+    if documentModel = @findByPath(path)
+      callback?(documentModel)
+    else
+      name = CodeSync.Document.getFileNameFrom(path)
+      extension = CodeSync.Document.getExtensionFor(name)
+      display = name.replace(extension,'')
+      id = @nextId()
+
+      documentModel = new CodeSync.Document({name,extension,display,path,id})
+
+      documentModel.loadSourceFromDisk ()=>
+        callback?(documentModel)
+
+helpers =
+  processStyleContent: (content)->
+    $('head style[data-codesync-document]').remove()
+    $('head').append "<style type='text/css' data-codesync-document=true>#{ content }</style>"
+
+  processScriptContent: (code)->
+    doc = @
+    evalRunner = (code)->
+      try
+        eval(code)
+      catch e
+        doc.trigger "status", type: "error", message: "JS Error: #{ e.message }", sticky: true
+        throw(e)
+
+    evalRunner.call(window, code)