vue-compiler 0.1.2 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: a187ad13b1ab03ab950e77ddb57cf08e74935fd7
-  data.tar.gz: 501fedf0882dc612f6dc0d96e540ba453b8d8c67
+  metadata.gz: 70c572dc52fb6abc136900505b5e0bfe0372e531
+  data.tar.gz: 190edf373a5722f083252f5ced0a6dec5230fa8d
 SHA512:
-  metadata.gz: 9951ce0b197090719f2e62ce4afbee9528288393c94f65c7a82be71a123a7da06dcf488a3163047ace688b7e1525c71b61fb955a5014e4bb248abf863710891a
-  data.tar.gz: 7a3200cb6de81f490e57dec6e6704151c6a757112beb64d31303629ae35184804270f6953c004648747d31365654e6cbab25c5c42268abea6202332cff87d2b9
+  metadata.gz: 717f8071e778fc97d4adc1332269bf75cdf33cc15e5cc42254f21ca94e85741571ab5cc59083e0a3f126ac8b695d9bfc9064550cda7e1f7a6c4a2739f76a9a5c
+  data.tar.gz: 1d4b00dc793d3bf428079af4c6dc57ea2205236bfde08bae435d5e536f4a2d6e3000810fdb998d7628cfdc3ca7fc247b1d923ca31d500af43ca4bf7a400d3cf4

data/README.md

@@ -1,6 +1,6 @@
 ## Vue Version
 
-2.4.0
+    2.4.0
 
 ## INSTALLATION
 
@@ -9,30 +9,82 @@
 
 ## COMPILE A TEMPLATE 
 
-require 'vue/compiler'
+    require 'vue/compiler'
 
 
-Vue::Compiler.compile "<div><span>{{ msg }}</span></div>"
+    Vue::Compiler.compile "<div><span>{{ msg }}</span></div>"
 
-=> "with(this){return _c('div',[_c('span',[_v(_s(msg))])])}"
+    => "with(this){return _c('div',[_c('span',[_v(_s(msg))])])}"
 
 
 ## PARSE A SFC
 
-Vue::Compiler.parseComponent "<template><div><span>{{ msg }}</span></div></template>"
+    Vue::Compiler.parseComponent "<template><div><span>{{ msg }}</span></div></template>"
 
 ## CREATE RENDER FUNCTION
 
 replace the template string with the render function in your Vue Object.
 
-render:function(){
-      with(this){return _c('div',[_c('span',[_v(_s(msg))])])}
-}
+    render:function(){
+          with(this){return _c('div',[_c('span',[_v(_s(msg))])])}
+    }
 
 ## SPROCKETS
 
-require 'vue/sprockets'
-
-VueSprocketsCompiler.set_root '/app'   # the relative path under which any js files will be processed
+this will replace any template strings within an object in your regular javascript assets with a render function.
+
+NOTE The template must be contained with double quotes !!
+
+this will NOT compile .vue extension single file components !!
+
+### example
+ 
+in assets/js/app/index.coffee
+    
+    this.app = new Vue({
+        el: '#app'
+        
+        template: """
+           <div>
+              <div class="header">
+                  <h1 >{{msg}}</h1>
+              </div>
+           </div>
+        """
+        
+        data:
+           msg:"hello from vue"
+    })
+    
+    
+or of you prefer in javascript assets/js/app/index.js
+
+    var  app = new Vue({
+        el: '#app',
+        template: "<div>\n   <div class=\"header\">\n       <h1 >{{msg}}</h1>\n   </div>\n</div>",
+        data: { msg: "hello from vue"   }
+    });
+
+
+in your config.ru ..
+
+    require 'sprockets'
+    require 'vue/sprockets'
+    
+    VueSprocketsCompiler.set_root '/app'   # the relative path under which any js files will be processed
+    
+    .....
+    .....
+    .....
+    map '/assets' do
+        environment = Sprockets::Environment.new
+        environment.append_path 'assets/js'
+        environment.append_path 'assets/css'
+        .... 
+      
+        run environment
+    end
+    ....
+    ....
 
  

data/lib/vue/compiler.rb

@@ -22,9 +22,19 @@ module Vue
         end
       end
       
+      #def compile(template,options={})
+      #  obj = _ctx[:VueTemplateCompiler][:compile].call(template.to_s)
+      #  obj[:render]
+      #end
+      
       def compile(template,options={})
         obj = _ctx[:VueTemplateCompiler][:compile].call(template.to_s)
-        obj[:render]
+         {
+           :render=>obj[:render].to_s,
+           :staticRenderFns=>obj[:staticRenderFns].to_a,
+           :errors=>obj[:errors].to_s,
+           :tips=>obj[:tips].to_s
+         }
       end
 
       # returns keys ["template", "script", "styles", "customBlocks"]
@@ -33,7 +43,9 @@ module Vue
       
       def parseComponent(file, options={})
         obj = _ctx[:VueTemplateCompiler][:parseComponent].call(file.to_s)
-        {:script=>obj[:script]}
+        {:script=>obj[:script].to_s,
+         :template=>obj[:template].to_s,
+         :styles=>obj[:styles].to_s}
       end
       
       

data/lib/vue/sprockets.rb

@@ -9,6 +9,10 @@ class VueSprocketsCompiler
     path = '/' + path unless path[0,1] == '/'
     @root = path
   end
+  
+  def self.toFunction(code)
+     return 'function () {' + code + '}'
+  end
 
   def self.call(input)
     source   = input[:data]
@@ -18,12 +22,20 @@ class VueSprocketsCompiler
     path = filename[load_path.length..-1]
 
     if !@root || (path[0..@root.length-1] == @root)
-      js = source.gsub( /template\s*:\s*"(.*?[^\\])"/m ) do |match|
-        src = $1.gsub("\\n","\n")
+      js = source.gsub( /( *)template\s*:\s*"(.*?[^\\])"/m ) do |match|
+        spaces = "#{$1}"
+        src = $2.gsub("\\n","\n")
         src = src.gsub("\\\"","\"")
         src = src.gsub("\\\'","\'")
         src = src.gsub("\\t","\t")
-        "render : function(){" + Vue::Compiler.compile(src) + "}"
+        
+        result = Vue::Compiler.compile(src)
+        out = ""
+        out += spaces + "render :" + toFunction(result[:render]) + ",\n"
+        out += spaces + "staticRenderFns :[" + (result[:staticRenderFns] || []).map{|f| toFunction(f)}.join(',') + "]"
+        puts "ERROR: vue/sprockets #{filename} ==>\n#{result[:errors]}" if  result[:errors].to_s != ""
+        puts puts "TIP: vue/sprockets #{filename} ==>\n#{result[:tips]}"   if result[:tips].to_s != ""
+        out  
       end
       {:data=>js}
     else

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: vue-compiler
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.3
 platform: ruby
 authors:
 - Clive Andrews
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-09-30 00:00:00.000000000 Z
+date: 2017-10-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: therubyracer
@@ -25,7 +25,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 description: vue-template-compiler functionality in a gem - compile and parse your
-  vue.js templates and components
+  vue.js templates
 email:
 - gems@realitybites.eu
 executables: []
@@ -39,7 +39,7 @@ files:
 - js/vue-compile-template.js
 - lib/vue/compiler.rb
 - lib/vue/sprockets.rb
-homepage: ''
+homepage: https://github.com/realbite/vue-compiler
 licenses:
 - MIT
 metadata: {}