opal-browser 0.1.0.beta1 → 0.3.1

data/opal/browser/blob.rb

@@ -0,0 +1,94 @@
+module Browser
+
+class Blob
+  include NativeCachedWrapper
+
+  # Create a new blob from anything that Blob API supports
+  def self.create(from, options={})
+    new(`new Blob(#{Native.convert(from)}, #{options.to_n})`)
+  end
+
+  # @!attribute [r] size
+  # @return [Integer] blob size in bytes
+  def size
+    `#@native.size`
+  end
+
+  # @!attribute [r] type
+  # @return [String] blob mime type
+  def type
+    `#@native.type`
+  end
+
+  # Convert a blob to a UTF-8 encoded string.
+  #
+  # If block is given it will be called with a parameter once we receive
+  # the text. Otherwise return a {Promise} which will resolve once we
+  # receive it.
+  def text(&block)
+    promise = nil
+    unless block_given?
+      promise = Promise.new
+      block = proc { |i| promise.resolve(i) }
+    end
+    `#@native.text().then(#{block.to_n})`
+    promise
+  end
+
+  # {Buffer} view into the blob
+  #
+  # If block is given it will be called with a parameter once we receive
+  # the buffer. Otherwise return a {Promise} which will resolve once we
+  # receive it.
+  def buffer
+    promise = nil
+    unless block_given?
+      promise = Promise.new
+      block = proc { |i| promise.resolve(i) }
+    end
+    resblock = proc { |i| block.call(Buffer.new(i)) }
+    `#@native.arrayBuffer().then(#{resblock.to_n})`
+    promise
+  end
+
+  # Create a new blob by slicing this blob
+  def slice(start, finish=nil)
+    Blob.new(`#@native.slice(#{start}, #{finish})`)
+  end
+
+  # Convert a blob to an URL that can be used to reference this blob in DOM
+  # eg. display some multimedia
+  def to_url(window=$window)
+    `#{window.to_n}.URL.createObjectURL(#@native)`
+  end
+
+  # Rename a blob and return a {File} with a new name.
+  #
+  # @return [File] a renamed blob
+  def rename(new_filename)
+    File.create([self], new_filename, type: type, 
+                                      lastModified: respond_to?(:last_modified) ? 
+                                                      last_modified : Time.now)
+  end
+end
+
+class File < Blob
+  # Create a new file from anything that File API supports
+  def self.create(from, name, options={})
+    new(`new File(#{Native.convert(from)}, #{name}, #{options.to_n})`)
+  end
+
+  # @!attribute [r] last_modified
+  # @return [Time] last modified date of this file
+  def last_modified
+    Time.at(`#@native.lastModified`/1000.0)
+  end
+
+  # @!attribute [r] name
+  # @return [String] filename 
+  def name
+    `#@native.name`
+  end
+end
+
+end

data/opal/browser/canvas/data.rb

@@ -1,13 +1,3 @@
-#--
-#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
-#                    Version 2, December 2004
-#
-#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
-#   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
-#
-#  0. You just DO WHAT THE FUCK YOU WANT TO.
-#++
-
 module Browser; class Canvas
 
 class Data
@@ -27,7 +17,7 @@ class Data
     data
   end
 
-  include Native
+  include Native::Wrapper
 
   attr_reader :x, :y, :width, :height
 
@@ -42,7 +32,7 @@ class Data
   end
 
   def length
-    `#@native.length`
+    `#@native.data.length`
   end
 
   def [](index)

data/opal/browser/canvas/gradient.rb

@@ -1,17 +1,7 @@
-#--
-#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
-#                    Version 2, December 2004
-#
-#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
-#   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
-#
-#  0. You just DO WHAT THE FUCK YOU WANT TO.
-#++
-
 module Browser; class Canvas
 
 class Gradient
-  include Native
+  include Native::Wrapper
 
   attr_reader :context
 

data/opal/browser/canvas/style.rb

@@ -1,17 +1,7 @@
-#--
-#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
-#                    Version 2, December 2004
-#
-#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
-#   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
-#
-#  0. You just DO WHAT THE FUCK YOU WANT TO.
-#++
-
 module Browser; class Canvas
 
 class StyleObject
-  include Native
+  include Native::Wrapper
 
   attr_reader :context
 
@@ -66,10 +56,12 @@ class Style < StyleObject
 
     def smooth!
       `#@native.mozImageSmoothingEnabled = #{@smooth = true}`
+      `#@native.imageSmoothingEnabled = #{@smooth = true}`
     end
 
     def no_smooth!
       `#@native.mozImageSmoothingEnabled = #{@smooth = false}`
+      `#@native.imageSmoothingEnabled = #{@smooth = false}`
     end
   end
 

data/opal/browser/canvas/text.rb

@@ -1,17 +1,7 @@
-#--
-#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
-#                    Version 2, December 2004
-#
-#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
-#   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
-#
-#  0. You just DO WHAT THE FUCK YOU WANT TO.
-#++
-
 module Browser; class Canvas
 
 class Text
-  include Native
+  include Native::Wrapper
 
   attr_reader :context
 

data/opal/browser/canvas.rb

@@ -1,13 +1,3 @@
-#--
-#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
-#                    Version 2, December 2004
-#
-#            DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
-#   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
-#
-#  0. You just DO WHAT THE FUCK YOU WANT TO.
-#++
-
 require 'browser/canvas/style'
 require 'browser/canvas/text'
 require 'browser/canvas/data'
@@ -16,17 +6,33 @@ require 'browser/canvas/gradient'
 module Browser
 
 class Canvas
-  include Native
+  include Native::Wrapper
 
   attr_reader :element, :style, :text
 
   def initialize(*args)
-    if DOM::Node === args.first
-      @element = args.shift
-    else
+    if DOM::Element === args.first
+      element = args.shift
+
+      if DOM::Element::Image === element
+        @image   = element
+      else
+        @element = element
+      end
+    elsif Canvas === args.first
+      @image = args.first
+    end
+
+    unless @element
       @element = $document.create_element('canvas')
-      @element[:width]  = args.shift
-      @element[:height] = args.shift
+
+      if @image
+        @element[:width]  = @image.width
+        @element[:height] = @image.height
+      else
+        @element[:width]  = args.shift
+        @element[:height] = args.shift
+      end
     end
 
     if @element.node_name != 'CANVAS'
@@ -37,6 +43,43 @@ class Canvas
 
     @style = Style.new(self)
     @text  = Text.new(self)
+
+    if @image
+      draw_image(@image)
+    end
+  end
+
+  def width
+    @element[:width].to_i
+  end
+
+  def height
+    @element[:height].to_i
+  end
+
+  def width=(new_width)
+    @element[:width] = new_width.to_i
+  end
+
+  def height=(new_height)
+    @element[:height] = new_height.to_i
+  end
+
+  def append_to(parent)
+    @element.append_to(parent)
+  end
+
+  def load(path)
+    promise = Promise.new
+    image   = $document.create_element('img')
+
+    image.on :load do
+      promise.resolve(image)
+    end
+
+    image[:src] = path
+
+    promise
   end
 
   def data(x = nil, y = nil, width = nil, height = nil)
@@ -49,7 +92,7 @@ class Canvas
   end
 
   def pattern(image, type = :repeat)
-    `#@native.createPattern(#{Element(image).to_n}, type)`
+    `#@native.createPattern(#{DOM(image).to_n}, type)`
   end
 
   def gradient(*args, &block)
@@ -143,17 +186,28 @@ class Canvas
     self
   end
 
-  def draw_image(*args)
-    image = Element(args.shift)
+  def draw_image(image, *args)
+    if Canvas === image
+      image = image.element
+    else
+      image = DOM(image)
+    end
 
     if args.first.is_a?(Hash)
       source, destination = args
 
       `#@native.drawImage(#{image.to_n}, #{source[:x]}, #{source[:y]}, #{source[:width]}, #{source[:height]}, #{destination[:x]}, #{destination[:y]}, #{destination[:width]}, #{destination[:height]})`
     else
-      x, y, width, height = args
+      case args.length
+      when 0
+        `#@native.drawImage(#{image.to_n}, 0, 0)`
+
+      when 2
+        `#@native.drawImage(#{image.to_n}, #{args[0]}, #{args[1]})`
 
-      `#@native.drawImage(#{image.to_n}, #{x}, #{y}, #{width || `undefined`}, #{height || `undefined`})`
+      when 4
+        `#@native.drawImage(#{image.to_n}, #{args[0]}, #{args[1]}, #{args[2]}, #{args[3]})`
+      end
     end
 
     self
@@ -261,17 +315,21 @@ class Canvas
     `#@native.isPointInPath(x, y)`
   end
 
-  def width
-    @element[:width]
+  def to_data(type = undefined)
+    `#{@element.to_n}.toDataUrl(type)`
   end
 
-  def height
-    @element[:height]
+  def to_dom(*)
+    @element
   end
 
-  def to_data(type = undefined)
-    `#{@element.to_n}.toDataUrl(type)`
-  end
+  def on(*args, &block); @element.on(*args, &block); end
+  def one(*args, &block); @element.one(*args, &block); end
+  def off(*args, &block); @element.off(*args, &block); end
+end
+
+Browser::DOM::Builder.for Canvas do |b, item|
+  item.element
 end
 
 end

data/opal/browser/console.rb

@@ -1,67 +1,45 @@
+warn "`console' has been moved to Opal's stdlib, please `require 'console'` instead." if RUBY_ENGINE_VERSION.to_f >= 0.9
+
 module Browser
 
-# This class wraps a `window.console`.
+# Manipulate the browser console.
+#
+# @see https://developer.mozilla.org/en-US/docs/Web/API/console
 class Console
-  include Native
+  include Browser::NativeCachedWrapper
 
   # Clear the console.
-  #
-  # @return [self]
   def clear
     `#@native.clear()`
-
-    self
   end
 
   # Print a stacktrace from the call site.
-  #
-  # @return [self]
   def trace
     `#@native.trace()`
-
-    self
   end
 
   # Log the passed objects based on an optional initial format.
-  #
-  # @return [self]
   def log(*args)
     `#@native.log.apply(#@native, args)`
-
-    self
   end
 
   # Log the passed objects based on an optional initial format as informational
   # log.
-  #
-  # @return [self]
   def info(*args)
     `#@native.info.apply(#@native, args)`
-
-    self
   end
 
   # Log the passed objects based on an optional initial format as warning.
-  #
-  # @return [self]
   def warn(*args)
     `#@native.warn.apply(#@native, args)`
-
-    self
   end
 
   # Log the passed objects based on an optional initial format as error.
-  #
-  # @return [self]
   def error(*args)
     `#@native.error.apply(#@native, args)`
-
-    self
   end
 
   # Time the given block with the given label.
-  #
-  # @return [self]
   def time(label, &block)
     raise ArgumentError, "no block given" unless block
 
@@ -76,13 +54,9 @@ class Console
     ensure
       `#@native.timeEnd()`
     end
-
-    self
   end
 
   # Group the given block.
-  #
-  # @return [self]
   def group(*args, &block)
     raise ArgumentError, "no block given" unless block
 
@@ -97,13 +71,9 @@ class Console
     ensure
       `#@native.groupEnd()`
     end
-
-    self
   end
 
   # Group the given block but collapse it.
-  #
-  # @return [self]
   def group!(*args, &block)
     return unless block_given?
 
@@ -118,8 +88,6 @@ class Console
     ensure
       `#@native.groupEnd()`
     end
-
-    self
   end
 end
 

data/opal/browser/cookies.rb

@@ -1,78 +1,141 @@
+require 'stringio'
+
 module Browser
 
+# Allows manipulation of browser cookies.
+#
+# @see https://developer.mozilla.org/en-US/docs/Web/API/document.cookie
+#
+# Usage:
+#
+#   cookies = Browser::Cookies.new(`document`)
+#   cookies["my-cookie"] = "monster"
+#   cookies.delete("my-cookie")
+#
 class Cookies
+  # Default cookie options.
+  DEFAULT = {
+    expires: Time.now + 60 * 60 * 24,
+    secure:  false
+  }
+
   include Enumerable
 
+  attr_reader :options
+
+  # Create a new {Cookies} wrapper.
+  #
+  # @param document [native] the native document object
   def initialize(document)
     @document = document
-
-    @options = {
-      expires: Time.now + 1.day,
-      path:    '',
-      domain:  '',
-      secure:  ''
-    }
-  end
-
-  def options (value = nil)
-    value ? @options.merge!(value) : @options
+    @options  = DEFAULT.dup
   end
 
-  def [] (name)
-    matches = `#@document.cookie`.scan(/#{Regexp.escape(key.encode_uri_component)}=([^;]*)/)
+  # Access the cookie with the given name.
+  #
+  # @param name [String] the name of the cookie
+  #
+  # @return [Object]
+  def [](name)
+    matches = `#@document.cookie`.scan(/#{Regexp.escape(FormData.encode(name))}=([^;]*)/)
 
     return if matches.empty?
 
-    result = matches.map {|cookie|
-      JSON.parse(cookie.match(/^.*?=(.*)$/)[1].decode_uri_component)
+    result = matches.flatten.map {|value|
+      JSON.parse(FormData.decode(value))
     }
 
     result.length == 1 ? result.first : result
   end
 
-  def []= (name, value, options = {})
-    `#@document.cookie = #{encode name, value.is_a?(String) ? value : JSON.dump(value), @options.merge(options)}`
+  # Set a cookie.
+  #
+  # @param name [String] the name of the cookie
+  # @param value [Object] the data to set
+  # @param options [Hash] the options for the cookie
+  #
+  # @option options [Integer] :max_age the max age of the cookie in seconds
+  # @option options [Time]    :expires the expire date
+  # @option options [String]  :path    the path the cookie is valid on
+  # @option options [String]  :domain  the domain the cookie is valid on
+  # @option options [Boolean] :secure  whether the cookie is secure or not
+  def []=(name, value, options = {})
+    string = value.is_a?(String) ? value : JSON.dump(value)
+    encoded_value = encode(name, string, @options.merge(options))
+    `#@document.cookie = #{encoded_value}`
   end
 
-  def delete (name)
+  # Delete a cookie.
+  #
+  # @param name [String] the name of the cookie
+  def delete(name)
     `#@document.cookie = #{encode name, '', expires: Time.now}`
   end
 
+  # @!attribute [r] keys
+  # @return [Array<String>] all the cookie names
   def keys
     Array(`#@document.cookie.split(/; /)`).map {|cookie|
       cookie.split(/\s*=\s*/).first
     }
   end
 
+  # @!attribute [r] values
+  # @return [Array] all the cookie values
   def values
     keys.map {|key|
       self[key]
     }
   end
 
-  def each
+  # Enumerate the cookies.
+  #
+  # @yieldparam key [String] the name of the cookie
+  # @yieldparam value [String] the value of the cookie
+  #
+  # @return [self]
+  def each(&block)
+    return enum_for :each unless block
+
     keys.each {|key|
       yield key, self[key]
     }
+
+    self
   end
 
+  # Delete all the cookies
+  #
+  # @return [self]
   def clear
     keys.each {|key|
       delete key
     }
+
+    self
   end
 
 protected
-  def encode (key, value, options = {})
-    result = "#{key.encode_uri_component}=#{value.encode_uri_component}; "
+  def encode(key, value, options = {})
+    io = StringIO.new
+
+    io << FormData.encode(key) << ?= << FormData.encode(value) << '; '
 
-    result += "max-age=#{options[:max_age]}; "        if options[:max_age]
-    result += "expires=#{options[:expires].to_utc}; " if options[:expires]
-    result += "path=#{options[:path]}; "              if options[:path]
-    result += "domain=#{options[:domain]}; "          if options[:domain]
-    result += 'secure'                                if options[:secure]
+    io << 'max-age=' << options[:max_age] << '; '        if options[:max_age]
+    io << 'expires=' << options[:expires].utc << '; '    if options[:expires]
+    io << 'path='    << options[:path] << '; '           if options[:path]
+    io << 'domain='  << options[:domain] << '; '         if options[:domain]
+    io << 'secure'                                       if options[:secure]
+
+    io.string
+  end
+end
 
-    result
+class DOM::Document < DOM::Element
+  # @!attribute [r] cookies
+  # @return [Cookies] the cookies for the document
+  def cookies
+    Cookies.new(@native) if defined?(`#@native.cookie`)
   end
 end