receptive 0.1.0.alpha

data/lib-opal/receptive/incremental_dom.js.rb

@@ -0,0 +1,87 @@
+require 'receptive/incremental-dom-0.5.1'
+require 'console'
+require 'js'
+
+module Receptive::IncrementalDOM
+  extend self
+  # Keep the var in the closure
+  `var native = #{JS.global.JS[:IncrementalDOM]}`
+
+  def patch_element(element, patch, data = nil)
+    `native`.JS.patch(element, patch.to_n, data.to_n)
+  end
+
+  # Add a tag
+  # @param tagname [String]
+  def tag(tagname, uid = nil, static_props = nil, dynamic_props = nil, &block)
+    if Hash === static_props
+      static_props = static_props.to_a.flatten
+    end
+
+    if Hash === dynamic_props
+      innerHTML = dynamic_props.delete(:innerHTML) if Hash === dynamic_props
+      dynamic_props = dynamic_props.to_a.flatten
+      # l innerHTML: innerHTML
+    end
+
+    dynamic_props ||= []
+    if block_given?
+      raise ArgumentError, 'cannot accept both a block and innerHTML' if innerHTML
+      `native`.JS.elementOpen(tagname, uid.to_n, static_props.to_n, *dynamic_props)
+      result = block.call
+      text result if String === result
+      `native`.JS.elementClose(tagname)
+    else
+      node = `native`.JS.elementVoid(tagname, uid.to_n, static_props.to_n, *dynamic_props)
+      node.JS[:innerHTML] = innerHTML
+      node
+    end
+  end
+
+  # Add a text node
+  def text(value, &formatter)
+    if block_given?
+      `native`.JS.text(value, formatter)
+    else
+      `native`.JS.text(value)
+    end
+  end
+
+  # @param element [DOM Node] doesn't accept jQuery elements
+  def update_element(element, data = nil, &block)
+    t0 = `performance.now()` if $DEBUG
+    patch_element(element, -> { block.call(self) }, data)
+    if $DEBUG
+      t1 = `performance.now()`
+      $console.log(
+        "%c render/incremental %c #{inspect} %c #{t1 - t0}ms ",
+        'background-color:#eee;color:#444;border-radius:2px 0 0 2px',
+        'background-color:#94E2C8;color:#193F32;border-radius:0 2px 2px 0',
+        'background-color:none;border:none;font-family:monospace;',
+        data.to_n,
+        element
+      )
+    end
+  end
+
+  module DSL
+    HTML_TAGS = %w(a abbr address area article aside audio b base bdi bdo big blockquote body br
+                  button canvas caption cite code col colgroup data datalist dd del details dfn
+                  dialog div dl dt em embed fieldset figcaption figure footer form h1 h2 h3 h4 h5
+                  h6 head header hr html i iframe img input ins kbd keygen label legend li link
+                  main map mark menu menuitem meta meter nav noscript object ol optgroup option
+                  output p param picture pre progress q rp rt ruby s samp script section select
+                  small source span strong style sub summary sup table tbody td textarea tfoot th
+                  thead time title tr track u ul var video wbr)
+
+    HTML_TAGS.each do |tagname|
+      define_method tagname do |params, &block|
+        tag tagname, nil, nil, params, &block
+      end
+    end
+
+    def _p(*args)
+      Kernel.p(*args)
+    end
+  end
+end

data/lib-opal/receptive/view.rb

@@ -0,0 +1,95 @@
+module Receptive::View
+  def self.extenders
+    @extenders ||= []
+  end
+
+  def self.extended(base)
+    extenders << base
+  end
+
+  attr_accessor :selector
+
+  def setup
+    # noop, this is hook for extenders
+  end
+
+  def selector
+    @selector or raise('Please set the selector')
+  end
+
+  def persistent_events
+    @persistent_events ||= []
+  end
+
+  def setup_persistent_events
+    setup
+    persistent_events.each do |persistent_event|
+      element, event, selector, block = *persistent_event
+      selector ?
+        element.on(event, selector, &block) :
+        element.on(event, &block)
+    end
+  end
+
+  def on event, selector = '', &block
+    selector = combine_selectors([self.selector, selector])
+    persistent_events << [Document, event, selector, block]
+  end
+
+  def on_window(event, selector = nil, &block)
+    window = Window.element
+    on_document('page:change',        selector) { window.on(event, &block) }
+    on_document('page:before-unload', selector) { window.off(event, &block) }
+  end
+
+  def on_document(event, selector = nil, &block)
+    persistent_events << [Document, event, nil, block_with_guard(block, selector)]
+  end
+
+  def block_with_guard(block, selector)
+    selector = combine_selectors([self.selector, selector])
+    block_with_guard = -> *args { block.call(*args) if Document.has? selector }
+  end
+
+  def find(selector = '')
+    Document.find(combine_selectors([self.selector, selector]))
+  end
+
+  # Support combining multiple selectors with commas
+  def combine_selectors(*selectors)
+    selectors = selectors.flatten.compact
+    splitted = selectors.map { |s| next if s.nil? or s.empty?; s.split(',') }.compact
+    return '' if splitted.size.zero?
+    return splitted.join(', ') if splitted.size == 1
+
+    # About Array#product:
+    #
+    #   >> ['a,b', 'c,d'].map{|s| s.split(',')}.reduce(:product)
+    #   => [["a", "c"], ["a", "d"], ["b", "c"], ["b", "d"]]
+    #
+    return splitted.reduce(:product).map {|s| s.join(' ')}.join(', ')
+  end
+
+  alias :element :find
+
+
+  # Rendering
+
+  def render
+    warn "#{name}#render not found, should be implemented!"
+  end
+
+  def render!
+    $console.log(
+      "%c render %c #{inspect} %c #{selector} ",
+      'background-color:#eee;color:#444;border-radius:2px 0 0 2px',
+      'background-color:#BFE99C;color:#30491B;border-radius:0 2px 2px 0',
+      'background-color:none;border:none;font-family:monospace;',
+      self
+    ) if $DEBUG
+    `window`.JS.requestAnimationFrame(&method(:render))
+    nil
+  end
+
+  alias_method :on_event, :on_document
+end

data/lib/receptive.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+require 'receptive/version'
+require 'opal'
+
+module Receptive
+  PATHS = ["#{__dir__}/../lib-opal".freeze]
+
+  def self.paths
+    PATHS
+  end
+end
+
+Receptive.paths.each { |path|  Opal.append_path path }

data/lib/receptive/version.rb

@@ -0,0 +1,3 @@
+module Receptive
+  VERSION = "0.1.0.alpha"
+end

data/receptive.gemspec

@@ -0,0 +1,31 @@
+# frozen_string_literal: true
+
+lib = File.expand_path("../lib", __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require "receptive/version"
+
+Gem::Specification.new do |spec|
+  spec.name          = "receptive"
+  spec.version       = Receptive::VERSION
+  spec.authors       = ["Elia Schito"]
+  spec.email         = ["elia@schito.me"]
+
+  spec.summary       = %q{The perfect toolkit to lighten up your existing HTML}
+  spec.homepage      = "https://github.com/elia/receptive#readme"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0").reject do |f|
+    f.match(%r{^(test|spec|features)/})
+  end
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_dependency "opal", [">= 0.10.5", "< 0.12"]
+  spec.add_dependency "opal-jquery", ["~> 0.4.2"]
+  spec.add_dependency "opal-minitest", "0.0.5"
+
+  spec.add_development_dependency "bundler", "~> 1.16"
+  spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_development_dependency "minitest", "~> 5.0"
+end

data/test-opal/receptive_test.rb

@@ -0,0 +1,12 @@
+require "test_helper"
+
+class ReceptiveTest < Minitest::Test
+  def test_silence_logs
+    $DEBUG = true
+    debug_value_inside_block = nil
+    Receptive.silence_logs do
+      debug_value_inside_block = $DEBUG
+    end
+    assert_equal(false, debug_value_inside_block)
+  end
+end

data/test-opal/receptive_view_test.rb

@@ -0,0 +1,13 @@
+require "test_helper"
+
+class ReceptiveViewTest < Minitest::Test
+  def test_combine_selectors
+    subject = Object.new.tap {|o| o.extend Receptive::View}
+
+    assert_equal(''                   , subject.combine_selectors(nil         ))
+    assert_equal('a'                  , subject.combine_selectors('a'         ))
+    assert_equal('a b'                , subject.combine_selectors('a',   'b'  ))
+    assert_equal('a c, b c'           , subject.combine_selectors('a,b', 'c'  ))
+    assert_equal('a c, a d, b c, b d' , subject.combine_selectors('a,b', 'c,d'))
+  end
+end

data/test-opal/test_helper.rb

@@ -0,0 +1,8 @@
+$LOAD_PATH.unshift File.expand_path("../../lib", __FILE__)
+require "receptive"
+
+# require "minitest/autorun"
+require 'opal/platform'
+require 'minitest'
+`if (typeof(window) === 'undefined') window = Opal.global;` # for nodejs
+at_exit { Minitest.run ARGV; exit `Opal.global.OPAL_TEST_EXIT_STATUS` || 1 }

metadata

@@ -0,0 +1,155 @@
+--- !ruby/object:Gem::Specification
+name: receptive
+version: !ruby/object:Gem::Version
+  version: 0.1.0.alpha
+platform: ruby
+authors:
+- Elia Schito
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2018-02-14 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: opal
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 0.10.5
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '0.12'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 0.10.5
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '0.12'
+- !ruby/object:Gem::Dependency
+  name: opal-jquery
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.4.2
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.4.2
+- !ruby/object:Gem::Dependency
+  name: opal-minitest
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 0.0.5
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 0.0.5
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.16'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.16'
+- !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: minitest
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5.0'
+description: 
+email:
+- elia@schito.me
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".travis.yml"
+- Gemfile
+- Gemfile.lock
+- HANDBOOK.md
+- LICENSE.txt
+- README.md
+- Rakefile
+- bin/console
+- bin/setup
+- lib-opal/receptive.js.rb
+- lib-opal/receptive/app.rb
+- lib-opal/receptive/incremental-dom-0.5.1.js
+- lib-opal/receptive/incremental_dom.js.rb
+- lib-opal/receptive/view.rb
+- lib/receptive.rb
+- lib/receptive/version.rb
+- receptive.gemspec
+- test-opal/receptive_test.rb
+- test-opal/receptive_view_test.rb
+- test-opal/test_helper.rb
+homepage: https://github.com/elia/receptive#readme
+licenses:
+- MIT
+metadata: {}
+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: 1.3.1
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.7.4
+signing_key: 
+specification_version: 4
+summary: The perfect toolkit to lighten up your existing HTML
+test_files: []