atome 0.5.1.4 → 0.5.2.5

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

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+t = text({ data: "hit the box to make me editable" })
+
+b = box({ left: 333 })
+b.touch(true) do
+  if t.edit.value == true
+    t.edit(false)
+  else
+    t.edit(true)
+  end
+end

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

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+a= Atome.new()
+t=template()
+t2=template({})
+
+
+puts "a : #{a}"
+
+puts "t : #{t}"
+
+puts "t2 : #{t2}"

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

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+bbb=box
+
+wait 2 do
+  bbb.hide(true)
+end

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

@@ -0,0 +1,58 @@
+# frozen_string_literal: true
+
+a = Matrix.new({ col: 1, row: 8, width: 120, height: 333, id: :vie_playground, name: :matrix_2, margin: 9,
+                 matrix_style: { color: { red: 0.3, green: 0.3, blue: 0.6, alpha: 1 }, smooth: 20 },
+                 cell_style: { color: { red: 0.333, green: 0.333, blue: 0.6, alpha: 1 }, smooth: 300, shadow: { blur: 6 }
+                               #border: { color: :black, thickness: 0, pattern: :solid }
+                 }
+               })
+
+######## tests
+
+a.assign(2) do
+  curent_cell = self
+  curent_cell.image({ path: "./medias/images/moto.png", width: 33, height: 33})
+  curent_cell.active(:inactive)
+  touch(:long) do
+    if curent_cell.active.value ==:inactive
+      curent_cell.color(:yellow)
+      curent_cell.active(:active)
+    else
+      curent_cell.color(:red)
+      curent_cell.active(:inactive)
+    end
+  end
+end
+
+a.assign(3) do
+  color({ red: 0.6, green: 0.333, blue: 0.6, alpha: 1 })
+  grab(:vie_playground_3).shadow({ blur: 12 })
+end
+
+
+wait 2 do
+  a.add({ columns: 3 })
+end
+
+# add row
+# wait 4 do
+#   a.add({ rows: 2 })
+# end
+
+# examples:
+
+# add columns
+#  a.add({ columns: 3 })
+
+# add row
+#   a.add({ rows: 2 })
+
+# reformat
+# a.reformat({rows: 4, cols: 2})
+
+# resize matrix
+# a.resize_matrix({ width: 666, height: 333 })
+
+# crop matrix
+# a.matrix.height(150)
+

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

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
-a = text({data: "open the console!"})
+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],
+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],
+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|
+a.monitor({ atomes: grab(:view).children.value, particles: [:left] }) do |atome, element, value|
   puts "monitoring: #{atome.id}, #{element}, #{value}"
 end
 
@@ -19,15 +19,26 @@ b.left(936)
 b.left(777)
 c.left(888)
 
-#test 2
-a = text({data: 'touch me and open the console'})
+# test 2
+aa = text({ data: 'touch me and look in the console', top: 99, width: 399, left: 120 })
+aa.touch(true) do
+  aa.color(:red)
+  aa.left(333)
+  aa.width(555)
+  aa.right(4)
+  aa.height(199)
+end
+
+aa.box({ id: :theboxy })
 
-a.touch(true) do
-  a.color(:red)
-  a.left(333)
+aa.monitor({ atomes: grab(:view).children.value, particles: [:left] }) do |_atome, _element, value|
+  puts "the left value was change to : #{value}"
 end
 
-a.monitor({ atomes: grab(:view).children.value, particles: [:left] }) do |_atome,_element, value|
-  puts  "the left value was change to : #{value}"
+aa.monitor({ atomes: grab(:view).children.value, particles: [:width] }) do |_atome, _element, value|
+  puts "the width's value was change to : #{value}"
+end
 
+aa.monitor({ atomes: grab(:view).children.value, particles: [:left], id: :my_monitorer }) do |_atome, _element, value|
+  puts "the second monitor left value was log to : #{value}"
 end

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

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+my_video2 = Atome.new(
+  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.top(33)
+my_video2.left(333)
+
+my_video2.touch(true) do
+  my_video2.play(true) do |currentTime|
+    puts "2 - play callback time is : #{currentTime}, id is : #{id}"
+  end
+  wait 2 do
+    my_video2.mute(true)
+    wait 3 do
+      my_video2.mute
+    end
+  end
+end

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

@@ -7,7 +7,9 @@ my_video = Atome.new(
 ) do |params|
   puts "video callback here #{params}"
 end
-
+my_video.touch(true) do
+  my_video.pause(true)
+end
 my_video.play(true)
 
 # video example
@@ -17,4 +19,8 @@ wait 4 do
 end
 grab(:video1).on(:pause) do |_event|
   puts :stopped
+end
+
+grab(:video1).on(:click) do |_event|
+  puts :touched
 end

data/vendor/assets/build/medias/rubies/examples/{parent.rb → parents.rb}

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

data/vendor/assets/build/medias/rubies/examples/pause.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.pause(true)
+end

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

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+my_video = Atome.new(
+  video: { renderers: [:browser], id: :video1, type: :video, parents: [:view],clones: [],
+           time: 33,  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.play(44)
+end

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

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

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

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+# TODO : some atomes and  particles may need have extra code to be removed (eg: color)
+
+b = box({ left: 666, smooth: 12, blur: 3, color: :red})
+
+wait 1 do
+  b.remove(:blur)
+  b.remove(:left)
+  wait 1 do
+    b.remove(:color)
+    wait 1 do
+      b.remove(:smooth)
+    end
+  end
+end

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

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

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

@@ -1,10 +1,10 @@
 # frozen_string_literal: true
 
 _alarm_format = '2022,11,27,12,06,0'
-time_to_run = Time.now + 2
+time_to_run = Time.now + 3
 puts 'event schedule'
 a = element
 
 a.schedule(time_to_run) do
-  alert 'event executed'
+  puts 'event executed'
 end

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

@@ -2,6 +2,9 @@
 
 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
@@ -9,7 +12,7 @@ s = b.shadow({ renderers: [:browser], id: :shadow2, type: :shadow, parents: [],
 
 
 wait 1 do
-  s.parents([:the_box])
+  s.attach([:the_box])
   # or
   # b.children([:shadow2])
   wait 1 do
@@ -27,4 +30,8 @@ wait 1 do
       s.green(0.7)
     end
   end
+end
+
+wait 3 do
+  b.shadow({ blur: 33 })
 end

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

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+a = box({ width: 333, height: 333, id: :the_grid })
+i = 0
+while i < 16
+  b = Atome.new(
+    shape: { renderers: [:browser],id: "the_shape#{i}", type: :shape, parents: [:the_grid], children: [],
+             width: 50, height: 50,
+             color: { renderers: [:browser], id: :c31, type: :color, parents: ["the_shape#{i}"], children: [],
+                      red: 1, green: 0.15, blue: 0.15, alpha: 0.6 } }
+  )
+  b.text({ data: "item#{i + 1}", visual: { size: 12 } })
+  i += 1
+end
+
+a.sort(true) do |el|
+  puts "just sorted  : #{el}"
+end
+

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

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+b=box
+b.style({color: :red, left: 33, top: 333, width: 333})

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

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

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

@@ -1,13 +1,56 @@
 # frozen_string_literal: true
 
-b = box({ width: 333, left: 666})
+separator=120
+b=box({ left: separator, id: :test_box })
+c=box({ left: b.left.value+separator })
+d=box({ left: c.left.value+separator })
+e=box({ left: d.left.value+separator })
 
-b.touch(true) do
-  color({ render: [:html], id: "color_#{Universe.atomes.length}", type: :color,
-          red: 1, green: 0.33, blue: 0.22, alpha: 1 })
+b.touch(:down) do
+  b.color(:red)
+  c.color(:red)
+  d.color(:red)
+  e.color(:red)
 end
+b.text({data: :down})
 
-text.touch(true) do
-  color(:yellow)
-  box
+c.touch(:long) do
+  b.color(:blue)
+  c.color(:blue)
+  d.color(:blue)
+  e.color(:blue)
+end
+c.text({data: :long})
+
+d.touch(:up) do
+  b.color(:yellow)
+  c.color(:yellow)
+  d.color(:yellow)
+  e.color(:yellow)
+end
+d.text({data: :up})
+e.touch(:double) do
+  b.color(:black)
+  c.color(:black)
+  d.color(:black)
+  e.color(:black)
+end
+e.text({data: :double})
+
+ccc=circle
+ccc.top(199)
+
+# def unbind(val=nil)
+#   id_found=self.atome[:id]
+# `
+# const el = document.getElementById(#{id_found});
+# interact('#'+#{id_found}).unset(#{val});
+# `
+# end
+b.touch(:long) do
+  b.color(:cyan)
+end
+
+ccc.touch(true) do
+  b.unbind(:tap)
 end

data/vendor/assets/build/medias/texts/lorem.txt

@@ -0,0 +1 @@
+lorem ipsum...

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: atome
 version: !ruby/object:Gem::Version
-  version: 0.5.1.4
+  version: 0.5.2.5
 platform: ruby
 authors:
 - Jean-Eric Godard
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2022-11-27 00:00:00.000000000 Z
+date: 2022-12-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: arduino_firmata
@@ -380,6 +380,7 @@ files:
 - lib/atome/atome.rb
 - lib/atome/extensions/atome.rb
 - lib/atome/extensions/geolocation.rb
+- lib/atome/extensions/matrix.rb
 - lib/atome/extensions/ping.rb
 - lib/atome/extensions/sha.rb
 - lib/atome/genesis/generators/atome.rb
@@ -414,12 +415,23 @@ files:
 - lib/atome/kernel/essentials.rb
 - lib/atome/kernel/universe.rb
 - lib/atome/presets/atome.rb
-- lib/atome/processors/utilities.rb
 - lib/atome/renderers/browser/atome.rb
 - lib/atome/renderers/browser/browser.rb
 - lib/atome/renderers/browser/effect.rb
 - lib/atome/renderers/browser/event.rb
 - lib/atome/renderers/browser/geometry.rb
+- lib/atome/renderers/browser/helpers/animation_helper.rb
+- lib/atome/renderers/browser/helpers/browser_helper.rb
+- lib/atome/renderers/browser/helpers/color_helper.rb
+- lib/atome/renderers/browser/helpers/drag_helper.rb
+- lib/atome/renderers/browser/helpers/effect_helper.rb
+- lib/atome/renderers/browser/helpers/event_helper.rb
+- lib/atome/renderers/browser/helpers/image_helper.rb
+- lib/atome/renderers/browser/helpers/shadow_helper.rb
+- lib/atome/renderers/browser/helpers/shape_helper.rb
+- lib/atome/renderers/browser/helpers/text_helper.rb
+- lib/atome/renderers/browser/helpers/video_helper.rb
+- lib/atome/renderers/browser/helpers/web_helper.rb
 - lib/atome/renderers/browser/identity.rb
 - lib/atome/renderers/browser/material.rb
 - lib/atome/renderers/browser/opal_browser.rb
@@ -449,6 +461,7 @@ files:
 - lib/atome/renderers/server/utility.rb
 - lib/atome/version.rb
 - sig/atome.rbs
+- sig/atome_js.rbs
 - vendor/assets/Guardfile
 - vendor/assets/Rakefile
 - vendor/assets/application/index.rb
@@ -458,15 +471,24 @@ files:
 - vendor/assets/build/favicon.ico
 - vendor/assets/build/index.html
 - vendor/assets/build/js/atome/atome.js
+- vendor/assets/build/js/atome/atome_helpers/atome_animate.js
+- vendor/assets/build/js/atome/atome_helpers/atome_drag.js
+- vendor/assets/build/js/atome/atome_helpers/atome_file.js
+- vendor/assets/build/js/atome/atome_helpers/atome_sort.js
+- vendor/assets/build/js/atome/atome_helpers/atome_time.js
+- vendor/assets/build/js/atome/atome_helpers/atome_video.js
 - vendor/assets/build/js/third_parties/fabric.min.js
 - vendor/assets/build/js/third_parties/interact.min.js
 - vendor/assets/build/js/third_parties/interact.min.js.map
 - vendor/assets/build/js/third_parties/ping.min.js
 - vendor/assets/build/js/third_parties/popmotion.min.js
 - vendor/assets/build/js/third_parties/sha256.min.js
+- vendor/assets/build/js/third_parties/sortable.min.js
 - vendor/assets/build/js/third_parties/three.min.js
 - vendor/assets/build/js/third_parties/w3color.js
+- vendor/assets/build/js/third_parties/wad.min.js
 - vendor/assets/build/js/third_parties/zim.min.js
+- vendor/assets/build/medias/audios/Binrpilot.mp3
 - vendor/assets/build/medias/audios/audio_missing.wav
 - vendor/assets/build/medias/audios/clap.wav
 - vendor/assets/build/medias/audios/cowbell.wav
@@ -579,41 +601,61 @@ files:
 - vendor/assets/build/medias/javascripts/test.js
 - vendor/assets/build/medias/rubies/examples/!run.rb
 - vendor/assets/build/medias/rubies/examples/_2_solve.rb
-- vendor/assets/build/medias/rubies/examples/_animation.rb
-- vendor/assets/build/medias/rubies/examples/_drag.rb
-- vendor/assets/build/medias/rubies/examples/atome.new.rb
+- vendor/assets/build/medias/rubies/examples/_audio.rb
+- vendor/assets/build/medias/rubies/examples/_dataset.rb
+- vendor/assets/build/medias/rubies/examples/_markers.rb
+- vendor/assets/build/medias/rubies/examples/_os.rb
+- vendor/assets/build/medias/rubies/examples/_vie.rb
+- vendor/assets/build/medias/rubies/examples/animation.rb
+- vendor/assets/build/medias/rubies/examples/at.rb
+- vendor/assets/build/medias/rubies/examples/atome_new.rb
 - vendor/assets/build/medias/rubies/examples/auto_height.rb
 - vendor/assets/build/medias/rubies/examples/auto_width.rb
 - vendor/assets/build/medias/rubies/examples/blur.rb
 - vendor/assets/build/medias/rubies/examples/bottom.rb
 - vendor/assets/build/medias/rubies/examples/box.rb
+- vendor/assets/build/medias/rubies/examples/center.rb
 - vendor/assets/build/medias/rubies/examples/circle.rb
 - vendor/assets/build/medias/rubies/examples/clear.rb
+- vendor/assets/build/medias/rubies/examples/clone.rb
 - vendor/assets/build/medias/rubies/examples/code.rb
 - vendor/assets/build/medias/rubies/examples/color.rb
 - vendor/assets/build/medias/rubies/examples/create_atome_in_atome.rb
+- vendor/assets/build/medias/rubies/examples/cursor.rb
 - vendor/assets/build/medias/rubies/examples/delete.rb
+- vendor/assets/build/medias/rubies/examples/drag.rb
+- vendor/assets/build/medias/rubies/examples/edit.rb
 - vendor/assets/build/medias/rubies/examples/element.rb
+- vendor/assets/build/medias/rubies/examples/empty_atome.rb
 - vendor/assets/build/medias/rubies/examples/fullscreen.rb
 - vendor/assets/build/medias/rubies/examples/get_renderer_list.rb
 - vendor/assets/build/medias/rubies/examples/grab.rb
 - vendor/assets/build/medias/rubies/examples/height.rb
+- vendor/assets/build/medias/rubies/examples/hide.rb
 - vendor/assets/build/medias/rubies/examples/id.rb
 - vendor/assets/build/medias/rubies/examples/image.rb
 - vendor/assets/build/medias/rubies/examples/left.rb
 - vendor/assets/build/medias/rubies/examples/link.rb
+- vendor/assets/build/medias/rubies/examples/matrix.rb
 - vendor/assets/build/medias/rubies/examples/monitoring.rb
+- vendor/assets/build/medias/rubies/examples/mute.rb
 - vendor/assets/build/medias/rubies/examples/on.rb
-- vendor/assets/build/medias/rubies/examples/parent.rb
+- vendor/assets/build/medias/rubies/examples/parents.rb
+- vendor/assets/build/medias/rubies/examples/pause.rb
+- vendor/assets/build/medias/rubies/examples/play.rb
 - vendor/assets/build/medias/rubies/examples/read.rb
 - vendor/assets/build/medias/rubies/examples/refresh.rb
+- vendor/assets/build/medias/rubies/examples/remove.rb
 - vendor/assets/build/medias/rubies/examples/repeat.rb
 - vendor/assets/build/medias/rubies/examples/right.rb
 - vendor/assets/build/medias/rubies/examples/rotate.rb
 - vendor/assets/build/medias/rubies/examples/schedule.rb
 - vendor/assets/build/medias/rubies/examples/shadow.rb
 - vendor/assets/build/medias/rubies/examples/smooth.rb
+- vendor/assets/build/medias/rubies/examples/sort.rb
+- vendor/assets/build/medias/rubies/examples/style.rb
 - vendor/assets/build/medias/rubies/examples/text.rb
+- vendor/assets/build/medias/rubies/examples/time.rb
 - vendor/assets/build/medias/rubies/examples/top.rb
 - vendor/assets/build/medias/rubies/examples/touch.rb
 - vendor/assets/build/medias/rubies/examples/video.rb
@@ -623,6 +665,7 @@ files:
 - vendor/assets/build/medias/rubies/test.rb
 - vendor/assets/build/medias/rubies/text_read.rb
 - vendor/assets/build/medias/rubies/users/code.rb
+- vendor/assets/build/medias/texts/lorem.txt
 - vendor/assets/build/medias/utils/infos/color.rb
 - vendor/assets/build/medias/utils/infos/width.rb
 - vendor/assets/build/medias/videos/avengers.mp4

data/lib/atome/processors/utilities.rb

@@ -1,10 +0,0 @@
-# frozen_string_literal: true
-
-# Atome processors
-class Atome
-  private
-
-  def data_code_processor(data)
-    eval data
-  end
-end

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

@@ -1,44 +0,0 @@
-# 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 "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})