atome 0.5.6.5.6 → 0.5.6.6.0

data/lib/molecules/intuition/toolbox.rb

@@ -1,280 +1,282 @@
-# frozen_string_literal: true
-text(:hello)
-class Atome
-
-  def build_tool(&bloc)
-    # alert params[:tool]
-    a = Atome.instance_exec(&bloc)
-    puts "===> a is : #{a[:action]}"
-    # check below
-    wait 2 do
-      send a[:action]
-    end
-    grab(:toolbox).box({color: :white, width: 33, height: 33})
-  end
-end
-
-class Object
-  def new(params, &bloc)
-    # Genesis = Genesis.Genesis
-    if params.key?(:atome)
-      Universe.add_atomes_specificities params[:atome]
-      Genesis.build_atome(params[:atome], &bloc)
-    elsif params.key?(:particle)
-      Atome.instance_variable_set("@main_#{params[:particle]}", bloc)
-      # render indicate if the particle needs to be rendered
-      # store tell the system if it need to store the particle value
-      # type help the system what type of type the particle will receive and store
-      Genesis.build_particle(params[:particle], { render: params[:render], return: params[:return],
-                                                  store: params[:store], type: params[:type] }, &bloc)
-    elsif params.key?(:sanitizer)
-      Genesis.build_sanitizer(params[:sanitizer], &bloc)
-    elsif params.key?(:pre)
-      Atome.instance_variable_set("@pre_#{params[:pre]}", bloc)
-    elsif params.key?(:post)
-      Atome.instance_variable_set("@post_#{params[:post]}", bloc)
-    elsif params.key?(:after)
-      Atome.instance_variable_set("@after_#{params[:after]}", bloc)
-    elsif params.key?(:read)
-      Atome.instance_variable_set("@read_#{params[:read]}", bloc)
-    elsif params[:renderer]
-      renderer_found = params[:renderer]
-      if params[:specific]
-        Universe.set_atomes_specificities(params)
-        params[:specific] = "#{params[:specific]}_"
-      end
-      render_method = "#{renderer_found}_#{params[:specific]}#{params[:method]}"
-      Genesis.build_render(render_method, &bloc)
-    elsif params.key?(:callback)
-      particle_targetted = params[:callback]
-      Atome.define_method "#{particle_targetted}_callback" do
-        bloc.call
-      end
-    elsif params.key?(:tool)
-      A.build_tool(&bloc)
-    end
-  end
-end
-
-grab(:intuition).box({id: :toolbox, top: :auto, bottom: 0, left: 0, width: 50, height: 255})
-
-def record_tool
-  grab(Universe.current_user).selection
-  alert "must get selection to treat it "
-end
-
-
-module Intuition
-  def intuition_int8
-    # tool taxonomy and list
-    {
-      capture: { int8: { french: :enregistrement, english: :record, german: :datensatz } },
-      communication: { french: :communication, english: :communication, german: :communication },
-      tool: { french: :outils, english: :tools, german: :werkzeuge },
-      view: { french: :vue, english: :view, german: :aussicht },
-      time: { french: :horloge, english: :clock, german: :Uhr },
-      find: { french: :trouve, english: :find, german: :finden },
-      home: { french: :accueil, english: :home, german: :zuhause },
-      code: { french: :code, english: :code, german: :code },
-      impulse: { french: :impulse, english: :impulse, german: :impulse },
-    }
-  end
-  def intuition_taxonomy
-
-  end
-
-  def impulse
-    # tool start point
-    [:capture, :communication, :tool, :view, :time, :find, :home]
-  end
-
-  # def capture
-  #   categories=ATOME.methods_categories
-  #   [categories[:inputs]]
-  # end
-  #
-  # def communication
-  #   categories=ATOME.methods_categories
-  #   [categories[:communications]]
-  # end
-  #
-  # def toolz
-  #   categories=ATOME.methods_categories
-  #   [categories[:spatials],categories[:helpers],categories[:materials],
-  #    categories[:geometries],categories[:effects],
-  #    categories[:medias],categories[:hierarchies],categories[:utilities],categories[:events]]
-  # end
-  #
-  # def tool_style(size = 33)
-  #   # styling
-  #   shadows = [{ x: size / 15, y: size / 15, thickness: 0, blur: size / 3, color: { red: 0, green: 0, blue: 0, alpha: 0.3 } }, { x: -size / 15, y: -size / 15, thickness: 0, blur: size / 6, color: { red: 1, green: 1, blue: 1, alpha: 0.3 } }]
-  #   style = { type: :tool, content: { points: 4 }, color: { red: 0.9, green: 0.9, blue: 0.9, alpha: 0.15 }, parent: :intuition, shadow: shadows, blur: { value: 6, invert: true } }
-  #   return style
-  # end
-  #
-  # def open_tool(tool_id, widthness=3, orientation=:x, speed=0.6)
-  #   if orientation == :x
-  #     orientation = :width
-  #     value = grab(tool_id).width
-  #   else
-  #     orientation = :height
-  #     value = grab(tool_id).height
-  #   end
-  #   animate({
-  #             start: { orientation => value },
-  #             end: { orientation => value * widthness },
-  #             duration: speed * 1000,
-  #             loop: 0,
-  #             curve: :easing,
-  #             target: tool_id
-  #           })
-  #   notification "find why this id #{self.atome_id}, add annimation callback to set overflow when anim complete"
-  #   grab(tool_id).overflow(:visible)
-  # end
-  #
-  # def close_tool(tool_id, widthness, orientation, speed)
-  #   if orientation == :x
-  #     orientation = :width
-  #     value = grab(tool_id).width
-  #   else
-  #     orientation = :height
-  #     value = grab(tool_id).height
-  #   end
-  #   animate({
-  #             start: { orientation => value * widthness },
-  #             end: { orientation => value },
-  #             duration: speed * 1000,
-  #             loop: 0,
-  #             curve: :easing,
-  #             target: tool_id
-  #           })
-  #   # grab(tool_id).overflow(:hidden)
-  # end
-  #
-  # def create_tool(tool_name, size = 33, x_pos = 0, y_pos = 33, offsset=0)
-  #   tool_created = tool(self.tool_style(size).merge({ parent: :main_menu, atome_id: "tool_" + tool_name, id: "tool_" + tool_name,
-  #                                                     width: size, height: size, smooth: size / 9, overflow: :hidden, x: x_pos, y: y_pos, z: 1, content: [] }))
-  #   icon=tool_created.shape({ path: tool_name, width: size - size / 2, height: size - size / 2, center: true })
-  #   # name = intuition_list[tool_name][language]
-  #   particle({ atome_id: :tools_property_container, color: { red: 0.6, green: 0.6, blue: 0.6 } })
-  #   # we get the plugin code only if the plugin hasn't been interpreted before (unless condition below)
-  #   unless grab(:intuition).content.include? tool_name
-  #     ATOME.reader("./medias/e_rubies/tools/#{tool_name}.rb") do |data|
-  #       #  todo add a security parser here
-  #       # we set the variable tool that can be used to facilitate plugin creation
-  #       data="tool=grab(:#{tool_created.atome_id})\n"+data
-  #       compile(data)
-  #       # we add the tool to the intuition content so it won't be loaded twice
-  #       grab(:intuition).content |= [tool_name]
-  #     end
-  #   end
-  #   # end
-  #   tool_created.active({ exec: false })
-  #   tool_created.inactive({ exec: false })
-  #   icon.touch(stop: true) do
-  #     if tool_created.active[:exec] == true
-  #       tool_created.color(:transparent)
-  #       tool_created.active(exec: false, proc: tool_created.active[:proc]  )
-  #       tool_created.inactive(exec: true, proc: tool_created.inactive[:proc]  )
-  #     else
-  #       tool_created.color({alpha: 0.3})
-  #       tool_created.active({ exec: true, proc: tool_created.active[:proc]  })
-  #     end
-  #   end
-  # end
-  #
-  # # we get menu entry point
-  # def open_intuition(position = {})
-  #   position = { x: 0, yy: 0, size: 33, orientation: :vertical, offset: 0 }.merge(position)
-  #   # we get content language from view's language
-  #   if grab(:main_menu)
-  #     grab(:main_menu).delete
-  #   else
-  #     grab(:view).language
-  #     self.language(grab(:view).language)
-  #     orientation = position.delete(:orientation)
-  #     size = position.delete(:size)
-  #     offset = position.delete(:offset)
-  #     # positioning and scaling
-  #     if orientation == :vertical
-  #       requested_width = size
-  #       requested_height = (size+offset)* impulse.length
-  #     else
-  #       requested_width = (size+offset) * impulse.length
-  #       requested_height = size
-  #     end
-  #     tool({ atome_id: :main_menu, parent: :intuition, color: { alpha: 0 } }.merge(position).merge(width: requested_width, height: requested_height))
-  #     impulse.each_with_index do |item, index|
-  #       if orientation == :vertical
-  #         create_tool(item, size, 0, index * (size+offset))
-  #       else
-  #         create_tool(item, size, index * (size+offset), 0)
-  #       end
-  #     end
-  #   end
-  # end
-end
-# atome class extension for eVe
-
-class Atome
-  include Intuition
-  #  def atome(requested_property)
-  #    # add component list iin the content we maybe ahave to create a tool object because box can't handle this type of content
-  #    new_atome=self.tool({ atome_id: "#{self.atome_id}_#{requested_property}_atome_#{self.content.length}", x: 66})
-  #    new_atome.touch({ stop: true, option: :down}) do
-  #      color(:red)
-  #      new_atome.height = new_atome.height*3
-  #    end
-  #    new_atome.touch({ stop: true, option: :up}) do
-  #      color(:red)
-  #      new_atome.height = new_atome.height/3
-  #    end
-  #    notification "now we have to add an object or a new property (style) to store complete tool style including size and
-  # orientation so we can position the new atome correctly"
-  #    # alert self.content.class
-  #    # alert self.content.length
-  #    # alert tool_style
-  #  end
-end
-
-# # we initialise the toolbox here :
+# # frozen_string_literal: true
+# text(:hello)
+# class Atome
 #
-# # the launch bar
-# launch_bar = box({ x: 0, y: 0, width: 33, height: "100%", parent: :intuition, z: 0, color: { alpha: 0 } })
-# launch_bar.touch({ option: :long }) do |evt|
-#   size = 33
-#   yy_touch_position = grab(:view).convert(:height) - evt.page_y
-#   if yy_touch_position < size
-#     #if the long touch is within the wanted area( in this  at bottom of the screen) we open the menu
-#     # launch_bar.open_intuition({ x: size, yy: 6,offset: 6, orientation: :horizontal, size: size })
-#     launch_bar.open_intuition({ x: 6, yy: size,offset: 6, orientation: :vertical, size: size })
+#   def build_tool(&bloc)
+#     # alert params[:tool]
+#     a = Atome.instance_exec(&bloc)
+#     puts "===> a is : #{a[:action]}"
+#     # check below
+#     wait 2 do
+#       send a[:action]
+#     end
+#     grab(:toolbox).box({color: :white, width: 33, height: 33})
 #   end
 # end
 #
-# # # # # # # # # # # # # # # tests below   # # # # # # # # # # # # #
+# class Object
+#   def new(params, &bloc)
+#     # Genesis = Genesis.Genesis
+#     if params.key?(:atome)
+#       Universe.add_atomes_specificities params[:atome]
+#       Genesis.build_atome(params[:atome], &bloc)
+#     elsif params.key?(:particle)
+#       Atome.instance_variable_set("@main_#{params[:particle]}", bloc)
+#       # render indicate if the particle needs to be rendered
+#       # store tell the system if it need to store the particle value
+#       # type help the system what type of type the particle will receive and store
+#       Genesis.build_particle(params[:particle], { render: params[:render], return: params[:return],
+#                                                   store: params[:store], type: params[:type] }, &bloc)
+#     elsif params.key?(:sanitizer)
+#       Genesis.build_sanitizer(params[:sanitizer], &bloc)
+#     elsif params.key?(:pre)
+#       Atome.instance_variable_set("@pre_#{params[:pre]}", bloc)
+#     elsif params.key?(:post)
+#       Atome.instance_variable_set("@post_#{params[:post]}", bloc)
+#     elsif params.key?(:after)
+#       @startup='coool!!!'
+#       alert 'after is set'
+#       Atome.instance_variable_set("@after_#{params[:after]}", bloc)
+#     elsif params.key?(:read)
+#       Atome.instance_variable_set("@read_#{params[:read]}", bloc)
+#     elsif params[:renderer]
+#       renderer_found = params[:renderer]
+#       if params[:specific]
+#         Universe.set_atomes_specificities(params)
+#         params[:specific] = "#{params[:specific]}_"
+#       end
+#       render_method = "#{renderer_found}_#{params[:specific]}#{params[:method]}"
+#       Genesis.build_render(render_method, &bloc)
+#     elsif params.key?(:callback)
+#       particle_targetted = params[:callback]
+#       Atome.define_method "#{particle_targetted}_callback" do
+#         bloc.call
+#       end
+#     elsif params.key?(:tool)
+#       A.build_tool(&bloc)
+#     end
+#   end
+# end
 #
-# list = molecule_analysis(@molecules_list)
-# notif list[:tools]
-# notif "======"
-# notif list[:molecules]
-# notif "======"
-# notif list[:atomes]
-# notif "======"
-# notif list[:molecules][:shadow]
-
-new({ tool: :capture }) do |params|
-  tool = { id: :rec_01,
-
-           name: :record, icon: :record, action: {open: [:sub_menu]},  code: :record_tool, position: { root: 1 }, # position can be multiple
-           option: { opt1: :method_2 }, int8: { french: :enregistrement, english: :record, german: :datensatz } }
-  tool
-end
-
-
-puts A.impulse
-# def fill_toolzone(tools_ids)
+# grab(:intuition).box({id: :toolbox, top: :auto, bottom: 0, left: 0, width: 50, height: 255})
 #
+# def record_tool
+#   grab(Universe.current_user).selection
+#   alert "must get selection to treat it "
 # end
 #
-# fill_toolzone(%i[files edition select group link copy undo settings])
-
+#
+# module Intuition
+#   def intuition_int8
+#     # tool taxonomy and list
+#     {
+#       capture: { int8: { french: :enregistrement, english: :record, german: :datensatz } },
+#       communication: { french: :communication, english: :communication, german: :communication },
+#       tool: { french: :outils, english: :tools, german: :werkzeuge },
+#       view: { french: :vue, english: :view, german: :aussicht },
+#       time: { french: :horloge, english: :clock, german: :Uhr },
+#       find: { french: :trouve, english: :find, german: :finden },
+#       home: { french: :accueil, english: :home, german: :zuhause },
+#       code: { french: :code, english: :code, german: :code },
+#       impulse: { french: :impulse, english: :impulse, german: :impulse },
+#     }
+#   end
+#   def intuition_taxonomy
+#
+#   end
+#
+#   def impulse
+#     # tool start point
+#     [:capture, :communication, :tool, :view, :time, :find, :home]
+#   end
+#
+#   # def capture
+#   #   categories=ATOME.methods_categories
+#   #   [categories[:inputs]]
+#   # end
+#   #
+#   # def communication
+#   #   categories=ATOME.methods_categories
+#   #   [categories[:communications]]
+#   # end
+#   #
+#   # def toolz
+#   #   categories=ATOME.methods_categories
+#   #   [categories[:spatials],categories[:helpers],categories[:materials],
+#   #    categories[:geometries],categories[:effects],
+#   #    categories[:medias],categories[:hierarchies],categories[:utilities],categories[:events]]
+#   # end
+#   #
+#   # def tool_style(size = 33)
+#   #   # styling
+#   #   shadows = [{ x: size / 15, y: size / 15, thickness: 0, blur: size / 3, color: { red: 0, green: 0, blue: 0, alpha: 0.3 } }, { x: -size / 15, y: -size / 15, thickness: 0, blur: size / 6, color: { red: 1, green: 1, blue: 1, alpha: 0.3 } }]
+#   #   style = { type: :tool, content: { points: 4 }, color: { red: 0.9, green: 0.9, blue: 0.9, alpha: 0.15 }, parent: :intuition, shadow: shadows, blur: { value: 6, invert: true } }
+#   #   return style
+#   # end
+#   #
+#   # def open_tool(tool_id, widthness=3, orientation=:x, speed=0.6)
+#   #   if orientation == :x
+#   #     orientation = :width
+#   #     value = grab(tool_id).width
+#   #   else
+#   #     orientation = :height
+#   #     value = grab(tool_id).height
+#   #   end
+#   #   animate({
+#   #             start: { orientation => value },
+#   #             end: { orientation => value * widthness },
+#   #             duration: speed * 1000,
+#   #             loop: 0,
+#   #             curve: :easing,
+#   #             target: tool_id
+#   #           })
+#   #   notification "find why this id #{self.atome_id}, add annimation callback to set overflow when anim complete"
+#   #   grab(tool_id).overflow(:visible)
+#   # end
+#   #
+#   # def close_tool(tool_id, widthness, orientation, speed)
+#   #   if orientation == :x
+#   #     orientation = :width
+#   #     value = grab(tool_id).width
+#   #   else
+#   #     orientation = :height
+#   #     value = grab(tool_id).height
+#   #   end
+#   #   animate({
+#   #             start: { orientation => value * widthness },
+#   #             end: { orientation => value },
+#   #             duration: speed * 1000,
+#   #             loop: 0,
+#   #             curve: :easing,
+#   #             target: tool_id
+#   #           })
+#   #   # grab(tool_id).overflow(:hidden)
+#   # end
+#   #
+#   # def create_tool(tool_name, size = 33, x_pos = 0, y_pos = 33, offsset=0)
+#   #   tool_created = tool(self.tool_style(size).merge({ parent: :main_menu, atome_id: "tool_" + tool_name, id: "tool_" + tool_name,
+#   #                                                     width: size, height: size, smooth: size / 9, overflow: :hidden, x: x_pos, y: y_pos, z: 1, content: [] }))
+#   #   icon=tool_created.shape({ path: tool_name, width: size - size / 2, height: size - size / 2, center: true })
+#   #   # name = intuition_list[tool_name][language]
+#   #   particle({ atome_id: :tools_property_container, color: { red: 0.6, green: 0.6, blue: 0.6 } })
+#   #   # we get the plugin code only if the plugin hasn't been interpreted before (unless condition below)
+#   #   unless grab(:intuition).content.include? tool_name
+#   #     ATOME.reader("./medias/e_rubies/tools/#{tool_name}.rb") do |data|
+#   #       #  todo add a security parser here
+#   #       # we set the variable tool that can be used to facilitate plugin creation
+#   #       data="tool=grab(:#{tool_created.atome_id})\n"+data
+#   #       compile(data)
+#   #       # we add the tool to the intuition content so it won't be loaded twice
+#   #       grab(:intuition).content |= [tool_name]
+#   #     end
+#   #   end
+#   #   # end
+#   #   tool_created.active({ exec: false })
+#   #   tool_created.inactive({ exec: false })
+#   #   icon.touch(stop: true) do
+#   #     if tool_created.active[:exec] == true
+#   #       tool_created.color(:transparent)
+#   #       tool_created.active(exec: false, proc: tool_created.active[:proc]  )
+#   #       tool_created.inactive(exec: true, proc: tool_created.inactive[:proc]  )
+#   #     else
+#   #       tool_created.color({alpha: 0.3})
+#   #       tool_created.active({ exec: true, proc: tool_created.active[:proc]  })
+#   #     end
+#   #   end
+#   # end
+#   #
+#   # # we get menu entry point
+#   # def open_intuition(position = {})
+#   #   position = { x: 0, yy: 0, size: 33, orientation: :vertical, offset: 0 }.merge(position)
+#   #   # we get content language from view's language
+#   #   if grab(:main_menu)
+#   #     grab(:main_menu).delete
+#   #   else
+#   #     grab(:view).language
+#   #     self.language(grab(:view).language)
+#   #     orientation = position.delete(:orientation)
+#   #     size = position.delete(:size)
+#   #     offset = position.delete(:offset)
+#   #     # positioning and scaling
+#   #     if orientation == :vertical
+#   #       requested_width = size
+#   #       requested_height = (size+offset)* impulse.length
+#   #     else
+#   #       requested_width = (size+offset) * impulse.length
+#   #       requested_height = size
+#   #     end
+#   #     tool({ atome_id: :main_menu, parent: :intuition, color: { alpha: 0 } }.merge(position).merge(width: requested_width, height: requested_height))
+#   #     impulse.each_with_index do |item, index|
+#   #       if orientation == :vertical
+#   #         create_tool(item, size, 0, index * (size+offset))
+#   #       else
+#   #         create_tool(item, size, index * (size+offset), 0)
+#   #       end
+#   #     end
+#   #   end
+#   # end
+# end
+# # atome class extension for eVe
+#
+# class Atome
+#   include Intuition
+#   #  def atome(requested_property)
+#   #    # add component list iin the content we maybe ahave to create a tool object because box can't handle this type of content
+#   #    new_atome=self.tool({ atome_id: "#{self.atome_id}_#{requested_property}_atome_#{self.content.length}", x: 66})
+#   #    new_atome.touch({ stop: true, option: :down}) do
+#   #      color(:red)
+#   #      new_atome.height = new_atome.height*3
+#   #    end
+#   #    new_atome.touch({ stop: true, option: :up}) do
+#   #      color(:red)
+#   #      new_atome.height = new_atome.height/3
+#   #    end
+#   #    notification "now we have to add an object or a new property (style) to store complete tool style including size and
+#   # orientation so we can position the new atome correctly"
+#   #    # alert self.content.class
+#   #    # alert self.content.length
+#   #    # alert tool_style
+#   #  end
+# end
+#
+# # # we initialise the toolbox here :
+# #
+# # # the launch bar
+# # launch_bar = box({ x: 0, y: 0, width: 33, height: "100%", parent: :intuition, z: 0, color: { alpha: 0 } })
+# # launch_bar.touch({ option: :long }) do |evt|
+# #   size = 33
+# #   yy_touch_position = grab(:view).convert(:height) - evt.page_y
+# #   if yy_touch_position < size
+# #     #if the long touch is within the wanted area( in this  at bottom of the screen) we open the menu
+# #     # launch_bar.open_intuition({ x: size, yy: 6,offset: 6, orientation: :horizontal, size: size })
+# #     launch_bar.open_intuition({ x: 6, yy: size,offset: 6, orientation: :vertical, size: size })
+# #   end
+# # end
+# #
+# # # # # # # # # # # # # # # # tests below   # # # # # # # # # # # # #
+# #
+# # list = molecule_analysis(@molecules_list)
+# # notif list[:tools]
+# # notif "======"
+# # notif list[:molecules]
+# # notif "======"
+# # notif list[:atomes]
+# # notif "======"
+# # notif list[:molecules][:shadow]
+#
+# new({ tool: :capture }) do |params|
+#   tool = { id: :rec_01,
+#
+#            name: :record, icon: :record, action: {open: [:sub_menu]},  code: :record_tool, position: { root: 1 }, # position can be multiple
+#            option: { opt1: :method_2 }, int8: { french: :enregistrement, english: :record, german: :datensatz } }
+#   tool
+# end
+#
+#
+# puts A.impulse
+# # def fill_toolzone(tools_ids)
+# #
+# # end
+# #
+# # fill_toolzone(%i[files edition select group link copy undo settings])
+#

data/lib/renderers/html/hierarchy.rb

@@ -37,6 +37,11 @@ new({ renderer: :html, method: :apply, type: :string }) do |parent_found, _user_
     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
+    end
   when :paint
     # if when found colors when use it for the gradient , else whe use the colors within the current atome
     # gradient_found = params[:colors] || @apply

data/lib/renderers/html/html.rb

@@ -173,7 +173,7 @@ class HTML
     hash_result
   end
 
-  def hyperedit(params)
+  def hyperedit(params, usr_bloc)
     html_object = JS.global[:document].getElementById(params.to_s)
     particles_from_style = {}
     # we get all the styles tag present in the page
@@ -197,10 +197,15 @@ class HTML
       key, value = pair.split(':').map(&:strip)
       particles_from_style[key.to_sym] = value if key && value
     end
+
+    # alert "hyperedit"
+
+
     particles_found = particles_found.merge(particles_from_style)
     current_atome = grab(@id)
-    current_atome.callback({ hyperedit: particles_found })
-    current_atome.call(:hyperedit)
+    usr_bloc.call(particles_found)
+    # current_atome.callback({ hyperedit: particles_found })
+    # current_atome.call(:hyperedit)
 
   end
 

data/lib/renderers/html/property.rb

@@ -41,3 +41,12 @@ new({ method: :sort, renderer: :html, type: :hash }) do |params|
   html.refresh_table(params)
 end
 
+new({ method: :inside, renderer: :html }) do |params|
+  if params
+    affect.each do |at_found|
+      grab(at_found).html.style("box-sizing", 'border-box')
+    end
+  else
+    html.style("boxSizing", ' content-box')
+  end
+end

data/lib/renderers/html/utility.rb

@@ -11,8 +11,8 @@ end
 new({ renderer: :html, method: :hypertext }) do |params|
   html.hypertext(params)
 end
-new({ renderer: :html, method: :hyperedit }) do |params|
-  html.hyperedit(params)
+new({ renderer: :html, method: :hyperedit }) do |params, usr_proc|
+  html.hyperedit(params, usr_proc)
 end
 new({ renderer: :html, method: :read, type: :string }) do |value, &bloc|
   html.read(id, value)

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

@@ -1,15 +1,25 @@
 # frozen_string_literal: true
 
-# col=color({red: 1, green: 0.2, id: :the_col})
-c = circle({ id: :the_circle })
+
+
+
+
+
+
+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 })
+c2 = circle({ top: 190, width: 99, height: 99, id: :dont_break, color: :orange })
 # let's add the border
 wait 1 do
   c2.shadow({
-              # id: :s1,
-              # affect: [:the_circle],
               left: 9,
               top: 3,
               blur: 9,
@@ -31,7 +41,7 @@ end
 #
 b.touch(true) do
 
-  b.border({ thickness: 5, red: 1, green: 1, blue: 1, alpha: 1, pattern: :dotted, id: :the_door })
+  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])
@@ -52,17 +62,14 @@ b.touch(true) do
   end
 end
 
-# wait 6 do
-#   image(:red_planet)
-# end
 
-# # frozen_string_literal: true
-#
-# col=color({red: 1, blue: 1, id: :the_col})
-#
-#
-# c=circle
-# b=box({left: 333})
-# # b.attached([col.id])
-# c.border({ thickness: 5, pattern: :dotted })
-# b.border({ thickness: 5, attached: col.id, pattern: :dotted })
+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