atome 0.5.4.1.9 → 0.5.5.6.4

data/vendor/assets/application/examples/refresh.rb

@@ -0,0 +1,62 @@
+# frozen_string_literal: true
+
+b = box({ top: 166, data: :hello })
+c=color({ id: :col1, red: 1, blue: 1})
+
+b.instance_variable_set("@top", 30)
+b.instance_variable_set("@apply", [c.id])
+b.instance_variable_set("@path", './medias/images/red_planet.png' )
+
+b.instance_variable_set("@smooth", 30)
+wait 1 do
+  b.refresh
+  b.instance_variable_set("@left", 300)
+  wait 1 do
+    b.refresh
+    b.instance_variable_set("@type", :text)
+    wait 1 do
+      b.refresh
+      b.instance_variable_set("@type", :image)
+      wait 1 do
+        b.refresh
+      end
+    end
+  end
+end
+# i=image(:green_planet)
+# alert i.path
+# i.instance_variable_set("@path", './medias/images/red_planet.png')
+# wait 2 do
+#   i.refresh
+#   # i.path'./medias/images/red_planet.png'
+# end
+
+
+#
+# b.instance_variable_set("@left", 300)
+# b.instance_variable_set("@top", 400)
+# # b.instance_variable_set("@width", 150)
+#
+# # b.instance_variable_set("@smooth", 9)
+# # new({particle: :tototo})
+#
+# wait 1 do
+#   b.refresh
+#   # b.instance_variable_set("@type", :text)
+#   b.instance_variable_set("@smooth", 9)
+#   b.instance_variable_set("@apply", [c.id])
+#   wait 1 do
+#     b.refresh
+#     # b.instance_variable_set("@type", :image)
+#     # wait 1 do
+#     #   alert b.type
+#     #   # b.refresh
+#     # end
+#   end
+# end
+#
+# t=text(:test)
+# t.touch(true) do
+#   b.smooth(9)
+#   b.refresh
+# end

data/vendor/assets/application/examples/remove.rb

@@ -0,0 +1,47 @@
+# frozen_string_literal: true
+
+b = box({ top: 166 , id: :the_box, left: 333})
+b.color({id: :new_col, red: 1})
+b.color({id: :other_col,  green: 1})
+# b.paint({gradient: [:other_col, :new_col]})
+color({id: :last_col,  green: 0.3, blue: 0.5})
+color({id: :last_col2,  red: 1, blue: 0.5})
+
+b.shadow({
+           id: :s1,
+           # affect: [:the_circle],
+           left: 9, top: 3, blur: 9,
+           invert: false,
+           red: 0, green: 0, blue: 0, alpha: 1
+         })
+wait 1 do
+  b.remove(:other_col)
+  wait 1 do
+    b.remove(:new_col)
+    wait 1 do
+      b.remove(:box_color)
+      wait 1 do
+        b.apply(:last_col)
+        wait 1 do
+          b.apply(:last_col2)
+        end
+      end
+    end
+  end
+end
+b.touch(true) do
+  puts "before => #{b.apply}"
+  b.remove({all: :color})
+  puts "after => #{b.apply}"
+  wait 1 do
+    b.paint({id: :the_gradient_1,gradient: [:box_color, :circle_color]})
+    b.paint({id: :the_gradient,gradient: [:other_col, :new_col]})
+    wait 1 do
+      b.remove(:the_gradient)
+      wait 1 do
+        b.remove(all: :shadow)
+      end
+    end
+  end
+end
+

data/vendor/assets/application/examples/repeat.rb

@@ -0,0 +1,26 @@
+#  frozen_string_literal: true
+
+
+c=circle({width: 66, height: 66})
+t1=c.text({id: :first, data: 0, left: 28})
+cc=circle({width: 66, height: 66, left: 0 })
+t2=cc.text({id: :second, data: 0, left: 28})
+first_repeater=repeat(1, repeat = 99) do |counter|
+  t1.data(counter)
+end
+
+my_repeater=repeat(3, repeat = 9) do |counter|
+  t2.data(counter)
+end
+
+c.touch(true) do
+  stop({ repeat: first_repeater })
+  t1.data(:stopped)
+end
+
+cc.touch(true) do
+  stop({ repeat: my_repeater })
+  t2.data(:stopped)
+end
+
+# use Float::INFINITY to infinite repeat

data/vendor/assets/application/examples/resize.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+m = shape({ id: :the_shape, width: 333, left: 130, top: 30, right: 100, height: 399, smooth: 8, color: :yellowgreen, })
+m.drag(true)
+m.on(:resize) do |event|
+  puts event[:dx]
+end
+
+m.resize({ size: { min: { width: 90, height: 190 }, max: { width: 300, height: 600 } } }) do |event|
+  puts "width is  is #{event[:rect][:width]}"
+end
+
+t=text({data: ' click me to unbind resize'})
+t.touch(true) do
+  t.data('resize unbinded')
+  m.resize(:remove)
+end

data/vendor/assets/application/examples/scroll.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+b = box({ id: :the_container, width: 300, height: 300 })
+b.box({top: 500, color: :red})
+cc=b.circle({ top: 160, id: :the_circle })
+
+initial_height=cc.height
+b.overflow(:scroll) do |event|
+  new_height = initial_height + event[:top]
+  cc.height(new_height)
+end

data/vendor/assets/application/examples/security.rb

@@ -0,0 +1,76 @@
+#  frozen_string_literal: true
+
+
+c=circle({left: 220})
+t=text({left: 550,data: :hello,password: { read: {atome: :my_secret} }})
+b = box({ id: :the_box, left: 66,smooth: 1.789,
+          password: {
+            read: {
+              atome: :the_pass,
+              smooth: :read_pass
+            },
+            write: {
+              atome: :the_write_pass,
+              smooth: :write_pass
+            }
+          }
+        })
+
+
+
+b.authorise({ read: {atome: :the_pass,smooth: :read_pass }, write: {smooth: :write_pass}, destroy: true}  )
+puts b.smooth
+# next will be rejected because destroy: true
+puts b.smooth
+#
+b.authorise({ read: {atome: :wrong_pass,smooth: :no_read_pass }, write: {smooth: :wrong_write_pass}, destroy: false}  )
+puts 'will send the wrong password'
+puts b.smooth
+
+b.authorise({ read: {atome: :wrong_pass,smooth: :read_pass }, write: {smooth: :wrong_write_pass}, destroy: false}  )
+puts "'with send the right password it'll works"
+puts b.smooth
+# authorise has two params the first is the password to authorise the second is used to destroy the password or keep for
+# further alteration of the particle
+wait 1 do
+  b.authorise({write: {smooth: :write_pass}, destroy: true} )
+  b.smooth(22)
+  wait 1 do
+    b.smooth(12)
+    wait 1 do
+      b.authorise({write: {smooth: :write_pass}, destroy: false} )
+      b.smooth(66)
+      wait 1 do
+        b.authorise({write: {smooth: :false_pass, atome: :no_apss, destroy: true}} )
+        b.smooth(6)
+      end
+    end
+  end
+end
+
+
+
+
+
+
+# ###########
+
+# b.password(:kgjhg)
+# puts b.password
+# puts b.left(555)
+#
+# b.authorise(:poio, false)
+# b.smooth(22)
+
+
+# b.authorise(:star_wars, false)
+# b.smooth(22)
+# b.authorise(:star_war, true)
+# b.smooth(66)
+# puts b.history({ operation: :write, id: :the_box, particle: :smooth })
+# puts '----'
+# puts "b.security : #{b.security}"
+# puts '----'
+# puts "user hashed pass is : #{grab(Universe.current_user).password}"
+# b.authorise(:star_wars, false)
+# puts "b.smooth is : #{b.smooth}"

data/vendor/assets/application/examples/selected.rb

@@ -0,0 +1,30 @@
+# frozen_string_literal: true
+
+t = text({ data: 'touch me to select all', id: :the_text })
+b = box({ left: 12, id: :the_box })
+circle({ left: 230, id: :the_circle })
+image({ path: 'medias/images/red_planet.png', id: :the__red_planet, top: 233 })
+
+t.touch(true) do
+  puts "1 current_user - #{grab(Universe.current_user).selection}"
+  puts "1 - b selected : #{b.selected}"
+  grab(:view).attached.each do |atome_found|
+    grab(atome_found).selected(true)
+  end
+  puts "2 - current_user : #{grab(Universe.current_user).selection}"
+  puts "2 - b selected : #{b.selected}"
+  selected_items = grab(Universe.current_user).selection # we create a group
+
+  selected_items.each do |atome_id_selected|
+    atome_selected=grab(atome_id_selected)
+    atome_selected.width=rand(333)
+    atome_selected.height=rand(333)
+
+  end
+
+  b.selected(false)
+  puts "3 current_user- #{grab(Universe.current_user).selection}"
+  puts "3 - b selected : #{b.selected}"
+end
+
+

data/vendor/assets/application/examples/shadow.rb

@@ -0,0 +1,46 @@
+# frozen_string_literal: true
+
+c = circle({ id: :the_circle, left: 122, color: :orange, drag: { move: true, inertia: true, lock: :start } })
+ c.color({ id: :col1, red: 1, blue: 1 })
+
+ c.shadow({
+              id: :s1,
+              # affect: [:the_circle],
+              left: 9, top: 3, blur: 9,
+              invert: false,
+              red: 0, green: 0, blue: 0, alpha: 1
+            })
+
+shadow({
+           id: :s2,
+           affect: [:the_circle],
+           left: 3, top: 9, blur: 9,
+           invert: true,
+           red: 0, green: 0, blue: 0, alpha: 1
+         })
+
+c.shadow({
+           id: :s4,
+           left: 20, top: 0, blur: 9,
+           option: :natural,
+           red: 0, green: 1, blue: 0, alpha: 1
+         })
+
+wait 2 do
+  c.remove(:s4)
+  wait 2 do
+    c.remove({ all: :shadow })
+  end
+end
+
+
+the_text = text({ data: 'hello for al the people in front of their machine', center: true, top: 222, width: 777, component: { size: 66 } })
+
+
+
+the_text.shadow({
+           id: :s4,
+           left: 20, top: 0, blur: 9,
+           option: :natural,
+           red: 0, green: 1, blue: 0, alpha: 1
+         })

data/vendor/assets/application/examples/shapes.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+shape(
+  { renderers: [:html], id: :my_test_box, type: :shape, apply: [:shape_color],
+    left: 120, top: 0, width: 100, smooth: 15, height: 100, overflow: :visible, attached: [], center: true
+  })

data/vendor/assets/{src/medias/rubies → application}/examples/smooth.rb

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

data/vendor/assets/application/examples/style.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+b = box
+
+b.style({ left: 33, width: 44, rotate: 23, color: :yellowgreen, blur: 44 })

data/vendor/assets/application/examples/sync.rb

@@ -0,0 +1,39 @@
+#  frozen_string_literal: true
+b = box({ id: :the_box })
+b.data(:canyouwritethis)
+b.rotate(33)
+b.rotate(88)
+b.rotate(99)
+b.rotate(12)
+b.rotate(6)
+b.data
+b.touch(true) do
+  b.data(:super)
+  b.data
+  # operation has two option write or read, it filter the history on those two options,  write retrieve all alteration
+  # of the particle , read list everytime a particle was get
+  # id retrieve all operation on a given ID
+  # particle retrieve all operation on a given particle
+  # alert b.retrieve({ operation: :write, id: :the_box, particle: :data })
+end
+
+
+# alert b.instance_variable_get('@history')
+box_rotate_history=b.history({ operation: :write, id: :the_box, particle: :rotate })
+puts "get all all rotate write operation :  #{box_rotate_history}"
+first_rotate_operation_state=b.history({ operation: :write, id: :the_box, particle: :rotate })[0][:sync]
+
+# we check if an operation synced (that means saved on atome's server)
+puts "first rotate operation state  :  #{box_rotate_history[0]}"
+
+# we check if an operation synced (that means saved on atome's server)
+puts "first rotate operation initial state  :  #{box_rotate_history[0]}"
+puts "synced  :  #{first_rotate_operation_state}"
+first_rotate_operation_number=b.history({ operation: :write, id: :the_box, particle: :rotate })[0][:operation]
+puts "first rotate 'write' operation number is:  #{first_rotate_operation_number}"
+
+# now we sync the state
+Universe.synchronised(first_rotate_operation_number, :star_wars)
+# now we check if it's synced
+box_rotate_history=b.history({ operation: :write, id: :the_box, particle: :rotate })
+puts "new state for first rotate operation : #{box_rotate_history[0]}"

data/vendor/assets/application/examples/tagged.rb

@@ -0,0 +1,24 @@
+# frozen_string_literal: true
+
+b=box
+b.circle({left: 0, top: 0, tag: {group: :to_grid}})
+b.box({left: 120, top: 120, tag: {group: :from_grid}})
+b.circle({left: 240, top: 240,  tag: {group: :from_grid}})
+b.box({left: 330, top: 330,tag: {group: :to_grid}})
+b.box({left: 330, top: 600,tag: :no_tag})
+
+
+wait 1 do
+  tagged(:group).each do |atome_id|
+    grab(atome_id).color(:green)
+    wait 1 do
+      tagged({group: :to_grid }).each do |atome_id|
+        grab(atome_id).color(:blue)
+      end
+    end
+  end
+end
+
+
+
+

data/vendor/assets/application/examples/terminal.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+A.terminal('pwd') do |data|
+  text "terminal response  :\n #{data}"
+end

data/vendor/assets/application/examples/text.rb

@@ -0,0 +1,5 @@
+frozen_string_literal
+
+t2 = text({ data: ['this is ', :super, { data: 'cool', color: :red, id: :new_one }], component: { size: 33 }, left: 120 })
+the_text = text({  data: 'hello for al the people in front of their machine', center: true, top: 120, width: 77, component: { size: 11 } })
+

data/vendor/assets/application/examples/touch.rb

@@ -0,0 +1,38 @@
+#  frozen_string_literal: true
+
+b = box({ left: 666, color: :blue, smooth: 6, id: :the_box2 })
+
+t=text({id: :the_text, data: 'type of touch : ?'})
+
+t.touch(:down) do
+  b.touch({remove: :down})
+   # b.touch(:remove) # or  b.touch(false) to remove all touches bindings
+  t.data('touch down killed')
+end
+b.touch(true) do
+  # t.data('type of touch : ?')
+  b.color(:red)
+  puts 'box tapped'
+end
+
+b.touch(:long) do
+  t.data('type of touch is : long ')
+  b.color(:black)
+end
+
+b.touch(:up) do
+
+  t.data('type of touch is : up ')
+  b.color(:orange)
+end
+
+b.touch(:down) do
+  t.data('type of touch is : down ')
+  b.color(:white)
+end
+
+b.touch(:double) do
+  t.color(:red)
+  t.data('type of touch is : double ')
+  b.color(:yellowgreen)
+end

data/vendor/assets/application/examples/type_mutation.rb

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+b = box({ top: 166, data: :hello,path: './medias/images/red_planet.png'  })
+b.color({ id: :col1, red: 1, blue: 1})
+
+# b.instance_variable_set("@top", 30)
+# b.instance_variable_set("@apply", [c.id])
+# b.instance_variable_set("@path",  )
+
+# b.instance_variable_set("@smooth", 30)
+wait 1 do
+  b.type=:text
+  b.refresh
+  wait 1 do
+    b.type=:image
+    b.refresh
+  end
+end

data/vendor/assets/application/examples/universe.rb

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+puts "atomes : #{Universe.atomes}"
+puts "user_atomes : #{Universe.user_atomes}"
+puts "particle_list : #{Universe.particle_list}"
+puts "users : #{Universe.users}"
+puts "current_machine : #{Universe.current_machine}"
+puts "internet connected : #{Universe.internet}"

data/vendor/assets/application/examples/vector.rb

@@ -0,0 +1,24 @@
+#  frozen_string_literal: true
+
+edition = "M257.7 752c2 0 4-0.2 6-0.5L431.9 722c2-0.4 3.9-1.3 5.3-2.8l423.9-423.9c3.9-3.9 3.9-10.2 0-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2c-1.9 11.1 1.5 21.9 9.4 29.8 6.6 6.4 14.9 9.9 23.8 9.9z m67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
+
+v = vector({ data: { path: { d: edition, id: :p1, stroke: :black, 'stroke-width' => 37, fill: :red } } })
+
+wait 1 do
+  v.data(circle: { cx: 1000, cy: 1000, r: 340, id: :p2, stroke: :green, 'stroke-width' => 35, fill: :yellow })
+  wait 1 do
+    v.color(:cyan) # colorise everything with the color method
+    wait 1 do
+      v.shadow({
+                 id: :s4,
+                 left: 20, top: 0, blur: 9,
+                 option: :natural,
+                 red: 0, green: 1, blue: 0, alpha: 1
+               })
+      v.component(p2: {fill: :blue,'stroke-width' => 166 })
+      v.left(222)
+    end
+  end
+end
+
+

data/vendor/assets/application/examples/video.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+if Universe.internet
+  v = video({ path: "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4" })
+else
+  v = video(:video_missing)
+end
+
+v.touch(true) do
+  v.play(true)
+  wait 3 do
+    v.play(66)
+  end
+end

data/vendor/assets/application/examples/wait.rb

@@ -0,0 +1,6 @@
+# #  frozen_string_literal: true
+b = box
+
+wait 2 do
+  b.color(:red)
+end

data/vendor/assets/application/examples/www.rb

@@ -0,0 +1,10 @@
+#  frozen_string_literal: true
+
+b = box
+
+b.www({ path: "https://www.youtube.com/embed/usQDazZKWAk", left: 333 })
+
+Atome.new(
+  renderers: [:html], id: :youtube1, type: :www, attach: [:view], path: "https://www.youtube.com/embed/fjJOyfQCMvc?si=lPTz18xXqIfd_3Ql", left: 33, top: 33, width: 199, height: 199,
+
+)

data/vendor/assets/application/index.rb

@@ -5,4 +5,4 @@
 # open the console in your browser ou your native app and should see the text below
 puts "hello world"
 
-require 'application/required_example'
+require  './required_example'

data/vendor/assets/application/test.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+# my code here ..
+
+# open the console in your browser ou your native app and should see the text below
+cmd=text ({data: "ruby run_server.rb", left: 0, top: 0, edit: true})
+response_text=text ({data: "response_here", top: 444, edit: true})
+image(:red_planet)
+
+image({path: 'medias/images/logos/atome.svg', width: 33})
+
+commanditor=circle({left: 6,top: 255, width: 33, height: 33, color: :black})
+commanditor.touch(true) do
+  cmd_to_send=cmd.data.downcase
+  A.terminal(cmd_to_send) do |data|
+    response_text.data(data.downcase)
+  end
+end
+
+evaluator=circle({top: 255, width: 33, height: 33, color: :orange})
+evaluator.touch(true) do
+  code_found=cmd.data.downcase
+  eval(code_found)
+end
+terminator=circle({left: 190,top: 255, width: 33, height: 33, color: :red})
+terminator.touch(true) do
+  JS.global[:location].reload()
+end
+