atome 0.5.7.4.3 → 0.5.7.4.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9b3bf5cffbab20505060476da1e5f3938270c7a612d6961828860c3fd2682797
-  data.tar.gz: 6b143b8651c8db90424383494ed5b5ce1d3a211381b42404eb97bfd846a872b9
+  metadata.gz: 4307d31fea820f10f0830b00698f327cd08181a864b4440a25a57021fb0ffb7e
+  data.tar.gz: 6a66d5336fa6a58eae59571504d92230eb8482bdd44c4821bbf3e79e27a356d2
 SHA512:
-  metadata.gz: 9e9d0eebf35dfde29462e19885d4bcb1eccb285eeb0e808381171028e94967d17e9f21c130053b34d31fdc59143c80808a28cf102520cc5cfb14e7c569961d33
-  data.tar.gz: bf0e01e0a8f0ea7ae821b896fb78e807f4d00848b452f827ebd3d0fb1a07b08b9542b02a87b0c498569f002edc4fca1cdab297c91fd57f974bdb1a4daa4cc119
+  metadata.gz: b0a16ea7a7865bc3b13bdc81ce6d57dccf557c25c016446a151eee1203d582e22a246dae317f2531c19cba16fa7c2e3455f64f49ab3966cd526f3ccd2675fff4
+  data.tar.gz: c5988d35c2b6af02f6db44e610c0f01ede3d99cd5558db342bbfa186a04cf4669bc0344ad50d187e0208272234c49d2683f0b9ff326082575beeb8177e11490b

data/lib/atome/extensions/atome.rb

@@ -69,6 +69,10 @@ end
 class Object
   include ObjectExtension
 
+  def truncate_string(string, max_length)
+    string.length > max_length ? string.slice(0, max_length) + '.' : string
+  end
+
 
   def remove_key_pair_but(hash, keys_to_keep)
     hash.dup.delete_if do |key, value|
@@ -137,7 +141,8 @@ class Object
 
   # the method below generate Atome method creation at Object level
   def atome_method_for_object(element)
-    Object.define_method element do |params, &user_proc|
+
+    Object.define_method element do |params=nil, &user_proc|
       default_parent = Essentials.default_params[element][:attach] || :view
       grab(default_parent).send(element, params, &user_proc)
     end
@@ -565,8 +570,14 @@ JS
     end
   end
 
-  def above(item, margin = 6)
+  def above(item, margin = 6, ref=grab(:view))
+    # FIXME above is broken when using % in margin
+    unless margin.is_a?(Numeric)
+      item_height= ref.to_px(:height)
+      margin=   (margin.to_f*item_height)/100
+    end
     pos = item.to_px(:bottom) + item.height + margin
+    item.top(:auto)
     if item.display == :none
       33
     else
@@ -574,7 +585,11 @@ JS
     end
   end
 
-  def below(item, margin = 6)
+  def below(item, margin = 6, ref=grab(:view))
+    unless margin.is_a?(Numeric)
+      item_height= ref.to_px(:height)
+      margin=   (margin.to_f*item_height)/100
+    end
     pos = item.to_px(:top) + item.to_px(:height) + margin
     if item.display == :none
       0
@@ -584,7 +599,11 @@ JS
 
   end
 
-  def after(item, margin = 6)
+  def after(item, margin = 6, ref=grab(:view))
+    unless margin.is_a?(Numeric)
+      item_width= ref.to_px(:width)
+      margin=   (margin.to_f*item_width)/100
+    end
     left_f = if item.left.instance_of?(Integer)
                item.left
              else
@@ -604,7 +623,11 @@ JS
     end
   end
 
-  def before(item, margin = 6)
+  def before(item, margin = 6, ref=grab(:view))
+    unless margin.is_a?(Numeric)
+      item_width= ref.to_px(:width)
+      margin=   (margin.to_f*item_width)/100
+    end
     pos = item.to_px(:right) + item.width + margin
     if item.display == :none
       0

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

@@ -20,7 +20,7 @@ new({ after: :red }) do |params|
   a = affect.dup #  FIXME  we have to dup else some items in the array array other duplicated
   a.each do |atome_to_refresh|
     grab(atome_to_refresh).apply(id)
-  end
+  end if a
   params
 end
 
@@ -34,7 +34,7 @@ new({ after: :green }) do |params|
   a = affect.dup #  FIXME  we have to dup else some items in the array array other duplicated
   a.each do |atome_to_refresh|
     grab(atome_to_refresh).apply(id)
-  end
+  end if a
   params
 end
 
@@ -48,7 +48,7 @@ new({ after: :blue }) do |params|
   a = affect.dup #  FIXME  we have to dup else some items in the array array other duplicated
   a.each do |atome_to_refresh|
     grab(atome_to_refresh).apply(id)
-  end
+  end if a
   params
 end
 new({ particle: :alpha, category: :property, type: :string }) do
@@ -60,7 +60,7 @@ new({ after: :alpha }) do |params|
   a = affect.dup #  FIXME  we have to dup else some items in the array array other duplicated
   a.each do |atome_to_refresh|
     grab(atome_to_refresh).apply(id)
-  end
+  end if a
   params
 end
 new({ particle: :diffusion, category: :property, type: :string }) do

data/lib/atome/utilities/utilities.rb

@@ -2,24 +2,16 @@
 
 # toolbox   method here
 require 'json'
-
+# def is_descendant(ancestor, descendant)
+#   JS.eval("return isDescendant('#{ancestor}', '#{descendant}')")
+# end
 class Atome
   class << self
     attr_accessor :initialized
 
+
     def sanitize_data_for_json(data)
-      data = data.gsub('"', '\\"')
-      # case data
-      # when String
-      #   data.gsub('"', '\\"')
-      # when Hash
-      #   data.transform_values { |value| sanitize_data(value) }
-      # when Array
-      #   data.map { |value| sanitize_data(value) }
-      # else
-      #   data
-      # end
-      data
+      data.gsub('"', '\\"')
     end
 
     def send_localstorage_content
@@ -117,10 +109,105 @@ class Atome
 
   @initialized = {}
 
+  def grip(role_wanted)
+    gripped_atome = []
+
+    fasten.each do |child_id|
+      child_found = grab(child_id)
+      if child_found.role && child_found.role.include?(role_wanted)
+        gripped_atome << child_id
+      end
+    end
+    gripped_atome
+  end
+
+  def recursive(_val)
+    # dummy method
+  end
+
+
+
+  def spacing_found(parent_width, child_width, nb_of_children)
+    total_child_width = child_width * nb_of_children
+    remaining_width = parent_width - total_child_width
+    spacing = remaining_width.to_f / (nb_of_children + 1)
+    spacing_percentage = (spacing / parent_width) * 100
+    spacing_percentage.round(2)
+  end
+
+  def block(params)
+    direction = params.delete(:direction) || :vertical
+    spacing = params.delete(:spacing) || 3
+    width_found = params.delete(:width) || '100%'
+    height_found = params.delete(:height) || '100%'
+    bloc_params = params.delete(:data) || {}
+
+    last_id_found = grip(:block).last
 
-    def recursive(_val)
-      #dummy method
+    if last_id_found
+      last_found = grab(last_id_found)
+      case direction
+      when :vertical
+        box({ top: below(last_found, spacing), role: :block, width: width_found }.merge(params).merge(bloc_params))
+      when :horizontal
+        width_found = to_px(:width)
+        block_left = after(last_found, spacing)
+        left_in_percent = (block_left / width_found) * 100
+        box({ left: "#{left_in_percent}%", role: :block, height: height_found }.merge(params).merge(bloc_params))
+      else
+        #
+      end
+    else
+      case direction
+      when :vertical
+        box({ top: spacing, role: :block, width: width_found }.merge(params).merge(bloc_params))
+      when :horizontal
+        box({ left: spacing, role: :block, height: height_found }.merge(params).merge(bloc_params))
+      else
+        #
+      end
+    end
+
+  end
+
+  def blocks(params)
+    blocks = params.delete(:blocks)
+    distribute = params.delete(:distribute)
+    if distribute && params[:direction] == :horizontal
+      width_found = to_px(:width)
+      params[:spacing] = "#{spacing_found(width_found, params[:width], blocks.length)}%"
+    elsif distribute
+      height_found = to_px(:height)
+      params[:spacing] = spacing_found(height_found, params[:height], blocks.length)
+    end
+    blocks.each do |bloc_id, block_to_create|
+      sanitized_bloc_data = params.merge(block_to_create)
+      block({ data: sanitized_bloc_data }.merge({ id: bloc_id }).merge(params))
     end
+  end
+
+
+  def sub_block(sub_params, spacing_found = 3)
+    num_blocks = sub_params.size
+    parent_width = to_px(:width)
+    total_ratios = sub_params.values.sum { |sub_content| sub_content[:width] }
+    total_spacing = (num_blocks + 1) * spacing_found
+    available_width = parent_width - total_spacing
+    left_offset = spacing_found
+    sub_params.each do |sub_id, sub_content|
+      ratio = sub_content[:width]
+      block_width = (available_width * ratio) / total_ratios
+      sub_created = box({ id: sub_id, height: '100%', left: left_offset, role: :sub })
+      sub_content["width"] = block_width
+      sub_created.set(sub_content)
+      sub_created.width(block_width)
+      left_offset += block_width + spacing_found
+          sub_created.width(sub_created.to_percent(:width))
+          sub_created.left(sub_created.to_percent(:left))
+    end
+  end
+
+
 
   def help(particle, &doc)
     if doc

data/lib/atome/version.rb

@@ -3,5 +3,5 @@
 #  return atome version
 
 class Atome
-  VERSION = '0.5.7.4.3'
+  VERSION = '0.5.7.4.7'
 end

data/lib/molecules/intuition/tools.rb

@@ -1,9 +1,5 @@
 # frozen_string_literal: true
 
-def truncate_string(string, max_length)
-  string.length > max_length ? string.slice(0, max_length) + '.' : string
-end
-
 size = 33
 smooth = 3
 margin = 3
@@ -62,17 +58,19 @@ class Atome
             y = event[:clientY]
             elements = JS.global[:document].elementsFromPoint(x, y)
             elements.to_a.each do |atome_touched|
-              unless atome_touched.to_s == 'html'
-                id_found = atome_touched[:id].to_s
-                atome_found = grab(id_found)
-                # unless (atome_found && atome_found.tag[:system])
-                puts 'we have to check if operation is a creation or an alteration to include or exclude the view '
+              id_found = atome_touched[:id]
+              id_found = id_found.to_s.to_sym # keep .to_s to because ruby wasm try may to_sym on on symbol
+              atome_found = grab(id_found)
+
+              is_descendant_of_intuition = atome_found.descendant_of?(:intuition).to_s if atome_found
+              # # the condition below is use to exclude the treatment any object in the intuition layer
+              unless is_descendant_of_intuition == 'true'
+
                 Universe.active_tools.each do |tool|
                   apply_tool(tool, atome_found, event)
                 end
-
-                break
               end
+              break
             end
           else
             Universe.allow_tool_operations = true
@@ -89,11 +87,42 @@ class Atome
     end
 
     def start_click_analysis
-      # here we capture any touch when usingh tool
+      # here we capture any touch when using tool
       @click_analysis_active = false
-      JS.global[:document].addEventListener('mouseup') do |native_event|
-        Atome.instance_exec(native_event, &@click_analysis) if @click_analysis.is_a?(Proc)
+
+      click_timeout = nil
+      double_click_delay = 150
+
+      JS.global[:document].addEventListener('click') do |native_event|
+        if @click_analysis
+          if click_timeout
+            wait(:kill, click_timeout)
+            click_timeout = nil
+            selected_items = grab(Universe.current_user).selection.collect
+            if  selected_items.length >  0
+              dup_selected_items = selected_items.dup
+              dup_selected_items.each do |atome_id_selected|
+                atome_selected = grab(atome_id_selected)
+                atome_selected.selected(false)
+              end
+            else
+              atomes_in_view= grab(:view).fasten
+              atomes_in_view.each do |atome_id_found|
+                grab(atome_id_found).selected(true)
+              end
+              end
+
+
+          else
+            click_timeout = wait(double_click_delay / 1000.0) do
+              click_timeout = nil
+              Atome.instance_exec(native_event, &@click_analysis) if @click_analysis.is_a?(Proc)
+            end
+          end
+        end
+
       end
+
     end
 
     def alteration(current_tool, tool_actions, atome_touched, a_event)
@@ -152,7 +181,6 @@ class Atome
     end
 
     def apply_tool(tool, atome_touched, a_event)
-
       current_tool = grab(tool)
       tool_actions = current_tool.data
       method_found = tool_actions[:method]
@@ -169,10 +197,28 @@ class Atome
                else
                  atome_touched
                end
-      unless method_found == :alteration && target.tag[:system]
+      if target && method_found == :alteration && target.tag[:system]
+        # in this case (on target touch )we are targeting a system object non alterable so we create an a new atome
+        # Ex: if we are on a system color we create a new color that can be altered
+        tools_scheme[:particles]&.each do |particle_f, value_f|
+          type_to_create = target.type
+          if type_to_create
+            target = atome_touched.send(type_to_create, { particle_f => value_f })
+            tools_scheme[:particles]&.each do |particle_f, value_f|
+              target.send(particle_f, value_f)
+            end
+          end
+        end
+      else
 
+        # below code trigger when activating the current tool :
         tools_scheme[:particles]&.each do |particle_f, value_f|
-          target.send(particle_f, value_f)
+          is_descendant_of_intuition = target.descendant_of?(:intuition).to_s
+          atome_descendant_of_intuition = atome_touched.descendant_of?(:intuition).to_s
+          # the condition below is use to exclude the treatment any object in the intuition layer
+          unless is_descendant_of_intuition == 'true' || atome_descendant_of_intuition == 'true'
+            target.send(particle_f, value_f)
+          end
         end
         send(method_found, current_tool, tool_actions, target, a_event)
       end
@@ -363,15 +409,14 @@ class Atome
       tool.instance_variable_set('@prevent_action', true)
       if tool.instance_variable_get('@tool_open') == true
         tool.instance_variable_set('@tool_open', false)
-        tool_scheme[:particles].each_key do |particle|
-          grab("tool_particle_#{particle}").delete({ force: true })
-        end
+        tool_scheme[:particles]&.each_key do |particle|
+            grab("tool_particle_#{particle}").delete({ force: true })
+          end
         tool.width(size)
       else
         tool.instance_variable_set('@tool_open', true)
 
         tool_scheme[:particles]&.each_with_index do |(particle_name, _value_), ind|
-
           particle = tool.box({ id: "tool_particle_#{particle_name}", tag: { system: true }, depth: 1, smooth: smooth,
                                 apply: %i[inactive_tool_col tool_box_border tool_shade],
                                 width: size, height: size, left: ind * (size + margin) + size })
@@ -402,7 +447,6 @@ class Atome
           particle_label.top(:auto)
           particle_label.bottom(0)
           particle.touch(true) do
-            puts "1 ======> opening !!!#{particle_name}"
             tool.instance_variable_set('@prevent_action', true)
             slider_id = "particle_slider_#{particle_name}"
             if particle.instance_variable_get('@active')
@@ -431,20 +475,21 @@ class Atome
                 if grab(slider_id).instance_variable_get('@initialised')
                   Atome.selection.each do |atome_id_to_treat|
 
+
                     tool_scheme[:particles][particle_name] = value.to_f / 100
                     atome_found = grab(atome_id_to_treat)
                     target = grab(atome_found.color.last)
+                    target.send(particle_name, value.to_f / 100) if tool.active
 
-                    target.send(particle_name, value.to_f / 100)
-                    label_value.data(value.to_f / 100)
                   end
+
+                  label_value.data(value.to_f / 100)
+                  tool_scheme[:particles][particle_name]=value.to_f / 100
                 end
               end
 
               Atome.selection.each do |atome_id_to_treat|
                 atome_found = grab(atome_id_to_treat)
-                puts 'here slider treat either the target atome types or current atome'
-                puts "need to created a list instead of choosing the last atome found of it's kind"
                 target = if tool_scheme[:target]
                            grab(atome_found.send(tool_scheme[:target]).last)
                          else
@@ -465,6 +510,14 @@ class Atome
     tool.touch(:down) do
       tool.depth(999)
     end
+    tool.touch(:double) do
+      tool_to_deactivate = Universe.active_tools.dup
+      tool_to_deactivate.each do |atome_id_found|
+        atome_found = grab(atome_id_found)
+        atome_found.deactivate_tool
+      end
+      tool.activate_tool
+    end
     tool.touch(true) do
       unless tool.instance_variable_get('@prevent_action')
         # we add all specific tool actions to @tools_actions_to_exec hash
@@ -482,4 +535,4 @@ class Atome
     end
   end
 
-end
+end

data/lib/molecules/intuition/utilities.rb

@@ -505,7 +505,6 @@ new(molecule: :application) do |params, &bloc|
 
   menu = buttons({
                    id: "#{id_f}_menu",
-                   # left: 66,
                    depth: 9999,
                    attach: id_f,
                    inactive: { text: { color: :gray }, width: 66, height: 12, spacing: 3, disposition: :horizontal,
@@ -533,11 +532,11 @@ new(molecule: :application) do |params, &bloc|
   end
   main_app.define_singleton_method(:extract) do |bloc_to_extract|
 
-      bloc_to_extract.each do |page_id, block_id|
-        grab(block_id).delete({ recursive: true })
-        @blocks[page_id].delete(block_id)
-        grab(page_id).reorder_blocs
-    end
+    bloc_to_extract.each do |page_id, block_id|
+    grab(block_id).delete({ recursive: true })
+      @blocks[page_id].delete(block_id)
+      grab(page_id).reorder_blocs
+  end
 
   end
 
@@ -601,23 +600,14 @@ new(molecule: :show) do |page_id, &bloc|
   # now looking for associated blocks
   blocks_found = params[:blocks]
   @prev_bloc_height = 0
-  blocks_found&.each do |bloc_id, bloc_content|
 
+  blocks_found&.each do |bloc_id, bloc_content|
     new_bloc = new_page.box({ id: bloc_id, role: :block, width: '100%', height: 99, top: spacing + @prev_bloc_height, bottom: 0, left: 0, right: 0, spacing: spacing })
-
     new_bloc.define_singleton_method(:subs) do |sub_params|
-      @prev_sub_width = 0
-      sub_params.each do |sub_id, sub_content|
-        sub_created = new_bloc.box({ id: sub_id, height: '100%', left: @prev_sub_width })
-        sub_created.set(sub_content)
-        @prev_sub_width = @prev_sub_width + sub_created.to_px(:width) + spacing
-        sub_created.width(sub_created.to_percent(:width))
-        sub_created.left(sub_created.to_percent(:left))
-      end
 
+      new_bloc.sub_block(sub_params, 3)
     end
     new_bloc.set(bloc_content)
-
     @prev_bloc_height = @prev_bloc_height + new_bloc.height + spacing
   end
 
@@ -716,5 +706,4 @@ new(molecule: :buttons) do |params, &bloc|
     main.create_new_button(item_id, index, label, code)
   end
   main
-
 end

data/lib/renderers/html/atome_html.rb

@@ -9,6 +9,10 @@ class Atome
     end
   end
 
+    def descendant_of?(ancestor)
+      HTML.is_descendant(ancestor, id)
+    end
+
   def to_px(particle)
     ruby_wasm_code = <<-JS
   var div = document.getElementById("#{@id}");

data/lib/renderers/html/html.rb

@@ -4,6 +4,8 @@
 
 class HTML
 
+
+
   def self.locate(selector, base_element = JS.global[:document][:body])
     return base_element if selector.empty?
 
@@ -22,6 +24,10 @@ class HTML
     end
   end
 
+  def self.is_descendant(ancestor, descendant)
+    JS.eval("return isDescendant('#{ancestor}', '#{descendant}')")
+  end
+
   def initialize(id_found, current_atome)
 
     @element = JS.global[:document].getElementById(id_found.to_s)
@@ -35,6 +41,8 @@ class HTML
     @element
   end
 
+
+
   def hypertext(params)
     current_div = JS.global[:document].getElementById(@id.to_s)
     current_div[:innerHTML] = params

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

@@ -7,16 +7,19 @@ b3=box({top: below(b2, margin)})
 b4=box({top: below(b3, margin)})
 box({top: below(b4, margin)})
 i=0
-while i< 10 do
-  b2=box({top: below(b, margin)})
-  i+=1
-end
 
-b = circle(left: 66)
-margin = 12
+
+b = circle(left: 333, top: 333)
+margin = "2%"
+# margin = 120
 i = 0
 
 while i < 10 do
-  b = circle({top: below(b, margin), left: 66})
+  #below first params is the object after which we place the objet, the second the margin
+  # here in percent and the third is the reference object used for the percent
+  # b = circle({top: below(b, margin, grab(:view)), left: b.left})
+  # b = circle({top: :auto,bottom: above(b, margin, grab(:view)), left: b.left})
+  b = circle({top: b.top,left: after(b, margin, grab(:view))})
+  # b = circle({left: :auto,right: before(b, margin, grab(:view))})
   i += 1
 end

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

@@ -51,12 +51,13 @@ a.page({ id: :page3,
 menu_f=a.menu
 menus_found= menu_f.fasten # replace fasten for entries
 puts a.pages
-puts   " pages => #{a.pages}"
-puts   " menus_found => #{menus_found}"
+puts   "pages => #{a.pages}"
+puts   "menus_found => #{menus_found}"
 
 bloc_to_add= {height: 156, color: :green}
 bloc_to_add2= {height: 99, color: :blue}
-bloc_to_add3= {height: 333, color: :orange, subs:{contact: {width: '33%'}, project: {width: '33%'}, calendar: {width: '33%'}}}
+bloc_to_add3= {height: 333, color: :orange, subs:{contact: {width: 1, color: :black}, project: {width: 1}, calendar: {width: 0.5, color: :green}}}
+
  a.insert({page3: {block1: bloc_to_add , block2: bloc_to_add2, block3: bloc_to_add3}})
 
 
@@ -72,3 +73,4 @@ a.show(:page3)
 # end
 
 
+alert(grab(:project).inspect)

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

@@ -0,0 +1,45 @@
+# frozen_string_literal: true
+
+
+
+a = application({
+                  id: :arp,
+                  margin: 3,
+                })
+
+page1_code = lambda do
+  b = box({ id: :ty, left: 90, top: 90, color: :black })
+  b.touch(true) do
+    b.color(:red)
+  end
+end
+
+page1 = {
+  run: page1_code,
+  menu: false,
+  id: :page1,
+  color: { red: 0.5, green: 0.5, blue: 0.5 },
+  name: :accueil,
+  # footer: { color: :green, height: 22 },
+  header: { color: { red: 0.3, green: 0.3, blue: 0.3 }, height: 90, shadow: { blur: 12, left: 0, top: 0 } },
+
+}
+
+a.page(page1)
+c = a.show(:page1)
+c.color(:orange)
+header = grab(:arp_content_header)
+header.color(:orange)
+# header.height(66)
+# header.subs({ "contact" => { "width" => "33%" }, "project" => { "width" => "33%" }, "calendar" => { "width" => "33%" } })
+
+bloc_to_add = { height: 33, color: :cyan }
+bloc_to_add2 = { height: 99, color: :blue }
+bloc_to_add3 = { height: 133, color: :red }
+bloc_to_add4 = { height: 33, color: :gray }
+###########@
+grab(:page1).blocks({ direction: :vertical, color: :blue, height: 55, spacing: 6,
+                      blocks: { block1: bloc_to_add, block2: bloc_to_add2, block3: bloc_to_add3 } })
+
+grab(:block1).blocks({ direction: :horizontal, color: :orange, spacing: 66, width: 120, top: 0,
+                       blocks: { block12: bloc_to_add4, block22: bloc_to_add2, block32: bloc_to_add3 }, distribute: true })

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

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+b=box
+b.circle({role: :header, left: 55, id: :first_one})
+b.text({role: [:action], data: "hello", top: 90})
+b.box({role: :header, left: 155, id: :second_one})
+
+
+puts"header grip : #{ b.grip(:header)}"
+puts "last header grip #{b.grip(:header).last}"

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

@@ -1,56 +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).fasten.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})
+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).fasten.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/to_percent.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+b=box
+t=text({width: 66, left: 99,top: 66, data: "touch the bow and resize the window"})
+
+b.touch(true) do
+  b.width(t.to_percent(:width))
+  b.left(t.to_percent(:left))
+end

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

@@ -1,22 +1,52 @@
 # frozen_string_literal: true
 
 
+# new({ tool: :color2 }) do
+#   active_code = lambda {
+#     puts 'color activated1'
+#   }
+#   color_code2=lambda {
+#     puts  "object id is : #{id}"
+#     # color(:green)
+#   }
+#   inactive_code = lambda { |data|
+#     data[:treated].each do |atome_f|
+#       # atome_f.drag(false)
+#       # atome_f.color(:green)
+#     end
+#   }
+#
+#   { activation: active_code,
+#     alteration: { event: color_code2 },
+#     inactivation: inactive_code,
+#     target: :color,
+#     particles: { red: 0, green: 0.5, blue: 1, alpha: 1 }
+#   }
+# end
+
+new({ tool: :toolbox1 }) do
+  active_code = lambda {
+    toolbox({ tools: [:combined], toolbox: { orientation: :ew, left: 90, bottom: 9, spacing: 9 } })
+  }
+  { activation: active_code }
+end
+
 
 new({ tool: :combined }) do |params|
 
   active_code = lambda {
-    puts :alteration_tool_code_activated
+    # puts :alteration_tool_code_activated
   }
 
   inactive_code = lambda { |param|
-    puts :alteration_tool_code_inactivated
+    # puts :alteration_tool_code_inactivated1
   }
   pre_code = lambda { |params|
-    puts "pre_creation_code,atome_touched: #{:params}"
+    # puts "pre_creation_code,atome_touched: #{:params}"
 
   }
   post_code = lambda { |params|
-    puts "post_creation_code,atome_touched: #{:params}"
+    # puts "post_creation_code,atome_touched: #{:params}"
 
   }
 
@@ -36,27 +66,65 @@ new({ tool: :combined }) do |params|
     post: post_code,
     zone: zone_spe,
     icon: :color,
-    int8: { french: :couleur, english: :color, german: :colorad } }
+    int8: { french: :couleur, english: :combined, german: :colorad } }
+
+end
+
+new({ tool: :rotate }) do |params|
+
+  active_code = lambda {
+    # puts :alteration_tool_code_activated
+  }
+
+  inactive_code = lambda { |param|
+    # puts :alteration_tool_code_inactivated2
+  }
+  pre_code = lambda { |params|
+    # puts "pre_creation_code,atome_touched: #{:params}"
+
+  }
+  post_code = lambda { |params|
+    # puts "post_creation_code,atome_touched: #{:params}"
+
+  }
+
+  zone_spe = lambda { |current_tool|
+    # puts "current tool is : #{:current_tool} now creating specific zone"
+    # b = box({ width: 33, height: 12 })
+    # b.text({ data: :all })
+
+  }
+
+  {
+    activation: active_code,
+    inactivation: inactive_code,
+    # alteration: { width: 22, blur: 3 },
+    alteration: { rotate: 22 },
+    pre: pre_code,
+    post: post_code,
+    zone: zone_spe,
+    icon: :color,
+    int8: { french: :couleur, english: :rotate, german: :colorad } }
 
 end
 
 new({ tool: :box }) do |params|
 
   active_code = lambda {
-    puts :creation_tool_code_activated
+    # puts :creation_tool_code_activated
   }
 
   inactive_code = lambda { |atomes_treated|
-    puts :creation_tool_code_inactivated
+    # puts :creation_tool_code_inactivated
 
   }
   pre_creation_code = lambda { |params|
-    puts "pre_creation_code : atome_touched : #{:params} "
+    # puts "pre_creation_code : atome_touched : #{:params} "
 
   }
 
   post_creation_code = lambda { |params|
-    puts "post_creation_code,atome_touched: #{:params}"
+    # puts "post_creation_code,atome_touched: #{:params}"
   }
 
   { creation: { box: { color: :blue, width: 66, height: 66 } },
@@ -146,7 +214,7 @@ new({ tool: :drag }) do
   }
   move_code = lambda {
     drag(true) do
-      puts left
+      puts "left is : #{left}"
     end
   }
 
@@ -180,16 +248,9 @@ new({ tool: :select }) do
 
 end
 
-new({ tool: :toolbox1 }) do
-  active_code = lambda {
-    toolbox({ tools: [:combined], toolbox: { orientation: :ew, left: 90, bottom: 9, spacing: 9 } })
-  }
-  { activation: active_code }
-end
-
 new({ tool: :color }) do
   active_code = lambda {
-    puts 'color activated1'
+    # puts 'color activated1'
   }
   color_code = lambda {
     # color(:green)
@@ -211,7 +272,7 @@ end
 
 new({ tool: :crash_test }) do
   active_code = lambda {
-    puts 'color activated1'
+    alert  grab(Universe.current_user).selection.collect
   }
   color_code = lambda {
     # color(:green)
@@ -222,22 +283,26 @@ new({ tool: :crash_test }) do
     end
   }
 
-  {
-    alteration: { width: 22},
+  {activation: active_code,
+    # alteration: { alert: :good}
     }
 end
 
 # Universe.tools_root= {tools: [:blur, :box, :test, :toolbox1],toolbox: { orientation: :ew, left:90 , bottom: 9, spacing: 9} }
-Universe.tools_root = {id: :root_tools, tools: [:select,:crash_test, :box, :drag, :touch,:color, :move, :toolbox1], toolbox: { orientation: :ew, left: 9, bottom: 9, spacing: 9 } }
-puts "above we added an id because each tool may be in many toolbox and have an uniq ID"
+Universe.tools_root = {id: :root_tools, tools: [:select,:crash_test, :box, :drag, :touch,:color, :move, :toolbox1, :rotate], toolbox: { orientation: :ew, left: 9, bottom: 9, spacing: 9 } }
+# puts "above we added an id because each tool may be in many toolbox and have an uniq ID"
 Atome.init_intuition
 
-b = box({ id: :the_test__box, selected: true })
+b = box({ id: :the_test_box, selected: false, color: :blue })
 c=circle({ left: 90, id: :the_test_circle, selected: false })
 c.drag(true) do
   puts "moving"
 end
+
+
 b.touch(true) do
+  # alert b.descendant_of?(:view)
+  # alert "#{b.descendant_of?(:intuition)}, then dont treat!"
   if b.width == 170
     b.width(55)
   else
@@ -245,4 +310,15 @@ b.touch(true) do
   end
 
 end
-
+text({left: 333, data: :hello, id: :t1})
+circle({left: 333,top: 333, id: :c2})
+
+# wait 2 do
+#   b= grab('color_tool_icon')
+#   grab('color_tool_icon').color(:red)
+#
+#   puts b.descendant_of?(:view)
+#   puts "#{b.descendant_of?(:intuition)}, then dont treat!"
+#
+# end
+puts 'add tool preview , and maybe allow tool details to be moved'

data/vendor/assets/src/js/atome/atome.js

@@ -504,3 +504,21 @@ function record_content(blob) {
 }
 
 
+function isDescendant(parentId, childId) {
+    var parent = document.getElementById(parentId);
+    var child = document.getElementById(childId);
+
+    let node = child;
+    while (node !== null) {
+        if (node === parent) {
+            return true;
+        }
+        node = node.parentNode;
+    }
+    return    false;
+
+}
+
+// alert(isDescendant('intuition', 'the_test_box'));
+// alert(isDescendant('view', 'the_test_box'));
+

data/vendor/assets/src/medias/images/icons/add.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="53" height="53"  xml:space="preserve" id="canvas1">
+    <!-- Generated by PaintCode - http://www.paintcodeapp.com -->
+  <path id="canvas1-canvasNewCanvascanvas1bezier" stroke="rgb(200, 200, 200)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" fill="none" d="M 13,26 L 40,26" />
+  <path id="canvas1-canvasNewCanvascanvas1bezier3" stroke="rgb(200, 200, 200)" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" fill="none" d="M 26,40 L 26,13" />
+  <circle id="canvas1-oval" stroke="rgb(206, 206, 206)" stroke-width="6" stroke-miterlimit="10" fill="none" cx="26.5" cy="26.5" r="23.5" />
+</svg>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: atome
 version: !ruby/object:Gem::Version
-  version: 0.5.7.4.3
+  version: 0.5.7.4.7
 platform: ruby
 authors:
 - Jean-Eric Godard
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2024-06-20 00:00:00.000000000 Z
+date: 2024-07-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: eventmachine
@@ -546,6 +546,7 @@ files:
 - vendor/assets/application/examples/b64_to_image.rb
 - vendor/assets/application/examples/basic_understanding.rb
 - vendor/assets/application/examples/behavior.rb
+- vendor/assets/application/examples/blocks.rb
 - vendor/assets/application/examples/blur.rb
 - vendor/assets/application/examples/border.rb
 - vendor/assets/application/examples/browse.rb
@@ -588,6 +589,7 @@ files:
 - vendor/assets/application/examples/getter.rb
 - vendor/assets/application/examples/grab.rb
 - vendor/assets/application/examples/gradient.rb
+- vendor/assets/application/examples/grip.rb
 - vendor/assets/application/examples/group.rb
 - vendor/assets/application/examples/help.rb
 - vendor/assets/application/examples/hierarchy.rb
@@ -656,6 +658,7 @@ files:
 - vendor/assets/application/examples/text.rb
 - vendor/assets/application/examples/text_align.rb
 - vendor/assets/application/examples/tick.rb
+- vendor/assets/application/examples/to_percent.rb
 - vendor/assets/application/examples/to_px.rb
 - vendor/assets/application/examples/tools.rb
 - vendor/assets/application/examples/touch.rb
@@ -778,6 +781,7 @@ files:
 - vendor/assets/src/medias/images/green_planet.png
 - vendor/assets/src/medias/images/icons/Lowpass.svg
 - vendor/assets/src/medias/images/icons/activate.svg
+- vendor/assets/src/medias/images/icons/add.svg
 - vendor/assets/src/medias/images/icons/audio.svg
 - vendor/assets/src/medias/images/icons/band_pass.svg
 - vendor/assets/src/medias/images/icons/clear.svg