atome 0.5.7.0.5 → 0.5.7.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 23166944704e42b25801cc052708c19f265c1f8247dd3ff9b099944ecb415401
-  data.tar.gz: 38a31b2cdcc6ceeef5453b926ee4d7eaf704e48c58039830126a94b5a430c188
+  metadata.gz: 3ac857ff76516c3e581e3204e6e1e1f9e497d1dc80575edeb0045e001e235b53
+  data.tar.gz: a6f94e75d6ab5596d005d3f84565b25f413406ec959aae10ddaa8eaeebef7777
 SHA512:
-  metadata.gz: 86db3598d96617483482c8e97006bf3fe2e981be529cd871e75b7370b55838002914192c64dcb4b46cf72313f470a91a9ff3f2408fa5914439b84126c924cd44
-  data.tar.gz: 655b083c5529f5ed4c642ee5c7457d2940062914433e072a582964ae1e7a4932423731b3a353d0f927d1d6db5b5d56386907d91d7011dfca53979b4e3c532608
+  metadata.gz: 6b6c2f0f2cdc28ef9a51ba50c0e42a5d564db451b3842b20ded678b43fcb94edf20dd63144e381269bf580c8bb521b23d7a324c6e55947319bd510dba79b4072
+  data.tar.gz: 3de7b9612d651409b56ce4ce04a5c951739414066d904135be8311ebdf24dfc2487ac78594bd80a18b54b440d4818b62555bc56667ea3bbe5ca942641f2cce4f

data/lib/atome/genesis/particles/geometry.rb

@@ -14,7 +14,7 @@ new({ particle: :size, category: :geometry, type: :int }) do |params|
   if params[:reference] == :x
     original_width = width
     width(params[:value])
-    height(height * params[:value] / original_width)
+    height(height * params[:value] / original_width) if value
   else
     original_height = height
     height(params[:value])

data/lib/atome/genesis/particles/identity.rb

@@ -64,7 +64,6 @@ end
 new(particle: :selected, category: :identity, type: :boolean) do |params|
   if params == true
     @selection_style = []
-    # select_style= border({ thickness: 3, red: 1, green: 1, blue: 1, alpha: 1, pattern: :dotted })
     default_style = Universe.default_selection_style
     select_style = ''
     default_style.each do |atome_f, part_f|

data/lib/atome/genesis/particles/spatial.rb

@@ -11,7 +11,17 @@ new({ particle: :position, category: :spatial, type: :int })
 new({ particle: :organise, category: :spatial, type: :string })
 new({ particle: :spacing, category: :spatial, type: :string })
 new({ particle: :display, category: :spatial, type: :boolean }) do |params|
-  params = { mode: params } unless params.instance_of? Hash
+  # params = { mode: params } unless params.instance_of? Hash
+  params = case params
+           when true
+             :block
+           when false
+             :none
+           else
+             params
+
+           end
+  params = :none if params == false
   params
 end
 new({ particle: :layout, category: :spatial, type: :int }) do |params|
@@ -92,7 +102,7 @@ new({ particle: :center, category: :spatial, type: :hash }) do |params|
 end
 new ({ particle: :increment, category: :spatial, type: :hash }) do |params|
   params.each do |particle, value|
-    prev_value=send(particle)
-    send(particle, value+prev_value)
+    prev_value = send(particle)
+    send(particle, value + prev_value)
   end
 end

data/lib/atome/genesis/particles/utility.rb

@@ -26,8 +26,12 @@ end
 
 new({ particle: :delete, category: :utility, type: :boolean, render: false }) do |params|
   if params == true
+
     # We use the tag persistent to exclude color of system object and other default colors
     unless @tag && (@tag[:persistent] || @tag[:system])
+      # if we are on a matrix we delete cells found & group found
+      cells.delete(true)
+      group.delete(true)
       # now we detach the atome from it's parent
       # now we init rendering
       render(:delete, params)
@@ -38,20 +42,25 @@ new({ particle: :delete, category: :utility, type: :boolean, render: false }) do
         parent_found.attached.delete(id_found)
       end
       @affect&.each do |affected_atome|
-          affected_found = grab(affected_atome)
-          affected_found.apply.delete(id_found)
-          affected_found.refresh
-        end
-
-      # Universe.delete(@aid)
+        affected_found = grab(affected_atome)
+        affected_found.apply.delete(id_found)
+        affected_found.refresh
+      end
+      Universe.delete(@aid)
     end
   elsif params.instance_of? Hash
-
+    # if we are on a matrix we delete cells found & group found
+    cells.delete(true)
+    group.delete(true)
     if params[:recursive]
       unless grab(@id).tag && (grab(@id).tag[:persistent] || grab(@id).tag[:system])
         attached.each do |atttached_atomes|
           delete_recursive(atttached_atomes)
         end
+        # group.each do |el|
+        #   delete_recursive(el)
+        # end
+
         touch(:remove)
         render(:delete, params)
         Universe.delete(@id)
@@ -68,7 +77,6 @@ new({ particle: :delete, category: :utility, type: :boolean, render: false }) do
     # we check if the params passed is an atome to treat it in a different way
     puts "write code here : #{apply} , #{attached}"
   else
-    # alert grab(params).delete(true)
     send(params, 0) unless params == :id
   end
 end

data/lib/atome/genesis/sparkle.rb

@@ -215,3 +215,7 @@ end
 # Universe.allow_localstorage = true # to stop data to be stored in localstorage
 # Universe.allow_sync= false # to stop data to be sync on server
 touch_allow(false) # this lock the system right click in web view
+# add a few default font
+# A.add_text_visual({ path: 'Roboto', name: 'Roboto-Bold' })
+# A.add_text_visual({ path: 'Roboto', name: 'Roboto-Thin' })
+# A.add_text_visual({ path: 'Roboto', name: 'Roboto-LightItalic' })

data/lib/atome/kernel/universe.rb

@@ -27,7 +27,7 @@ class Universe
   @allow_tool_operations = false
   @active_tools = []
   @atome_preset = []
-  @default_selection_style={border: { thickness: 3, red: 1, green: 1, blue: 1, alpha: 1, pattern: :dotted }}
+  @default_selection_style={border: { thickness: 1, red: 1, green: 0, blue: 0, alpha: 1, pattern: :dotted }}
   @applicable_atomes= %i[color shadow border paint animation]
   # @historicize=false
   class << self

data/lib/atome/version.rb

@@ -2,5 +2,5 @@
 
 #  return atome version
 class Atome
-  VERSION = '0.5.7.0.5'
+  VERSION = '0.5.7.1.0'
 end

data/lib/molecules/intuition/utillities.rb

@@ -11,9 +11,12 @@ new(molecule: :input) do |params, bloc|
   limit ||= 15
   back_col = params.delete(:back)
   back_col ||= :grey
-  text_col = params.delete(:text)
-  text_col ||= :black
+  text_params = params.delete(:text)
+  text_params ||= {}
   default_text = params.delete(:default)
+  component = params.delete(:component)
+  # component ||= {}
+
   default_text ||= :input
   default_parent = if self.instance_of?(Atome)
                      id
@@ -29,12 +32,12 @@ new(molecule: :input) do |params, bloc|
     })
 
   text_input = Atome.new(
-    { renderers: [:html], type: :text, color: text_col, component: { size: params[:height] },
+    { renderers: [:html], type: :text, component: component,
       data: default_text, left: params[:height] * 20 / 100, top: 0, edit: true, attach: input_back.id, height: params[:height],
       position: :absolute
-    }
+    }.merge(text_params)
   )
-
+  # text_input.set()
   text_input.touch(:down) do
     input_back.tick(:input)
     text_input.edit(true)
@@ -79,11 +82,13 @@ new(molecule: :input) do |params, bloc|
   input_back.holder(text_input)
   input_back
 end
+
 new(molecule: :list) do |params, _bloc|
 
   styles_found = params.delete(:styles)
   element = params.delete(:element)
   listing = params.delete(:listing)
+  action = params.delete(:action)
   new_id = params.delete(:id) || identity_generator
 
   styles_found ||= {
@@ -123,7 +128,14 @@ new(molecule: :list) do |params, _bloc|
   listing.each_with_index do |data, index|
     # let's create the container
     new_atome = { renderers: renderer_found, attach: list.id }.merge(styles_found).merge({ type: :shape })
+
+
     el = Atome.new(new_atome)
+    if action
+      el.touch(action[:touch]) do
+        send(action[:method], data)
+      end
+    end
     el.top((height_found + margin) * index)
     # now the content
     Atome.new({ renderers: renderer_found, attach: el.id }.merge(element).merge(data))
@@ -131,6 +143,7 @@ new(molecule: :list) do |params, _bloc|
   end
   list
 end
+
 new({ molecule: :slider }) do |params, bloc|
 
   default_value = params[:value] ||= 0
@@ -309,6 +322,46 @@ new(molecule: :button) do |params, bloc|
   button
 end
 
+new({ particle: :cells })
+
+class Atome
+  def resize_matrix(params)
+
+    width(params[:width])
+    height(params[:height])
+    current_matrix=self
+    real_width = current_matrix.to_px(:width)
+    real_height = current_matrix.to_px(:height)
+    spacing = current_matrix.data[:spacing]
+    matrix_cells= current_matrix.data[:matrix]
+
+    total_spacing_x = spacing * (matrix_cells.collect.length ** (0.5) + 1)
+    total_spacing_y = spacing * (matrix_cells.collect.length ** (0.5) + 1)
+
+    if real_width > real_height
+      full_size = real_width
+      available_width = full_size - total_spacing_x
+      available_height = full_size - total_spacing_y
+    else
+      full_size = real_width
+      available_width = full_size - total_spacing_x
+      available_height = full_size - total_spacing_y
+    end
+
+    box_width = available_width / matrix_cells.collect.length ** (0.5)
+    box_height = available_height / matrix_cells.collect.length ** (0.5)
+
+    matrix_cells.collect.each_with_index do |box_id, index|
+      box = grab(box_id)
+      box.width(box_width)
+      box.height(box_height)
+      box.left((box_width + spacing) * (index % matrix_cells.collect.length ** (0.5)) + spacing)
+      box.top((box_height + spacing) * (index / matrix_cells.collect.length ** (0.5)).floor + spacing)
+    end
+
+  end
+end
+
 new(molecule: :matrix) do |params, &bloc|
   id = params[:id]
   rows = params[:rows]
@@ -333,13 +386,13 @@ new(molecule: :matrix) do |params, &bloc|
   matrix_back = box({ id: "#{id}_background", width: size, height: size, color: { alpha: 0 } })
 
   if view_width > view_height
-    full_size=view_height * size_coefficient
+    full_size = view_height * size_coefficient
     available_width = full_size - total_spacing_x
     available_height = full_size - total_spacing_y
     matrix_back.width(full_size)
     matrix_back.height(full_size)
   else
-    full_size=view_width * size_coefficient
+    full_size = view_width * size_coefficient
     available_width = full_size - total_spacing_x
     available_height = full_size - total_spacing_y
     matrix_back.width(full_size)
@@ -360,15 +413,15 @@ new(molecule: :matrix) do |params, &bloc|
     end
   end
   current_matrix.collect(matrix_cells)
-  current_matrix
-  # end
+  matrix_back.cells(current_matrix)
+  params= params.merge({matrix: current_matrix})
+  matrix_back.data(params)
+  matrix_back
 end
 new(molecule: :page) do |params, &bloc|
-
   b = box({ color: :red, left: 99, drag: true })
   b.text(params)
 end
-
 new(molecule: :application) do |params, &bloc|
 
   main_page = box({ drag: true, width: :auto, height: :auto, top: 0, bottom: 0, left: 0, right: 0 })

data/lib/renderers/html/hierarchy.rb

@@ -32,15 +32,27 @@ new({ renderer: :html, method: :apply, type: :string }) do |parent_found, _user_
     html.style("boxShadow", box_shadow)
     html.style("filter", drop_shadow)
   when :color
+
     red = parent_found.red * 255
     green = parent_found.green * 255
     blue = parent_found.blue * 255
     alpha = parent_found.alpha
-    html.style(:backgroundColor, "rgba(#{red}, #{green}, #{blue}, #{alpha})")
     if type.to_sym ==:border
       affect.each do |at_found|
         grab(at_found).html.style(:border, "solid 2px rgba(#{red},#{green},#{blue},#{alpha})")
       end
+    elsif type.to_sym == :image
+      # alert 'rr'
+      # div[:style][:mixBlendMode] = 'color'
+      # html.style(:mixBlendMode,'color')
+      # html.style(:backgroundColor, "rgba(#{red}, #{green}, #{blue}, #{alpha})")
+
+      # html.image_colorizer("rgba(#{red}, #{green}, #{blue}, #{alpha})")
+      # html.image_colorizer("rgba(#{red}, #{green}, #{blue}, #{alpha})")
+    else
+          html.style(:backgroundColor, "rgba(#{red}, #{green}, #{blue}, #{alpha})")
+
+
     end
   when :paint
     # if when found colors when use it for the gradient , else whe use the colors within the current atome

data/lib/renderers/html/html.rb

@@ -4,6 +4,12 @@
 
 class HTML
 
+
+
+  # def id
+  #   :poil
+  # end
+
   def self.locate(selector, base_element = JS.global[:document][:body])
     return base_element if selector.empty?
 
@@ -21,6 +27,7 @@ class HTML
   end
 
   def initialize(id_found, current_atome)
+
     @element ||= JS.global[:document].getElementById(id_found.to_s)
     @id = id_found
     @original_atome = current_atome
@@ -498,6 +505,7 @@ STRDELIM
     end
   end
 
+
   def transform(property, value = nil)
     transform_needed = "#{property}(#{value}deg)"
     @element[:style][:transform] = transform_needed.to_s
@@ -570,6 +578,8 @@ STRDELIM
     @element[:style][:"-webkit-backdrop-filter"] = filter_needed
   end
 
+
+
   def currentTime(time)
     @element[:currentTime] = time
   end

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

@@ -11,7 +11,7 @@ t.touch(true) do
   puts "#{b.touch} , #{b.touch_code}"
   b.touch_code[:touch].call
 end
-col = color({ id: :col1, red: 1, blue: 1 })
+color({ id: :col1, red: 1, blue: 1 })
 # #######################
 atomes_monitored = [c, b]
 # particles_monitored=[:left, :width, :touch, :apply]

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

@@ -1,5 +1,4 @@
 #  frozen_string_literal: true
 
 image(:red_planet)
-
-image({path: 'medias/images/logos/atome.svg', width: 33})
+image({path: 'medias/images/logos/atome.svg', width: 33})

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

@@ -1,7 +1,7 @@
 # frozen_string_literal: true
 t = text({ left: 33, top: 33, data: 'data collected', id: :infos })
-
-inp=A.input({ width: 166,
+b=box({drag: true, id: :titi})
+inp=b.input({ width: 166,
               trigger: :up,
               back: :orange,
               shadow: {
@@ -10,11 +10,13 @@ inp=A.input({ width: 166,
                 invert: true,
                 red: 0, green: 0, blue: 0, alpha: 0.9
               },
-              attach: :intuition,
-              text: :black,
+              component: {size: 8},
+              # attach: :intuition,
+              text: { color: :black , top: 5, left: 6},
               smooth: 3,
               left: 66,
               top: 33,
+              # height: 8,
               default: 'type here'
             }) do |val|
 

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

@@ -23,14 +23,15 @@ listing = [
   { data: :hi },
   { data: :ho }
 ]
-b=box({drag: true})
+b = box({ drag: true })
 list_1 = grab(:intuition).list({
-                  styles: styles,
-                  element: element,
-                  listing: listing,
-                               left: 33,
-                  attach: b.id
-                })
+                                 styles: styles,
+                                 element: element,
+                                 listing: listing,
+                                 left: 33,
+                                 attach: b.id,
+                                 action: {touch: :down, method: :my_method }
+                               })
 
 # test2
 
@@ -50,22 +51,27 @@ element = { width: 25,
             # left: 10,
             # top: :center,
             color: :orange,
-            type: :shape }
+            type: :shape
+}
 
 listing = [
   { smooth: '100%' },
-  { color: :red },
+  { color: :red, data: :poilu },
   {},
   {},
 
   { width: 33 },
   {},
 ]
+def my_method(val=nil)
+  alert "so_cool : #{val}"
+end
 
 list_2 = A.list({ left: 300,
                   styles: styles,
                   element: element,
-                  listing: listing
+                  listing: listing,
+                  action: {touch: :down, method: :my_method }
                 })
 wait 1 do
   list_2.left(list_1.width)

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

@@ -1,77 +1,16 @@
-#  frozen_string_literal: true
-
-matrix_zone=box({width: 333, height: 333, drag: true, id: :the_box})
-
-# matrix creation
+# #  frozen_string_literal: true
+#
+matrix_zone = box({ width: 333, height: 333, drag: true, id: :the_box, color: {alpha: 0.4} })
+#
+# # matrix creation
 main_matrix = matrix_zone.matrix({ id: :vie_0, rows: 8, columns: 8, spacing: 6, size: '100%' })
-main_matrix.smooth(3)
+main_matrix.smooth(10)
 main_matrix.color(:red)
 
-# on resize
-def resize_matrix(current_matrix, new_width, new_height, spacing, size)
-  parent_found = current_matrix
-  if size.instance_of? String
-    size_coefficient = size.end_with?('%') ? (size.to_f / 100) : size.to_f / parent_found.to_px(:width)
-    matrix_back = grab(:vie_0_background)
-    spacing = spacing * size_coefficient
-    total_spacing_x = spacing * (current_matrix.collect.length ** (0.5) + 1)
-    total_spacing_y = spacing * (current_matrix.collect.length ** (0.5) + 1)
-
-    if new_width > new_height
-      full_size = new_height * size_coefficient
-      available_width = full_size - total_spacing_x
-      available_height = full_size - total_spacing_y
-      matrix_back.width(full_size)
-      matrix_back.height(full_size)
-    else
-      full_size = new_width * size_coefficient
-      available_width = full_size - total_spacing_x
-      available_height = full_size - total_spacing_y
-      matrix_back.width(full_size)
-      matrix_back.height(full_size)
-    end
-
-    box_width = available_width / current_matrix.collect.length ** (0.5)
-    box_height = available_height / current_matrix.collect.length ** (0.5)
-    current_matrix.collect.each_with_index do |box_id, index|
-      box = grab(box_id)
-      box.width(box_width)
-      box.height(box_height)
-      box.left((box_width + spacing) * (index % current_matrix.collect.length ** (0.5)) + spacing)
-      box.top((box_height + spacing) * (index / current_matrix.collect.length ** (0.5)).floor + spacing)
-    end
-  else
-    # dunno if we have to resize if size is specified in px
-    # size.to_f / parent_found.to_px(:width)
-  end
-
-end
 
-grab(:view).on(:resize) do
-  matrix_parent = grab(:view)
-  new_width = matrix_parent.width
-  new_height = matrix_parent.height
-  unless new_width.instance_of?(Numeric)
-    new_width = matrix_parent.to_px(:width)
-  end
-  unless new_height.instance_of?(Numeric)
-    new_height = matrix_parent.to_px(:height)
-  end
-  new_size = if new_height > new_width
-               new_width
-             else
-               new_height
-             end
-  ratio = new_size / grab(:vie_0_background).width.to_f
-  main_matrix.data[:spacing] = main_matrix.data[:spacing] * ratio
-  matrix_spacing = main_matrix.data[:spacing]
-  matrix_size = main_matrix.data[:size]
-  resize_matrix(main_matrix, new_width, new_height, matrix_spacing, matrix_size)
-end
 
-matrix_to_treat=main_matrix
-
-#######################################################@
+# #######################################################@
+matrix_to_treat = main_matrix.cells
 matrix_to_treat.color(:blue)
 matrix_to_treat.smooth(6)
 matrix_to_treat.shadow({
@@ -80,15 +19,15 @@ matrix_to_treat.shadow({
                          invert: false,
                          red: 0, green: 0, blue: 0, alpha: 0.6
                        })
-###################
+# ###################
 col_1 = color(:yellow)
 col_2 = color({ red: 1, id: :red_col })
 
 wait 3 do
-matrix_to_treat.paint({ gradient: [col_1.id, col_2.id], direction: :top })
+  matrix_to_treat.paint({ gradient: [col_1.id, col_2.id], direction: :top })
 end
-
-###################
+#
+# ###################
 
 test_cell = grab(:vie_0_2_3)
 wait 1 do
@@ -116,3 +55,34 @@ wait 2 do
   grab(:vie_0_background).left(250)
   grab(:vie_0_background).drag(true)
 end
+matrix_to_treat.touch(:down) do |event|
+  # alert el.inspect
+  current_cell= grab(event[:target][:id].to_s)
+  current_cell.color(:blue)
+  current_cell.selected(true)
+end
+matrix_to_treat.smooth(9)
+main_matrix.color(:red)
+matrix_to_treat.color(:yellow)
+wait 5 do
+  main_matrix.resize_matrix({width: 555, height: 555})
+end
+
+wait 7 do
+main_matrix.display(false)
+  wait 1 do
+    main_matrix.display(true)
+    wait 1 do
+      main_matrix.delete(true)
+      wait 1 do
+        main_matrix = matrix_zone.matrix({ id: :vie_0, rows: 8, columns: 8, spacing: 6, size: '100%' })
+      end
+    end
+  #   main_matrix.color(:red)
+  end
+end
+
+# b=box
+# b.circle
+# b.delete(true)
+

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

@@ -1,55 +1,56 @@
 # frozen_string_literal: true
 
-t = text({ data: 'touch me to select all', id: :the_text })
-b = box({ left: 12, id: :the_box })
-c = circle({ left: 230, id: :the_circle, color: { blue: 1, id: :c1 } })
-c.color({ green: 1, id: :c2 })
-# to change default selection style
-Universe.default_selection_style = { border: { thickness: 3, red: 1, green: 0, blue: 1, alpha: 1, pattern: :dotted } }
-
-c.touch(true) do
-  if c.selected
-    c.selected(false)
-  else
-    # c.selected(true)
-    # example of custom selection style
-    c.selected({ shadow: { id: :titi,
-                           left: 9, top: 3, blur: 9,
-                           invert: false,
-                           red: 0, green: 0, blue: 0, alpha: 1
-    }, border: { id: :toto, thickness: 5, red: 1, green: 1, blue: 1, alpha: 1,
-                 pattern: :dotted, inside: true }
-               })
-  end
-end
-
-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}"
-
-  grab(Universe.current_user).selection.color(:red)
-  grab(Universe.current_user).selection.each do |el|
-    puts el
-  end
-  puts grab(Universe.current_user).selection.collect
-end
-
+# t = text({ data: 'touch me to select all', id: :the_text })
+# b = box({ left: 12, id: :the_box })
+# c = circle({ left: 230, id: :the_circle, color: { blue: 1, id: :c1 } })
+# c.color({ green: 1, id: :c2 })
+# # to change default selection style
+# Universe.default_selection_style = { border: { thickness: 3, red: 1, green: 0, blue: 1, alpha: 1, pattern: :dotted } }
+#
+# c.touch(true) do
+#   if c.selected
+#     c.selected(false)
+#   else
+#     # c.selected(true)
+#     # example of custom selection style
+#     c.selected({ shadow: { id: :titi,
+#                            left: 9, top: 3, blur: 9,
+#                            invert: false,
+#                            red: 0, green: 0, blue: 0, alpha: 1
+#     }, border: { id: :toto, thickness: 5, red: 1, green: 1, blue: 1, alpha: 1,
+#                  pattern: :dotted, inside: true }
+#                })
+#   end
+# end
+#
+# 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}"
+#
+#   grab(Universe.current_user).selection.color(:red)
+#   grab(Universe.current_user).selection.each do |el|
+#     puts el
+#   end
+#   puts grab(Universe.current_user).selection.collect
+# end
+
+image({ path: "./medias/images/logos/vie.svg", left: :auto, right: 3, top: 0 , size: 30})
 

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

@@ -1,6 +1,9 @@
 # frozen_string_literal: true
 
 grab(:black_matter).image({ path: 'medias/images/icons/color.svg', id: :atomic_logo, width: 33, left: 333 })
-vector({ width: 333, height: 333, id: :my_placeholder })
+img=vector({ width: 333, height: 333, id: :my_placeholder })
 A.fetch_svg({ source: :atomic_logo, target: :my_placeholder })
-grab(:atomic_logo).delete(true)
+wait 2 do
+  img.color(:cyan)
+end
+# grab(:atomic_logo).delete(true)

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

@@ -1,11 +1,11 @@
 #  frozen_string_literal: true
 
-b = box({ left: 666, color: :blue, smooth: 6, id: :the_box2 })
+b = box({ left: 333, color: :blue, smooth: 6, id: :the_box2 })
 
 t=text({id: :the_text, data: 'type of touch : ?'})
 
 t.touch(:down) do |event|
-
+  puts :down
   puts event[:pageX]
   puts event[:pageY]
   b.touch({remove: :down})
@@ -13,28 +13,31 @@ t.touch(:down) do |event|
   t.data('touch down killed')
 end
 b.touch(true) do
-  # t.data('type of touch : ?')
+  puts :true
   b.color(:red)
   puts 'box tapped'
 end
 
 b.touch(:long) do
+  puts :long
   t.data('type of touch is : long ')
   b.color(:black)
 end
 
 b.touch(:up) do
-
+  puts :up
   t.data('type of touch is : up ')
   b.color(:orange)
 end
 
 b.touch(:down) do
+  puts :down
   t.data('type of touch is : down ')
   b.color(:white)
 end
 
 b.touch(:double) do
+  puts :double
   t.color(:red)
   t.data('type of touch is : double ')
   b.color(:yellowgreen)

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

@@ -32,6 +32,3 @@ wait 1 do
   end
 end
 
-
-
-

data/vendor/assets/src/css/style.css

@@ -15,11 +15,14 @@ html, body {
     height: 100%;
     z-index: 0;
     color: lightgray;
+    touch-action: manipulation; /*allow pinch to scroll and pan but lock the zoom */
+
 }
-/*@font-face {*/
-/*    font-family: 'MaPolicePersonnelle';*/
-/*    src: url('../medias/fonts/Roboto/Roboto-Black.ttf') format('truetype');*/
-/*}*/
+@font-face {
+    font-family: 'Roboto-Thin';
+    src: url('../medias/fonts/Roboto/Roboto-Thin.ttf') format('truetype');
+}
+
 pre {
     min-width: 100px;
     margin: 0;

data/vendor/assets/src/index.html

@@ -3,7 +3,7 @@
 <head>
     <link rel="icon" type="image/x-icon"
           href="https://github.com/atomecorp/atome/blob/master/vendor/assets/src/favicon.ico">
-    <meta name='viewport' content='initial-scale=1, width=device-width, viewport-fit=cover'>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, viewport-fit=cover,user-scalable=no">
     <meta charset='UTF-8'/>
     <meta name="format-detection" content="telephone=no">
     <meta name="msapplication-tap-highlight" content="no">
@@ -42,4 +42,16 @@
     const NativeMode = true; // used by atome.js to load code on the fly
 </script>
 <script defer src="js/atome/atome.js" type="text/javascript"></script>
+<script defer>
+    document.addEventListener('touchstart', function(event) {
+        if (event.touches.length > 1) {
+            event.preventDefault();
+        }
+    }, { passive: false });
+    document.addEventListener('wheel', function(event) {
+        if (event.ctrlKey === true) {
+            event.preventDefault(); // Empêche le zoom quand Ctrl est pressé et que l'utilisateur scroll avec le trackpad
+        }
+    }, { passive: false });
+</script >
 </html>

data/vendor/assets/src/index_opal.html

@@ -3,7 +3,7 @@
 <head>
     <link rel="icon" type="image/x-icon"
           href="https://github.com/atomecorp/atome/blob/master/vendor/assets/src/favicon.ico">
-    <meta name='viewport' content='initial-scale=1, width=device-width, viewport-fit=cover'>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, viewport-fit=cover,user-scalable=no">
     <meta charset='UTF-8'/>
     <meta name="format-detection" content="telephone=no">
     <meta name="msapplication-tap-highlight" content="no">
@@ -20,7 +20,7 @@
     <script src='js/opal/opal.js' defer></script>
     <script src='js/opal/opal_parser.js' defer></script>
     <script src='js/aui.js' defer></script>
-    <script defer defer src='js/host_mode.js'></script>
+    <script defer src='js/host_mode.js'></script>
     <script src='js/opal/atome_opal_extensions.js' defer></script>
     <script src='js/atome/kernel.js' defer></script>
     <script defer src="js/atome/atome_helpers/communication.js" type="text/javascript"></script>
@@ -36,5 +36,16 @@
 </script>
 <script defer src="js/atome/atome.js" type="text/javascript"></script>
 <script src='js/application.js' defer></script>
-
+<script defer>
+    document.addEventListener('touchstart', function(event) {
+        if (event.touches.length > 1) {
+            event.preventDefault();
+        }
+    }, { passive: false });
+    document.addEventListener('wheel', function(event) {
+        if (event.ctrlKey === true) {
+            event.preventDefault(); // Empêche le zoom quand Ctrl est pressé et que l'utilisateur scroll avec le trackpad
+        }
+    }, { passive: false });
+</script >
 </html>

data/vendor/assets/src/index_server.html

@@ -3,7 +3,7 @@
 <head>
     <link href="https://github.com/atomecorp/atome/blob/master/vendor/assets/src/favicon.ico" rel="icon"
           type="image/x-icon">
-    <meta content='initial-scale=1, width=device-width, viewport-fit=cover' name='viewport'>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, viewport-fit=cover,user-scalable=no">
     <meta charset='UTF-8'/>
     <meta content="telephone=no" name="format-detection">
     <meta content="no" name="msapplication-tap-highlight">
@@ -19,8 +19,8 @@
     <script type="text/javascript" src="js/third_parties/papaparse.min.js" defer></script>
     <script defer src='js/opal/opal.js'></script>
     <script defer src='js/opal/opal_parser.js'></script>
-    <script defer defer src='js/aui.js'></script>
-    <script defer defer src='js/host_mode.js'></script>
+    <script defer src='js/aui.js'></script>
+    <script defer src='js/host_mode.js'></script>
     <script defer src='js/opal/atome_opal_extensions.js'></script>
     <script defer src='js/atome/kernel.js'></script>
     <script defer src="js/atome/atome_helpers/communication.js" type="text/javascript"></script>

data/vendor/assets/src/index_server_wasm.html

@@ -3,7 +3,7 @@
 <head>
     <link rel="icon" type="image/x-icon"
           href="https://github.com/atomecorp/atome/blob/master/vendor/assets/src/favicon.ico">
-    <meta name='viewport' content='initial-scale=1, width=device-width, viewport-fit=cover'>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, viewport-fit=cover,user-scalable=no">
     <meta charset='UTF-8'/>
     <meta name="format-detection" content="telephone=no">
     <meta name="msapplication-tap-highlight" content="no">
@@ -42,4 +42,16 @@
     const NativeMode = false; // used by atome.js to load code on the fly
 </script>
 <script defer src="js/atome/atome.js" type="text/javascript"></script>
+<script defer>
+    document.addEventListener('touchstart', function(event) {
+        if (event.touches.length > 1) {
+            event.preventDefault();
+        }
+    }, { passive: false });
+    document.addEventListener('wheel', function(event) {
+        if (event.ctrlKey === true) {
+            event.preventDefault(); // Empêche le zoom quand Ctrl est pressé et que l'utilisateur scroll avec le trackpad
+        }
+    }, { passive: false });
+</script >
 </html>

data/vendor/assets/src/index_wasm.html

@@ -3,7 +3,7 @@
 <head>
     <link rel="icon" type="image/x-icon"
           href="https://github.com/atomecorp/atome/blob/master/vendor/assets/src/favicon.ico">
-    <meta name='viewport' content='initial-scale=1, width=device-width, viewport-fit=cover'>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, viewport-fit=cover,user-scalable=no">
     <meta charset='UTF-8'/>
     <meta name="format-detection" content="telephone=no">
     <meta name="msapplication-tap-highlight" content="no">
@@ -47,4 +47,16 @@
     const NativeMode = false; // used by atome.js to load code on the fly
 </script>
 <script defer src="js/atome/atome.js" type="text/javascript"></script>
+<script defer>
+    document.addEventListener('touchstart', function(event) {
+        if (event.touches.length > 1) {
+            event.preventDefault();
+        }
+    }, { passive: false });
+    document.addEventListener('wheel', function(event) {
+        if (event.ctrlKey === true) {
+            event.preventDefault(); // Empêche le zoom quand Ctrl est pressé et que l'utilisateur scroll avec le trackpad
+        }
+    }, { passive: false });
+</script >
 </html>

data/vendor/assets/src/medias/images/icons/edit-.svg

@@ -1,4 +1,4 @@
 <svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
      viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
-  <path id="p1" d="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"/>
+  <path id="p1" fill='white' d="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"/>
 </svg>

data/vendor/assets/src/medias/images/icons/edit.svg

@@ -1,4 +1,4 @@
 <svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
      viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
-  <path id="p1" d="M941.04 398.64 850.736 489.136 850.736 489.152 805.584 534.4 805.584 534.384 384.32 960.528 128.32 960.528C92.976 960.528 64.32 931.872 64.32 896.512L64.32 640.528 625.008 81.856C649.952 56.864 690.368 56.864 715.296 81.856L941.04 308.128C965.968 333.12 965.968 373.648 941.04 398.64ZM128.32 670.096 128.32 896.512 353.904 896.512 760.432 489.136 534.704 262.848 128.32 670.096ZM670.16 127.104 579.856 217.6 805.584 443.872 895.888 353.392 670.16 127.104Z"/>
+  <path id="p1" fill='white' d="M941.04 398.64 850.736 489.136 850.736 489.152 805.584 534.4 805.584 534.384 384.32 960.528 128.32 960.528C92.976 960.528 64.32 931.872 64.32 896.512L64.32 640.528 625.008 81.856C649.952 56.864 690.368 56.864 715.296 81.856L941.04 308.128C965.968 333.12 965.968 373.648 941.04 398.64ZM128.32 670.096 128.32 896.512 353.904 896.512 760.432 489.136 534.704 262.848 128.32 670.096ZM670.16 127.104 579.856 217.6 805.584 443.872 895.888 353.392 670.16 127.104Z"/>
 </svg>

data/vendor/assets/src/medias/images/icons/infos.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="800"  xml:space="preserve" id="informationiconsvgrepocomCanvas">
+  <g id="informationiconsvgrepocomCanvas-group">
+        <g id="informationiconsvgrepocomCanvas-group2">
+            <g id="informationiconsvgrepocomCanvas-group3">
+                <path id="informationiconsvgrepocomCanvas-bezier" stroke="none" fill="rgb(255, 255, 255)" d="M 399.98,-0 C 179.42,-0 0.01,179.44 0.01,400 0.01,620.57 179.42,800 399.98,800 620.55,800 799.99,620.56 799.99,400 799.99,179.44 620.55,-0 399.98,-0 Z M 399.98,715.32 C 226.13,715.32 84.7,573.86 84.7,400 84.7,226.15 226.13,84.69 399.98,84.69 573.84,84.69 715.3,226.15 715.3,400 715.3,573.86 573.84,715.32 399.98,715.32 Z M 399.98,715.32" />
+              <rect id="informationiconsvgrepocomCanvas-rectangle" stroke="none" fill="rgb(255, 255, 255)" x="334.7" y="361.15" width="130.6" height="290.1" rx="24.6" />
+              <circle id="informationiconsvgrepocomCanvas-oval" stroke="none" fill="rgb(255, 255, 255)" cx="400" cy="221.12" r="72.35" />
+            </g>
+        </g>
+    </g>
+</svg>

data/vendor/assets/src/medias/images/icons/mixer.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512"  xml:space="preserve" id="mixermusic3svgrepocomCanvas">
+  <g id="mixermusic3svgrepocomCanvas-group">
+        <rect id="mixermusic3svgrepocomCanvas-rectangle" stroke="rgb(255, 255, 255)" stroke-width="1" stroke-miterlimit="10" fill="rgb(255, 255, 255)" x="424" y="24" width="48" height="52" />
+    <rect id="mixermusic3svgrepocomCanvas-rectangle2" stroke="rgb(255, 255, 255)" stroke-width="1" stroke-miterlimit="10" fill="rgb(255, 255, 255)" x="424" y="188" width="48" height="300" />
+    <rect id="mixermusic3svgrepocomCanvas-rectangle3" stroke="rgb(255, 255, 255)" stroke-width="0" stroke-miterlimit="10" fill="rgb(255, 255, 255)" x="384" y="100" width="128" height="64" rx="27.2" />
+    <rect id="mixermusic3svgrepocomCanvas-rectangle4" stroke="rgb(255, 255, 255)" stroke-width="1" stroke-miterlimit="10" fill="rgb(255, 255, 255)" x="231.99" y="24" width="48" height="276.64" />
+    <rect id="mixermusic3svgrepocomCanvas-rectangle5" stroke="rgb(255, 255, 255)" stroke-width="1" stroke-miterlimit="10" fill="rgb(255, 255, 255)" x="231.99" y="412.64" width="48" height="75.36" />
+    <rect id="mixermusic3svgrepocomCanvas-rectangle6" stroke="rgb(255, 255, 255)" stroke-width="0" stroke-miterlimit="10" fill="rgb(255, 255, 255)" x="192" y="324.65" width="128" height="64" rx="27.2" />
+    <rect id="mixermusic3svgrepocomCanvas-rectangle7" stroke="rgb(255, 255, 255)" stroke-width="1" stroke-miterlimit="10" fill="rgb(255, 255, 255)" x="40" y="308" width="48" height="180" />
+    <rect id="mixermusic3svgrepocomCanvas-rectangle8" stroke="rgb(255, 255, 255)" stroke-width="1" stroke-miterlimit="10" fill="rgb(255, 255, 255)" x="40" y="24" width="48" height="172" />
+    <path id="mixermusic3svgrepocomCanvas-bezier" stroke="rgb(255, 255, 255)" stroke-width="0" stroke-miterlimit="4" fill="rgb(255, 255, 255)" d="M 100.79,220 L 27.21,220 C 12.19,220 0,232.19 0,247.21 L 0,256.79 C 0,271.81 12.19,284 27.21,284 L 100.79,284 C 115.81,284 128,271.81 128,256.79 L 128,247.21 C 128,232.19 115.81,220 100.79,220 Z M 100.79,220" />
+    </g>
+</svg>

data/vendor/assets/src/medias/images/icons/new.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="101" height="102"  xml:space="preserve" id="canvasNewCanvas">
+  <path id="canvasNewCanvas-canvas1bezier2" stroke="rgb(200, 200, 200)" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" fill="none" d="M 51,8 L 7.5,8 7.5,93.5 92.5,93.5 93,50" />
+  <path id="canvasNewCanvas-canvas1bezier" stroke="rgb(200, 200, 200)" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" fill="none" d="M 66,21 L 93,21" />
+  <path id="canvasNewCanvas-canvas1bezier3" stroke="rgb(200, 200, 200)" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" fill="none" d="M 79,35 L 79,8" />
+</svg>

data/vendor/assets/src/medias/images/icons/panel.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="800"  xml:space="preserve" id="paneltopsvgrepocomCanvas">
+  <g id="paneltopsvgrepocomCanvas-group">
+        <rect id="paneltopsvgrepocomCanvas-rectangle" stroke="rgb(255, 255, 255)" stroke-width="60" stroke-miterlimit="10" fill="none" x="30.32" y="30.34" width="739.67" height="739.66" rx="76.2" />
+    <path id="paneltopsvgrepocomCanvas-bezier" fill-rule="evenodd" stroke="rgb(255, 255, 255)" stroke-width="60" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="4" fill="none" d="M 171.62,140.52 L 628.38,140.52" />
+    </g>
+</svg>

data/vendor/assets/src/medias/images/icons/play.svg

@@ -1,7 +1,7 @@
 <svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
      viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
   <path id="path1" d="M512 960A448 448 0 1 0 512 64a448 448 0 0 0 0 896z m0 64A512 512 0 1 1 512 0a512 512 0 0 1 0 1024z"
-        fill="#333333"/>
+        fill="#eeee"/>
   <path id="path12" d="M448 422.656v217.088L621.632 531.2 448 422.656z m14.336 283.584A51.2 51.2 0 0 1 384 662.848V399.552a51.2 51.2 0 0 1 78.336-43.392l210.56 131.648a51.2 51.2 0 0 1 0 86.784l-210.56 131.648z"
-        fill="#333333"/>
+        fill="#eeee"/>
 </svg>

data/vendor/assets/src/medias/images/icons/save.svg

@@ -1,4 +1,4 @@
-<svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
+<svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: white;overflow: hidden;"
      viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
   <path id="path1" d="M306.176 549.376l1.024 1.024 173.568 152.576c19.968 17.92 50.176 17.408 70.144-0.512l168.448-152.576c20.992-19.968 22.016-53.248 2.048-74.24-19.456-20.48-51.712-22.016-72.704-3.584l-83.456 75.264V72.192c0-29.184-23.552-52.736-52.736-52.736-29.184 0-52.736 23.552-52.736 52.736v472.064L376.32 471.04c-21.504-19.456-54.784-17.408-74.24 4.096-19.456 21.504-17.92 54.784 4.096 74.24z"/>
   <path id="path2" d="M969.216 628.224c-30.208 0-54.784 24.576-54.784 54.784v211.968H109.056v-211.968c0-30.208-24.576-54.784-54.784-54.784S0 652.8 0 683.008V901.12c0 56.832 49.664 102.912 110.592 102.912h802.816c60.928 0 110.592-46.08 110.592-102.912v-218.112c0-30.208-24.576-54.784-54.784-54.784z"/>

data/vendor/assets/src/medias/images/icons/sequence.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="682" height="615"  xml:space="preserve" id="scatteralignmentsvgrepocomCanvas">
+    <!-- Generated by PaintCode - http://www.paintcodeapp.com -->
+  <path id="scatteralignmentsvgrepocomCanvas-bezier" stroke="rgb(255, 255, 255)" stroke-width="66.67" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="4" fill="none" d="M 169.33,233.33 L 252,233" />
+  <path id="scatteralignmentsvgrepocomCanvas-bezier2" stroke="rgb(255, 255, 255)" stroke-width="66.67" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="4" fill="none" d="M 108.67,358 L 322,358" />
+  <path id="scatteralignmentsvgrepocomCanvas-bezier3" stroke="rgb(255, 255, 255)" stroke-width="66.67" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="4" fill="none" d="M 109,475.67 L 575.67,475.67" />
+  <path id="scatteralignmentsvgrepocomCanvas-bezier4" stroke="rgb(255, 255, 255)" stroke-width="66.67" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="4" fill="none" d="M 397,232 L 575.5,232.5" />
+  <path id="scatteralignmentsvgrepocomCanvas-bezier5" stroke="rgb(255, 255, 255)" stroke-width="66.67" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="4" fill="none" d="M 431.67,358 L 552,358" />
+  <path id="scatteralignmentsvgrepocomCanvas-bezier6" stroke="rgb(255, 255, 255)" stroke-width="66.67" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="4" fill="none" d="M 272,119 L 552,119" />
+</svg>

data/vendor/assets/src/medias/images/logos/vie.svg

@@ -0,0 +1,3 @@
+<svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" >
+    <path id="vieCanvas-bezier" stroke="rgb(0, 0, 0)" stroke-width="0" stroke-miterlimit="10" fill="rgb(200, 120, 76.5)" d="M 73.04,26.41 C 50.57,12.14 15.77,53.39 15.81,85.33 15.83,107.68 23.49,124.45 35.37,139.38 97.06,203.55 73.1,232.52 109.61,231.71 134.09,231.16 181.15,134.57 220.5,138.31 232.63,123.3 240.52,106.7 240.5,85.07 240.5,84.51 240.49,83.95 240.47,83.4 211.52,29.92 146.74,182.8 114.45,179.38 69.64,174.65 90.68,37.61 73.04,26.41 Z M 172.32,76.13 C 172.32,94.63 157.34,109.64 138.85,109.64 120.36,109.64 105.37,94.63 105.37,76.13 105.37,57.62 120.36,42.62 138.85,42.62 157.34,42.62 172.32,57.62 172.32,76.13 Z M 172.32,76.13" />
+</svg>

data/vendor/assets/src/medias/images/shapes/triangle.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120" height="120"  xml:space="preserve" id="canvas1">
+  <path id="canvas1-bezier" stroke="none" fill="rgb(128, 128, 128)" d="M 59.5,1.5 L 0.5,66.5 119.5,66.5 59.5,1.5 Z M 59.5,1.5" />
+</svg>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: atome
 version: !ruby/object:Gem::Version
-  version: 0.5.7.0.5
+  version: 0.5.7.1.0
 platform: ruby
 authors:
 - Jean-Eric Godard
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2024-04-26 00:00:00.000000000 Z
+date: 2024-04-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: artoo
@@ -782,6 +782,7 @@ files:
 - vendor/assets/src/medias/images/icons/group.svg
 - vendor/assets/src/medias/images/icons/hamburger.svg
 - vendor/assets/src/medias/images/icons/high_pass.svg
+- vendor/assets/src/medias/images/icons/infos.svg
 - vendor/assets/src/medias/images/icons/link.svg
 - vendor/assets/src/medias/images/icons/load.svg
 - vendor/assets/src/medias/images/icons/low_pass.svg
@@ -791,7 +792,10 @@ files:
 - vendor/assets/src/medias/images/icons/microphone.svg
 - vendor/assets/src/medias/images/icons/midi_in.svg
 - vendor/assets/src/medias/images/icons/midi_out.svg
+- vendor/assets/src/medias/images/icons/mixer.svg
 - vendor/assets/src/medias/images/icons/modules.svg
+- vendor/assets/src/medias/images/icons/new.svg
+- vendor/assets/src/medias/images/icons/panel.svg
 - vendor/assets/src/medias/images/icons/paste.svg
 - vendor/assets/src/medias/images/icons/pause.svg
 - vendor/assets/src/medias/images/icons/play.svg
@@ -801,6 +805,7 @@ files:
 - vendor/assets/src/medias/images/icons/select-.svg
 - vendor/assets/src/medias/images/icons/select-all.svg
 - vendor/assets/src/medias/images/icons/select.svg
+- vendor/assets/src/medias/images/icons/sequence.svg
 - vendor/assets/src/medias/images/icons/settings.svg
 - vendor/assets/src/medias/images/icons/settings0.svg
 - vendor/assets/src/medias/images/icons/settings1.svg
@@ -814,7 +819,6 @@ files:
 - vendor/assets/src/medias/images/icons/undo.svg
 - vendor/assets/src/medias/images/icons/undo2.svg
 - vendor/assets/src/medias/images/icons/validate.svg
-- vendor/assets/src/medias/images/icons/vie.svg
 - vendor/assets/src/medias/images/icons/wave-saw.svg
 - vendor/assets/src/medias/images/icons/wave-sine.svg
 - vendor/assets/src/medias/images/icons/wave-square-.svg
@@ -850,9 +854,11 @@ files:
 - vendor/assets/src/medias/images/logos/gray/youtube2.svg
 - vendor/assets/src/medias/images/logos/instagram.svg
 - vendor/assets/src/medias/images/logos/tiktok_back.svg
+- vendor/assets/src/medias/images/logos/vie.svg
 - vendor/assets/src/medias/images/logos/vimeo.svg
 - vendor/assets/src/medias/images/noise.svg
 - vendor/assets/src/medias/images/red_planet.png
+- vendor/assets/src/medias/images/shapes/triangle.svg
 - vendor/assets/src/medias/images/tile.png
 - vendor/assets/src/medias/texts/lorem.txt
 - vendor/assets/src/medias/utils/infos/color.rb

data/vendor/assets/src/medias/images/icons/vie.svg

@@ -1,3 +0,0 @@
-<svg  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" >
-    <path id="vieCanvas-bezier" stroke="rgb(0, 0, 0)" stroke-width="1" stroke-miterlimit="10" fill="rgb(255, 0, 0)" d="M 73.04,26.41 C 50.57,12.14 15.77,53.39 15.81,85.33 15.83,107.68 23.49,124.45 35.37,139.38 97.06,203.55 73.1,232.52 109.61,231.71 134.09,231.16 181.15,134.57 220.5,138.31 232.63,123.3 240.52,106.7 240.5,85.07 240.5,84.51 240.49,83.95 240.47,83.4 211.52,29.92 146.74,182.8 114.45,179.38 69.64,174.65 90.68,37.61 73.04,26.41 Z M 172.32,76.13 C 172.32,94.63 157.34,109.64 138.85,109.64 120.36,109.64 105.37,94.63 105.37,76.13 105.37,57.62 120.36,42.62 138.85,42.62 157.34,42.62 172.32,57.62 172.32,76.13 Z M 172.32,76.13" />
-</svg>