vue_on_rails 0.9.5

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 101e6dafb8b7e2ac7a5f4170b913ee26ff523453
+  data.tar.gz: a451623e1205737a8d71283ea5ab153cb7c3c538
+SHA512:
+  metadata.gz: 4ec1d7709cfb2be51a5c3183b85ddb0cabb2e942440dafe8d3406db263b309a5135c0472748080233c51f0e1198e34027cde8e4e78673dc2793e02949e2263b9
+  data.tar.gz: f66ecb179f33378e6526f89c7d5d30d3de1843b81c487c45e0a786e5d9c2284667303e2f021328a53c3df136b943f53c01b7d9d928b22c6295fc5f2493720243

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2017 Benoit Zeler
+
+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,41 @@
+# VueOnRails
+
+Welcome to your new gem! In this directory, you'll find the files you need to be able to package up your Ruby library into a gem. Put your Ruby code in the file `lib/vue/on/rails`. To experiment with that code, run `bin/console` for an interactive prompt.
+
+TODO: Delete this and the text above, and describe your gem
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'vue_on_rails'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install vue_on_rails
+
+## Usage
+
+TODO: Write usage instructions here
+
+## 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/[USERNAME]/vue-on-rails.
+
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
+

data/lib/vue_on_rails.rb

@@ -0,0 +1,10 @@
+require "rails"
+require "vue_on_rails/version"
+
+module VueOnRails
+  if defined?(::Rails) and Gem::Requirement.new('>= 4.0').satisfied_by?(Gem::Version.new ::Rails.version)
+    require 'vue_on_rails/engine'
+    require 'vue_on_rails/view_helper'
+    require 'vue_on_rails/railtie'
+  end
+end

data/lib/vue_on_rails/engine.rb

@@ -0,0 +1,3 @@
+module VueOnRails
+  class Engine < ::Rails::Engine; end
+end

data/lib/vue_on_rails/railtie.rb

@@ -0,0 +1,7 @@
+module VueOnRails
+  class Railtie < Rails::Railtie
+    ActiveSupport.on_load(:action_view) do
+      include ::VueOnRails::ViewHelper
+    end
+  end
+end

data/lib/vue_on_rails/version.rb

@@ -0,0 +1,3 @@
+module VueOnRails
+  VERSION = "0.9.5".freeze
+end

data/lib/vue_on_rails/view_helper.rb

@@ -0,0 +1,39 @@
+module VueOnRails
+  module ViewHelper
+    def vue_component(component_name, props = {}, html_options = {})
+      html_options = html_options.reverse_merge(data: {})
+      props = VueOnRails::ViewHelper.format_props(props)
+      html_options[:data].tap do |data|
+        data[:vue_component] = component_name
+        data[:vue_props] = props.to_json
+      end
+      html_tag = html_options[:tag] || :div
+      html_options.except!(:tag)
+      content_tag(html_tag, '', html_options)
+    end
+
+    def self.format_props(props)
+      case props
+        when Hash
+          props.each_with_object({}) do |(key, value), new_props|
+            new_key = key.to_s.dasherize
+            new_props[new_key] = VueOnRails::ViewHelper.camelize_props(value)
+          end
+        else
+          props
+      end
+    end
+
+    def self.camelize_props(props)
+      case props
+        when Hash
+          props.each_with_object({}) do |(key, value), new_props|
+            new_key = key.to_s.camelize(:lower)
+            new_props[new_key] = VueOnRails::ViewHelper.camelize_props(value)
+          end
+        else
+          props
+      end
+    end
+  end
+end

data/vendor/assets/javascripts/vue_on_rails.js.coffee

@@ -0,0 +1,49 @@
+@VueOnRails = do ->
+  vueModels = []
+  namespace = null
+
+  init = ->
+    vueModels = []
+    namespace = VueOnRails.namespace
+    vueComponents = document.querySelectorAll('[data-vue-component]')
+    return if vueComponents.length <= 0
+    for i in [0...vueComponents.length]
+      mountComponent(vueComponents[i])
+
+  mountComponent = (component) ->
+    name = component.getAttribute('data-vue-component')
+    props = JSON.parse(component.getAttribute('data-vue-props'))
+    if (namespace && typeof window[namespace][name] == 'object') || window[name] == 'object'
+      el = document.createElement('element-to-be-mounted')
+      component.innerHTML = ''
+      component.appendChild(el)
+      vm = newVueInstance(name, props, el)
+      vueModels.push(vm)
+
+  newVueInstance = (name, props, el) ->
+    nameFormatted = camelCaseToHyphen(name)
+    element = document.createElement(nameFormatted)
+    setElementProps(element, props)
+    component = if namespace then window[namespace][name] else window[name]
+    new Vue({
+      el: el
+      template: element.outerHTML
+      components: { "#{nameFormatted}": component }
+    })
+
+  setElementProps = (element, props) ->
+    for key, value of props
+      if typeof value == 'object'
+        element.setAttribute(key, JSON.stringify(value))
+      else
+        element.setAttribute(key, value)
+
+  camelCaseToHyphen = (string) ->
+    string.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase()
+
+  destroy = ->
+    for vm in vueModels
+      vm.$destroy()
+    vueModels = []
+
+  { init, destroy }

metadata

@@ -0,0 +1,120 @@
+--- !ruby/object:Gem::Specification
+name: vue_on_rails
+version: !ruby/object:Gem::Version
+  version: 0.9.5
+platform: ruby
+authors:
+- Benoit Zeler
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2017-04-17 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: coffee-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '4.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '4.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.13'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.13'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '4.0'
+    - - "<="
+      - !ruby/object:Gem::Version
+        version: '5.2'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '4.0'
+    - - "<="
+      - !ruby/object:Gem::Version
+        version: '5.2'
+description: Ideal to sprinkle your app with Vue components
+email: benoit@kimkim.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- LICENSE.txt
+- README.md
+- lib/vue_on_rails.rb
+- lib/vue_on_rails/engine.rb
+- lib/vue_on_rails/railtie.rb
+- lib/vue_on_rails/version.rb
+- lib/vue_on_rails/view_helper.rb
+- vendor/assets/javascripts/vue_on_rails.js.coffee
+homepage: https://github.com/benoitongit
+licenses:
+- MIT
+metadata:
+  allowed_push_host: https://rubygems.org
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.6.11
+signing_key: 
+specification_version: 4
+summary: Easy way to use Vue.js with Ruby on Rails and Turbolinks 5.
+test_files: []