atome 0.5.1.1 → 0.5.1.4

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

@@ -14,9 +14,9 @@ class Atome
 end
 
 # for opal rendering
-class BrowserHelper
+module BrowserHelper
   def self.browser_document
-    # Work because of the patched versioo of opal-browser(0.39)
+    # Work because of the patched version of opal-browser(0.39)
     Browser.window
   end
 
@@ -24,6 +24,10 @@ class BrowserHelper
     html_object.append_to(browser_document[parents])
   end
 
+  def self.browser_attach_web(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
@@ -45,114 +49,177 @@ class BrowserHelper
   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 self.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 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 browser_left_shape(value, browser_object, _atome)
-  browser_object.style[:left] = "#{value}px"
-end
+  def self.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 self.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 self.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 self.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
+  # image
+  def self.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 self.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 self.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 self.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 self.browser_path_image(value, browser_object, _atome)
+    browser_object[:src] = value
+  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
+  # 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 browser_left_color(_value, _browser_object, _atome)
-  puts 'code to write when implementing gradient'
-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
 
-def browser_right_color(_value, _browser_object, _atome)
-  puts 'code to write when implementing gradient'
-end
+  def self.browser_left_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 self.browser_right_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
+  def self.browser_top_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 self.browser_bottom_color(_value, _browser_object, _atome)
+    puts 'code to write when implementing gradient'
+  end
 
-def browser_right_text(value, browser_object, _atome)
-  browser_object.style[:right] = "#{value}px"
-end
+  # text
+  def self.browser_left_text(value, browser_object, _atome)
+    browser_object.style[:left] = "#{value}px"
+  end
 
-def browser_top_text(value, browser_object, _atome)
-  browser_object.style[:top] = "#{value}px"
-end
+  def self.browser_right_text(value, browser_object, _atome)
+    browser_object.style[:right] = "#{value}px"
+  end
 
-def browser_bottom_text(value, browser_object, _atome)
-  browser_object.style[:bottom] = "#{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)
+    browser_object.text = value
+  end
+
+  # 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
+
+  # video
+  def self.browser_left_video(value, browser_object, _atome)
+    browser_object.style[:left] = "#{value}px"
+  end
 
-def browser_data_text(value)
-  browser_object.text = value
+  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_found, 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_found[: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|
+      e.prevent # Prevent the default action (eg. form submission)
+      # You can also use `e.stop` to stop propagating the event to other handlers.
+      current_time = browser_object_found.currentTime
+      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/event.rb

@@ -4,6 +4,34 @@ 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|
+  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]
+  `atome.js_Fullscreen(#{atome_id})`
+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)
 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]
+  `atome.jsSchedule(#{years},#{months},#{days},#{hours},#{minutes},#{seconds},#{self},#{proc})`
+end
+
+generator.build_render_method(:browser_reader) do |file, proc|
+  `atome.jsReader(#{file},#{self},#{proc})`
+end

data/lib/atome/renderers/headless/headless.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+# require 'atome/renderers/headless/effect'
+# require 'atome/renderers/headless/event'
+# require 'atome/renderers/headless/geometry'
+# require 'atome/renderers/headless/identity'
+# require 'atome/renderers/headless/material'
+# require 'atome/renderers/headless/spatial'
+# require 'atome/renderers/headless/atome'
+require 'atome/renderers/headless/utility'

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

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+generator = Genesis.generator
+
+generator.build_render_method(:headless_schedule)
+generator.build_render_method(:headless_reader)

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

@@ -6,7 +6,7 @@ generator = Genesis.generator
 #   instance_exec(&user_proc) if user_proc.is_a?(Proc)
 # end
 #
-# generator.build_optional_methods(:pre_get_left) do
+# generator.build_option(:pre_get_left) do
 #   user_proc = @user_proc
 #   instance_exec(&user_proc) if user_proc.is_a?(Proc)
 # end

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

@@ -13,3 +13,5 @@ generator.build_render_method(:html_clear) do
   end
   children([])
 end
+generator.build_render_method(:html_schedule)
+generator.build_render_method(:html_reader)

data/lib/atome/renderers/renderer.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+# Rendering method here
+class Atome
+  private
+
+  def rendering(element_to_render, content, &user_proc)
+    render_engines = @atome[:renderers]
+    render_engines.each do |render_engine|
+      send("#{render_engine}_#{element_to_render}", content, &user_proc)
+    end
+  end
+end

data/lib/atome/renderers/server/server.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+# require 'atome/renderers/server/effect'
+# require 'atome/renderers/server/event'
+# require 'atome/renderers/server/geometry'
+# require 'atome/renderers/server/identity'
+# require 'atome/renderers/server/material'
+# require 'atome/renderers/server/spatial'
+# require 'atome/renderers/server/atome'
+require 'atome/renderers/server/utility'

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

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+generator = Genesis.generator
+
+generator.build_render_method(:server_schedule)
+generator.build_render_method(:server_reader)

data/lib/atome/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 class Atome
-  VERSION = '0.5.1.1'
+  VERSION = '0.5.1.4'
 end

data/lib/atome.rb

@@ -6,10 +6,12 @@ require 'atome/genesis/genesis'
 require 'atome/kernel/essentials'
 require 'atome/kernel/universe'
 require 'atome/helpers/essentials'
+require 'atome/renderers/renderer'
 require 'atome/helpers/color_helper/color'
-require 'atome/atome_meta_engine'
+require 'atome/atome'
 require 'atome/processors/utilities'
 require 'atome/helpers/utilities'
+require 'atome/helpers/callbacks'
 require 'atome/genesis/generators/atome'
 require 'atome/presets/atome'
 require 'atome/genesis/generators/communication'
@@ -22,6 +24,8 @@ require 'atome/genesis/generators/spatial'
 require 'atome/genesis/generators/utility'
 require 'atome/renderers/browser/browser'
 require 'atome/renderers/html/html'
+require 'atome/renderers/headless/headless'
+require 'atome/renderers/server/server'
 require 'atome/extensions/atome'
 require 'atome/helpers/sanitizer'
 require 'atome/genesis/sparkle'

data/vendor/assets/build/index.html

@@ -3,11 +3,8 @@
 <head>
     <meta name='viewport' content='initial-scale=1, width=device-width, viewport-fit=cover'>
     <meta charset='UTF-8'/>
-<!--    <meta Cross-Origin-Opener-Policy="same-origin"/>-->
-<!--    <meta Cross-Origin-Embedder-Policy="require-corp"/>-->
     <meta name="format-detection" content="telephone=no">
     <meta name="msapplication-tap-highlight" content="no">
-    <meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
     <link type="text/css" rel="stylesheet" href="css/style.css">
     <script type="text/javascript" src="js/third_parties/interact.min.js"></script>
     <script type="text/javascript" src="js/third_parties/popmotion.min.js"></script>
@@ -16,8 +13,7 @@
     <script src='js/third_parties/w3color.js'></script>
     <script src='js/opal/opal.js'></script>
     <script src='js/opal/opal_browser.js'></script>
-    <!--    TODO: we line below will be uncomment when using stand alone app
-and loaded on the fly when using server mode-->
+    <!--    TODO: we line below is commented when using stand alone mode and loaded on demand when using server mode-->
     <!--    <script type="text/javascript" src="js/third_parties/fabric.min.js"></script>-->
     <!--    <script type="text/javascript" src="js/third_parties/three.min.js"></script>-->
     <!--    <script src='js/opal/opal_parser.js'></script>-->

data/vendor/assets/build/js/atome/atome.js

@@ -60,23 +60,96 @@
 // Usage:
 // let atomeDrag = new AtomeDrag();
 // atomeDrag.drag('atome_id', 'options');
+const Atomeanimation = {}
 
 
-const Atomeanimation ={
-
-
-}
 
 // TODO: put in a class
 
+
 const atome = {
-    jsSchedule: function (years, months, days, hours, minutes, seconds, proc) {
+    jsSchedule: function (years, months, days, hours, minutes, seconds, atome, proc) {
         const now = new Date();
-        const formatedDate = new Date(years, months - 1, days, hours, minutes, seconds);
-        const diffTime = Math.abs(formatedDate - now);
+        const formatDate = new Date(years, months - 1, days, hours, minutes, seconds);
+        const diffTime = Math.abs(formatDate - now);
         setTimeout(function () {
-            Opal.Object.$schedule_callback(proc);
+            atome.$schedule_callback(proc);
         }, diffTime);
+    },
+    jsReader: function (file, atome, proc) {
+        fetch('medias/' + file)
+            .then(response => response.text())
+            .then(text => atome.$read_callback(text, proc))
+    },
+    js_Fullscreen: function (atome_id){
+        let elem = document.getElementById(atome_id)
+        if (elem.requestFullscreen) {
+            elem.requestFullscreen();
+        } else if (elem.webkitRequestFullscreen) { /* Safari */
+            elem.webkitEnterFullscreen();
+        } else if (elem.msRequestFullscreen) { /* IE11 */
+            elem.msRequestFullscreen();
+        }
+
     }
+
 }
 
+
+// example ruby equivalent in js //
+Opal.queue(function (Opal) {/* Generated by Opal 1.6.0 */
+    const $klass = Opal.klass, $defs = Opal.defs, $def = Opal.def;
+// The line below create the AtomicJS cons to simplify access to js object from ruby
+
+    // var $const_set = Opal.const_set, $nesting = [], nil = Opal.nil;
+    // return $const_set($nesting[0], 'AtomicJS', atome)
+
+    (function ($base, $super) {
+        const self = $klass($base, $super, 'Atome_html');
+        $def(self, '$initialize', function $$initialize(val) {
+            // Init code below
+        }, 1);
+
+        $defs(self, '$check_this', function $$check_this(val) {
+            // getter code below
+            return (val);
+        }, 0);
+
+        $def(self, '$way', function $way() {
+            // getter code below
+            return (self.my_var);
+        }, 0);
+
+        return $def(self, '$way=', function $way(val) {
+            //self method example
+            return (self.my_var = val);
+        }, 0);
+
+
+    })();
+
+    // new class below
+    return (function ($base, $super) {
+        const self = $klass($base, $super, 'Atome');
+
+        $defs(self, '$verif', function $$verif(val) {
+            //self method example
+            return (val);
+        }, 0);
+
+        $def(self, '$new_method', function $way() {
+            // getter code below
+            return (self.new_method);
+        }, 0);
+
+
+        return $def(self, '$new_method=', function $way(val) {
+            //setter code below
+            return (self.atome = val);
+        }, 0);
+
+    })();
+});
+
+
+

data/vendor/assets/build/medias/rubies/examples/_2_solve.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+# Text in object
+a=Atome.new(code: { type: :code, renderers: [:headless], parents: [], children: [] }) do  |params_found|
+  puts "the param is #{params_found}"
+end
+a.run(:super)
+c=element do |params_found|
+  puts "you want me to print:  #{params_found}"
+  text({ data: :hello })
+end
+
+c.run('it works')

data/vendor/assets/build/medias/rubies/examples/bottom.rb

@@ -1,3 +1,3 @@
 # frozen_string_literal: true
 
-box({  bottom: 12 })
+box({bottom: 12 })