atome 0.5.7.0.3 → 0.3191

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

@@ -1,70 +0,0 @@
-# frozen_string_literal: true
-
-# new({ particle: :duplicate, store: false }) do |params|
-#   if @duplicate
-#     copy_number = @duplicate.length
-#   else
-#     copy_number = 0
-#   end
-#
-#   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
-#   particles_found = instance_variables.dup
-#
-#   particles_found.delete(:@history)
-#   particles_found.delete(:@callback)
-#   particles_found.delete(:@duplicate)
-#   particles_found.delete(:@touch_code)
-#   # touch_code=instance_variable_get('@touch_code')
-#   particles_found.delete(:@html)
-#   particles_found.delete(:@attached)
-#   particles_found.delete(:@id)
-#   params[:id] = new_atome_id
-#   attached_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
-#     end
-#   end
-#   particles_found.each do |particle_found|
-#     particle_name = particle_found.to_s.sub('@', '')
-#     particle_content = self.send(particle_name)
-#     new_atome.set(particle_name => particle_content)
-#     # new_atome.instance_variable_set('@touch_code',touch_code)
-#   end
-#   params[:attached] = attached_atomes
-#
-#   if params.instance_of? Hash
-#     params.each do |k, v|
-#       new_atome.send(k, v)
-#     end
-#   end
-#
-#   @duplicate ||= {}
-#   @duplicate[new_atome_id] = new_atome
-#   new_atome
-# end
-#
-# new({ after: :duplicate }) do |params|
-#   @duplicate[@duplicate.keys[@duplicate.keys.length - 1]]
-# end
-# c=circle
-# c.color({red: 1, id: :titi})
-# # b=box({apply: [:titi], left: 123})
-
-
-b = circle({ id: :the_circle })
-b.text(:hello)
-bb = b.duplicate({  width: 33, left: 234, top: 222 })
-bb.color(:red)
-wait 1 do
-bb2 = b.duplicate({ width: 33, left: 12, top: 99 })
-bb3 = b.duplicate({ width: 33, left: 444 })
-bb3.color(:green)
-bb2.color(:orange)
-end
-

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

@@ -1,24 +0,0 @@
-#  frozen_string_literal: true
-
-new({particle: :select})
-t = text :hello
-t.left(99)
-
-t.edit(true)
-
-b=box
-b.touch(true) do
-  puts t.data
-  t.component({ selected: true })
-end
-
-# # frozen_string_literal: true
-#
-# c = circle({ id: :the_circle, left: 122, color: :orange, drag: { move: true, inertia: true, lock: :start } })
-# col = c.color({ id: :col1, red: 1, blue: 1 })
-# wait 2 do
-#   col.red(0.6)
-#   wait 2 do
-#     col.red(0) # Appel en écriture
-#   end
-# end

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

@@ -1,6 +0,0 @@
-#  frozen_string_literal: true
-
-my_pass = Black_matter.encode('hello')
-puts my_pass
-checker = Black_matter.check_password('hello,', my_pass)
-puts checker

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

@@ -1,6 +0,0 @@
-# frozen_string_literal: true
-
-
-encoded=A.encrypt('hello')
-
-text("encrypted string : #{encoded}")

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

@@ -1,27 +0,0 @@
-# frozen_string_literal: true
-
-
-b = box({ drag: true })
-
-A.example(:left) do
-  english = 'here is an example, touch me to get some help, or click the code to exec'
-  french = "voici un example, click moi pour de l'aide, ou  clicker le code pour l'executer"
-  code = <<STR
-b=box
-puts b.left
-b.left(155)
-puts b.left
-STR
-  example = text({ int8: { english: english, french: french }, language: :english, width: 666 })
-  code_text = text({ int8: { english: code }, language: :english, width: 666, top: 33 })
-  example.touch(true) do
-    example.delete(true)
-    help(:left)
-  end
-  code_text.touch(true) do
-    eval(code)
-  end
-end
-
-
-  b.example(:left)

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

@@ -1,36 +0,0 @@
-# frozen_string_literal: true
-def act_on(obj)
-  obj.color(:red)
-  obj.left(56)
-end
-
-def act_off(obj)
-  obj.color(:blue)
-  obj.left(33)
-end
-
-
-b = box({ left: 12, id: :the_first_box, top: 30 })
-
-b.touch(true) do
-  b.alternate({ width: 33, color: :red, height: 33 , smooth: 0 }, { width: 66, color: :orange, blur: 8}, { height: 66, color: :green, smooth: 9, blur: 0})
-end
-
-c = circle({ left: 99 , top: 30})
-
-c.touch(true) do
-  alt = b.alternate(true, false)
-  if alt
-    c.color(:yellowgreen)
-  else
-    c.color(:orange)
-  end
-end
-
-
-c2 = circle({ left: 333 , top: 30})
-
-
-c2.touch(true) do
-  b.alternate({  executor: {act_on: b}  }, { executor: {act_off: b}})
-end

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

@@ -1,16 +0,0 @@
-#  frozen_string_literal: true
-
-# see import for drag and drop import
-b = box({ drag: true })
-b.import(true) do  |content|
-  puts "add code here, content:  #{content}"
-end
-
-
-
-
-
-
-
-
-

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

@@ -1,23 +0,0 @@
-# frozen_string_literal: true
-
-b=box({width: 300, height: 333, color: {alpha: 0}})
-image({id: :logo,path: 'medias/images/logos/atome.svg', width: 66, left: 555})
-grab(:black_matter).image({id: :planet,path: 'medias/images/red_planet.png', width: 66,height: 66,  left: 555, top: 180})
-
-
-b.fill([atome:  :logo, width: 33, height: 33 ])
-b.overflow(:hidden)
-wait 1 do
-  b.fill([atome:  :planet, width: 33, height: 33 ])
-  wait 1 do
-    b.fill([{atome:  :planet,repeat: {x: 5, y: 3}}])
-    wait 1 do
-      b.fill([{atome:  :planet,width: 33, height: 33 ,rotate: 33, size: { x: 800,y: 600 }, position: { x:-200,y: -200 } }])
-      wait 3 do
-        b.fill([{atome:  :planet,repeat: {x: 5, y: 3}}, { atome: :logo, width: 33, height: 33 ,  opacity: 0.3} ])
-      end
-    end
-  end
-end
-
-b.drag(true)

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

@@ -1,158 +0,0 @@
-# frozen_string_literal: true
-
-new({ particle: :find }) do |params|
-  puts params
-
-end
-
-b = box
-# alert 'use category top assign class then port hybrid.html to atom'
-16.times do |index|
-  width_found = b.width
-  b.duplicate({ left: b.left + index * (width_found + 45), top: 0, category: :matrix })
-end
-
-def calculate_dynamic_value(particle)
-  500
-end
-
-b.find(
-  condition: [{
-                operator: :and,
-                rules: [
-                  {
-                    property: :left,
-                    comparison: :gt,
-                    value: { type: :dynamic, content:[22] }
-                  },
-                  {
-                    operator: :or,
-                    rules: [
-                      {
-                        property: :width,
-                        comparison: :eq,
-                        value: { type: :static, content: 50 }
-                      },
-                      {
-                        property: :width,
-                        comparison: :eq,
-                        value: { type: :static, content: 100 }
-                      }
-                    ],
-                    pre_validate: true
-                  },
-
-                ]
-              },
-              {
-                operator: :or,
-                rules: [
-                  {
-                    property: :rotate,
-                    comparison: :gt,
-                    value: { type: :static, content: 20 }
-                  }
-                ]
-              }]
-) do
-  puts 'items found'
-end
-
-
-Universe.user_atomes.each do |atome_id|
-  atome_found = hook(atome_id)
-  if atome_found.type == :shape
-    atome_found.color(:orange)
-    atome_found.smooth(200)
-    atome_found.top(200)
-  end
-end
-
-
-random_found =Universe.user_atomes.sample(7)
-random_found.each do |atome_id|
-  atome_found = hook(atome_id)
-  if atome_found.type == :shape
-    atome_found.top(rand(600))
-    atome_found.width(rand(120))
-    atome_found.height(rand(120))
-    atome_found.smooth(rand(120))
-    atome_found.color(:red)
-  end
-end
-
-random_found =Universe.user_atomes.sample(9)
-random_found.each do |atome_id|
-  atome_found = hook(atome_id)
-  if atome_found.type == :shape
-    atome_found.left(rand(700))
-    atome_found.width(rand(120))
-    atome_found.height(rand(120))
-    atome_found.smooth(rand(120))
-    atome_found.color(:blue)
-  end
-end
-
-# List of Comparison Operators
-# :eq (Equal To)
-# Description: Checks if the value is equal to the specified value.
-# Usage: { comparison_operator: :eq, value: 100 } would match if the property's value is exactly 100.
-# :gt (Greater Than)
-# Description: Checks if the value is greater than the specified value.
-# Usage: { comparison_operator: :gt, value: 30 } would match if the property's value is greater than 30.
-# :lt (Less Than)
-# Description: Checks if the value is less than the specified value.
-# Usage: { comparison_operator: :lt, value: 50 } would match if the property's value is less than 50.
-# :gte (Greater Than or Equal To)
-# Description: Checks if the value is greater than or equal to the specified value.
-# Usage: { comparison_operator: :gte, value: 20 } would match if the property's value is 20 or more.
-# :lte (Less Than or Equal To)
-# Description: Checks if the value is less than or equal to the specified value.
-# Usage: { comparison_operator: :lte, value: 60 } would match if the property's value is 60 or less.
-# :neq (Not Equal To)
-# Description: Checks if the value is not equal to the specified value.
-# Usage: { comparison_operator: :neq, value: 45 } would match if the property's value is anything other than 45.
-# :in (In a Set Of)
-# Description: Checks if the value is within a specified set of values.
-# Usage: { comparison_operator: :in, value: [1, 2, 3] } would match if the property's value is either 1, 2, or 3.
-# :nin (Not in a Set Of)
-# Description: Checks if the value is not within a specified set of values.
-# Usage: { comparison_operator: :nin, value: [10, 20, 30] } would match if the property's value is anything other than 10, 20, or 30.
-
-# example :
-
-# b.find(
-#   condition: {
-#     operator: :and,
-#     rules: [
-#       {
-#         property: :left,
-#         comparison: :gt,
-#         value: { type: :dynamic, content: -> { calculate_dynamic_value('left') }, cache: true }
-#       },
-#       {
-#         operator: :or,
-#         rules: [
-#           {
-#             property: :width,
-#             comparison: :eq,
-#             value: { type: :static, content: 50 }
-#           },
-#           {
-#             operator: :and,
-#             rules: [
-#               {
-#                 property: :width,
-#                 comparison: :eq,
-#                 value: { type: :static, content: 100 }
-#               },
-#               # ...
-#             ]
-#           }
-#         ],
-#         pre_validate: true
-#       },
-#       # ...
-#     ]
-#   }
-# )

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

@@ -1,26 +0,0 @@
-# frozen_string_literal: true
-
-c = circle({ height: 400, width: 200, top: 100, left: 0, top: 100 })
-b = c.box({ width: 200, height: 100, left: 600, top: 200, id: :my_box })
-c.circle({ width: 200, height: 100, left: 120, top: -80, id: :my_text, data: :hi })
-b.circle({ color: :yellow, width: 55, height: 88, left: 100 })
-b.box
-i=c.image({path: 'medias/images/red_planet.png', id: :the_pix })
-# b.text(:red_planet)
-
-wait 1 do
-
-  c.fit({ value: 100, axis: :x })
-
-  wait 1 do
-    c.fit({ value: 66, axis: :y })
-    wait 1 do
-      c.fit({ value: 600, axis: :x })
-    end
-  end
-end
-# alert i.width
-# alert i.height
-# i.fit({ value: 66, axis: :x })
-#  i.width(66)
-#  i.height(66)

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

@@ -1,15 +0,0 @@
-# frozen_string_literal: true
-
-# add new font face
-A.add_text_visual({ path: 'Roboto', name: 'Roboto-Thin' })
-A.add_text_visual({ path: 'Roboto', name: 'Roboto-Thin' })
-A.add_text_visual({ path: 'Roboto', name: 'Roboto-LightItalic' })
-
-# now applying it
-first_text=text({ data: :hello, component: { size: 55, visual: 'Roboto-Thin' } })
-wait 1 do
-  text({ data: :hello, component: { size: 55, visual: 'Roboto-Black' } })
-  wait 1 do
-    first_text.component({visual: 'Roboto-LightItalic'})
-  end
-end

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

@@ -1,15 +0,0 @@
-# frozen_string_literal: true
-
-gen = generator({ id: :genesis, build: {top: 66, copies: 1} })
-gen.build({ id: :bundler, copies: 32, color: :red, width: 33, height: 44,  left: 123, smooth: 9, blur: 3, attach: :view })
-grab(:bundler_1).color(:blue)
-
-
-
-#   Atome.new(
-#   { renderers:  [:html], id: :atomix, type: :element, tag: { system: true }, attach: [], attached: [] }
-# )
-#
-#
-# {:id=>:eDen, :type=>:element, :renderers=>[], :tag=>{:system=>true}, :attach=>[], :attached=>[]}
-# {:renderers=>[], :id=>:eDen, :type=>:element, :tag=>{:system=>true}, :attach=>[], :attached=>[]}

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

@@ -1,16 +0,0 @@
-#  frozen_string_literal: true
-
-the_text = text({ data: 'hello for al the people in front of their machine jhgj  jg jgh jhg  iuuy res ', center: true, top: 120, width: 77, component: { size: 11 } })
-the_box = box({ left: 12 })
-the_circle = circle({ id: :cc, color: :orange })
-the_circle.image('red_planet')
-the_circle.color('red')
-the_circle.box({ left: 333, id: :the_c })
-
-element({ id: :the_element })
-the_view = grab(:view)
-puts "views_shape's shape are : #{the_view.shape}"
-puts "the_circle color is : #{the_circle.color}"
-puts "the_text data is : #{the_text.data}"
-puts "the_box left is : #{the_box.left}"
-puts "the_circle particles are : #{the_circle.particles}"

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

@@ -1,14 +0,0 @@
-#  frozen_string_literal: true
-
-# the grab method is used to retrieve atome using their ID
-a = box({ id: :my_box })
-
-# to alter or add a particle you can use the variable, here we set the left value
-a.left(33)
-
-# to alter or add a particle you can use the variable
-# it's also possible to alter or add a particle without a variable using grab and the ID of the atome , here we set the top value
-
-wait 1 do
-  grab(:my_box).top(5)
-end

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

@@ -1,40 +0,0 @@
-# frozen_string_literal: true
-
-circ = circle({ drag: true })
-circ.remove({ all: :color })
-col_1 = circ.color(:white)
-col_2 = circ.color({ red: 1, id: :red_col })
-col_4 = circ.color({ blue: 1, id: :red_col2, alpha: 0.3 })
-col_5 = circ.color({ red: 0, green: 1, id: :red_col3, alpha: 0.7 })
-col_3 = circ.color(:yellow)
-wait 0.5 do
-  circ.paint({ gradient: [col_1.id, col_2.id], direction: :left })
-  wait 0.5 do
-    circ.paint({ id: :the_painter, rotate: 69, gradient: [col_1.id, col_2.id] })
-    wait 0.5 do
-      circ.color(:cyan)
-      circ.paint({ gradient: [col_1.id, col_2.id, col_3.id], rotate: 33, diffusion: :conic })
-      wait 0.5 do
-        painter = circ.paint({ id: :the_painter2, gradient: [col_1.id, col_2.id, col_3.id], direction: :left })
-        wait 0.5 do
-          # circ.color(:blue)
-          circ.paint({ gradient: [col_4.id, col_5.id], diffusion: :conic })
-          wait 1 do
-            circ.color(:blue)
-            # circ.paint({ gradient: [col_5.id, col_5.id], diffusion: :conic })
-          end
-        end
-      end
-    end
-  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.left(333)
-
-  the_text.paint({ gradient:  [col_1.id, col_2.id], direction: :left , id: :painted_love })
-
-# #TODO : gradient on text!
-

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

@@ -1,44 +0,0 @@
-# frozen_string_literal: true
-
-text({ id: :the_text,data: 'Touch me to group and colorize', center: true, top: 120, width: 77, component: { size: 11 } })
-box({ left: 12, id: :the_first_box })
-the_circle = circle({ id: :cc, color: :yellowgreen, top: 222 })
-the_circle.image({path:  'medias/images/red_planet.png', id: :the__red_planet })
-the_circle.color('red')
-the_circle.box({ left: 333, id: :the_c })
-
-element({ id: :the_element })
-
-the_view = grab(:view)
-
-color({ id: :the_orange, red: 1, green: 0.4 })
-color({ id: :the_lemon, red: 1, green: 1 })
-the_group = group({ collect: the_view.shape })
-
-wait 0.5 do
-  the_group.left(633)
-  wait 0.5 do
-    the_group.rotate(23)
-    wait 0.5 do
-      the_group.apply([:the_orange])
-      the_group.blur(6)
-    end
-  end
-end
-puts the_group.collect
-grab(:the_first_box).smooth(9)
-grab(:the_text).touch(true) do
-bibi=box({left: 555})
-the_group2= group({ collect: [:the_c,:the_first_box, :the_text, :cc , bibi.id] })
-the_group2.top(55)
-# puts we remove the circle(:cc) so it' wont be affected by the color :the_lemon
-the_group2.collect.delete( :cc )
-the_group2.apply([:the_lemon])
-
-end
-
-
-
-# # # FIXME : on touch code above crash but works with wait
-
-

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

@@ -1,17 +0,0 @@
-# frozen_string_literal: true
-
-
-b = box({ drag: true })
-A.help(:left) do
-  english = 'the left particle is,used to position the atome on the x axis, click me to get an example'
-  french = "'la particle left est utilisée  pour positionner l'atome sur l'axe x, click moi pour obtenir un exemple"
-
-  t = text({ int8: { english: english, french: french },  width: 666 })
-  t.touch(true) do
-    t.delete(true)
-    example(:left)
-  end
-end
-
-
-  b.help(:left)

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

@@ -1,21 +0,0 @@
-# frozen_string_literal: true
-
-#  here is how to setup a hierarchy within atome using a more simple way than attached and attach .simply adding atome inside another atome. here is a example to do to so : b = box({ id: :the_box })
-b=box
-# the line below will create a circle inside the box b
-c = b.circle({ id: :the_circle })
-# we can add any atome inside another atome, below we add a text inside de th box b
-t = b.text({ data: :hello, left: 200, id: :the_cirle })
-# theres no limit in the depht of atome, we can create an image inside the text, exemple:
-t.image({ path: 'medias/images/logos/atome.svg', width: 33 })
-
-# note that creating a hierarchy this way automatically
-
-# Note that when you create a hierarchy in this way, it automatically creates a relationship by populating the 'attach' and 'attached' properties. So, if you enter:
-
-
-puts "b attach : #{b.attach}" # prints [:view] in the console as it is attached to the view atom
-puts "b attached :#{b.attached}" # prints [:the_circle, :the_cirle] in the console
-
-puts "c attach: #{c.attach}" # prints [:the_box] in the console
-puts "c attached: #{c.attached}" # prints [:box_14] in the console as there's no child

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

@@ -1,32 +0,0 @@
-#  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
-  puts  b.history
-  # b.data(:super)
-  # b.data
-  # box_data_write_history=b.history({ operation: :write, id: :the_box, particle: :data })
-  # puts "get data write operation :  #{box_data_write_history}"
-  # box_data_read_history=b.history({ operation: :read, id: :the_box, particle: :data })
-  # puts "get data read operation :  #{box_data_read_history}"
-end
-
-
-
-# box_rotate_history=b.history({ operation: :write, id: :the_box, particle: :rotate })
-# puts "get all all rotate write operation :  #{box_rotate_history}"
-#
-# # we check if an operation synced (that means saved on atome's server)
-# puts "first rotate operation state  :  #{box_rotate_history[0]}"
-#
-# box_data_history=b.history({ operation: :write, id: :the_box, particle: :data })
-# puts "get data write operation :  #{box_data_history}"
-#
-

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

@@ -1,62 +0,0 @@
-# frozen_string_literal: true
-# holder is a particle that contain an atome so we use my_objet.holder.left(33)
-# and it will move the atome contain in the holder particle to be manipulated
-# it facilitate the access of some atome without being worried about their id
-# this is mainly used int context of input , slider , etc...
-
-
-# simple example
-b=box({color: :black})
-
-c=b.circle({width: 10, height: 10, color: :red})
-
-b.holder(c)
-wait 1 do
-  b.holder.center(true)
-end
-
-
-
-
-
-
-# second example ( holder is build in the input molecule)
-text({ left: 33, top: 33, data: 'data collected', id: :infos })
-
-inp = A.input({ width: 166,
-                trigger: :up,
-                back: :orange,
-                shadow: {
-                  id: :s2,
-                  left: 3, top: 3, blur: 3,
-                  invert: true,
-                  red: 0, green: 0, blue: 0, alpha: 0.9
-                },
-                text: :black,
-                smooth: 3,
-                left: 66,
-                top: 33,
-                default: 'type here'
-              }) do |val|
-
-  grab(:infos).data(val)
-end
-
-wait 2 do
-  inp.top(12)
-  wait 1 do
-    inp.width(666)
-    inp.holder.blur(6)
-    wait 1 do
-      inp.holder.blur(0)
-      inp.holder.data('injected data')
-    end
-  end
-
-end
-
-
-
-
-
-