atome 0.5.7.3.5 → 0.5.7.3.9

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

@@ -0,0 +1,35 @@
+# # frozen_string_literal: true
+b=box
+
+b.touch(:down) do
+   A.message({ action: :authentication, data: { table: :user, particles: { email: 'tre@tre.tre', password: 'poipoi' } } }) do |response|
+    alert "=> #{response}"
+  end
+end
+
+#
+#
+# # # 1 login attempt
+
+wait 1 do
+  A.message({ action: :authentication, data: { table: :user, particles: { email: 'tre@tre.tre', password:  'poipoi' } } }) do |response|
+    alert "=> #{response}"
+  end
+  wait 1 do
+    A.message({ action: :authentication, data: { table: :user, particles: { email: 'tre@tre.tre', password:  'poipoi' } } }) do |response|
+      alert "=> #{response}"
+    end
+  end
+end
+#
+# 2 account creation attempt
+# wait 1 do
+#   A.message({ action: :account_creation, data: { email: 'tre@tre.tre', password: 'poipoi', user_id: 'Nico' }  }) do |response|
+#     puts response
+#   end
+#
+# end
+
+# string=hello
+#
+# puts JS.global.sha256(string.to_s)

data/vendor/assets/application/examples/actor&role.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+bbb = box({left: 66})
+ccc = bbb.circle(id: :the_circle)
+
+bbb.role(:first)
+bbb.role(:second)
+bbb.delete(:left)
+bbb.delete(:role)
+
+bbb.role(:fourth)
+bbb.role(:five)
+bbb.role({ remove: :last })
+
+bbb.actor({ the_circle: :buttons })
+bbb.actor({ the_circle: :dummy })
+bbb.actor({ the_circle: :menu })
+
+bbb.actor({ remove: { the_circle: :dummy } })
+
+puts "1 ===> #{bbb.role}"
+puts "2 ===> #{bbb.actor}"
+puts "3 ===> #{ccc.role}"

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

@@ -10,7 +10,7 @@
 #            red: 0, green: 0, blue: 0, alpha: 1
 #          })
 #
-# Atome.new(animation: { renderers: [:browser], id: :the_animation1, type: :animation, attach: [],attached: []})
+# Atome.new(animation: { renderers: [:browser], id: :the_animation1, type: :animation, attach: [],fasten: []})
 # aa = animation({
 #                  targets: %i[my_box the_circle],
 #                  begin: {

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

@@ -0,0 +1,121 @@
+# frozen_string_literal: true
+
+a = application({
+                  id: :arp,
+                  margin: 3,
+                  # circle: { id: :test, color: :red },
+                  # menu: { width: 220, height: 33, depth: 333, color: :black },
+                })
+
+page1_code = lambda do |back|
+  alert :kooly
+end
+
+verif = lambda do
+  b = box({ id: :ty, left: 90, top: 90 })
+  b.touch(true) do
+    alert grab(:mod_1).touch
+  end
+
+  # a=grab('page2').circle({id: :heu, color: :black})
+  # a.color(:red)
+  # alert 'ok'
+end
+
+page1 = {
+  id: :page1,
+  color: :cyan,
+  name: :accueil,
+  footer: { color: :green, height: 22 },
+  header: { color: :yellow },
+  left_side_bar: { color: :yellowgreen },
+  right_side_bar: { color: :blue },
+  # box: { id: :mod_1, touch: {tap: true, code: page1_code} }
+}
+
+color({ id: :titi, red: 1 })
+page2 = { id: :page2,
+          color: :white,
+          menu: false,
+          run: verif,
+          box: { id: :mod_1, left: 333, top: 123, touch: { down: true, code: page1_code } }
+
+}
+
+
+
+page0 = { id: :page0,
+          color: :purple,
+
+}
+a.page(page0)
+a.page(page1)
+a.page(page2)
+a.page({ id: :page3,
+         color: :red,
+         # run: verif,
+         # box: { id: :mod_1,left: 333, touch: {tap: :down, code: page1_code} }
+       })
+# wait 1 do
+#   a.page(page2)
+#   wait 1 do
+#     a.page(page1)
+#     puts 'second load'
+#     wait 5 do
+#       a.page(page3)
+#       wait 5 do
+#         a.page(page2)
+#         puts 'third load'
+#       end
+#     end
+#   end
+# end
+# c=grab(:page1).circle({left: 99})
+# c.touch(true) do
+#   alert grab(:mod_1).inspect
+# end
+
+# wait 1 do
+#   a.page(page2)
+# end
+# wait 2 do
+#   a.page(page1)
+# end
+#
+# wait 3  do
+#   a.page(page2)
+# end
+#
+# # wait 5 do
+# #   a.page(page0)
+# # end
+# #
+# # wait 6 do
+# #   a.page(page1)
+# # end
+
+# wait 4 do
+#   cc=box
+#   cc.touch(true) do
+#     alert  grab(:heu).inspect
+#   end
+# end
+
+# a=lambda do |_val|
+#   grab(:testing).color(:red)
+#   wait 1 do
+#     grab(:testing).delete({recursive: true})
+#   end
+# end
+#
+# c=circle
+# c.touch(true) do
+#   b=box({id: :testing, left: 99})
+#   b.touch({ tap: true , code: a})
+# end
+# wait 1 do
+a.show(:page1)
+#   # alert :kool
+# end
+
+

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

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

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

@@ -2,14 +2,14 @@
 
 # Here is the attach explanation and example
 # the attach method in atome is both a getter and a setter
-# attach and attached particles serve the same purpose but just in the opposite direction
+# attach and fasten particles serve the same purpose but just in the opposite direction
 # please note that atome.attach([:atome_id]) means that atome will be the parent of the atome with the id :atome_id
-# to sum up :  attach and attached are both setter and getter :
+# to sum up :  attach and fasten are both setter and getter :
 # a.attach(b.ib) will attach the current object to the IDs passed in the params. The current atome will be the child of the the atomes width IDS passed in the the params,
 # a.attach(b.ib) means (insert 'b' into 'a') or a is parent b is child
 
-# while a.attached(b.id) (insert 'a' into 'b')is the opposite to attached it will attach IDs passed in the params to the current atome. The current atome will be the parent of of the the atomes width IDS passed in the the params
-# a.attached(b.ib) means (insert 'a' into 'b') or a is child b is parent
+# while a.fasten(b.id) (insert 'a' into 'b')is the opposite to fasten it will attach IDs passed in the params to the current atome. The current atome will be the parent of of the the atomes width IDS passed in the the params
+# a.fasten(b.ib) means (insert 'a' into 'b') or a is child b is parent
 
 # atome.attach([:atome_id]) means that atome will be the child of the atome with the id :atome_id
 # Here is how to use it as a setter :
@@ -27,8 +27,8 @@ box({ id: :my_test_box })
 wait 1 do
   b.attach(:c_12)
   # Here is how to use it as a getter :
-  # to retrieve witch atomes b315 is attached to  to the atome c_12 just type
+  # to retrieve witch atomes b315 is fasten to  to the atome c_12 just type
   puts  b.attach # => [:c_12]
-  # to retrieve atome attached to the atome c_12 just type tha other method
-  puts  c.attached #=> [:b_1]
+  # to retrieve atome fasten to the atome c_12 just type tha other method
+  puts  c.fasten #=> [:b_1]
 end

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

@@ -1,15 +1,13 @@
 # frozen_string_literal: true
 
+# Here is the fasten explanation and example :
 
-# Here is the attached explanation and example :
-
-# the attached method in atome is both a getter and a setter
-# attach and attached particles serve the same purpose but just in the opposite direction
+# the fasten method in atome is both a getter and a setter
+# attach and fasten particles serve the same purpose but just in the opposite direction
 # please note that atome.attach([:atome_id]) means that atome will be the parent of the atome with the id :atome_id
-# to sum up :  attach and attached are both setter and getter :
+# to sum up :  attach and fasten are both setter and getter :
 # attach will attach the current object to the IDs passed in the params. The current atome will be the child of the the atomes width IDS passed in the the params,
-# while attached is the opposite to attached it will attach IDs passed in the params to the current atome. The current atome will be the parent of of the the atomes width IDS passed in the the params
-
+# while fasten is the opposite to fasten it will attach IDs passed in the params to the current atome. The current atome will be the parent of of the the atomes width IDS passed in the the params
 
 # Here is how to use it as a setter :
 grab(:black_matter).color({ red: 1, green: 0.6, blue: 0.6, id: :active_color })
@@ -19,23 +17,23 @@ b = box({ left: 99, drag: true, id: :the_box })
 wait 1 do
   b.apply([:active_color])
 end
-c = circle({ left: 333, id: :the_circle })
+c = circle({ left: 333, id: :the_circle, drag: true })
 wait 1 do
 
   puts "before: -------"
-  puts  "c.attach #{c.attach}"
-  puts  "b.attached : #{b.attached}"
+  puts "c.attach #{c.attach}"
+  puts "b.fasten : #{b.fasten}"
   puts "b.color : #{b.color}"
   puts "c.color : #{c.color}"
   c.apply(:inactive_color)
-  b.attached([c.id])
+  b.fasten([c.id])
   puts "After: -------"
 
   # Here is how to use it as a getter :
-  # to retrieve witch atomes b315 is attached to  to the atome c_12 just type
-  puts  "c.attach #{c.attach}" # => [:the_box]
-  # to retrieve atome attached to the atome c_12 just type tha other method
-  puts  "b.attached : #{b.attached}" #=> [:the_circle]
+  # to retrieve witch atomes b315 is fasten to  to the atome c_12 just type
+  puts "c.attach #{c.attach}" # => [:the_box]
+  # to retrieve atome fasten to the atome c_12 just type tha other method
+  puts "b.fasten : #{b.fasten}" #=> [:the_circle]
   puts "b.color : #{b.color}"
   puts "c.color : #{c.color}"
 end

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

@@ -49,6 +49,6 @@ a.apply([:box_color])
 wait 2 do
   # a bit less efficient and a bit more processor intensive solution is to use the box preset, that render a box too
   b=box
-  # we can add a color atome onto the new atome my_shape. as stated before for some atome types such as color, shadows ,the relation between the two atomes won't be attach and attached but  apply and affect instead the atome color with the particle red onto the
+  # we can add a color atome onto the new atome my_shape. as stated before for some atome types such as color, shadows ,the relation between the two atomes won't be attach and fasten but  apply and affect instead the atome color with the particle red onto the
   b.color(:red)
 end

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

@@ -0,0 +1,47 @@
+# frozen_string_literal: true
+
+
+
+############
+
+box({ id: :the_box, drag: true, color: { alpha: 2 } })
+
+menu1_code = lambda do
+  puts :menu1_code
+end
+menu2_code = lambda do
+  puts :menu2
+end
+
+but = buttons({
+                id: :menu1,
+                attach: :the_box,
+                inactive: { text: { color: :gray }, width: 66, height: 12, spacing: 3, disposition: :horizontal,
+                            color: :orange, margin: { left: 33, top: 12 } },
+                active: { text: { color: :white, shadow: {} }, color: :blue, shadow: {} },
+                item_1: {
+                  text: :acceuil,
+                  code: menu1_code
+                },
+                item_2: {
+                  text: :page_2,
+                  code: menu2_code
+
+                },
+                item_3: {
+                  text: :page_3,
+                  code: lambda { puts :item_3_touched }
+                },
+              })
+
+c = text({ top: 99, left: 99, data: 'add a button' })
+
+c.touch(:down) do
+  but.add_button(new_button: {
+    text: :button1,
+    code: lambda { puts :button1_touched }
+  })
+end
+
+
+# TODO: remove menu_item ,reset_menu, reorder, delete

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

@@ -18,56 +18,56 @@ end
 
 
 #Atome.new(
-#   { renderers: [], id: :eDen, type: :element, tag: { system: true }, attach: [], attached: [] }
+#   { renderers: [], id: :eDen, type: :element, tag: { system: true }, attach: [], fasten: [] }
 # )
 # Atome.new(
 #   { renderers: [], id: :user_view, type: :element, tag: { system: true },
-# 	attach: [:eDen], attached: [] }
+# 	attach: [:eDen], fasten: [] }
 # )
 #
 # # color creation
 # Atome.new(
 #   { renderers: default_render, id: :view_color, type: :color, tag: ({ system: true, persistent: true }),
-# 	red: 0.15, green: 0.15, blue: 0.15, alpha: 1, top: 12, left: 12, diffusion: :linear, attach: [], attached: [] }
+# 	red: 0.15, green: 0.15, blue: 0.15, alpha: 1, top: 12, left: 12, diffusion: :linear, attach: [], fasten: [] }
 # )
 #
 # Atome.new(
 #   { renderers: default_render, id: :shape_color, type: :color, tag: ({ system: true, persistent: true }),
-# 	red: 0.4, green: 0.4, blue: 0.4, alpha: 1, attach: [], attached: [] }
+# 	red: 0.4, green: 0.4, blue: 0.4, alpha: 1, attach: [], fasten: [] }
 # )
 #
 # Atome.new(
 #   { renderers: default_render, id: :box_color, type: :color, tag: ({ system: true, persistent: true }),
-# 	red: 0.5, green: 0.5, blue: 0.5, alpha: 1, attach: [], attached: [] }
+# 	red: 0.5, green: 0.5, blue: 0.5, alpha: 1, attach: [], fasten: [] }
 # )
 #
 # Atome.new(
 #   { renderers: default_render, id: :invisible_color, type: :color, tag: ({ system: true, persistent: true }),
-# 	red: 0, green: 0, blue: 0, alpha: 1, attach: [], attached: [] }
+# 	red: 0, green: 0, blue: 0, alpha: 1, attach: [], fasten: [] }
 # )
 #
 # Atome.new(
 #   { renderers: default_render, id: :text_color, type: :color, tag: ({ system: true, persistent: true }),
-# 	red: 0.9, green: 0.9, blue: 0.9, alpha: 1, attach: [], attached: [] }
+# 	red: 0.9, green: 0.9, blue: 0.9, alpha: 1, attach: [], fasten: [] }
 # )
 #
 # Atome.new(
 #   { renderers: default_render, id: :circle_color, type: :color, tag: ({ system: true, persistent: true }),
-# 	red: 0.6, green: 0.6, blue: 0.6, alpha: 1, attach: [], attached: [] }
+# 	red: 0.6, green: 0.6, blue: 0.6, alpha: 1, attach: [], fasten: [] }
 # )
 #
 # # system object creation
 # # the black_matter is used to store un materialized atomes
 # Atome.new(
 #   { renderers: default_render, id: :black_matter, type: :shape, attach: [:user_view],apply: [],
-# 	left: 0, right: 0, top: 0, bottom: 0, width: 0, height: 0, overflow: :hidden, tag: { system: true }, attached: []
+# 	left: 0, right: 0, top: 0, bottom: 0, width: 0, height: 0, overflow: :hidden, tag: { system: true }, fasten: []
 #   })
 #
 # # view port
 # Atome.new(
 #   { renderers: default_render, id: :view, type: :shape, attach: [:user_view], apply: [:view_color],
 # 	tag: { system: true },
-# 	attached: [], left: 0, right: 0, top: 0, bottom: 0, width: :auto, height: :auto, overflow: :auto,
+# 	fasten: [], left: 0, right: 0, top: 0, bottom: 0, width: :auto, height: :auto, overflow: :auto,
 #   }
 #
 # )
@@ -75,7 +75,7 @@ end
 # # unreal port, hold system object and tools
 # Atome.new(
 #   { renderers: default_render, id: :intuition, type: :shape, attach: [:user_view], tag: { system: true },
-# 	left: 0, top: 0, width: 0, height: 0, overflow: :visible, attached: [],apply: []
+# 	left: 0, top: 0, width: 0, height: 0, overflow: :visible, fasten: [],apply: []
 #   }
 # )
 #
@@ -92,5 +92,5 @@ end
 # Universe.current_machine = machine_id
 # # the constant A is used to access alla atomes methods
 # A = Atome.new(
-#   { renderers: default_render, id: :atome, type: :element, tag: { system: true }, attach: [], attached: [] }
+#   { renderers: default_render, id: :atome, type: :element, tag: { system: true }, attach: [], fasten: [] }
 # )

data/vendor/assets/application/examples/clones&monitoring.rb

@@ -51,7 +51,7 @@ wait 1 do
 end
 
 # TODO : make multi parents works
-# TODO : make it works for event like touch , also attach and attached
+# TODO : make it works for event like touch , also attach and fasten
 # wait 2 do
 #   col = color({ id: :col1, red: 1, blue: 1 })
 #   Atome.monitoring([col], [:red, :blue], [:variable1, :variable2])

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

@@ -1,7 +1,12 @@
 # frozen_string_literal: true
 
-b = box()
-b.text('click me')
+b = box({left: 99, top: 99})
+b.text({ data: 'click me' })
+
+# wait 5 do
+#   b.delete(:left)
+#   puts 'o'
+# end
 orange=''
 b.touch(true) do
 
@@ -20,18 +25,17 @@ b.touch(true) do
     c.delete(:left)
     wait 0.5 do
       # orange.color(:pink)
-      c.delete(:blur)
+       c.delete(:blur)
     end
   end
 
   c.touch(:down) do
-    puts '1?'
     grab(:circling).delete({ recursive: true }) if grab(:circling)
   end
   # alert orange.apply
-  wait 4 do
-    grab(:circling).delete({ recursive: true })if grab(:circling)
-  end
+  # wait 4 do
+  #   grab(:circling).delete({ recursive: true })if grab(:circling)
+  # end
 end
 
 
@@ -52,10 +56,10 @@ end
 # #
 # wait 3 do
 #
-#   b.shape.each do |attached_atome_id|
-#     attached_atome_id.left(333)
+#   b.shape.each do |fasten_atome_id|
+#     fasten_atome_id.left(333)
 #     wait 2 do
-#       attached_atome_id.delete(true)
+#       fasten_atome_id.delete(true)
 #     end
 #   end
 #
@@ -77,14 +81,14 @@ end
 #
 # # alert "before creation : #{bb}"
 # bb.touch(true) do
-#   bb.box({attached: col.id, id: :attached_box})
+#   bb.box({fasten: col.id, id: :fasten_box})
 #   c=bb.circle(({ id: :circle_1 }))
 #   c.text({id: :text_1, data: :hello})
 #   bb.text(:good)
 #   # alert "after creation : #{bb}"
 #   wait 1 do
-#   bb.physical.each do |attached_atome_id|
-#         bb.delete({id: attached_atome_id, recursive: true})
+#   bb.physical.each do |fasten_atome_id|
+#         bb.delete({id: fasten_atome_id, recursive: true})
 #     end
 #
 #     # wait 1 do
@@ -98,7 +102,7 @@ end
 # puts  Universe.user_atomes
 # puts  Universe.system_atomes
 
-# physical_found=["text_0","attached_box","circle_1","attached_box","circle_1"]
+# physical_found=["text_0","fasten_box","circle_1","fasten_box","circle_1"]
 # clean_physical=physical_found.uniq
 # alert clean_physical
 
@@ -108,3 +112,4 @@ end
 # b.attach(c.id)
 # alert b
 # alert c
+

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

@@ -0,0 +1,8 @@
+#  frozen_string_literal: true
+
+b = box({ drag: true, id: :the_b })
+c = b.circle({ left: 99, id: :the_c })
+d = b.text({ data: :hello, left: 44, top: 44, id: :the_t })
+c.touch(:down) do
+  c.detach(b.id)
+end

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

@@ -9,5 +9,5 @@ b.box
 
 
 atome_founds = c.dig
-puts "dig allow to retrieve all attached atomes recursively,
+puts "dig allow to retrieve all fasten atomes recursively,
 it return a table of ID including the ID of the parent (here : :the_circle) :\n#{atome_founds}"

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

@@ -230,8 +230,8 @@ def duplicate(ids)
 
     atome_passed=grab(id_passed)
     # atome_passed.particles.delete(:left)
-    # we remove attached
-    particle_to_remove=[:id, :broadcast, :history,:callback, :html_object, :store_allow,:attached]
+    # we remove fasten
+    particle_to_remove=[:id, :broadcast, :history,:callback, :html_object, :store_allow,:fasten]
     particles_found=atome_passed.particles.dup
     particles_found.delete_if { |key, value| particle_to_remove.include?(key) }
     particles_found[:id]=identity_generator(particles_found[:type])
@@ -252,8 +252,8 @@ def duplicate(ids)
     wait 2 do
       nw_atome.left(333)
     end
-    # Atome.new({"renderers"=>["html"], "id"=>nil, "type"=>"shape", "attach"=>["view"], "tag"=>{}, "attached"=>["text_15"], "unit"=>{}, "collected"=>{}, "width"=>99, "height"=>99, "apply"=>["box_color"], "left"=>100, "top"=>100, "clones"=>[], "preset"=>{"box"=>{"width"=>99, "height"=>99, "apply"=>["box_color"], "left"=>100, "top"=>100, "clones"=>[]}}, "touch"=>{"tap"=>true}, "touch_code"=>{"touch"=>:jhjh}})
-    # Atome.new({"renderers"=>["html"], "id"=>:jgjhg, "type"=>"shape", "attach"=>["view"], "tag"=>{}, "attached"=>["text_15"], "unit"=>{}, "collected"=>{}, "width"=>99, "height"=>99, "apply"=>["box_color"], "left"=>100, "top"=>100, "clones"=>[], "preset"=>{"box"=>{"width"=>99, "height"=>99, "apply"=>["box_color"], "left"=>100, "top"=>100, "clones"=>[]}}, "touch"=>{"tap"=>true}, "touch_code"=>{"touch"=>:jhjh}})
+    # Atome.new({"renderers"=>["html"], "id"=>nil, "type"=>"shape", "attach"=>["view"], "tag"=>{}, "fasten"=>["text_15"], "unit"=>{}, "collected"=>{}, "width"=>99, "height"=>99, "apply"=>["box_color"], "left"=>100, "top"=>100, "clones"=>[], "preset"=>{"box"=>{"width"=>99, "height"=>99, "apply"=>["box_color"], "left"=>100, "top"=>100, "clones"=>[]}}, "touch"=>{"tap"=>true}, "touch_code"=>{"touch"=>:jhjh}})
+    # Atome.new({"renderers"=>["html"], "id"=>:jgjhg, "type"=>"shape", "attach"=>["view"], "tag"=>{}, "fasten"=>["text_15"], "unit"=>{}, "collected"=>{}, "width"=>99, "height"=>99, "apply"=>["box_color"], "left"=>100, "top"=>100, "clones"=>[], "preset"=>{"box"=>{"width"=>99, "height"=>99, "apply"=>["box_color"], "left"=>100, "top"=>100, "clones"=>[]}}, "touch"=>{"tap"=>true}, "touch_code"=>{"touch"=>:jhjh}})
   end
 end
 
@@ -263,14 +263,14 @@ c.text(:hello)
 b.touch(true) do
   puts @id
 end
-b.clones([{ left: 300, top: 300, color: :blue, entangled: [:width, :attached, :height] },
+b.clones([{ left: 300, top: 300, color: :blue, entangled: [:width, :fasten, :height] },
           { left: 600, top: 366, color: :green, entangled: [:left, :height] }])
 
 # duplicate([b.id])
 
 
 # Atome.new( { renderers: [:html], attach: [:view],id: :my_test_box, type: :shape, apply: [:shape_color],
-#              left: 120, top: 0, width: 100, smooth: 15, height: 100, overflow: :visible, attached: [], center: true
+#              left: 120, top: 0, width: 100, smooth: 15, height: 100, overflow: :visible, fasten: [], center: true
 #            })
 # model={shape}
 

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

@@ -7,7 +7,7 @@ clone = ""
 b.drag(:start) do
   b.color(:black)
   b.height(123)
-  # beware you must use grab(:view) else it'll be attached to the context, that means to 'b' in this case
+  # beware you must use grab(:view) else it'll be fasten to the context, that means to 'b' in this case
   clone = grab(:view).circle({ color: :white, left: b.left, top: b.top, depth: 3 })
 end
 

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

@@ -10,8 +10,8 @@
 #   new_atome_id = "#{@id}_copy_#{copy_number}"
 #   new_atome = Atome.new({ type: @type, renderers: @renderers, id: new_atome_id })
 #
-#   attached_atomes = []
-#   attached_found = attached.dup
+#   fasten_atomes = []
+#   fasten_found = fasten.dup
 #   particles_found = instance_variables.dup
 #
 #   particles_found.delete(:@history)
@@ -20,14 +20,14 @@
 #   particles_found.delete(:@touch_code)
 #   # touch_code=instance_variable_get('@touch_code')
 #   particles_found.delete(:@html)
-#   particles_found.delete(:@attached)
+#   particles_found.delete(:@fasten)
 #   particles_found.delete(:@id)
 #   params[:id] = new_atome_id
-#   attached_found.each do |child_id_found|
+#   fasten_found.each do |child_id_found|
 #     child_found = grab(child_id_found)
 #     if child_found
 #       new_child = child_found.duplicate({})
-#       attached_atomes << new_child.id
+#       fasten_atomes << new_child.id
 #     end
 #   end
 #   particles_found.each do |particle_found|
@@ -36,7 +36,7 @@
 #     new_atome.set(particle_name => particle_content)
 #     # new_atome.instance_variable_set('@touch_code',touch_code)
 #   end
-#   params[:attached] = attached_atomes
+#   params[:fasten] = fasten_atomes
 #
 #   if params.instance_of? Hash
 #     params.each do |k, v|

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

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+b = box({ width: 200, height: 200, color: :white })
+
+a = b.box({ color: :green, left: 33, id: :box, shadow: {
+  id: :menu_active_shade,
+  left: 9,
+  top: -3,
+  blur: 10,
+  invert: false,
+  red: 0,
+  green: 0,
+  blue: 0,
+  alpha: 1 } })
+wait 2 do
+  a.exchange({ color: :red, top: 33})
+end

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

@@ -7,9 +7,9 @@ grab(:bundler_1).color(:blue)
 
 
 #   Atome.new(
-#   { renderers:  [:html], id: :atomix, type: :element, tag: { system: true }, attach: [], attached: [] }
+#   { renderers:  [:html], id: :atomix, type: :element, tag: { system: true }, attach: [], fasten: [] }
 # )
 #
 #
-# {:id=>:eDen, :type=>:element, :renderers=>[], :tag=>{:system=>true}, :attach=>[], :attached=>[]}
-# {:renderers=>[], :id=>:eDen, :type=>:element, :tag=>{:system=>true}, :attach=>[], :attached=>[]}
+# {:id=>:eDen, :type=>:element, :renderers=>[], :tag=>{:system=>true}, :attach=>[], :fasten=>[]}
+# {:renderers=>[], :id=>:eDen, :type=>:element, :tag=>{:system=>true}, :attach=>[], :fasten=>[]}