atome 0.5.1.1 → 0.5.1.9

data/lib/atome/renderers/browser/atome.rb

@@ -17,8 +17,6 @@ generator.build_render_method(:browser_shape) do
     div(id: id_found).atome
   end.append_to(BrowserHelper.browser_document[:user_view])
   @browser_object = BrowserHelper.browser_document[id_found]
-  # Render particles below
-  a_render
 end
 
 generator.build_render_method(:browser_color) do |_value|
@@ -36,9 +34,6 @@ generator.build_render_method(:browser_color) do |_value|
   #{green_found * 255},#{blue_found * 255},#{alpha_found})}</style>")
   # TODO/ use the code below to modify the style tag
   @browser_object = BrowserHelper.browser_document[id_found]
-  # now we just have to attach the color atome
-  parents(@atome[:parents])
-  children(@atome[:children])
 end
 
 generator.build_render_method(:browser_shadow) do |_value|
@@ -65,31 +60,38 @@ end
 
 generator.build_render_method(:browser_image) do |_user_prc|
   @browser_type = :div
-  id_found = id
+  id_found = @atome[:id]
   DOM do
     img({ id: id_found }).atome
   end.append_to(BrowserHelper.browser_document[:user_view])
   @browser_object = BrowserHelper.browser_document[id_found]
-  # Render particles below
-  a_render
-end
-
-generator.build_render_method(:browser_video) do |_value, _user_proc|
-  # @browser_type = :div
-  # id_found = id
-  # DOM do
-  #   video({ id: id_found, autoplay: true, loop: false, muted: true }).atome
-  # end.append_to(BrowserHelper.browser_document[:user_view])
-  # @browser_object = BrowserHelper.browser_document[id_found]
 end
 
 generator.build_render_method(:browser_text) do |_value, _user_proc|
-  id_found = id
+  id_found = @atome[:id]
   DOM do
     div(id: id_found).atome.text
   end.append_to(BrowserHelper.browser_document[:user_view])
   @browser_object = BrowserHelper.browser_document[id_found]
   @browser_type = :div
-  # Render particles below
-  a_render
 end
+
+generator.build_render_method(:browser_web) do
+  @browser_type = :web
+  id_found = @atome[:id]
+  DOM do
+    iframe({ id: id_found }).atome
+  end.append_to(BrowserHelper.browser_document[:user_view])
+  @browser_object = BrowserHelper.browser_document[id_found]
+  @browser_object.attributes[:allow] = 'accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture'
+  @browser_object.attributes[:allowfullscreen] = true
+end
+
+generator.build_render_method(:browser_video) do |_value, _user_proc|
+  @browser_type = :div
+  id_found = @atome[:id]
+  DOM do
+    video({ id: id_found, autoplay: false, loop: false, muted: false }).atome
+  end.append_to(BrowserHelper.browser_document[:user_view])
+  @browser_object = BrowserHelper.browser_document[id_found]
+end

data/lib/atome/renderers/browser/browser.rb

@@ -8,151 +8,20 @@ require 'atome/renderers/browser/material'
 require 'atome/renderers/browser/spatial'
 require 'atome/renderers/browser/atome'
 require 'atome/renderers/browser/utility'
+require 'atome/renderers/browser/helpers/browser_helper'
+require 'atome/renderers/browser/helpers/animation_helper'
+require 'atome/renderers/browser/helpers/color_helper'
+require 'atome/renderers/browser/helpers/drag_helper'
+require 'atome/renderers/browser/helpers/effect_helper'
+require 'atome/renderers/browser/helpers/image_helper'
+require 'atome/renderers/browser/helpers/shadow_helper'
+require 'atome/renderers/browser/helpers/shape_helper'
+require 'atome/renderers/browser/helpers/text_helper'
+require 'atome/renderers/browser/helpers/video_helper'
+require 'atome/renderers/browser/helpers/web_helper'
 
 class Atome
   attr_accessor :browser_object
 end
 
-# for opal rendering
-class BrowserHelper
-  def self.browser_document
-    # Work because of the patched versioo of opal-browser(0.39)
-    Browser.window
-  end
-
-  def self.browser_attach_div(parents, html_object, _atome)
-    html_object.append_to(browser_document[parents])
-  end
-
-  def self.browser_attach_style(parents, _html_object, atome)
-    browser_document[parents].add_class(atome[:id])
-  end
-
-  def self.browser_blur_style(_browser_object, value, atome)
-    b_left = "#{atome[:left]}px"
-    b_top = "#{atome[:top]}px"
-    b_blur = "#{atome[:blur] = value}px"
-    b_red = atome[:red] * 255
-    b_green = atome[:green] * 255
-    b_blue = (atome[:blue]) * 255
-    b_direction = atome[:direction]
-    b_alpha = atome[:alpha]
-
-    shadow_updated = "#{b_left} #{b_top} #{b_blur} rgba(#{b_red}, #{b_green}, #{b_blue}, #{b_alpha}) #{b_direction}"
-    `document.getElementById(#{atome[:id]}).sheet.cssRules[0].style.boxShadow = #{shadow_updated}`
-  end
-
-  def self.browser_blur_div(browser_object, value, _atome)
-    browser_object.style[:filter] = "blur(#{value}px)"
-  end
-end
-
-def browser_colorize_color(color_updated, atome)
-  `document.getElementById(#{atome[:id]}).sheet.cssRules[0].style.backgroundColor = #{color_updated}`
-end
-
-def browser_colorize_shadow(color_updated, atome)
-  left = atome[:left]
-  top = atome[:top]
-  blur = atome[:blur]
-  direction = atome[:direction]
-  shadow_updated = "#{left}px #{top}px #{blur}px #{color_updated} #{direction}"
-  `document.getElementById(#{atome[:id]}).sheet.cssRules[0].style.boxShadow = #{shadow_updated}`
-end
-
-def browser_left_shape(value, browser_object, _atome)
-  browser_object.style[:left] = "#{value}px"
-end
-
-def browser_right_shape(value, browser_object, _atome)
-  browser_object.style[:right] = "#{value}px"
-end
-
-def browser_top_shape(value, browser_object, _atome)
-  browser_object.style[:top] = "#{value}px"
-end
-
-def browser_bottom_shape(value, browser_object, _atome)
-  browser_object.style[:bottom] = "#{value}px"
-end
-
-def browser_left_image(value, browser_object, _atome)
-  browser_object.style[:left] = "#{value}px"
-end
-
-def browser_right_image(value, browser_object, _atome)
-  browser_object.style[:right] = "#{value}px"
-end
-
-def browser_top_image(value, browser_object, _atome)
-  browser_object.style[:top] = "#{value}px"
-end
-
-def browser_bottom_image(value, browser_object, _atome)
-  browser_object.style[:bottom] = "#{value}px"
-end
-
-def browser_left_shadow(value, _browser_object, atome)
-  ls_left = "#{atome[:left] = value}px"
-  ls_top = "#{atome[:top]}px"
-  ls_blur = "#{atome[:blur]}px"
-  red = atome[:red] * 255
-  green = atome[:green] * 255
-  blue = (atome[:blue]) * 255
-  direction = atome[:direction]
-  alpha = atome[:alpha]
-
-  shadow_updated = "#{ls_left} #{ls_top} #{ls_blur} rgba(#{red}, #{green}, #{blue}, #{alpha}) #{direction}"
-  `document.getElementById(#{atome[:id]}).sheet.cssRules[0].style.boxShadow = #{shadow_updated}`
-end
-
-def browser_top_shadow(value, _browser_object, atome)
-  rs_left = "#{atome[:left]}px"
-  rs_top = "#{atome[:top] = value}px"
-  rs_blur = "#{atome[:blur]}px"
-  red = atome[:red] * 255
-  green = atome[:green] * 255
-  blue = (atome[:blue]) * 255
-  direction = atome[:direction]
-  alpha = atome[:alpha]
-
-  shadow_updated = "#{rs_left}px #{rs_top}px #{rs_blur}px rgba(#{red}, #{green}, #{blue}, #{alpha}) #{direction}"
-  `document.getElementById(#{atome[:id]}).sheet.cssRules[0].style.boxShadow = #{shadow_updated}`
-end
-
-def browser_left_color(_value, _browser_object, _atome)
-  puts 'code to write when implementing gradient'
-end
-
-def browser_right_color(_value, _browser_object, _atome)
-  puts 'code to write when implementing gradient'
-end
-
-def browser_top_color(_value, _browser_object, _atome)
-  puts 'code to write when implementing gradient'
-end
-
-def browser_bottom_color(_value, _browser_object, _atome)
-  puts 'code to write when implementing gradient'
-end
-
-# text
-def browser_left_text(value, browser_object, _atome)
-  browser_object.style[:left] = "#{value}px"
-end
-
-def browser_right_text(value, browser_object, _atome)
-  browser_object.style[:right] = "#{value}px"
-end
-
-def browser_top_text(value, browser_object, _atome)
-  browser_object.style[:top] = "#{value}px"
-end
-
-def browser_bottom_text(value, browser_object, _atome)
-  browser_object.style[:bottom] = "#{value}px"
-end
-
-def browser_data_text(value)
-  browser_object.text = value
-end
+AtomeJS=`atomeJS`

data/lib/atome/renderers/browser/event.rb

@@ -4,6 +4,61 @@ generator = Genesis.generator
 
 generator.build_render_method(:browser_touch) do |_value, proc|
   @browser_object.on :click do |e|
-    instance_exec(&proc) if proc.is_a?(Proc)
+    instance_exec(e, &proc) if proc.is_a?(Proc)
   end
 end
+
+generator.build_render_method(:browser_play) do |value, proc|
+  # first we reinit the 'at' event so the condition will be met again
+  @at_time[:used] = nil
+  @browser_object.currentTime = value if value != true
+  BrowserHelper.send("browser_play_#{@atome[:type]}", value, @browser_object, @atome, self, proc)
+end
+
+generator.build_render_method(:browser_time) do |value = nil, _proc|
+  if value
+    @browser_object.currentTime = value
+  else
+    @browser_object.currentTime
+  end
+end
+
+generator.build_render_method(:browser_pause) do |_value, proc|
+  instance_exec(@browser_object.currentTime, &proc) if proc.is_a?(Proc)
+  @browser_object.pause
+end
+
+generator.build_render_method(:on) do |value, proc|
+  @browser_object.on(value) do |e|
+    instance_exec(e, &proc) if proc.is_a?(Proc)
+  end
+end
+
+generator.build_render_method(:fullscreen) do |_value, _proc|
+  atome_id = atome[:id]
+  AtomeJS.JS.fullscreen(atome_id)
+end
+
+generator.build_render_method(:mute) do |value, _proc|
+  if value
+    browser_object.muted
+  else
+    browser_object.unmuted
+  end
+end
+
+generator.build_render_method(:browser_at) do |at, proc|
+  @at_time = { code: proc }.merge(at)
+end
+
+generator.build_render_method(:browser_drag) do |options, proc|
+  options.each do |method, params|
+    atome_id = @atome[:id]
+    BrowserHelper.send("browser_drag_#{method}", params, atome_id, self, proc)
+  end
+end
+
+generator.build_render_method(:browser_sort) do |options, _proc|
+  AtomeJS.JS.sort(options, @atome[:id], self)
+end
+

data/lib/atome/renderers/browser/helpers/browser_helper.rb

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+# for browser rendering
+module BrowserHelper
+  def self.browser_document
+    # Work because of the patched version of opal-browser(0.39)
+    Browser.window
+  end
+
+  def self.browser_attach_div(parents, html_object, _atome)
+    html_object.append_to(browser_document[parents])
+  end
+
+  def self.browser_attach_style(parents, _html_object, atome)
+    browser_document[parents].add_class(atome[:id])
+  end
+  
+end

data/lib/atome/renderers/browser/helpers/color_helper.rb

@@ -0,0 +1,35 @@
+# frozen_string_literal: true
+
+# for browser rendering
+module BrowserHelper
+
+  def self.browser_colorize_color(color_updated, atome)
+    `document.getElementById(#{atome[:id]}).sheet.cssRules[0].style.backgroundColor = #{color_updated}`
+  end
+
+  def self.browser_colorize_shadow(color_updated, atome)
+    left = atome[:left]
+    top = atome[:top]
+    blur = atome[:blur]
+    direction = atome[:direction]
+    shadow_updated = "#{left}px #{top}px #{blur}px #{color_updated} #{direction}"
+    `document.getElementById(#{atome[:id]}).sheet.cssRules[0].style.boxShadow = #{shadow_updated}`
+  end
+
+  def self.browser_left_color(_value, _browser_object, _atome)
+    puts 'code to write when implementing gradient'
+  end
+
+  def self.browser_right_color(_value, _browser_object, _atome)
+    puts 'code to write when implementing gradient'
+  end
+
+  def self.browser_top_color(_value, _browser_object, _atome)
+    puts 'code to write when implementing gradient'
+  end
+
+  def self.browser_bottom_color(_value, _browser_object, _atome)
+    puts 'code to write when implementing gradient'
+  end
+
+end

data/lib/atome/renderers/browser/helpers/drag_helper.rb

@@ -0,0 +1,39 @@
+# frozen_string_literal: true
+
+# for browser rendering
+
+module BrowserHelper
+  def self.browser_drag_move(params, atome_id, atome, proc)
+    atome.drag_move_proc = proc
+    AtomeJS.JS.drag(params, atome_id, atome)
+  end
+
+  def self.browser_drag_lock(params, atome_id, atome, _proc)
+    AtomeJS.JS.lock(params, atome_id, atome)
+  end
+
+  def self.browser_drag_remove(params, atome_id, atome, _proc)
+    params = params != true
+    AtomeJS.JS.remove(params, atome_id, atome)
+  end
+
+  def self.browser_drag_snap(params, atome_id, atome, _proc)
+    AtomeJS.JS.snap(params.to_n, atome_id, atome)
+  end
+
+  def self.browser_drag_inertia(params, atome_id, atome, _proc)
+    AtomeJS.JS.inertia(params, atome_id, atome)
+  end
+
+  def self.browser_drag_constraint(params, atome_id, atome, _proc)
+    AtomeJS.JS.constraint(params.to_n, atome_id, atome)
+  end
+
+  def self.browser_drag_start(_params, _atome_id, atome, proc)
+    atome.drag_start_proc = proc
+  end
+
+  def self.browser_drag_end(_params, _atome_id, atome, proc)
+    atome.drag_end_proc = proc
+  end
+end

data/lib/atome/renderers/browser/helpers/effect_helper.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+# for browser rendering
+module BrowserHelper
+  def self.browser_blur_style(_browser_object, value, atome)
+    b_left = "#{atome[:left]}px"
+    b_top = "#{atome[:top]}px"
+    b_blur = "#{atome[:blur] = value}px"
+    b_red = atome[:red] * 255
+    b_green = atome[:green] * 255
+    b_blue = (atome[:blue]) * 255
+    b_direction = atome[:direction]
+    b_alpha = atome[:alpha]
+
+    shadow_updated = "#{b_left} #{b_top} #{b_blur} rgba(#{b_red}, #{b_green}, #{b_blue}, #{b_alpha}) #{b_direction}"
+    `document.getElementById(#{atome[:id]}).sheet.cssRules[0].style.boxShadow = #{shadow_updated}`
+  end
+
+  def self.browser_blur_div(browser_object, value, _atome)
+    browser_object.style[:filter] = "blur(#{value}px)"
+  end
+end

data/lib/atome/renderers/browser/helpers/image_helper.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+# for browser rendering
+module BrowserHelper
+  # image
+  def self.browser_left_image(value, browser_object, _atome)
+    browser_object.style[:left] = "#{value}px"
+  end
+
+  def self.browser_right_image(value, browser_object, _atome)
+    browser_object.style[:right] = "#{value}px"
+  end
+
+  def self.browser_top_image(value, browser_object, _atome)
+    browser_object.style[:top] = "#{value}px"
+  end
+
+  def self.browser_bottom_image(value, browser_object, _atome)
+    browser_object.style[:bottom] = "#{value}px"
+  end
+
+  def self.browser_path_image(value, browser_object, _atome)
+    browser_object[:src] = value
+  end
+
+
+end

data/lib/atome/renderers/browser/helpers/shadow_helper.rb

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+# for browser rendering
+module BrowserHelper
+  # shadow
+  def self.browser_left_shadow(value, _browser_object, atome)
+    ls_left = "#{atome[:left] = value}px"
+    ls_top = "#{atome[:top]}px"
+    ls_blur = "#{atome[:blur]}px"
+    red = atome[:red] * 255
+    green = atome[:green] * 255
+    blue = (atome[:blue]) * 255
+    direction = atome[:direction]
+    alpha = atome[:alpha]
+
+    shadow_updated = "#{ls_left} #{ls_top} #{ls_blur} rgba(#{red}, #{green}, #{blue}, #{alpha}) #{direction}"
+    `document.getElementById(#{atome[:id]}).sheet.cssRules[0].style.boxShadow = #{shadow_updated}`
+  end
+
+  def self.browser_top_shadow(value, _browser_object, atome)
+    rs_left = "#{atome[:left]}px"
+    rs_top = "#{atome[:top] = value}px"
+    rs_blur = "#{atome[:blur]}px"
+    red = atome[:red] * 255
+    green = atome[:green] * 255
+    blue = (atome[:blue]) * 255
+    direction = atome[:direction]
+    alpha = atome[:alpha]
+
+    shadow_updated = "#{rs_left}px #{rs_top}px #{rs_blur}px rgba(#{red}, #{green}, #{blue}, #{alpha}) #{direction}"
+    `document.getElementById(#{atome[:id]}).sheet.cssRules[0].style.boxShadow = #{shadow_updated}`
+  end
+end

data/lib/atome/renderers/browser/helpers/shape_helper.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+# for browser rendering
+module BrowserHelper
+
+  def self.browser_left_shape(value, browser_object, _atome)
+    browser_object.style[:left] = "#{value}px"
+  end
+
+  def self.browser_right_shape(value, browser_object, _atome)
+    browser_object.style[:right] = "#{value}px"
+  end
+
+  def self.browser_top_shape(value, browser_object, _atome)
+    browser_object.style[:top] = "#{value}px"
+  end
+
+  def self.browser_bottom_shape(value, browser_object, _atome)
+    browser_object.style[:bottom] = "#{value}px"
+  end
+
+end

data/lib/atome/renderers/browser/helpers/text_helper.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+# for browser rendering
+module BrowserHelper
+  # text
+  def self.browser_left_text(value, browser_object, _atome)
+    browser_object.style[:left] = "#{value}px"
+  end
+
+  def self.browser_right_text(value, browser_object, _atome)
+    browser_object.style[:right] = "#{value}px"
+  end
+
+  def self.browser_top_text(value, browser_object, _atome)
+    browser_object.style[:top] = "#{value}px"
+  end
+
+  def self.browser_bottom_text(value, browser_object, _atome)
+    browser_object.style[:bottom] = "#{value}px"
+  end
+
+  def self.browser_data_text(value,atome_send)
+    atome_send.browser_object.text = value
+  end
+
+end

data/lib/atome/renderers/browser/helpers/video_helper.rb

@@ -0,0 +1,43 @@
+# frozen_string_literal: true
+
+# for browser rendering
+module BrowserHelper
+  # video
+  def self.browser_left_video(value, browser_object, _atome)
+    browser_object.style[:left] = "#{value}px"
+  end
+
+  def self.browser_right_videob(value, browser_object, _atome)
+    browser_object.style[:right] = "#{value}px"
+  end
+
+  def self.browser_top_video(value, browser_object, _atome)
+    browser_object.style[:top] = "#{value}px"
+  end
+
+  def self.browser_bottom_video(value, browser_object, _atome)
+    browser_object.style[:bottom] = "#{value}px"
+  end
+
+  def self.browser_path_video(value, browser_object, _atome)
+    browser_object[:src] = value
+  end
+
+  def self.browser_play_video(_value, browser_object_found, atome_hash, atome_object, proc)
+    browser_object_found.play
+    # TODO : change timeupdate for when possible requestVideoFrameCallback
+    # (opal-browser/opal/browser/event.rb line 36)
+    video_callback = atome_hash[:code] # this is the video callback not the play callback
+    play_callback = proc # this is the video callback not the play callback
+    browser_object_found.on(:timeupdate) do |e|
+      current_time = browser_object_found.currentTime
+      # we update the time particle
+      atome_object.time_callback(current_time)
+      e.prevent # Prevent the default action (eg. form submission)
+      # You can also use `e.stop` to stop propagating the event to other handlers.
+
+      atome_object.instance_exec(current_time, &video_callback) if video_callback.is_a?(Proc)
+      atome_object.instance_exec(current_time, &play_callback) if play_callback.is_a?(Proc)
+    end
+  end
+end

data/lib/atome/renderers/browser/helpers/web_helper.rb

@@ -0,0 +1,30 @@
+# frozen_string_literal: true
+
+# for browser rendering
+module BrowserHelper
+  # web
+  def self.browser_left_web(value, browser_object, _atome)
+    browser_object.style[:left] = "#{value}px"
+  end
+
+  def self.browser_right_web(value, browser_object, _atome)
+    browser_object.style[:right] = "#{value}px"
+  end
+
+  def self.browser_top_web(value, browser_object, _atome)
+    browser_object.style[:top] = "#{value}px"
+  end
+
+  def self.browser_bottom_web(value, browser_object, _atome)
+    browser_object.style[:bottom] = "#{value}px"
+  end
+
+  def self.browser_path_web(value, browser_object, _atome)
+    browser_object[:src] = value
+  end
+
+  def self.browser_attach_web(parents, html_object, _atome)
+    html_object.append_to(browser_document[parents])
+  end
+
+end

data/lib/atome/renderers/browser/identity.rb

@@ -2,6 +2,10 @@
 
 generator = Genesis.generator
 
+generator.build_render_method(:browser_id) do |params|
+  browser_object.id = params if @atome[:id] != params
+end
+
 generator.build_render_method(:browser_type) do |params|
   send("browser_#{params}", user_proc)
 end
@@ -12,7 +16,7 @@ generator.build_render_method(:browser_parents) do |parents_found|
   end
 end
 
-generator.build_optional_methods(:pre_save_children) do |children_pass|
+generator.build_option(:pre_render_children) do |children_pass|
   children_pass.each do |child_found|
     atome_found = grab(child_found)
     atome_found.parents([@atome[:id]])

data/lib/atome/renderers/browser/spatial.rb

@@ -8,15 +8,16 @@ end
 
 generator.build_render_method(:browser_right) do |value, _user_proc|
   BrowserHelper.send("browser_right_#{@atome[:type]}", value, @browser_object, @atome)
-  # @browser_object.style[:right] = "#{value}px"
 end
 
 generator.build_render_method(:browser_top) do |value, _user_proc|
   BrowserHelper.send("browser_top_#{@atome[:type]}", value, @browser_object, @atome)
-  # @browser_object.style[:top] = "#{value}px"
 end
 
 generator.build_render_method(:browser_bottom) do |value, _user_proc|
   BrowserHelper.send("browser_bottom_#{@atome[:type]}", value, @browser_object, @atome)
-  # @browser_object.style[:bottom] = "#{value}px"
+end
+
+generator.build_render_method(:browser_rotate) do |value, _user_proc|
+  @browser_object.style[:transform] = "rotate(#{value}deg)" unless @browser_type == :style
 end

data/lib/atome/renderers/browser/utility.rb

@@ -2,7 +2,6 @@
 
 generator = Genesis.generator
 generator.build_render_method(:browser_bloc)
-generator.build_render_method(:browser_id)
 generator.build_render_method(:browser_render)
 generator.build_render_method(:browser_delete) do
   browser_object&.remove
@@ -15,12 +14,26 @@ generator.build_render_method(:browser_clear) do
   children([])
 end
 
-generator.build_render_method(:path) do |value|
-  @browser_object[:src] = value
+generator.build_render_method(:browser_path) do |value|
+  BrowserHelper.send("browser_path_#{@atome[:type]}", value, @browser_object, @atome)
 end
 
-generator.build_render_method(:data) do |data|
+generator.build_render_method(:browser_data) do |data|
   # according to the type we send the data to different operator
   type_found = @atome[:type]
-  send("browser_data_#{type_found}", data)
+  BrowserHelper.send("browser_data_#{type_found}", data, self)
+end
+
+generator.build_render_method(:browser_schedule) do |format_date, proc|
+  years = format_date[0]
+  months = format_date[1]
+  days = format_date[2]
+  hours = format_date[3]
+  minutes = format_date[4]
+  seconds = format_date[5]
+  AtomeJS.JS.schedule(years, months, days, hours,minutes, seconds, self, proc)
+end
+
+generator.build_render_method(:browser_reader) do |file, proc|
+  AtomeJS.JS.reader(file, self, proc)
 end