roda-component 0.0.1 → 0.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 05430c628c39bffa7d369cf4a68f7f1c6f425330
-  data.tar.gz: 7c66426b73eae2e7db7befb8ec3bb528b87f8420
+  metadata.gz: 95f5fccbca82cb752d424a9b2e0987ec07bfca2e
+  data.tar.gz: bdc28e2ada9efc593d92dd6688138f3b083711e0
 SHA512:
-  metadata.gz: d184181f6f81ff491e4d7a5a1ae49d8e86ca5ee021a164618ad8c481e77fec3f1103c5d1b515c437431a0e7f4b36f59a2e7c06eed802a1fbc034d77d33b1a376
-  data.tar.gz: 067f63c3865ceec0f4a5371f31358b532c7b714730008ad228dbfa884978e7c1d85934b387f1ca989df18d3cb6e6329c62935fae42efcc30003d20a1c1cecdef
+  metadata.gz: 6bb6088580e10be47d06aeeb12bff00f50069724bcb4f77e708e7e5b69c29aa17c5e2219d9d4aadd6b14e90fa69f7e00cf1a0c81b98668451dff2fc69544274b
+  data.tar.gz: 8ad3c54ca9685f83f918f92d0b114530a788193e6c7a7365df410f5f1268c648f6ec7c4f6e55ab0cb499702b6bfd64e393f4fe706583dbbbcc416f35be8795c8

data/.gems

@@ -0,0 +1,5 @@
+roda-cj -v 1.0.4
+nokogiri -v 1.6.3.1
+opal -v 0.6.2
+opal-jquery -v 0.2.0
+faye -v 0.8.11

data/.gitignore

@@ -12,3 +12,6 @@
 *.o
 *.a
 mkmf.log
+.env*
+.gs
+*.gem

data/.ruby-version

@@ -0,0 +1 @@
+2.1.3

data/Makefile

@@ -0,0 +1,44 @@
+GEMSPEC=$(shell ls *.gemspec | head -1)
+VERSION=$(shell ruby -rubygems -e 'puts Gem::Specification.load("$(GEMSPEC)").version')
+PROJECT=$(shell ruby -rubygems -e 'puts Gem::Specification.load("$(GEMSPEC)").name')
+GEM=$(PROJECT)-$(VERSION).gem
+
+.PHONY: install package publish test server $(GEM)
+
+define install_bs
+	which bs || (wget https://raw.githubusercontent.com/educabilia/bs/master/bin/bs && chmod +x bs && sudo mv bs /usr/local/bin)
+
+	@if [ -s .gs ]; then \
+		true; \
+	else \
+		mkdir .gs; \
+		touch .env; \
+		echo 'GEM_HOME=$(PWD)/.gs' >> .env; \
+		echo 'GEM_PATH=$(PWD)/.gs' >> .env; \
+		echo 'PATH=$(PWD)/.gs/bin:$$PATH' >> .env; \
+		echo 'RACK_ENV=test' >> .env.test; \
+	fi;
+
+	bs gem list dep-cj -i || bs gem install dep-cj
+	gem list cutest-cj -i || gem install cutest-cj
+endef
+
+install:
+	$(call install_bs)
+	bs dep install
+	bs gem cleanup
+
+test:
+	bs env $$(cat .env.test) cutest test/**/*_test.rb
+
+package: $(GEM)
+
+# Always build the gem
+$(GEM):
+	gem build $(PROJECT).gemspec
+
+publish: $(GEM)
+	gem push $(GEM)
+	rm $(GEM)
+	git tag -a $(VERSION)
+	git push

data/lib/roda/component/dom.rb

@@ -0,0 +1,84 @@
+unless RUBY_ENGINE == 'opal'
+  require 'nokogiri'
+end
+
+class Roda
+  class Component
+    class DOM
+      attr_accessor :dom
+
+      def initialize dom
+        @dom = dom
+      end
+
+      def find string, &block
+        if server?
+          @node = dom.css string
+        else
+          @node = dom.find string
+        end
+
+        if block
+          if server?
+            @node.each do |node|
+              block.call node
+            end
+          else
+            block.call @node
+          end
+        else
+          if server?
+            @node = @node.first
+          end
+        end
+
+        self
+      end
+
+      def html= content
+        if server?
+          @node.inner_html = content
+        else
+          @node.html content
+        end
+
+        @node
+      end
+
+      def html content = false
+        if !content
+          if server?
+            @node ? @node.to_html : dom.to_html
+          else
+            @node ? @node.html : dom.html
+          end
+        else
+          self.html = content
+        end
+      end
+
+      # This allows you to use all the nokogiri or opal jquery methods if a
+      # global one isn't set
+      def method_missing method, *args, &block
+        # respond_to?(symbol, include_all=false)
+        if dom.respond_to? method, true
+          dom.send method, *args, &block
+        else
+          super
+        end
+      end
+
+      private
+
+      def server? &block
+        RUBY_ENGINE == 'ruby'
+      end
+      alias :server :server?
+
+      def client?
+        RUBY_ENGINE == 'opal'
+      end
+      alias :client :client?
+    end
+  end
+end

data/lib/roda/component/events.rb

@@ -0,0 +1,76 @@
+class Roda
+  class Component
+    class Events < Struct.new(:klass, :component_opts, :scope)
+      def on name, options = {}, &block
+        class_name   = options.delete(:for) || klass._name
+        class_events = (events[class_name] ||= {})
+        event        = (class_events[name] ||= [])
+        event << [block, klass._name, options]
+      end
+
+      def trigger name, options = {}
+        content = ''
+
+        events[klass._name][name].each do |event|
+          block, comp, _ = event
+
+          response = Instance.new(component(comp), scope).instance_exec options, &block
+
+          if response.is_a? Roda::Component::DOM
+            content = response.to_html
+          elsif response.is_a? String
+            content = response.to_s
+          end
+        end
+
+        content
+      end
+
+      private
+
+      def component comp
+        if server?
+          Object.const_get(component_opts[:class_name][comp]).new scope
+        else
+          component_opts[:comp][comp]
+        end
+      end
+
+      def events
+        component_opts[:events]
+      end
+
+      def server?
+        RUBY_ENGINE == 'ruby'
+      end
+      alias :server :server?
+
+      def client?
+        RUBY_ENGINE == 'opal'
+      end
+      alias :client :client?
+
+      class Instance < Struct.new(:instance, :scope)
+        def method_missing method, *args, &block
+          if instance.respond_to? method, true
+            instance.send method, *args, &block
+          elsif server && scope.respond_to?(method, true)
+            scope.send method, *args, &block
+          else
+            super
+          end
+        end
+
+        def server?
+          RUBY_ENGINE == 'ruby'
+        end
+        alias :server :server?
+
+        def client?
+          RUBY_ENGINE == 'opal'
+        end
+        alias :client :client?
+      end
+    end
+  end
+end

data/lib/roda/component/version.rb

@@ -1,5 +1,5 @@
 class Roda
   class Component
-    VERSION = "0.0.1"
+    VERSION = "0.0.2"
   end
 end

data/lib/roda/component.rb

@@ -1,7 +1,184 @@
-require "roda/component/version"
+require 'opal'
+require 'opal-jquery'
+require "base64"
+require 'roda/component/dom'
+require 'roda/component/events'
+
+if RUBY_ENGINE == 'opal'
+  $component_opts ||= {
+    events: {},
+    comp: {},
+    cache: {}
+  }
+end
+
 
 class Roda
   class Component
-    # Your code goes here...
+    VERSION = "0.0.1"
+
+    attr_accessor :scope
+
+    def initialize(scope = false)
+      @scope = scope
+    end
+
+    class << self
+      attr_accessor :_name
+
+      if RUBY_ENGINE == 'ruby'
+        def inherited(subclass)
+          super
+          # We want to set the app for all sub classes
+          subclass.set_app app
+        end
+      end
+
+      # The name of the component
+      def name _name
+        if server?
+          component_opts[:class_name][_name] = self.to_s
+        end
+
+        @_name = _name
+      end
+
+      # The html source
+      def html _html, &block
+        if server?
+          if _html.is_a? String
+            cache[:html] = File.read _html
+          else
+            cache[:html] = yield
+          end
+
+          cache[:dom] = Nokogiri::HTML cache[:html]
+        end
+      end
+
+      # setup your dom
+      def setup &block
+        block.call cache[:dom] if server?
+      end
+      alias :clean :setup
+
+      def events
+        @_events ||= Events.new self, component_opts, false
+      end
+
+      def on *args, &block
+        events.on(*args, &block)
+      end
+
+      # cache for class
+      def cache
+        unless @_cache
+          @_cache ||= Roda::RodaCache.new
+          @_cache[:tmpl] = {}
+        end
+
+        @_cache
+      end
+
+      # set the current roda app
+      def set_app app
+        @_app = app.respond_to?(:new) ? app.new : app
+      end
+
+      # roda app method
+      def app
+        @_app ||= {}
+      end
+
+      # We need to save the nokogiri dom and the raw html.
+      # the reason we ave the raw html is so that we can use it client side.
+      def tmpl name, dom, remove = true
+        cache[:tmpl][name] = {
+          dom: remove ? dom.remove : dom
+        }
+        cache[:tmpl][name][:html] = cache[:tmpl][name][:dom].to_html
+        cache[:tmpl][name]
+      end
+      alias :add_tmpl :tmpl
+      alias :set_tmpl :tmpl
+
+      # shortcut to comp opts
+      def component_opts
+        if server?
+          app.component_opts
+        else
+          $component_opts
+        end
+      end
+
+      private
+
+      def server?
+        RUBY_ENGINE == 'ruby'
+      end
+
+      def client?
+        RUBY_ENGINE == 'opal'
+      end
+    end
+
+    def cache
+      @_cache ||= self.class.cache.dup
+    end
+
+    def cache= new_cache
+      @_cache = new_cache
+    end
+
+    def events
+      @_events ||= Events.new self.class, component_opts, scope
+    end
+
+    def dom
+      d = cache[:dom] || begin
+        if server?
+          Nokogiri::HTML cache[:html]
+        else
+          Element
+        end
+      end
+
+      DOM.new d
+    end
+
+    # Grab the template from the cache, use the nokogiri dom or create a
+    # jquery element for server side
+    def tmpl name
+      if server?
+        DOM.new cache[:tmpl][name][:dom].dup
+      else
+        DOM.new Element[cache[:tmpl][name][:html].dup]
+      end
+    end
+
+    def component_opts
+      self.class.component_opts
+    end
+
+    def trigger *args
+      events.trigger(*args)
+    end
+
+    private
+
+    def server?
+      RUBY_ENGINE == 'ruby'
+    end
+    alias :server :server?
+
+    def client?
+      RUBY_ENGINE == 'opal'
+    end
+    alias :client :client?
+  end
+
+  # This is just here to make things more cross compatible
+  if RUBY_ENGINE == 'opal'
+    RodaCache = Hash
   end
 end

data/lib/roda/plugins/component.rb

@@ -0,0 +1,162 @@
+require 'roda/component'
+require 'json'
+require "base64"
+
+class Roda
+  module RodaPlugins
+    module Component
+      def self.configure(app, opts={})
+        if app.opts[:component]
+          app.opts[:component].merge!(opts)
+        else
+          app.opts[:component] = opts.dup
+        end
+
+        opts                    = app.opts[:component]
+        opts[:cache]            = app.thread_safe_cache if opts.fetch(:cache, true)
+        opts[:path]           ||= 'components'
+        opts[:route]          ||= 'components'
+        opts[:assets_route]   ||= 'assets/components'
+        opts[:class]          ||= Roda::Component
+        opts[:settings]       ||= {}
+        opts[:class_name]     ||= {}
+        opts[:events]         ||= {}
+        opts[:cache][:tmpl]   ||= {}
+
+        # Set the current app
+        opts[:class].set_app app
+      end
+
+      module InstanceMethods
+        def component_opts
+          self.class.component_opts
+        end
+
+        def load_component name
+          Object.const_get(
+            component_opts[:class_name][name.to_sym]
+          ).new self
+        end
+
+        def load_component_js comp, action = :display
+          # grab a copy of the cache
+          cache = comp.class.cache.dup
+          # remove html and dom cache as we don't need that for the client
+          cache.delete :html
+          cache.delete :dom
+          cache.delete :cache
+
+          cache     = Base64.encode64 cache.to_json
+          options   = Base64.encode64 options.to_json
+          comp_name = comp.class._name
+
+          js = <<-EOF
+            Document.ready? do
+              unless $component_opts[:comp][:"#{comp_name}"]
+                c = $component_opts[:comp][:"#{comp_name}"] = #{comp.class}.new
+                c.cache = JSON.parse Base64.decode64('#{cache}')
+                c.#{action}(JSON.parse(Base64.decode64('#{options}')))
+              end
+            end
+          EOF
+
+          ("<script>" + Opal.compile(js) + "</script>")
+        end
+
+        def component name, options = {}, &block
+          comp = load_component name
+
+          action = options[:call] || 'display'
+
+          # call action
+          # TODO: make sure the single method parameter isn't a block
+          if comp.method(action).parameters.length > 0
+            comp_response = comp.send(action, options, &block)
+          else
+            comp_response = comp.send(action, &block)
+          end
+
+          if comp_response.is_a? Roda::Component::DOM
+            content = comp_response.to_html
+          else
+            content = comp_response.to_s
+          end
+
+          content += load_component_js comp, action
+        end
+        alias :comp :component
+        alias :roda_component :component
+      end
+
+      module ClassMethods
+        # Copy the assets options into the subclass, duping
+        # them as necessary to prevent changes in the subclass
+        # affecting the parent class.
+        def inherited(subclass)
+          super
+          opts         = component_opts.dup
+          opts[:cache] = thread_safe_cache if opts[:cache]
+        end
+
+        def component_opts
+          opts[:component]
+        end
+      end
+
+      module RequestClassMethods
+        def component_opts
+          roda_class.component_opts
+        end
+
+        def component_assets_route_regex
+          component_opts[:assets_route]
+        end
+
+        def component_route_regex
+          Regexp.new(
+            component_opts[:route] + "/([a-zA-Z0-9_-]*)/([a-zA-Z0-9_-]*)/([a-zA-Z0-9_-]*)"
+          )
+        end
+      end
+
+      module RequestMethods
+        def components
+          on self.class.component_assets_route_regex do |component, action|
+            # Process the ruby code into javascript
+            Opal::Processor.source_map_enabled = false
+            env = Opal::Environment.new
+            # Append the gems path
+            env.append_path Gem::Specification.find_by_name("roda-component").gem_dir + '/lib'
+            js = env['roda/component'].to_s
+            # Append the path to the components folder
+            env.append_path scope.component_opts[:path]
+            # Loop through and and convert all the files to javascript
+            Dir[scope.component_opts[:path] + '/**/*.rb'].each do |file|
+              file = file.gsub(scope.component_opts[:path] + '/', '')
+              js << env[file].to_s
+            end
+            # Set the header to javascript
+            response.headers["Content-Type"] = 'application/javascript; charset=UTF-8'
+
+            js
+          end
+
+          on self.class.component_route_regex do |comp, type, action|
+            comp = scope.load_component(comp.to_sym)
+
+            case type
+            when 'call'
+              response.write comp.public_send action
+            when 'trigger'
+              response.write scope.load_component(comp.to_sym).events.trigger action.to_sym
+            end
+
+            response.write scope.load_component_js comp, action
+          end
+        end
+      end
+    end
+
+    register_plugin(:component, Component)
+  end
+end

data/roda-component.gemspec

@@ -18,6 +18,10 @@ Gem::Specification.new do |spec|
   spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
   spec.require_paths = ["lib"]
 
+  spec.add_runtime_dependency "opal"
+  spec.add_runtime_dependency "opal-jquery"
+  spec.add_runtime_dependency "faye"
+  spec.add_runtime_dependency "tilt"
   spec.add_development_dependency "bundler", "~> 1.7"
   spec.add_development_dependency "rake", "~> 10.0"
 end

data/test/component_test.rb

@@ -0,0 +1,11 @@
+require_relative 'helper'
+
+scope 'component' do
+  test 'app' do
+    assert body('/app')['working']
+  end
+
+  test 'render' do
+    assert body('/')['head']
+  end
+end

data/test/dummy/app.rb

@@ -0,0 +1,21 @@
+class TestApp < Roda
+  plugin :component, {
+    path: './test/dummy/components'
+  }
+
+  route do |r|
+    r.components
+
+    r.on 'app' do
+      'working'
+    end
+
+    r.root do
+      component(:layout) do
+        'Hello, World!'
+      end
+    end
+  end
+
+  Dir["./test/dummy/components/*.rb"].each { |file| require file }
+end

data/test/dummy/components/form.rb

@@ -0,0 +1,3 @@
+class Form < Roda::Component
+
+end

data/test/dummy/components/layout.rb

@@ -0,0 +1,11 @@
+class LayoutComp < Roda::Component
+  name :layout
+  html './test/dummy/public/index.html'
+
+  def display data, &block
+    if server?
+      dom.find('body').html(yield)
+      dom
+    end
+  end
+end

data/test/dummy/public/index.html

@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html lang="en"> <!-- Set this to the main language of your site -->
+  <head>
+      <meta charset="utf-8">
+  </head>
+  <body>
+  </body>
+<html>

data/test/helper.rb

@@ -0,0 +1,63 @@
+lib = File.expand_path('../../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+
+require 'roda'
+require 'roda/component'
+require_relative 'dummy/app'
+
+before do
+  @app = TestApp
+end
+
+after do
+  @app = nil
+end
+
+module Kernel
+  private
+
+  def app(type=nil, &block)
+    case type
+    when :new
+      @app = _app{route(&block)}
+    when :bare
+      @app = _app(&block)
+    when Symbol
+      @app = _app do
+        plugin type
+        route(&block)
+      end
+    else
+      @app ||= _app{route(&block)}
+    end
+  end
+
+  def req(path='/', env={})
+    if path.is_a?(Hash)
+      env = path
+    else
+      env['PATH_INFO'] = path
+    end
+
+    env = {"REQUEST_METHOD" => "GET", "PATH_INFO" => "/", "SCRIPT_NAME" => ""}.merge(env)
+    @app.call(env)
+  end
+
+  def status(path='/', env={})
+    req(path, env)[0]
+  end
+
+  def header(name, path='/', env={})
+    req(path, env)[1][name]
+  end
+
+  def body(path='/', env={})
+    req(path, env)[2].join
+  end
+
+  def _app(&block)
+    c = Class.new(Roda)
+    c.class_eval(&block)
+    c
+  end
+end

metadata

@@ -1,15 +1,71 @@
 --- !ruby/object:Gem::Specification
 name: roda-component
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
 platform: ruby
 authors:
 - cj
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-09-27 00:00:00.000000000 Z
+date: 2014-10-01 00:00:00.000000000 Z
 dependencies:
+- !ruby/object:Gem::Dependency
+  name: opal
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: opal-jquery
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: faye
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: tilt
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -45,14 +101,26 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- ".gems"
 - ".gitignore"
+- ".ruby-version"
 - Gemfile
 - LICENSE.txt
+- Makefile
 - README.md
 - Rakefile
 - lib/roda/component.rb
+- lib/roda/component/dom.rb
+- lib/roda/component/events.rb
 - lib/roda/component/version.rb
+- lib/roda/plugins/component.rb
 - roda-component.gemspec
+- test/component_test.rb
+- test/dummy/app.rb
+- test/dummy/components/form.rb
+- test/dummy/components/layout.rb
+- test/dummy/public/index.html
+- test/helper.rb
 homepage: ''
 licenses:
 - MIT
@@ -77,5 +145,11 @@ rubygems_version: 2.2.2
 signing_key: 
 specification_version: 4
 summary: ''
-test_files: []
+test_files:
+- test/component_test.rb
+- test/dummy/app.rb
+- test/dummy/components/form.rb
+- test/dummy/components/layout.rb
+- test/dummy/public/index.html
+- test/helper.rb
 has_rdoc: