atome 0.5.7.0.3 → 0.3191

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

@@ -1,16 +0,0 @@
-# frozen_string_literal: true
-# class Atome
-
-b=box({ left: 12, id: :the_first_box })
-b.touch(true) do
-
-  alt=b.alternate(true, false)
-  if alt
-    b.color(:green)
-  else
-    b.color(:red)
-  end
-  touch_allow(alt)
-
-end
-

data/vendor/assets/application/examples/alternate.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/animation.rb

@@ -1,91 +0,0 @@
-# # frozen_string_literal: true
-#
-# bb = text({ id: :the_ref, width: 369, data: "touch me!" })
-# bb.color(:orange)
-# box({ id: :my_box, drag: true })
-# c = circle({ id: :the_circle, left: 222, drag: { move: true, inertia: true, lock: :start } })
-# c.shadow({ renderers: [:html], id: :shadow2, type: :shadow,
-#            attach: [:the_circle],
-#            left: 3, top: 9, blur: 19,
-#            red: 0, green: 0, blue: 0, alpha: 1
-#          })
-#
-# Atome.new(animation: { renderers: [:browser], id: :the_animation1, type: :animation, attach: [],attached: []})
-# aa = animation({
-#                  targets: %i[my_box the_circle],
-#                  begin: {
-#                    left_add: 0,
-#                    top: :self,
-#                    smooth: 0,
-#                    width: 3
-#                  },
-#                  end: {
-#                    left_add: 333,
-#                    top: 299,
-#                    smooth: 33,
-#                    width: :the_ref
-#                  },
-#                  duration: 800,
-#                  mass: 1,
-#                  damping: 1,
-#                  stiffness: 1000,
-#                  velocity: 1,
-#                  repeat: 1,
-#                  ease: 'spring'
-#                }) do |pa|
-#   puts "animation say#{pa}"
-# end
-# aa.stop(true) do |val|
-#   puts " stop : #{val}"
-# end
-#
-# aa.start(true) do |val|
-#   puts " start : #{val}"
-# end
-#
-# bb.touch(true) do
-#   aa.play(true) do |po|
-#     puts "play say #{po}"
-#   end
-# end
-#
-# aaa = animation({
-#                   # no target for advanced animations control on callback
-#                   begin: {
-#                     left_add: 0,
-#                     top: :self,
-#                     smooth: 0,
-#                     width: 3
-#                   },
-#                   end: {
-#                     left_add: 333,
-#                     top: :self,
-#                     smooth: 33,
-#                     width: :the_ref
-#                   },
-#                   duration: 1800,
-#                   mass: 1,
-#                   damping: 1,
-#                   stiffness: 1000,
-#                   velocity: 1,
-#                   repeat: 1,
-#                   ease: 'spring'
-#                 }) do |pa|
-#   puts "get params to do anything say#{pa}"
-# end
-# wait 7 do
-#   aaa.play(true) do |po|
-#     puts "play aaa say #{po}"
-#   end
-# end
-
-#TODO : make the code above works
-# create a animation object
-# create callback methode when playing
-
-# # here is how to animate shape :
-
-b=box({id: :the_box})
-
-  b.animate({ to: 90 })
-

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

@@ -1,8 +0,0 @@
-# # frozen_string_literal: true
-
-b=box({ left: 12, id: :the_first_box })
-color({ id: :the_lemon, red: 1, green: 1 })
-wait 1 do
-  b.apply(:the_lemon)
-end
-

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

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

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

@@ -1,7 +0,0 @@
-# frozen_string_literal: true
-
-# we check if the atome or the particle we want to create has already been defined in atome
-
-new ({ atome: :image })
-
-new ({ particle: :left })

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

@@ -1,6 +0,0 @@
-# frozen_string_literal: true
-
-
-text("a whole new way to use atome :\n
- create a ruby file, ex : index.rb then type atome sparkle index\n
-it will create an app and run it immediately")

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

@@ -1,86 +0,0 @@
-# frozen_string_literal: true
-
-# dummies html objects :
-
-#object 1
-div_rouge = JS.global[:document].createElement( "div")
-
-div_rouge[:style][:backgroundColor] = "red"
-div_rouge[:style][:width] = "100px"
-div_rouge[:style][:height] = "100px"
-div_rouge.setAttribute('id', "my_div")
-div_view = JS.global[:document].getElementById('view')
-div_view.appendChild(div_rouge)
-
-
-#object 2
-span_bleu =  JS.global[:document].createElement( "span")
-span_bleu[:style][:backgroundColor] = "blue"
-span_bleu[:innerHTML] = "blue"
-span_bleu[:style][:width] = "10px"
-span_bleu[:style][:height] = "8px"
-div_rouge.appendChild(span_bleu)
-
-
-#object 2
-span_white =  JS.global[:document].createElement( "h1")
-span_white[:style][:color] = "white"
-span_white[:innerHTML] = "Hello"
-span_white[:style][:width] = "10px"
-span_white[:style][:height] = "80px"
-span_white[:style][:top] = "80px"
-span_bleu.appendChild(span_white)
-
-
-#   usage example
-#   div_result =  HTML.locate(id: 'my_div') # Recherche par ID
-#   alert "id found : #{div_result[:id]}" if div_result
-
-# first_result =  HTML.locate(parent: :view)[1]
-# result_found =  HTML.locate(html: first_result)
-# alert result_found[0][:tagName]
-
-# if span_result
-#   span_result.to_a.each do |child|
-#     alert "child found: #{child[:tagName]}"
-#   end
-#   enfants = span_result.to_a.map do |child|
-#     "tag: #{child[:tagName]}, ID: #{child[:id] || 'non défini'}"
-#   end
-#   alert "children found : #{enfants.join(', ')}"
-# end
-
-
-wait 1 do
-  div_result =  HTML.locate(parent: :view)[0]
-  atomized_el= atomizer({ target: div_result, id: :my_html_obj })
-  atomized_el.color(:pink)
-  atomized_el.position(:absolute)
-  atomized_el.left(66)
-  atomized_el.top(99)
-end
-
-
-wait 2 do
-  div_result = HTML.locate(id: 'my_div') # find by ID
-
-  atomized_el= atomizer({ target: div_result, id: :my_second_html_obj })
-  atomized_el.rotate(55)
-  atomized_el.color(:purple)
-  # atomized_el.display(:block)
-  atomized_el.position(:absolute)
-  atomized_el.left(255)
-  atomized_el.top(255)
-end
-
-
-wait 3 do
-  first_result =  HTML.locate(parent: :view)[1]
-  result_found =  HTML.locate(html: first_result) # Attention  HTML.locate always return an array you have to chose
-  new_atomized_el= atomizer({ target: result_found, id: :my_third_html_obj })
-  new_atomized_el.display(:block)
-  new_atomized_el.position(:absolute)
-  new_atomized_el.rotate(12)
-end
-
-

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

@@ -1,34 +0,0 @@
-# frozen_string_literal: true
-
-# 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
-# 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 :
-# 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
-
-# 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 :
-b = box({ id: :b315, color: :red })
-circle({ id: :c_12, top: 0, drag: true, color: :yellow })
-
-c=circle({ id: :c_123, color: :cyan, left: 233, drag: true })
- box({ id: :b_1, left: 333, drag: true })
-grab(:b_1).attach(:c_123)
-
-bb = box({ top: 99, drag: true })
-bb.attach(:b_1)
-
-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
-  puts  b.attach # => [:c_12]
-  # to retrieve atome attached to the atome c_12 just type tha other method
-  puts  c.attached #=> [:b_1]
-end

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

@@ -1,45 +0,0 @@
-# frozen_string_literal: true
-
-
-# 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
-# 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 :
-# 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
-
-
-# Here is how to use it as a setter :
-grab(:black_matter).color({ red: 1, green: 0.6, blue: 0.6, id: :active_color })
-grab(:black_matter).color({ red: 0.3, green: 1, blue: 0.3, id: :inactive_color })
-
-b = box({ left: 99, drag: true, id: :the_box })
-wait 1 do
-  b.apply([:active_color])
-end
-c = circle({ left: 333, id: :the_circle })
-wait 1 do
-
-  puts "before: -------"
-  puts  "c.attach #{c.attach}"
-  puts  "b.attached : #{b.attached}"
-  puts "b.color : #{b.color}"
-  puts "c.color : #{c.color}"
-  c.apply(:inactive_color)
-  b.attached([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]
-  puts "b.color : #{b.color}"
-  puts "c.color : #{c.color}"
-end
-
-
-
-

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

@@ -1,9 +0,0 @@
-# frozen_string_literal: true
-
-image({ id: :logo })
-def_2 = "M 536.75,-0.25 C 536.75,-0.25 536.75,-0.08 536.75,0.25 536.75,25.82 536.75,1023.75 536.75,1023.75 536.75,1024.08 536.75,1024.25 536.75,1024.25 L 486.75,1024.25 C 486.75,1024.25 486.75,1024.08 486.75,1023.75 486.75,998.18 486.75,0.25 486.75,0.25 486.75,0.24 486.75,-0.2 486.75,-0.2 L 536.75,-0.25 536.75,-0.25 Z M 536.75,-0.25"
-vector({ id: :my_svg, top: 33, left: 99, data: { path: { d: def_2, id: :p2, stroke: :red, 'stroke-width' => 3, fill: :green } } })
-
-wait 1 do
-  grab(:view).b64_to_tag({ id: 'my_svg', target: :logo })
-end

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

@@ -1,54 +0,0 @@
-# frozen_string_literal: true
-
-# The class Universe is used to retrieve some data needed for the atome framework
-# per example you can retrieve the list of all available particles
-puts Universe.particle_list
-# this give at the date 14/11/2023 :
-# or the list of all available atomes
-puts Universe.atomes
-# this give at the date 14/11/2023 :
-# as well as the list of renderer available
-puts Universe.renderer_list
-# this give at the date 14/11/2023 :
-
-# Universe hold all these instance variable :
-
-# @counter is a integer  that store the total number of atome actually active for the current user on the current machine
-# @atomes = is a hash that contains  a list all atomes actually active for the current user on the current machine,
-# the key is the atome ID the value is the atome object itself
-# atomes_specificities
-# @atome_list is a hash that contains all atome's types available
-# @particle_list is a hash that contains all particle's types available
-# @renderer_list is an array that contains all renderers available
-# @specificities indicate to the atome framework witch atomes or particles have specificities, as all atomes and particles methods are define using lot of meta-programming, some atome and particle need special treatment, then we use specificities
-# @specificities is a hash where the key is either the atome type or the particle type and the value is a proc that hold the code to be executed when the specified atome is instantiated or the particle is applied onto the atome
-# @sanitizers  is a hash where the key is either the atome type or the particle type and the value is a proc holding the code to sanitize user input value before it's the value is interpreted , rendered and stored
-# @history is a hash that store the history of all modification of any atome's particle that happen on the current machine for current user.
-# the history hash is define as follow: the key is number of the operation  ( 0 is the first modification, 1 the second , and so on... )
-# that value of the history hash contain also another hash define as follow: the key is the id of the atome altered and the value is again a new hash with three keys :
-# on of the three keys is sync , the sync value hold the sync state of the alteration (sync true means that the alteration is stored and backup on a server), another keys is time, its value hold the time stamp of the alteration
-# the third key is the particle altered and value is the new value of the particle
-# @users = is a hash that contains all user session on the current machine
-
-# basic usage:
-# # we create a basic empty atome
-a=Atome.new
-# we add a bunch particles
-a.renderers([:html])
-a.id(:my_shape)
-a.type(:shape)
-a.width(33)
-a.height(33)
-a.top(33)
-a.left(33)
-a.attach(:view)
-# we can now add a color the atome using  apply  used to apply an atome onto another (please note that color is also an atome not a particle)
-# in this case  we apply the color atome name box_color this a default color created by the system
-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
-  b.color(:red)
-end

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

@@ -1,32 +0,0 @@
-# frozen_string_literal: true
-
-# Behaviors allow you to add specific code to any particle, enabling the particle to behave differently.
-# Here, when the first box receives a value, it behaves differently from the second box even if they received
-# the same params .
-
-text({ data: :hello, id: :the_txt, left: 120 })
-
-b=box
-
-my_lambda= lambda do |new_value|
-  grab(:the_txt).color(:red)
-end
-
-b.behavior({value: my_lambda})
-
-my_second_lambda= lambda do |new_value|
-  grab(:the_txt).data('from cirle')
-end
-c=box({top: 69})
-c.behavior({value: my_second_lambda})
-
-wait 1 do
-  c.value(:ok)
-end
-wait 2 do
-  b.value(:ok)
-end
-
-
-
-

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

@@ -1,26 +0,0 @@
-# frozen_string_literal: true
-
-b=circle({left: 333})
-b.blur(6)
-
-image(:red_planet)
-b2=box({color: {alpha: 0.1, red: 1, green: 0, blue: 0.2}, left: 99, top: 99, width: 99, height: 99})
-b2.drag(true)
-b2.border({ thickness: 0.3, color: :gray, pattern: :solid })
-b2.smooth(12)
-b2.shadow({
-            invert: true,
-            id: :s4,
-            left: 2, top: 2, blur: 9,
-            # option: :natural,
-            red: 0, green: 0, blue: 0, alpha: 0.3
-          })
-
-b2.shadow({
-            # invert: true,
-            id: :s5,
-            left: 2, top: 2, blur: 9,
-            # option: :natural,
-            red: 0, green: 0, blue: 0, alpha: 0.6
-          })
-b2.blur({affect: :back, value: 15})

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

@@ -1,75 +0,0 @@
-# frozen_string_literal: true
-
-
-
-
-
-
-
-b=box({id: :my_b_box, left: 150, top: 150})
- b.border({ thickness: 15, red: 1, green: 1, blue: 0, alpha: 1, pattern: :solid ,id: :jjjj, inside: true})
-
-wait 1.5 do
- border({ thickness: 30, red: 1, green: 1, blue: 0, alpha: 1, pattern: :solid ,id: :poil, inside: true})
-end
-
-c = circle({ id: :the_circle, color: :green })
-b = box({ left: 333, id: :the_box })
-circle({ top: 190, width: 99, height: 99, id: :dont_break_too })
-c2 = circle({ top: 190, width: 99, height: 99, id: :dont_break, color: :orange })
-# let's add the border
-wait 1 do
-  c2.shadow({
-              left: 9,
-              top: 3,
-              blur: 9,
-              invert: false,
-              option: :natural,
-              red: 0, green: 0, blue: 0, alpha: 1
-            })
-  c2.border({ thickness: 5, red: 1, green: 0, blue: 0, alpha: 1, pattern: :dotted, id: :borderline })
-end
-c.border({ thickness: 5, red: 1, green: 1, blue: 0, alpha: 1, pattern: :dotted })
-b.border({ thickness: 5, red: 0, green: 1, blue: 0, alpha: 1, pattern: :dotted })
-
-wait 2 do
-  c2.border({ thickness: 5, red: 1, green: 1, blue: 0, alpha: 1, pattern: :solid })
-  c.border({ thickness: 5, red: 1, green: 1, blue: 0, alpha: 1, pattern: :dotted })
-  b.border({ thickness: 3, red: 1, green: 1, blue: 0, alpha: 1, pattern: :dotted })
-  b.text('touch me')
-end
-#
-b.touch(true) do
-
-  b.border({ thickness: 5, red: 1, green: 1, blue: 1, alpha: 1, pattern: :dotted, id: :the_door,inside: true })
-  puts " no new atome added!, number of atomes: #{Universe.atomes.length}"
-  b.apply([:the_door])
-  c.apply([:the_door])
-  c2.apply([:the_door])
-  wait 1 do
-    # if the_door (border) is change all affect atomes are refreshed
-    grab(:the_door).pattern(:solid)
-    wait 1 do
-      # if the_door (border) is change all affect atomes are refreshed
-      grab(:the_door).thickness(20)
-      wait 1 do
-        # if the_door (border) is change all affect atomes are refreshed
-        grab(:the_door).red(0)
-        c2.color({alpha: 0})
-
-      end
-    end
-  end
-end
-
-
-bb=box({top: 50, left: 100})
-bb.text(:touch_me)
-bord=bb.border({ thickness: 3,  pattern: :dotted, inside: true})
-bb.touch(true) do
-  col=bord.color({red: 1 })
-
-  wait 2 do
-    col.green(1)
-  end
-end

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

@@ -1,17 +0,0 @@
-# frozen_string_literal: true
-
-
-# browse only works with  application version of atome or using server mode , it allow the browse local file on your computer or remote file on server, if operating in server mode
-
-# here is an example :
-A.browse('/') do |data|
-  text "folder content  :\n #{data}"
-end
-
-# if Atome.host == 'tauri'
-#   # JS.eval("readFile('atome','Cargo.toml')")
-#   JS.eval("browseFile('atome','/')")
-# else
-#   puts 'nothing here'
-#   # JS.eval("terminal('A.terminal_callback','pwd')")
-# end

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

@@ -1,5 +0,0 @@
-# frozen_string_literal: true
-
-# Universe.categories is used to get the existing category to sort particles , ex:
-
-puts Universe.categories

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

@@ -1,16 +0,0 @@
-# frozen_string_literal: true
-
-# assign a class to atom object in the webview
-
-t=text('touch the box')
-b=box({ left: 12, id: :the_first_box })
-b.category(:matrix)
-b.touch(true) do
-  b.remove({ category: :matrix})
-  t.data= " category is : #{b.category}"
-  wait 1 do
-    b.category(:new_one)
-    t.data= " category is : #{b.category}"
-  end
-end
-t.data= " category is : #{b.category} "

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

@@ -1,7 +0,0 @@
-# frozen_string_literal: true
-
-b= box({ center:  { x: 0, y: 0, dynamic: true }})
-
-# b.center({ x: '10%', y: '20%' })
-# b.center({ x: true, y: true })
-# box({center: true})