vueck 1.0.1 → 1.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 971f781c4a36719b490e7c6b03e5967d16cde746
-  data.tar.gz: f129259d25cbcfc598a24c9077ee61ab76226095
+  metadata.gz: 3f3219558cc9f68995e1e41751c35bb43813c177
+  data.tar.gz: d0ced4059f101e42138a4c8c463d5b5723b9cd3b
 SHA512:
-  metadata.gz: 8bd9b73e602f5b3a418fb264f1b46c119a3bb7baefdfbef295790bb1582b6bb2139a4912100b8fbfbf33d8a810542e71d9cea1d3156623c71a3d14925b24e0e1
-  data.tar.gz: d115dab42ab900ae4b3c14444ed3d0cbdc67315ff2c4da3cf1bd2008cdaca00c5fa7abf334e472d96220e760dd40c028280a787bc7d5e513cbd21f93399d5311
+  metadata.gz: 4168d034c64bd32dbc0e6769dd029a3f3fc0d4ee7a8181310fe27910071c77f3c26cc31509fa4a0cf7e130fb3d6afe971e77d90aa1d62dc4c36c48b3bdc13f9d
+  data.tar.gz: 286ca80b3aa0a3720d69a6b20282e3b6ae43819b14c249a5b29ddf791256f79c1e3e6570188e602d94505aded8e7f055a717d8999b273660b23b6eb8cf94373c

data/.gitignore

@@ -1,3 +1,5 @@
 vendor
 .sass-cache
 .vueck_cache
+vue
+*.gem

data/Rakefile

@@ -1,4 +1,7 @@
 task :build do
-    `rm vueck*.gem`
-    `gem build vueck*.gemspec`
+    system("rm vueck*.gem; gem build vueck*.gemspec")
 end
+
+task :test do
+    system("bundler exec ruby -Ilib test/test.rb")
+end

data/lib/element.rb

@@ -12,7 +12,9 @@ module VueCK
         end
 
         def lang
-            @node.attribute(ATTRIBUTES[:lang]).first.value || LANG_DEFALTS[type]
+            lang_attribute = @node.attribute(ATTRIBUTES[:lang]).first
+            return LANG_DEFALTS[@type] unless lang_attribute
+            lang_attribute.value
         end
 
         def empty?
@@ -24,7 +26,7 @@ module VueCK
         end
 
         def render
-            return text if lang == LANG_DEFALTS[:script]
+            return text if lang == LANG_DEFALTS[@type]
             raise InvalidTemplateEngine unless Tilt[lang]
             Tilt[lang].new { text }.render
         end

data/lib/plugin.rb

@@ -1,8 +1,14 @@
 module VueCK
     class Plugin
-        RESPONSE_TYPES = {
-            "vue.js"  => "application/javascript",
-            "vue.css" =>  "text/css"
+        REQUEST_MAP = {
+            "/vue/vue.js" => {
+                file: "vue.js",
+                content_type: "application/javascript"
+            },
+            "/vue/vue.css" => {
+                file: "vue.css",
+                content_type: "text/css"
+            }
         }
 
         def initialize(app={})
@@ -11,18 +17,19 @@ module VueCK
         
         def call(env)
             return unless env["REQUEST_METHOD"] == "GET"
-            file = env["PATH_INFO"][1..-1]
-            return @app.call(env) unless file == FILES[:javascript] || file == FILES[:style]
-            vueck = VueCK.new(file)
+            path = env["PATH_INFO"]
+            return @app.call(env) unless REQUEST_MAP[path]
+            vueck = VueCK.new REQUEST_MAP[path][:file]
             content = vueck.serve_file
-            response(content, file)
+            response(content, path)
         end
 
-        def response(content, file)
+        def response(content, path)
             ["200", {
-                "Content-Type"   => RESPONSE_TYPES[file],
+                "Content-Type"   => REQUEST_MAP[path][:content_type],
                 "Content-Length" => content.size.to_s },
                 [content]]
         end
+
     end
 end

data/test/test.rb

@@ -2,19 +2,18 @@ require 'minitest/autorun'
 require 'vueck'
 
 class VueCKTest < Minitest::Test
-    CSS = ["200", {"Content-Type"=>"text/css", "Content-Length"=>"48"}, [".post{color:red}.post{color:green}h1{color:pink}"]]
-    JS =  ["200",{"Content-Type"=>"application/javascript", "Content-Length"=>"735"},["var test_component = Vue.component('test_component',{template:'<div class=\"post\"><h1>Adam</h1></div>', props: [\"test\"], data: { adam: true }, methods: { yo: function() { } } });var test_component = Vue.component('test_component',{template:'<div class=\"post\"><h1>Other Guy</h1><h1>Oh hai mark</h1></div>', props: [\"test\"], data: { adam: true, drew: true }, methods: { yo: function() { } } });var test_component = Vue.component('test_component',{template:'<Oh>, Hai Mark!</Oh>', props: [\"test\"], data: { adam: true, drew: true }, methods: { yo: function() { } } });var test_component = Vue.component('test_component',{template:'<Oh>, Hai Mark!</Oh>', props: [\"test\"], data: { adam: true, drew: true }, methods: { yo: function() { } } });"]]
+    CSS = ["200", {"Content-Type"=>"text/css", "Content-Length"=>"32"}, [".dogs{color:red}.post{color:red}"]]
+    JS =  ["200",{"Content-Type"=>"application/javascript", "Content-Length"=>"691"},[%q{var one_lang_and_no_style = Vue.component('one_lang_and_no_style',{template:'<div class="post"><h1>Other Guy</h1><h1>Oh hai mark</h1></div>', props: ["test"], data: { adam: true, drew: true }, methods: { yo: function() { } } });var two_langs = Vue.component('two_langs',{template:'<div class="dogs"><h1>Are Cool</h1></div>', props: ["test"], data: { adam: true, drew: true }, methods: { yo: function() { } } });var default_langs = Vue.component('default_langs',{template:' Oh hai mark props: ["test"], data: { adam: true }, methods: { yo: function() { return this.adam; } } .post { color: red; } ', props: ["test"], data: { adam: true }, methods: { yo: function() { return this.adam; } } });}]]
 
     def test_render_css
         plugin = VueCK::Plugin.new()
-        response = plugin.call({"PATH_INFO"=>"/vue.css", "REQUEST_METHOD"=>"GET"})
-        require pry ; binding.pry
+        response = plugin.call({"PATH_INFO"=>"/vue/vue.css", "REQUEST_METHOD"=>"GET"})
         assert response == CSS
     end
 
     def test_render_js
         plugin = VueCK::Plugin.new()
-        response = plugin.call({"PATH_INFO"=>"/vue.js", "REQUEST_METHOD"=>"GET"})
+        response = plugin.call({"PATH_INFO"=>"/vue/vue.js", "REQUEST_METHOD"=>"GET"})
         assert response == JS
     end
 end

data/vueck.gemspec

@@ -1,7 +1,7 @@
 Gem::Specification.new do |s|
     s.name        = 'vueck'
     s.homepage    = 'https://github.com/adamrdrew/vueck'
-    s.version     = '1.0.1'
+    s.version     = '1.0.2'
     s.date        = '2018-01-30'
     s.summary     = "VueCK"
     s.description = "Rack middleware for compiling and serving VueJS single file components"
@@ -16,4 +16,4 @@ Gem::Specification.new do |s|
     s.add_runtime_dependency "slim", '~> 3.0', '>= 3.0.0'
     s.add_runtime_dependency "sass", '~> 3.5', '>= 3.5.5'
   end
-  
+  

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: vueck
 version: !ruby/object:Gem::Version
-  version: 1.0.1
+  version: 1.0.2
 platform: ruby
 authors:
 - Adam Drew
@@ -130,10 +130,6 @@ files:
 - lib/vueck.rb
 - license
 - test/test.rb
-- test/vue/test.vue
-- test/vue/test2.vue
-- test/vue/test3.vue
-- test/vue/test4.vue
 - vueck.gemspec
 homepage: https://github.com/adamrdrew/vueck
 licenses:

data/test/vue/test.vue

@@ -1,23 +0,0 @@
-<component name="test_component">
-<template lang="slim"> 
-.post
-    h1 Adam
-</template>
-
-<script lang="javascript">
-props: ["test"],
-data: {
-    adam: true
-},
-methods: {
-    yo: function() {
-
-    }
-}
-</script>
-
-<style lang="sass">
-.post
-    color: red
-</style>
-</component>

data/test/vue/test2.vue

@@ -1,27 +0,0 @@
-<component name="test_component">
-<template lang="slim"> 
-.post
-    h1 Other Guy
-    h1 Oh hai mark
-</template>
-
-<script lang="javascript">
-props: ["test"],
-data: {
-    adam: true,
-    drew: true
-},
-methods: {
-    yo: function() {
-
-    }
-}
-</script>
-
-<style lang="sass">
-.post
-    color: green
-h1
-    color: pink
-</style>
-</component>

data/test/vue/test3.vue

@@ -1,21 +0,0 @@
-<component name="test_component">
-<template lang="slim"> 
-<div>
-    <h1>Oh, Hai Mark!</h1>
-</div>
-</template>
-
-<script lang="javascript">
-props: ["test"],
-data: {
-    adam: true,
-    drew: true
-},
-methods: {
-    yo: function() {
-
-    }
-}
-</script>
-
-</component>

data/test/vue/test4.vue

@@ -1,21 +0,0 @@
-<component name="test_component">
-<template lang="slim"> 
-<div>
-    <h1>Oh, Hai Mark!</h1>
-</div>
-</template>
-
-<script lang="javascript">
-props: ["test"],
-data: {
-    adam: true,
-    drew: true
-},
-methods: {
-    yo: function() {
-
-    }
-}
-</script>
-
-</component>