material_raingular-ace 0.0.2.alpha

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 79c3e091965542e4c713fc22b624df3ffbb22147
+  data.tar.gz: d4e2dce864d3cff414dc63ec0e478dac704be59a
+SHA512:
+  metadata.gz: b9776f770cdf678c98a91bcbf29e3baf13f495ecc0595810b6b7660a156cbeb3d352a3d99bb9454a225bb5262eaaa4f4754c54f94387a81035262859db26c0b3
+  data.tar.gz: a2179bb4118415793e15a7d77a797a34c5ba56c155f24bc643b6bf80bb059161e7b9423631900f8db08642a4b4a0c6572fffe62420beb6e7915ef46eb1b6c1a4

data/.gitignore

@@ -0,0 +1,14 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+*.bundle
+*.so
+*.o
+*.a
+mkmf.log

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in material_raingular-ace.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Chris Moody
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,42 @@
+# MaterialRaingular::Ace
+
+Simple code editing directive for MaterialRaingular based on Ace
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'material_raingular-ace'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install material_raingular-ace
+
+## Usage
+
+simply use the tag code-editor and include ng-model to link the code to your rails model
+
+```html
+<code-editor ng-model="my.model"></code-editor>
+```
+
+## Development
+
+After checking out the repo, run `bin/setup` to install dependencies. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+
+To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/transcon/material_raingular-ace.
+
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "material_raingular/ace"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start

data/bin/setup

@@ -0,0 +1,7 @@
+#!/bin/bash
+set -euo pipefail
+IFS=$'\n\t'
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/lib/assets/javascripts/code-editor.coffee

@@ -0,0 +1,66 @@
+# //= require ace/theme-monokai
+# //= require ace/mode-ruby
+# In order to have digested assets function properly, theme and mode must be required up front
+angular.module('materialRaingularAce', [])
+  .directive 'codeEditor', ($timeout, factoryName, $injector)->
+    restrict: 'E'
+    replace: true
+    require: 'ngModel'
+    template: (element,attributes) ->
+      websocketHelper = ->
+        if typeof attributes.webSocket == 'undefined' then 'update' else 'model'
+      '<span><div id="process-code-editor"></div><input type="hidden" ng-' + websocketHelper + '="' + attributes.ngModel + '"</span>'
+    link: (scope, element, attributes, modelCtrl)->
+      editor = ace.edit("process-code-editor")
+      editor.setTheme("ace/theme/monokai")
+      editor.getSession().setMode("ace/mode/ruby")
+      editor.getSession().setTabSize(2)
+      editor.getSession().setUseSoftTabs(true)
+      editor.$blockScrolling = Infinity
+      span = angular.element(document.getElementById('process-code-editor'))
+      heights = []
+      e = element[0].parentElement.parentElement
+      while e
+        heights.push(e.offsetHeight) unless e.offsetHeight == 0
+        e = e.parentElement
+      angular.element(window).on 'resize', (event)->
+        span.css('height',heights.min() + 'px')
+      span.css('fontSize', '14px').css('height',heights.min() + 'px')
+      scope.$watch attributes.ngModel, (newVal, oldVal) ->
+        unless newVal == editor.getValue()
+          if newVal && oldVal
+            dmp = new diff_match_patch()
+            offset = 0
+            doc = editor.session.doc
+            Range  = ace.require('ace/range').Range
+            for section in dmp.diff_main(oldVal, newVal,true)
+              [op,text] = section
+              if (op == 0)
+                offset += text.length
+              else if (op == -1)
+                doc.remove Range.fromPoints(doc.indexToPosition(offset), doc.indexToPosition(offset + text.length))
+              else if (op == 1)
+                doc.insert(doc.indexToPosition(offset), text)
+                offset += text.length
+          else
+            editor.setValue(modelCtrl.$modelValue,-1)
+      updateFunc = ->
+        modelCtrl.$setViewValue(editor.getValue())
+        unless typeof attributes.webSocket != 'undefined'
+          scope.$apply(element.find('input')[0].attributes['ng-change'].value)
+          console.dir 'hello'
+        else
+          parent      = attributes.ngModel.split('.')
+          modelName   = parent.pop()
+          parent_name = parent.join('.')
+          parent      = scope.$eval(parent_name)
+          list        = $injector.get(factoryName(parent_name))
+          params      = {id: parent.id, suppress: true}
+          params[parent_name] = {}
+          params[parent_name][modelName] = parent[modelName]
+          list.update params
+      element.find('textarea').bind 'keyup', ->
+        $timeout.cancel(scope.debounce)
+        scope.debounce = $timeout ->
+          updateFunc() unless editor.getValue() == modelCtrl.$viewValue
+        ,750

data/lib/assets/javascripts/material_raingular-ace.coffee

@@ -0,0 +1,3 @@
+# //= require ace/ace
+# //= require diff_match_patch/diff_match_patch
+# //= require code-editor

data/lib/material_raingular/ace/version.rb

@@ -0,0 +1,5 @@
+module MaterialRaingular
+  module Ace
+    VERSION = "0.0.2.alpha"
+  end
+end

data/lib/material_raingular/ace.rb

@@ -0,0 +1,10 @@
+require "material_raingular/ace/version"
+
+module MaterialRaingular
+  module Ace
+    module Rails
+      class Engine < ::Rails::Engine
+      end
+    end
+  end
+end

data/material_raingular-ace.gemspec

@@ -0,0 +1,26 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'material_raingular/ace/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "material_raingular-ace"
+  spec.version       = MaterialRaingular::Ace::VERSION
+  spec.authors       = ["Chris Moody"]
+  spec.email         = ["cmoody.eit@gmail.com"]
+
+  spec.summary       = %q{Ace for rails with directive for code window.}
+  spec.description   = %q{Extending Material Raingular with an ace code window directive.}
+  spec.homepage      = ""
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib","vendor"]
+
+  spec.add_development_dependency "bundler", "~> 1.10"
+  spec.add_development_dependency "rake", "~> 10.0"
+
+  spec.add_runtime_dependency     "material_raingular"
+end