atome 0.4.5.4 → 0.5.1.1

data/vendor/assets/build/medias/rubies/examples/!run.rb

@@ -0,0 +1,16 @@
+def run_demo
+  scripts = %i[animation atome.new auto_height auto_width bottom box circle
+color create_atome_in_atome drag get_renderer_list grab height image
+left link parent read repeat right rotate schedule smooth text
+top touch video wait web width]
+
+  scripts.each_with_index do |toto, index|
+    wait 1 * index do
+      puts toto
+      read("examples/#{toto}.rb", :ruby)
+      `console.clear()`
+    end
+  end
+end
+
+run_demo

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

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+mycode = <<Struct
+#circle({color: :red})
+alert :it_works
+Struct
+
+Atome.new(code: { type: :code, data: mycode, renderers: [:browser], parents: [], children: [] })
+cc = Atome.new
+cc.code("alert 'it works too'")
+
+code("alert :perfect")

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/_link.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+text = Atome.new(
+  text: { renderers: [:browser], id: :text1, 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: [:text1], children: [],
+                   red: 0.6, green: 0.6, blue: 0.6, alpha: 1 }
+  }
+)
+
+# now we change the color all the object that share the care modified
+wait 1 do
+  text.link(:c315)
+end
+wait 2 do
+  grab(:c315).red(0)
+end

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

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

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

@@ -0,0 +1,5 @@
+# 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)

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

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+b = box()
+
+b.instance_variable_set('@left', 300)
+
+wait 1 do
+  b.refresh
+end

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 +1,23 @@
- box({ width: 333, left: 333 })
+# 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
+    left(120)
+  end
+end
+
+b = Atome.new(
+  { shape: { render: [:html], 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, parents: [:view_test],
+                      red: 1, green: 0.15, blue: 0.15, alpha: 1 } } }
+) do |p|
+  puts "the param pass to the atome is: #{p}"
+
+end
+
+bloc_a = a.bloc.value
+bloc_b = b.bloc.value
+a.instance_exec(:hello, &bloc_a) if bloc_a.is_a?(Proc)
+b.instance_exec(:hi, &bloc_b) if bloc_b.is_a?(Proc)

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

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

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

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

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/drag.rb

@@ -1,5 +1,44 @@
-b=box
-b.drag(true) do |x, y|
+# frozen_string_literal: true
+
+box({width: 333, height: 333, id: :the_constraint_box, color: :orange})
+
+b = box
+
+b.drag({ remove: true}) do |position|
   # below here is the callback :
-  puts "drag position: #{x}"
-end
+  puts "1 - callback drag position: #{position}"
+  puts "1 - callback id is: #{id}"
+end
+
+wait 4 do
+  b.drag({ max: { left: 333 ,right: 90, top: 333, bottom: 30}})
+end
+
+bb = box({ left: 120, color: :green })
+bb.touch(true) do
+  alert left
+end
+
+bb.drag({ lock: :x }) do |position|
+  # below here is the callback :
+  puts "2 - drag position: #{position}"
+  puts "2 - id is: #{id}"
+end
+#TODO: when we add a color we must change the code : do we create a new color with it's id or do we replace the old one?
+#
+bbb = box({ left: 120, top: 120 })
+bbb.drag({}) do |position|
+  # below here is the callback :
+  puts "bbb drag position: #{position}"
+  puts "bbb id is: #{id}"
+end
+bbb.color(:black)
+
+bbb.remove(:drag)
+wait 3 do
+  bbb.drag({fixed: true}) do |position|
+    puts position
+  end
+end
+
+circle({drag: {inside: :the_constraint_box}, color: :red})

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/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,4 @@
+# frozen_string_literal: true
+
 b = box({  left: 333 })
 b.height(33)

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,4 @@
+# frozen_string_literal: true
+
 b = box({  left: 333 })
 b.left(333)

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

@@ -0,0 +1,20 @@
+# 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)

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

@@ -1,12 +1,15 @@
+# frozen_string_literal: true
+
+b=box({id: :c315})
 circle({id: :circle_12})
-grab(:c315).parent([:circle_12])
-a.shape.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/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/schedule.rb

@@ -6,8 +6,4 @@ time_to_run= Time.now+6
 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

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/text.rb

@@ -1,5 +1,32 @@
-text = Atome.new(
-  text: { render: [:html], id: :text1, type: :text, parent: [:view], visual: { size: 33 }, string: "hello!", left: 399, top: 633, width: 199, height: 33,
+# 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 }
   }
 )
-text.text.string(:kool)
+
+wait 1.2 do
+  my_text.data(:kool)
+end
+
+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
+  text2.text.data(:ok)
+end
+
+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/touch.rb

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

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

@@ -1,4 +1,52 @@
-Atome.new(
-  video: { render: [:html], id: :video1, type: :video, parent: [:view], path: "./medias/videos/avengers.mp4", left: 333, top: 333, width: 199, height: 99,
+my_video = Atome.new(
+  video: { render: [:html], id: :video1, type: :video,  parents: [:view], path: './medias/videos/superman.mp4', left: 333, top: 333, width: 199, height: 99,
   }
-)
+) do |params|
+  puts "video callback time is  #{params}, id is : #{id}"
+end
+my_video.video.top(33)
+my_video.video.left(33)
+
+my_video.video.touch(true) do
+  my_video.video.play(true) do |currentTime|
+    puts "play callback time is : #{currentTime}"
+  end
+end
+
+my_video2 = Atome.new(
+  video: { render: [:html], id: :video9, type: :video,  parents: [:view], path: './medias/videos/madmax.mp4', left: 666, top: 333, width: 199, height: 99,
+  }
+#FIXME : positioning doesnt work
+
+) 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.video.touch(true) do
+  my_video2.video.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}"
+end
+my_video3.touch(true) do
+  grab(:video16).time(15)
+  my_video3.play(true) do |currentTime|
+    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}"
+    end
+  end
+end
+

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

@@ -1,9 +1,10 @@
 Atome.new(
-  image: { render: [:html], id: :image1, type: :image, parent: [:view], path: "https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg", left: 99, top: 120, width: 199, height: 199,
+  image: { render: [:html], id: :image1, type: :image, parents: [:view], path: "https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg", left: 99, top: 320, width: 199, height: 199,
   }
 )
 
+
 Atome.new(
-  web: { render: [:html], id: :image1, type: :web, parent: [:view], path: "https://www.youtube.com/embed/usQDazZKWAk", left: 99, top: 120, width: 199, height: 199,
+  web: { render: [:html], id: :youtube1, type: :web, parents: [:view], path: "https://www.youtube.com/embed/usQDazZKWAk", left: 33, top: 33, width: 199, height: 199,
   }
 )

data/vendor/assets/server/atome_server.rb

@@ -1,10 +1,9 @@
 # frozen_string_literal: true
+
 # atome server
-if RUBY_PLATFORM == 'x64-mingw32'
-  require 'em/pure_ruby'
-end
+require 'em/pure_ruby' if RUBY_PLATFORM == 'x64-mingw32'
 require  'atome'
-require '../aui.rb'
+require '../aui'
 require 'digest/sha2'
 require 'faye/websocket'
 require 'geocoder'
@@ -17,7 +16,6 @@ require 'securerandom'
 require 'sequel'
 
 
-
 class String
   def is_json?
     begin