atome 0.4.7.0 → 0.5.1.4

data/vendor/assets/build/medias/rubies/examples/atome.new.rb

@@ -1,12 +1,15 @@
-a=Atome.new(
-  shape: { render: [:html], id: :crasher, type: :shape, parent: [:view], left: 99, right: 99, width: 99, height: 99,
-           color: { render: [:html], id: :c315, type: :color,
-                    red: 1, green: 0.15, blue: 0.15, alpha: 0.6 } }
-)
+# frozen_string_literal: true
 
-# attention to modify an atome using Atome.new you must apply your method to the first atome
-# here the first atome is shape,  so if you want to make it draggable drag type:
+Atome.new(
+  shape: { type: :shape, renderers: [:browser], id: :the_shape, parents: [:view], children: [],
+           left: 99, right: 99, width: 399, height: 99,
+           color: { renderers: [:browser], id: :c315, type: :color, parents: [:the_shape],children: [],
+                    red: 0.3, green: 1, blue: 0.6, alpha: 1 } }
+)
 
-a.shape.drag(true) do |x, y|
-  puts "drag position: #{x}"
-end
+Atome.new(
+  shape: { renderers: [:browser], id: :the_shape2, type: :shape, parents: [:view],children: [],
+           left: 99, right: 99, width: 99, height: 99,
+           color: { renderers: [:browser], id: :c31, type: :color, parents: [:the_shape2],children: [],
+                    red: 1, green: 0.15, blue: 0.15, alpha: 0.6 } }
+)

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

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 b = box({ height: :auto, width: 99, left: 333 })
 b.top(99)
 b.bottom(99)

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

@@ -1,2 +1,4 @@
+# frozen_string_literal: true
+
 b = box({ width: :auto, left: 333 })
 b.right(333)

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

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+b = box({ id: :the_box, left: 99, top: 99 })
+b.blur(2)

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

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

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

@@ -1,16 +1,20 @@
-box({ id: :my_box, left: 333 }) do |p|
-  # callback is in the Genesis.atome_creator_option(:text_pre_save_proc)
-  puts "ok box id is : #{id}"
+# frozen_string_literal: true
+
+a = box({ id: :my_box, left: 333 }) do |p|
+  puts "the param pass to the box is: #{p}"
   wait 2 do
-    self.left(0)
+    left(120)
   end
 end
 
-Atome.new(
-  { shape: { render: [:html], id: :view_test, type: :shape, parent: [:view],
+b = Atome.new(
+  { shape: { renderers: [:browser], id: :view_test, type: :shape, parents: [:view],children: [],
              left: 0, width: 90, top: 0, height: 90, overflow: :auto,
-             color: { render: [:html], id: :view_test_color, type: :color,
+             color: { renderers: [:browser], id: :view_test_color, type: :color, parents: [:view_test],
                       red: 1, green: 0.15, blue: 0.15, alpha: 1 } } }
 ) do |p|
-  puts "ok Atome.new(box) id is : #{id}"
+  puts "the param pass to the atome is: #{p}"
+
 end
+a.run(:hello)
+b.run(:hi)

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

@@ -1 +1,3 @@
+# frozen_string_literal: true
+
 circle({ width: 333, left: 333 })

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

@@ -1,9 +1,10 @@
+# frozen_string_literal: true
 
 box(id: :my_box)
 
 circle(left: 333)
 
 wait 2 do
-  grab(:view).clear
+  grab(:view).clear(true)
 end
 

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

@@ -1,5 +1,11 @@
-mycode = <<Struct
-circle({color: :red})
-Struct
+# frozen_string_literal: true
 
-Atome.new(code: { id: :code1, code: mycode })
+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}"
+end
+
+c.run('it works')

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

@@ -1,13 +1,52 @@
+# frozen_string_literal: true
+
 c = circle
+# FIXME: bug we creating an object like this c = circle({ red: 1 })
+# FIXME: bug we using a color twice or more only the first is colored: c = { red: 1 }; a.color(c),b.color(c)
+# Example:
+# c={ red: 1 }
+# a=circle
+# b=box({ left: 300 })
+# a.color(c)
+# b.color(c)
+wait 1 do
+  # the most performant way :
+  # please note that in this case:  render , id and type params must place in order
+  c.color(
+    { render: [:html], id: :c319, type: :color,
+      red: 1, green: 1, blue: 0.15, alpha: 0.6 }
+  )
+end
+
+wait 2 do
+  # now we overload the color
+  c.color({ red: 1 })
+end
+
+wait 4 do
+  # now the easy way
+  c.color(:yellow)
+  wait 1 do
+    c.color({ green: 1, blue: 0.69, alpha: 1 })
+  end
+end
+
+wait 5 do
+  d=c.color(:red)
+  wait 1 do
+    d.blue(0)
+  end
 
-# the easy way
-c.color(:red)
+  wait 2 do
+    d.red(1)
+  end
+end
 
-# the most performant way :
+circle({id: :the_circle})
 
-c.color(
-  { render: [:html], id: :c319, type: :color,
-    red: 1, green: 1, blue: 0.15, alpha: 0.6 }
-)
 
-# please note that render , id and type params must place in order
+wait 2 do
+  the_col=Atome.new({ color: { renderers: [:browser], id: :c31, type: :color, parents: [], children: [],
+                               left: 33, top: 66, red: 0, green: 0.15, blue: 0.7, alpha: 0.6 } })
+  the_col.parents([:the_circle])
+end

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

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 b = box({ width: 333, left: 333})
 b.height(33)
 b.left(333)

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

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+b = box
+
+wait 1 do
+  b.delete(true)
+end

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

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+Atome.new(container: {id: :element14, type: :element ,data: :hello, renderers: []})
+
+element(data: :hello_world)
+puts "atomes are: #{Universe.atomes.keys}"

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

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+my_video = Atome.new(
+  video: { renderers: [:browser],  id: :video1, type: :video, parents: [:view],
+           path: './medias/videos/avengers.mp4', left: 333, top: 33, width: 777
+  }
+) do |params|
+  puts "video callback here #{params}"
+end
+my_video.play(true)
+
+
+my_video.touch(true) do
+  my_video.fullscreen
+end

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

@@ -1 +1,3 @@
-puts Utilities.renderer_list
+# frozen_string_literal: true
+
+puts Universe.renderer_list

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

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 box({id: :my_box})
 # allow to get any atome using it's id
 grab(:my_box).color(:yellow)

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

@@ -1,2 +1,7 @@
-b = box({  left: 333 })
-b.height(33)
+# frozen_string_literal: true
+
+b = box({left: 333 })
+
+wait 1 do
+  b.height(33)
+end

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

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+b = box({ id: :my_box })
+b.color(:orange)
+
+b.id(:the_new_id)
+
+wait 1 do
+  b.color(:blue)
+end
+
+wait 2 do
+  grab(:the_new_id).color(:cyan)
+end

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

@@ -1,4 +1,8 @@
+# frozen_string_literal: true
+
 Atome.new(
-  image: { render: [:html], id: :image1, type: :image, parent: [:view], path: "./medias/images/boat.png", left: 99, top: 120, width: 199, height: 199,
+  image: { renderers: [:browser], id: :image1, type: :image, parents: [:view], path: "./medias/images/boat.png", left: 99, top: 120, width: 199, height: 199,
   }
-)
+)
+
+image({path: "./medias/images/moto.png", left: 33, top: 33})

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

@@ -1,2 +1,7 @@
-b = box({  left: 333 })
-b.left(333)
+# frozen_string_literal: true
+
+b = box({left: 333 })
+
+wait 1 do
+  b.left(33)
+end

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

@@ -1,11 +1,20 @@
+# frozen_string_literal: true
+
 text = Atome.new(
-  text: { render: [:html], id: :text1, type: :text, parent: [:view], visual: { size: 33 }, data: "My text!", left: 300, top: 33, width: 199, height: 33, }
+  text: { renderers: [:browser], id: :my_text, type: :text, parents: [:view], children: [], visual: { size: 18 },
+          data: 'My first text!', left: 300, top: 33, width: 199, height: 33,
+          color: { renderers: [:browser], id: :c31, type: :color, parents: [:my_text], children: [],
+                   red: 0.6, green: 0.6, blue: 0.6, alpha: 1 }
+  }
 )
 
+Atome.new({ color: { renderers: [:browser], id: :new_col, type: :color, parents: [], children: [],
+                     left: 33, top: 66, red: 0, green: 0.15, blue: 0.7, alpha: 0.6 } })
+
 # now we change the color all the object that share the care modified
 wait 1 do
-  text.text.link(:c315)
+  text.link(:new_col)
 end
 wait 2 do
-  grab(:c315).red(0)
+  grab(:new_col).red(1)
 end

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

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+a = text({data: "open the console!"})
+a.right(44).left(66)
+
+b = Atome.new(shape: { type: :shape, id: :my_shape, children: [],parents: [:view], renderers: [:browser],
+                       left: 0, right: 33
+})
+
+c = Atome.new(shape: { type: :shape, id: :my_pix,children: [], parents: [:view], renderers: [:browser],
+                       left: 50, right: 78
+})
+
+a.monitor({ atomes: grab(:view).children.value, particles: [:left] }) do |atome,element, value|
+  puts "monitoring: #{atome.id}, #{element}, #{value}"
+end
+
+b.left(936)
+b.left(777)
+c.left(888)
+
+#test 2
+a = text({data: 'touch me and open the console'})
+
+a.touch(true) do
+  a.color(:red)
+  a.left(333)
+end
+
+a.monitor({ atomes: grab(:view).children.value, particles: [:left] }) do |_atome,_element, value|
+  puts  "the left value was change to : #{value}"
+
+end

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

@@ -1,16 +1,20 @@
+# frozen_string_literal: true
+
 my_video = Atome.new(
-  video: { render: [:html], data: :dummy, id: :video1, type: :video, parent: [:view], path: './medias/videos/avengers.mp4', left: 333, top: 333, width: 199, height: 99,
+  video: { renderers: [:browser], id: :video1, type: :video, parents: [:view],
+           path: './medias/videos/avengers.mp4', left: 333, top: 33, width: 777
   }
 ) do |params|
   puts "video callback here #{params}"
 end
-my_video.video.play(true)
 
-# TODO int8! : language
+my_video.play(true)
 
-# verif video
+# video example
 grab(:video1).time(5)
-#
-grab(:video1).on(:pause) do |event|
-  alert :stopped
+wait 4 do
+  grab(:video1).pause(5)
 end
+grab(:video1).on(:pause) do |_event|
+  puts :stopped
+end

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

@@ -1,13 +1,15 @@
+# frozen_string_literal: true
+
 b=box({id: :c315})
 circle({id: :circle_12})
-grab(:c315).parent([:circle_12])
-b.parent([:circle_12])
+grab(:c315).parents([:circle_12])
+b.parents([:circle_12])
 
 
 circle({ id: :circle_123, color: :cyan })
 box({ id: :box_1, left: 333 })
 bb=box({top: 99})
-grab(:box_1).parent(:circle_123)
-grab(:color_circle_123).parent([:box_1])
+grab(:box_1).parents([:circle_123])
+grab(:color_circle_123).parents([:box_1])
 
-bb.parent([:box_1])
+bb.parents([:box_1])

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

@@ -1,3 +1,7 @@
+# frozen_string_literal: true
+
 puts "Attention this method only work with a server due to security restriction "
-read('examples/image.rb', :ruby)
-read('examples/image.rb', :text)
+a = element
+a.read('rubies/examples/image.rb') do |params|
+  text({data: params})
+end

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

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+b = box
+# TODO : repair the security flow below
+b.atome[:left] = 300
+wait 1 do
+  b.refresh
+end

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

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 repeat 0.3, 10 do |evt|
   puts "hello:#{evt}:"
 end

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

@@ -1 +1,3 @@
- box({  right: 120 })
+# frozen_string_literal: true
+
+box({right: 120 })

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

@@ -1,2 +1,4 @@
+# frozen_string_literal: true
+
 b = box({ width: 333, left: 333 })
 b.rotate(999)

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

@@ -1,13 +1,10 @@
+# frozen_string_literal: true
 
-" date can be entered in  several ways , 2 digit it'll be the next time the seconds match ,
-if 2 digits the minutes and seconds and so on, you can also enter Time.now+3 (not a,string) for schedule in 3 sec "
-
-time_to_run= Time.now+6
+_alarm_format = '2022,11,27,12,06,0'
+time_to_run = Time.now + 2
 puts 'event schedule'
-schedule(time_to_run) do
-  puts 'event executed'
-  # i=image({ content: :boat , drag: :true, x: 99, y:99 })
-  # wait 2 do
-  #   i.delete(true)
-  # end
-end
+a = element
+
+a.schedule(time_to_run) do
+  alert 'event executed'
+end

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

@@ -0,0 +1,30 @@
+# frozen_string_literal: true
+
+b = box({ id: :the_box, left: 99, top: 99 })
+
+s = b.shadow({ renderers: [:browser], id: :shadow2, type: :shadow, parents: [], children: [],
+               left: 3, top: 9, blur: 3, direction: :inset,
+               red: 0, green: 0, blue: 0, alpha: 1
+             })
+
+
+wait 1 do
+  s.parents([:the_box])
+  # or
+  # b.children([:shadow2])
+  wait 1 do
+    s.blur(9)
+    wait 1 do
+      wait 2 do
+        s.direction('')
+        s.green(0)
+        s.left(14)
+        wait 1 do
+          s.delete(true)
+        end
+      end
+      s.left(44)
+      s.green(0.7)
+    end
+  end
+end

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

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 b = box({ width: 333, left: 333 })
 
 b.smooth([33, 2, 90])

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

@@ -1,18 +1,32 @@
-text({ id: :my_text, color: :lightgray }) do |p|
-  puts "ok text id is : #{id}"
+# frozen_string_literal: true
+
+my_text = Atome.new(
+  text: { renderers: [:browser], id: :text1, type: :text, parents: [:view], children: [], visual: { size: 33 },
+          data: 'My first text!', left: 300, top: 33, width: 199, height: 33,
+          color: { renderers: [:browser], id: :c31, type: :color, parents: [:text1], children: [],
+                   red: 0.6, green: 0.6, blue: 0.6, alpha: 1 }
+  }
+)
+
+wait 1.2 do
+  my_text.data(:kool)
 end
 
-text = Atome.new(
-  text: { render: [:html], id: :text1, type: :text, parent: [:view], visual: { size: 33 }, data: "My text!", left: 300, top: 33, width: 199, height: 33, }
+text({ id: :the_text, left: 0 })
+
+text2 = Atome.new(
+  text: { renderers: [:browser], id: :text2, type: :text, parents: [:view], children: [], visual: { size: 33 },
+          data: 'My second text!', left: 300, top: 33, width: 199, height: 33 }
 ) do |p|
   puts "ok Atome.new(text) id is : #{id}"
 end
 wait 1.2 do
-  text.text.data(:kool)
+  text2.text.data(:ok)
 end
 
-b = box({ drag: true, left: 66, top: 66 })
-my_text = b.text({ data: "drag the bloc behind me", width: 333 })
+b = box({ left: 66, top: 66 })
+my_text = b.text({ data: 'drag the bloc behind me', width: 333, left: 55 })
 wait 2 do
   my_text.color(:red)
 end
+

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

@@ -1 +1,4 @@
+# frozen_string_literal: true
+
+box({top: 120 })
 

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

@@ -1,6 +1,13 @@
+# frozen_string_literal: true
+
 b = box({ width: 333, left: 666})
 
 b.touch(true) do
   color({ render: [:html], id: "color_#{Universe.atomes.length}", type: :color,
           red: 1, green: 0.33, blue: 0.22, alpha: 1 })
+end
+
+text.touch(true) do
+  color(:yellow)
+  box
 end

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

@@ -1,42 +1,49 @@
+# frozen_string_literal: true
+
 my_video = Atome.new(
-  video: { render: [:html], id: :video1, type: :video,  parent: [:view], path: './medias/videos/superman.mp4', left: 333, top: 333, width: 199, height: 99,
+  video: { renderers: [:browser], id: :video1, type: :video, parents: [:view], path: './medias/videos/superman.mp4',
+           left: 333, top: 112, width: 199, height: 99
   }
 ) do |params|
+  # puts "video callback time is  #{params}, id is : #{id}"
   puts "video callback time is  #{params}, id is : #{id}"
 end
-my_video.video.top(33)
-my_video.video.left(33)
+wait 2 do
+  my_video.left(33)
+  my_video.width(444)
+  my_video.height(444)
+
+end
 
-my_video.video.touch(true) do
-  my_video.video.play(true) do |currentTime|
+my_video.touch(true) do
+  my_video.play(true) do |currentTime|
     puts "play callback time is : #{currentTime}"
   end
 end
-
+#############
 my_video2 = Atome.new(
-  video: { render: [:html], id: :video9, type: :video,  parent: [:view], path: './medias/videos/madmax.mp4', left: 666, top: 333, width: 199, height: 99,
-  }
-#FIXME : positioning doesnt work
-
-) do |params|
+  video: { renderers: [:browser], id: :video9, type: :video, parents: [:view], path: './medias/videos/madmax.mp4',
+           left: 666, top: 333, width: 199, height: 99,
+  }) do |params|
   puts "2- video callback time is  #{params}, id is : #{id}"
 end
-my_video2.video.top(33)
-my_video2.video.left(333)
+my_video2.top(33)
+my_video2.left(333)
 
-my_video2.video.touch(true) do
-  my_video2.video.play(true) do |currentTime|
+my_video2.touch(true) do
+  my_video2.play(true) do |currentTime|
     puts "2 - play callback time is : #{currentTime}, id is : #{id}"
   end
 end
 
-
+#############
 my_video3 = video({ path: './medias/videos/avengers.mp4', id: :video16 }) do |params|
   puts "3 - video callback here #{params}, id is : #{id}"
 end
-
-grab(:video16).on(:pause) do |event|
-  alert ":supercool, id is : #{id}"
+my_video3.width = my_video3.height = 333
+my_video3.left(555)
+grab(:video16).on(:pause) do |_event|
+  puts "id is : #{id}"
 end
 my_video3.touch(true) do
   grab(:video16).time(15)
@@ -44,9 +51,11 @@ my_video3.touch(true) do
     puts "3- play callback time is : #{currentTime}, id is : #{id}"
   end
   wait 3 do
-    grab(:video16).pause(true) do |p|
-      alert "paused, id is : #{id}"
+    puts "time is :#{my_video3.time}"
+  end
+  wait 6 do
+    grab(:video16).pause(true) do |time|
+      puts "paused at #{time} id is : #{id}"
     end
   end
-end
-
+end

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

@@ -1,3 +1,8 @@
-wait 2 do
-  puts "the wait is over"
-end
+# frozen_string_literal: true
+
+wait 1 do
+  box
+  wait 1 do
+    circle
+  end
+end