fron 0.1.0

data/opal/fron/dom/modules/classlist.rb

@@ -0,0 +1,27 @@
+module DOM
+  module ClassList
+    def addClass(*classes)
+      classes.each do |cls|
+        `#{@el}.classList.add(#{cls})`
+      end
+    end
+
+    def removeClass(*classes)
+      classes.each do |cls|
+        `#{@el}.classList.remove(#{cls})`
+      end
+    end
+
+    def hasClass(cls)
+      `#{@el}.classList.contains(#{cls})`
+    end
+
+    def toggleClass(cls,value)
+      if value
+        addClass cls
+      else
+        removeClass cls
+      end
+    end
+  end
+end

data/opal/fron/dom/modules/dimensions.rb

@@ -0,0 +1,37 @@
+require 'native'
+
+module DOM
+  module Dimensions
+
+    def top
+      clientRect[:top] + Window.scrollY
+    end
+
+    def left
+      clientRect[:left] + Window.scrollX
+    end
+
+    def right
+      clientRect[:right] + Window.scrollX
+    end
+
+    def bottom
+      clientRect[:bottom] + Window.scrollY
+    end
+
+    def width
+      clientRect[:width]
+    end
+
+    def height
+
+      clientRect[:height]
+    end
+
+    private
+
+    def clientRect
+      Hash.new `JSON.parse(JSON.stringify(#{@el}.getBoundingClientRect()))`
+    end
+  end
+end

data/opal/fron/dom/modules/events.rb

@@ -0,0 +1,19 @@
+module DOM
+  module Events
+    def on(event, &listener)
+    `#{@el}.addEventListener(#{event},function(e){#{ listener.call Event.new(`e`)}})`
+    self
+    end
+
+    def delegate(event,selector, &listener)
+      %x{
+        #{@el}.addEventListener(#{event},function(e){
+          if(e.target.webkitMatchesSelector(#{selector})){
+            #{ listener.call Event.new(`e`)}
+          }
+        },true)
+      }
+      self
+    end
+  end
+end

data/opal/fron/dom/node.rb

@@ -0,0 +1,79 @@
+module DOM
+  module Node
+    include Events
+
+    # Cloning
+    # ---------------------------------------
+    def dup
+      self.class.new `#{@el}.cloneNode()`
+    end
+
+    def dup!
+      self.class.new `#{@el}.cloneNode(true)`
+    end
+
+    # Hierarchy
+    # ---------------------------------------
+    def parentNode
+      DOM::Node.new `#{@el}.parentNode`
+    end
+
+    def parent
+      DOM::Node.new `#{@el}.parentElement`
+    end
+
+    def empty?
+      `#{@el}.childNodes.length === 0`
+    end
+
+    def children
+      `Array.prototype.slice.call(#{@el}.childNodes)`
+    end
+
+    # Remove
+    # ---------------------------------------
+    def remove(el)
+      `#{@el}.removeChild(#{getEl el})`
+    end
+
+    def remove!
+      return unless parent
+      parent.remove self
+    end
+
+    # Hierarchy Manipulation
+    # ---------------------------------------
+    def << el
+      `#{@el}.appendChild(#{getEl el})`
+      self
+    end
+
+    def >> el
+      `#{getEl el}.appendChild(#{@el})`
+    end
+
+    def insertBefore(what,where)
+      `#{@el}.insertBefore(#{what},#{where})`
+    end
+
+    # Text manipulation
+    # ---------------------------------------
+    def text
+      `#{@el}.textContent`
+    end
+
+    def text=(text)
+      `#{@el}.textContent = #{text}`
+    end
+
+    def normalize
+      `#{@el}.normalize()`
+    end
+
+    private
+
+    def getEl(obj)
+      obj.is_a?(Node) ? obj.instance_variable_get('@el') : obj
+    end
+  end
+end

data/opal/fron/dom/style.rb

@@ -0,0 +1,21 @@
+class Style
+  def initialize(el)
+    @el = el
+  end
+
+  def method_missing(name,value)
+    if name =~ /\=$/
+      self[name[0..-2]] = value
+    else
+      self[name]
+    end
+  end
+
+  def [](prop)
+    `#{@el}.style[#{prop}]`
+  end
+
+  def []=(prop,value)
+    `#{@el}.style[#{prop}] = #{value}`
+  end
+end

data/opal/fron/dom/text.rb

@@ -0,0 +1,9 @@
+module DOM
+  class Text
+  	include Node
+
+    def initialize(data)
+    	@el = `typeof #{data} === 'string'` ? `document.createTextNode(#{data})` : data
+    end
+  end
+end

data/opal/fron/dom/window.rb

@@ -0,0 +1,23 @@
+module DOM
+  module Window
+    def self.on(event, &listener)
+      `window.addEventListener(#{event},#{listener})`
+    end
+
+    def self.hash
+      `window.location.hash.slice(1)`
+    end
+
+    def self.hash=(value)
+      `window.location.hash = #{value}`
+    end
+
+    def self.scrollY
+      `window.scrollY || document.documentElement.scrollTop`
+    end
+
+    def self.scrollX
+      `window.scrollX || document.documentElement.scrollTop`
+    end
+  end
+end

data/opal/fron/request.rb

@@ -0,0 +1,3 @@
+require './core-ext/hash'
+require './request/response'
+require './request/request'

data/opal/fron/request/request.rb

@@ -0,0 +1,51 @@
+require 'json'
+
+module Fron
+  class Request
+    attr_accessor :url, :headers
+
+    def initialize(url, headers = {})
+      @url = url
+      @request = `new XMLHttpRequest()`
+      `#{@request}.addEventListener('readystatechange' , function(){#{handle_state_change}})`
+      self
+    end
+
+    def handle_state_change
+      if ready_state == 4
+        response = Response.new `#{@request}.status`, `#{@request}.response`, `#{@request}.getAllResponseHeaders()`
+        @callback.call response
+      end
+    end
+
+    def ready_state
+      `#{@request}.readyState`
+    end
+
+    def request( method = 'GET',data = nil, &callback)
+      if ready_state == 0 or ready_state == 4
+        if method.upcase == "GET" && data
+          `#{@request}.open(#{method},#{@url+"?"+data.to_query_string})`
+        else
+          `#{@request}.open(#{method},#{@url})`
+        end
+        @callback = callback
+        `#{@request}.send(#{data.to_form_data if data})`
+      else
+        raise "The request is already running!"
+      end
+    end
+
+    def get(data, &callback)
+      request 'GET', data, &callback
+    end
+
+    def post(data, &callback)
+      request 'POST', data, &callback
+    end
+
+    def put(data, &callback)
+      request 'PUT', data, &callback
+    end
+  end
+end

data/opal/fron/request/response.rb

@@ -0,0 +1,36 @@
+module Fron
+  class Response
+    attr_reader :body, :headers, :status
+
+    def initialize(status, body, headers)
+      @body    = body
+      @status  = status
+      @headers = {}
+
+      headers.strip.split(/\n/).each do |item|
+        match = item.split(/:/)
+        @headers[match[0]] = match[1].strip
+      end
+    end
+
+    def content_type
+      @headers['Content-Type']
+    end
+
+    def ok?
+      @status == 200
+    end
+
+    def json
+      JSON.parse @body
+    end
+
+    def dom
+      d = DOM::Element.new 'div'
+      d.html = @body
+      f = DOM::Fragment.new()
+      f << d
+      f
+    end
+  end
+end

data/opal/fron/storage.rb

@@ -0,0 +1 @@
+require './storage/local-storage'

data/opal/fron/storage/local-storage.rb

@@ -0,0 +1,18 @@
+module LocalStorage
+  def self.get(key)
+    value = `window.localStorage.getItem(#{key}) || false`
+    value ? JSON.parse(value) : nil
+  end
+
+  def self.set(key, data)
+    `window.localStorage.setItem(#{key},#{data.to_json})`
+  end
+
+  def self.keys
+    `ret = []; for (var key in localStorage){ ret.push(key) }; return ret;`
+  end
+
+  def self.all
+    self.keys.map{ |key| self.get key }
+  end
+end

metadata

@@ -0,0 +1,107 @@
+--- !ruby/object:Gem::Specification
+name: fron
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Gusztav Szikszai
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-05-11 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: opal
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 0.6.2
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 0.6.2
+- !ruby/object:Gem::Dependency
+  name: opal-rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 0.3.0.beta3
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 0.3.0.beta3
+description: Frontend Application Framework that uses Opal
+email: gusztav.szikszai@digitalnatives.hu
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- docs/application.md
+- docs/configuration.md
+- docs/controllers.md
+- docs/routing.md
+- fron.gemspec
+- lib/fron.rb
+- lib/fron/version.rb
+- opal/fron.rb
+- opal/fron/core-ext/hash.rb
+- opal/fron/core.rb
+- opal/fron/core/adapters/local-storage.rb
+- opal/fron/core/adapters/rails.rb
+- opal/fron/core/application.rb
+- opal/fron/core/component.rb
+- opal/fron/core/configuration.rb
+- opal/fron/core/controller.rb
+- opal/fron/core/eventable.rb
+- opal/fron/core/logger.rb
+- opal/fron/core/model.rb
+- opal/fron/core/router.rb
+- opal/fron/dom.rb
+- opal/fron/dom/document.rb
+- opal/fron/dom/element.rb
+- opal/fron/dom/event.rb
+- opal/fron/dom/fragment.rb
+- opal/fron/dom/modules/classlist.rb
+- opal/fron/dom/modules/dimensions.rb
+- opal/fron/dom/modules/events.rb
+- opal/fron/dom/node.rb
+- opal/fron/dom/style.rb
+- opal/fron/dom/text.rb
+- opal/fron/dom/window.rb
+- opal/fron/request.rb
+- opal/fron/request/request.rb
+- opal/fron/request/response.rb
+- opal/fron/storage.rb
+- opal/fron/storage/local-storage.rb
+homepage: ''
+licenses: []
+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: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.1.11
+signing_key: 
+specification_version: 4
+summary: Frontend Application Framework
+test_files: []