atome 0.5.5.8.5 → 0.5.5.9.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fe95794110662e88b3aac3f5a49c75859e6d8f82bc8d54a1413b99f868139893
-  data.tar.gz: a755990f9a94ee89f4b3d3271b2c6b822c971a225ae5b4b7465c1f845d99a920
+  metadata.gz: 3bff5ca5d96c5da19c164ec49593ae7f237251c9656135a6f74d8fcfb028243a
+  data.tar.gz: fc6035092c39b7d795157ab5b5dd91db2b1b7a3037b3d1af356c33050a316348
 SHA512:
-  metadata.gz: '09a7452177a47e2720aec7f93a48f113a12087b5bd64fcdeb0ffbe30831f70e40ac7fab9f64dcdf8e7636bccbb2d5eb7f7b1b9e8db1cd4ddf1852ad135d2bdbe'
-  data.tar.gz: a3832fda01f201a82ef0182a2275af3a1d650195c308a4cde13594bcf3e6a83e15c6db2c58e19a3e329960d89f9fe6ef3ee3d52c0c557327afe7d272f84fad37
+  metadata.gz: 10ca739de4b2760d6d77267f50ddc9aaf7d6b003e50dae9e2535259e542d83dc4da6536184fa45f59cafb84a4daf11764cb6f46e7fdc59028a3e201c4340d4f4
+  data.tar.gz: 6c58b50fab38c6d5c89e4ec86e384530165a1e26547f13415e0e056fd7c7c94c4b9cb75cc4f72bcf40c90c112d098dc1d0e1dd44ad2fa475b992c31e25f68c83

data/Rakefile

@@ -77,7 +77,7 @@ task :test_wasm do
 
   host_mode = 'pure_wasm'
 
-  file_path = "./tmp/#{project_name}/src/index.html"
+  file_path = "./tmp/#{project_name}/src/index_wasm.html"
 
   case RbConfig::CONFIG['host_os']
   when /darwin|mac os/

data/exe/atome

@@ -482,7 +482,7 @@ if ARGV.include?('update')
   # first we delete everything but application
 
   files_to_treat = %w[server src-tauri src-wasm Guardfile Rakefile src/css src/js/atome src/js/third_parties src/medias
-src/favicon.ico src/index.html src/index_opal.html src/index_server.html src/index_server_wasm.html]
+src/favicon.ico src/index_wasm.html src/index_opal.html src/index_server.html src/index_server_wasm.html]
   files_to_treat.each do |item|
     item_path = File.join(destination, item)
     if File.directory?(item_path)
@@ -647,13 +647,13 @@ else
 
     if RbConfig::CONFIG['host_os'] =~ /mswin|mingw|cygwin/
       # code to exec for Windows
-      `start "" "#{destination}\\#{project_name}\\src\\index.html"`
+      `start "" "#{destination}\\#{project_name}\\src\\index_wasm.html"`
     elsif RbConfig::CONFIG['host_os'] =~ /darwin|mac os/
       # code to exec for MacOS
-      `open #{destination}/#{project_name}/src/index.html`
+      `open #{destination}/#{project_name}/src/index_wasm.html`
     else
       # code to exec for Unix/Linux
-      `open #{destination}/#{project_name}/src/index.html`
+      `open #{destination}/#{project_name}/src/index_wasm.html`
     end
 
   end

data/lib/atome/atome.rb

@@ -10,9 +10,11 @@ class Atome
 
     # the keys :renderers, :type and :id should be placed in the first position in the hash
     @history = {}
+    # @language = :english
     @callback = {}
     @tag = {}
     @selected = false
+    @metrics = {}
     @unit = {}
     @collect = {}
     @id = new_atome[:id] || identity_generator(:element)
@@ -26,7 +28,7 @@ class Atome
     # now we store the proc in a an atome's property called :bloc
     new_atome[:code] = atomes_proc if atomes_proc
     # we reorder the hash
-    ordered_keys = %i[renderers id alien type]
+    ordered_keys = %i[renderers id alien type int8 unit]
     ordered_part = ordered_keys.map { |k| [k, new_atome[k]] }.to_h
     other_part = new_atome.reject { |k, _| ordered_keys.include?(k) }
     # merge the parts  to obtain an re-ordered hash
@@ -36,6 +38,10 @@ class Atome
     collapse(reordered_atome)
   end
 
+  def js
+    html.object
+  end
+
   def particle_creation(element, params, store, rendering, &user_proc)
 
     # @store_allow = false

data/lib/atome/genesis/generators/communication.rb

@@ -7,13 +7,21 @@ end
 
 new({ particle: :message }) do |params, bloc|
 
-  params = {message:  params } unless params.instance_of? Hash
-  params[:user]=Universe.current_user
-  params[:pass]=Black_matter.password
+  params = { message: params } unless params.instance_of? Hash
+  params[:user] = Universe.current_user
+  params[:pass] = Black_matter.password
 
   html.send_message(params, &bloc)
 end
 
 new({ particle: :controller }) do |msg|
   Atome.controller_sender(msg)
-end
+end
+
+new({ particle: :int8 })
+
+new({ particle: :language }) do |params|
+  @data = int8[params]
+  params
+end
+

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

@@ -1,9 +1,25 @@
 # frozen_string_literal: true
 
-new({ particle: :left, type: :integer })
-new({ particle: :right, type: :integer })
-new({ particle: :top, type: :integer })
-new({ particle: :bottom, type: :integer })
+# new ({particle: :left})  do |params|
+#   {value: params, unit: :px} unless params.instance_of? Hash
+# end
+# new({ particle: :right, type: :integer })do |params|
+#   {value: params, unit: :px} unless params.instance_of? Hash
+# end
+# new({ particle: :top, type: :integer })do |params|
+#   {value: params, unit: :px} unless params.instance_of? Hash
+#
+# end
+# new({ particle: :bottom, type: :integer })do |params|
+#  {value: params, unit: :px} unless params.instance_of? Hash
+# end
+
+new ({particle: :left})
+new ({particle: :right})
+new ({particle: :top})
+new ({particle: :bottom})
+
+
 new({ particle: :rotate, type: :integer })
 new({ particle: :direction, type: :string })
 new({ particle: :center, type: :string})
@@ -12,9 +28,7 @@ new({ particle: :position })
 new({ particle: :organise })
 new({ particle: :spacing })
 new({ particle: :display }) do |params|
-  unless params.instance_of? Hash
-    params = { mode: params }
-  end
+  params = { mode: params } unless params.instance_of? Hash
   params
 end
 new({ particle: :layout }) do |params|
@@ -23,9 +37,7 @@ new({ particle: :layout }) do |params|
   elements_style = params.delete(:element) || {}
   # now we get the list of the atome to layout
   atomes_to_organise = []
-  if type == :group
-    atomes_to_organise = collect
-  end
+  atomes_to_organise = collect if type == :group
   # if params[:listing] is specified group collection is override
   atomes_to_organise = params[:listing] if params[:listing]
   if mode_found == :default
@@ -56,9 +68,7 @@ new({ particle: :layout }) do |params|
     end
     container.remove({ category: :atome })
     container.category(:matrix)
-    if mode_found == :list
-      params[:organise] = '1fr'
-    end
+    params[:organise] = '1fr' if mode_found == :list
     params.each do |particle, value|
       container.send(particle, value)
     end
@@ -97,5 +107,7 @@ new({ particle: :layout }) do |params|
   end
   params
 end
+new({particle: :center})
+
 
 

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

@@ -113,7 +113,7 @@ end
 new({ particle: :relations, type: :hash })
 new({ particle: :tag, render: false, type: :hash })
 new({ particle: :web })
-new({ particle: :unit, type: :hash })
+new({ particle: :metrics, type: :hash })
 new({ initialize: :unit, value: {} })
 new({ particle: :login }) do |params|
   set_current_user(id) if params

data/lib/atome/genesis/sparkle.rb

@@ -91,7 +91,7 @@ Atome.new({ renderers: default_render, id: machine_id, type: :machine, password:
 #user
 user_password = {global: :star_win, read: { atome: :star_wars }, write: { atome: :star_wars } }
 
-human({ id: :anonymous, login: true, password: user_password, data: { birthday: '10/05/1996' },selection: [], tag: { system: true } , attach: :user_view })
+human({ id: :anonymous, login: true, password: user_password, data: { birthday: '10/05/1996' },selection: [],  attach: :user_view })
 
 Universe.current_machine = machine_id
 # the constant A is used to access alla atomes methods
@@ -116,4 +116,25 @@ def atome_infos
   puts "server: #{server}"
 end
 
-# atome_infos
+
+# help and example below :
+#
+A.example(:left) do
+  english = 'here is an example, touch me to get some help, or click the code to exec'
+  french = "voici un example, click moi pour de l'aide, ou  clicker le code pour l'executer"
+  code = <<STR
+b=box
+puts b.left
+b.left(155)
+puts b.left
+STR
+  example = text({ int8: { english: english, french: french }, language: :english, width: 666 })
+  code_text = text({ int8: { english: code }, language: :english, width: 666, top: 33 })
+  example.touch(true) do
+    example.delete(true)
+    help(:left)
+  end
+  code_text.touch(true) do
+    eval(code)
+  end
+end

data/lib/atome/helpers/essentials.rb

@@ -35,7 +35,7 @@ module Essentials
              left: 100, top: 100 },
     text: { type: :text, component: { size: 18 },left: 0, top: 0,
             apply: [:text_color],
-            width: :auto, height: :auto },
+            width: :auto, height: :auto, language: :english },
     drm: { type: :drm, attach: :black_matter },
     shadow: { type: :shadow, red: 0, green: 0, blue: 0, alpha: 0 },
     color: { type: :color, red: 0, green: 0, blue: 0, alpha: 1}

data/lib/atome/helpers/utilities.rb

@@ -52,6 +52,26 @@ class Atome
 
   end
 
+
+  def help(particle, &doc)
+    if doc
+      Universe.set_help(particle, &doc)
+    else
+      doc_found = Universe.get_help(particle)
+      instance_exec(&doc_found) if doc_found.is_a?(Proc)
+    end
+  end
+
+  def example(particle, &example)
+    if example
+      Universe.set_example(particle, &example)
+    else
+      example_found = Universe.get_example(particle)
+      instance_exec(&example_found) if example_found.is_a?(Proc)
+    end
+  end
+
+
   # local server messaging
   def file_for_opal(parent, bloc)
     JS.eval("fileForOpal('#{parent}', #{bloc})")

data/lib/atome/kernel/universe.rb

@@ -11,10 +11,28 @@ class Universe
   @specificities = {}
   @history = {}
   @users = {}
+  @help = {}
+  @example = {}
 
   class << self
     attr_reader :atomes, :renderer_list, :atome_list, :particle_list, :classes, :counter, :atomes_specificities
 
+    def set_help(particle, &doc)
+      @help[particle] = doc
+    end
+
+    def get_help(particle)
+      @help[particle]
+    end
+
+    def set_example(particle, &example)
+      @example[particle] = example
+    end
+
+    def get_example(particle)
+      @example[particle]
+    end
+
     def add_to_particle_list(particle = nil, type)
       instance_variable_get('@particle_list')[particle] = type
     end

data/lib/atome/version.rb

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

data/lib/renderers/html/communication.rb

@@ -0,0 +1,3 @@
+new({ method: :language, renderer: :html }) do |params|
+  js[:innerHTML] = int8[params].to_s
+end

data/lib/renderers/html/effect.rb

@@ -1,7 +1,6 @@
 # frozen_string_literal: true
 
 new({ renderer: :html, method: :smooth, type: :string }) do |value, _user_proc|
-  # alert :ici
   format_params = case value
                   when Array
                     data_collected = []

data/lib/renderers/html/geometry.rb

@@ -1,7 +1,7 @@
 # frozen_string_literal: true
 
 new({ method: :width, type: :integer, renderer: :html }) do |value, _user_proc|
-  unit_found = unit[:width]
+  unit_found = metrics[:width]
   if unit_found
     html.style(:width, "#{value}#{unit_found}")
   elsif value.is_a?(Numeric)
@@ -12,7 +12,7 @@ new({ method: :width, type: :integer, renderer: :html }) do |value, _user_proc|
 end
 
 new({ method: :height, renderer: :html, type: :string }) do |value, _user_proc|
-  unit_found = unit[:height]
+  unit_found = metrics[:height]
   if unit_found
     html.style(:height, "#{value}#{unit_found}")
   elsif value.is_a?(Numeric)

data/lib/renderers/html/html.rb

@@ -20,13 +20,16 @@ class HTML
     end
   end
 
-
   def initialize(id_found, current_atome)
     @element ||= JS.global[:document].getElementById(id_found.to_s)
     @id = id_found
     @original_atome = current_atome
   end
 
+  def object
+    @element
+  end
+
   def hypertext(params)
     current_div = JS.global[:document].getElementById(@id.to_s)
     current_div[:innerHTML] = params
@@ -1268,6 +1271,7 @@ class HTML
       end
     end
   end
+
   def set_td_style(td)
     cell_height = 50
     td[:style][:border] = '1px solid black'
@@ -1283,7 +1287,6 @@ class HTML
     { cell_height: cell_height, cell_width: cell_height }
   end
 
-
   def insert_cell(params)
     row_index, cell_index = params[:cell]
     new_content = params[:content]
@@ -1390,7 +1393,6 @@ class HTML
 
   end
 
-
   def table_remove(params)
     if params[:row]
       row_index = params[:row]
@@ -1437,9 +1439,80 @@ class HTML
 
   # atomisation!
   def atomized(html_object)
-    html_object=html_object[0] if html_object.instance_of? Array
+    html_object = html_object[0] if html_object.instance_of? Array
     @element = html_object
   end
+
+
+  # def center(options, attach)
+  #   parent = grab(attach)
+  #
+  #   # Centre sur l'axe X
+  #   if options[:x]
+  #     x_position = calculate_position(options[:x], parent.to_px(:width), @original_atome.to_px(:width))
+  #     @original_atome.left(x_position)
+  #   end
+  #
+  #   # Centre sur l'axe Y
+  #   if options[:y]
+  #     y_position = calculate_position(options[:y], parent.to_px(:height), @original_atome.to_px(:height))
+  #     @original_atome.top(y_position)
+  #   end
+  # end
+  #
+  # # Méthode auxiliaire pour calculer la position
+  # def calculate_position(option, parent_dimension, self_dimension)
+  #   if option.is_a?(String) && option.end_with?('%')
+  #     percent = option.chop.to_f / 100.0
+  #     (parent_dimension - self_dimension) * percent
+  #   elsif option == 0
+  #     # Cas spécial pour centrer l'objet
+  #     (parent_dimension - self_dimension) / 2.0
+  #   else
+  #     option
+  #   end
+  # end
+
+  def center(options, attach)
+    @center_options = options
+    @parent = grab(attach)
+
+    apply_centering(@center_options, @parent)
+
+    if @center_options[:dynamic]
+      event_handler = ->(event) do
+        apply_centering(@center_options, @parent)
+      end
+      JS.global[:window].addEventListener('resize', event_handler)
+    end
+  end
+
+  private
+
+  def apply_centering(options, parent)
+    # Centre sur l'axe X
+    if options[:x]
+      x_position = calculate_position(options[:x], parent.to_px(:width), @original_atome.to_px(:width))
+      @original_atome.left(x_position)
+    end
+
+    if options[:y]
+      y_position = calculate_position(options[:y], parent.to_px(:height), @original_atome.to_px(:height))
+      @original_atome.top(y_position)
+    end
+  end
+
+  def calculate_position(option, parent_dimension, self_dimension)
+    if option.is_a?(String) && option.end_with?('%')
+      percent = option.chop.to_f / 100.0
+      (parent_dimension - self_dimension) * percent
+    elsif option == 0
+      (parent_dimension - self_dimension) / 2.0
+    else
+      option
+    end
+  end
+
 end
 
 

data/lib/renderers/html/identity.rb

@@ -41,9 +41,12 @@ end
 new({ method: :type, type: :string, specific: :color, renderer: :html }) do
 end
 
-
-new({ method: :data, type: :string, specific: :text, renderer: :html }) do |value, _user_proc|
-  html.innerText(value)
+new({ method: :data, type: :string, specific: :text, renderer: :html }) do |params|
+  js[:innerHTML] = if language
+                     int8[language].to_s
+                   else
+                     params.to_s
+                   end
 end
 
 new({ method: :data, type: :string, specific: :vector, renderer: :html }) do |value|

data/lib/renderers/html/property.rb

@@ -14,7 +14,6 @@ end
 new({ method: :alpha, type: :integer, specific: :color, renderer: :html }) do |value, _user_proc|
 end
 
-
 new({ renderer: :html, method: :diffusion, type: :string })
 
 # edit
@@ -23,7 +22,6 @@ new({ renderer: :html, method: :edit }) do |params|
   html.update_data(params)
 end
 
-
 new({ method: :border, type: :hash, renderer: :html }) do |value, _user_proc|
   thickness = value[:thickness] || 5
   type = value[:pattern] || :solid
@@ -45,15 +43,19 @@ new({ method: :insert, renderer: :html, type: :hash }) do |params|
   html.table_insert(params)
 end
 
-
-
 new({ method: :remove, renderer: :html, type: :hash }) do |params|
   html.table_remove(params)
 end
 
-
-
-
 new({ method: :sort, renderer: :html, type: :hash }) do |params|
   html.refresh_table(params)
+end
+
+new({ particle: :unit, store: false }) do |params|
+  params.each do |k, v|
+    @unit[k] = v
+    # now we refresh the particle
+    send(k, send(k))
+  end
+  @unit
 end

data/lib/renderers/html/spatial.rb

@@ -1,39 +1,37 @@
 # frozen_string_literal: true
 
-new({ method: :top, type: :integer, renderer: :html }) do |params|
-  # TODO: replace px with the unit specified by the user or sepcified by default by the system
-  params="#{params}px" unless params.instance_of?(Symbol)
-  html.style(:top, params)
-
+new({ method: :left, type: :integer, renderer: :html }) do |params|
+  unit = @unit[:left] || :px
+  js[:style][:left] = "#{params}#{unit}"
 end
 
-new({ method: :top, type: :integer, renderer: :html, specific: :text }) do |params|
-  html.style(:top, "#{params}px")
+new({ method: :top, type: :integer, renderer: :html }) do |params|
+  unit = @unit[:top] || :px
+  # alert  unit
+  js[:style][:top] = "#{params}#{unit}"
 end
-new({ method: :top, type: :integer, renderer: :html, specific: :shadow })
-
 new({ method: :bottom, type: :integer, renderer: :html }) do |params|
-  # TODO: replace px with the unit specified by the user or sepcified by default by the system
-  params="#{params}px" unless params.instance_of?(Symbol)
-  html.style(:bottom, params)
-end
-
-new({ method: :bottom, type: :integer, renderer: :html, specific: :text }) do |params|
-  html.style(:bottom, params)
+  unit = @unit[:bottom] || :px
+  js[:style][:bottom] =  "#{params}#{unit}"
 end
 
 new({ method: :right, type: :integer, renderer: :html }) do |params|
-  # TODO: replace px with the unit specified by the user or sepcified by default by the system
-  params="#{params}px" unless params.instance_of?(Symbol)
-  html.style(:right, params)
-end
+  unit = @unit[:right] || :px
 
-new({ method: :left, type: :integer, renderer: :html }) do |params|
-  # TODO: replace px with the unit specified by the user or sepcified by default by the system
-  params="#{params}px" unless params.instance_of?(Symbol)
-  html.style(:left, params)
+  js[:style][:right] =  "#{params}#{unit}"
 end
 
+new({ method: :top, type: :integer, renderer: :html, specific: :shadow })
+
+# new({ method: :top, type: :integer, renderer: :html, specific: :text }) do |params|
+#   unit = @unit[:left] || :px
+#   html.style(:top,  "#{params}#{unit}"
+# end
+#
+# new({ method: :bottom, type: :integer, renderer: :html, specific: :text }) do |params|
+#   html.style(:bottom,  "#{params}#{unit}")
+# end
+
 new({ method: :left, type: :integer, specific: :color, renderer: :html })
 
 new({ method: :left, type: :integer, renderer: :html, specific: :shadow })
@@ -46,11 +44,11 @@ end
 
 new({ method: :rotate, type: :integer, renderer: :html, specific: :paint })
 
-new({renderer: :html, method: :position }) do |params|
+new({ renderer: :html, method: :position }) do |params|
   html.style("position", params)
 end
 
-new({renderer: :html, method: :depth }) do |params|
+new({ renderer: :html, method: :depth }) do |params|
   html.style("z-index", params)
 end
 
@@ -64,4 +62,8 @@ end
 
 new({ method: :display, renderer: :html }) do |params|
   html.style(:display, params)
-end
+end
+
+new({ renderer: :html, method: :center }) do |params|
+  html.center(params, attach)
+end

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

@@ -3,4 +3,3 @@
 Atome.new( { renderers: [:html], attach: :view,id: :my_test_box, type: :shape, apply: [:shape_color],
              left: 120, top: 0, width: 100, smooth: 15, height: 100, overflow: :visible, attached: [], center: true
            })
-

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

@@ -3,7 +3,7 @@
 # dummies html objects :
 
 #object 1
-div_rouge = JS.global[:document].call(:createElement, "div")
+div_rouge = JS.global[:document].createElement( "div")
 
 div_rouge[:style][:backgroundColor] = "red"
 div_rouge[:style][:width] = "100px"
@@ -14,7 +14,7 @@ div_view.appendChild(div_rouge)
 
 
 #object 2
-span_bleu = JS.global[:document].call(:createElement, "span")
+span_bleu =  JS.global[:document].createElement( "span")
 span_bleu[:style][:backgroundColor] = "blue"
 span_bleu[:innerHTML] = "blue"
 span_bleu[:style][:width] = "10px"
@@ -23,7 +23,7 @@ div_rouge.appendChild(span_bleu)
 
 
 #object 2
-span_white = JS.global[:document].call(:createElement, "h1")
+span_white =  JS.global[:document].createElement( "h1")
 span_white[:style][:color] = "white"
 span_white[:innerHTML] = "Hello"
 span_white[:style][:width] = "10px"

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

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

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

@@ -9,8 +9,8 @@ c.touch(true) do
 end
 
 puts '------'
-puts "b.compute  left return the position on the screen of the item : #{b.compute({reference: c.id, particle: :left, unit: :pixel})}"
+puts "b.compute  left return the position on the screen of the item : #{b.compute({reference: c.id, particle: :left, metrics: :pixel})}"
 puts "b.compute left : #{b.compute({ particle: :left })[:value]}, c left : #{b.left}"
 puts "b.compute top :#{b.compute({ particle: :top })[:value]}, c top: #{b.top}"
-alert "i.compute width :#{i.compute({ particle: :width })[:value]}, i width: #{i.width}"
-alert "i.compute height :#{i.compute({ particle: :height })[:value]}, i height: #{i.height}"
+puts  "i.compute width :#{i.compute({ particle: :width })[:value]}, i width: #{i.width}"
+pus "i.compute height :#{i.compute({ particle: :height })[:value]}, i height: #{i.height}"

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

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

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

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

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

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+t = text({ int8: { english: :hello, french: :salut, deutch: :halo }, language: :deutch })
+
+wait 1 do
+  t.language(:french)
+  wait 1 do
+    t.language(:english)
+    # data is updated to the latest choice
+    puts t.data
+  end
+end
+
+puts t.data

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

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+
+
+new ({particle: :left})  do |params|
+  unless params.instance_of? Hash
+    params= {value: params, unit: :px}
+  end
+  params
+end
+
+new ({method: :left, renderer: :html}) do |params|
+  js[:style][:left] = "#{params[:value]}#{params[:unit]}"
+end
+
+
+b=box
+b.touch (true)do
+  b.left(533)
+end

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

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+
+box({ left: 50, id: :the_first_box,  color: :blue })
+b1=box({ left: 25, id: :the_second_box ,top: 3, unit: {left: '%', width: '%'}, color: :red})
+box({ left: 550, id: :the_third_box , unit: {left: :px}, color: :green})
+wait 2 do
+  b1.unit({left: 'cm'})
+  b1.unit({top: 'cm'})
+  # b1.unit[:top]='cm'
+  puts b1.unit
+end
+
+

data/vendor/assets/server/atome_server.rb

@@ -117,17 +117,20 @@ class App < Roda
         ws.on(:message) do |event|
           json_string = event.data.gsub(/(\w+):/) { "\"#{$1}\":" }.gsub('=>', ':')
           full_data = JSON.parse(json_string)
+
           message = full_data['message']
           action_requested = full_data['action']
           value= full_data['value']
           option= full_data['option']
           current_user = full_data['user']
           user_pass = full_data['pass']['global']
-          if action_requested
+          # if action_requested == :request
+          #   request (message)
+          # end
             return_message = EDen.safe_send(action_requested, message,option,ws,value, current_user, user_pass)
-          else
-            return_message = "no action msg: #{full_data}"
-          end
+          # else
+          #   return_message = "no action msg: #{full_data}"
+          # end
           ws.send(return_message.to_json)
         end
 

data/vendor/assets/src/index.html

@@ -9,15 +9,20 @@
     <meta name="msapplication-tap-highlight" content="no">
     <link type="text/css" rel="stylesheet" href="css/style.css">
     <style id="atomic_style"></style>
-    <script defer src="js/third_parties/browser.script.iife.min.js" type="text/javascript"></script>
     <script type="text/javascript" src="js/third_parties/interact.min.js" defer></script>
     <script type="text/javascript" src="js/third_parties/popmotion.min.js" defer></script>
     <script type="text/javascript" src="js/third_parties/sortable.min.js" defer></script>
     <script type="text/javascript" src="js/third_parties/wad.min.js" defer></script>
     <script type="text/javascript" src="js/third_parties/sha256.min.js" defer></script>
     <script type="text/javascript" src="js/third_parties/ping.min.js" defer></script>
-    <script type="text/javascript" src="js/third_parties/fabric.min.js" defer></script>
+    <script defer src="js/third_parties/fabric.min.js" type="text/javascript"></script>
     <script type="text/javascript" src="js/third_parties/papaparse.min.js" defer></script>
+    <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 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>
     <script defer src="js/atome/atome_helpers/file.js" type="text/javascript"></script>
 <!--    <script>-->
@@ -29,19 +34,14 @@
     <title>atome</title>
 </head>
 <body id='user_view' class='atome'>
-
-<div id='copyright'>©atome 2023</div>
+<div id='copyright'>©atome 2027</div>
 </body>
-<script type="text/ruby">
-    require 'js'
-    require '/lib/platform_specific/wasm/atome_wasm_extensions'
-    require '/utilities/aui'
-    require '/utilities/host_mode'
-    require '/lib/atome_relative'
-    require './index'
-    #puts Universe.host
-    atome_infos
-</script>
-<script defer src="js/atome/specific/wasm.js" type="text/javascript"></script>
+<script defer src="js/atome/specific/opal.js" type="text/javascript"></script>
 <script defer src="js/atome/atome.js" type="text/javascript"></script>
+<script src='js/application.js' defer></script>
+<script>
+    window.addEventListener('load', function () {
+        Opal.eval('atome_infos')
+    })
+</script>
 </html>

data/vendor/assets/src/index_wasm.html

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="En">
+<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 charset='UTF-8'/>
+    <meta name="format-detection" content="telephone=no">
+    <meta name="msapplication-tap-highlight" content="no">
+    <link type="text/css" rel="stylesheet" href="css/style.css">
+    <style id="atomic_style"></style>
+    <script defer src="js/third_parties/browser.script.iife.min.js" type="text/javascript"></script>
+    <script type="text/javascript" src="js/third_parties/interact.min.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/popmotion.min.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/sortable.min.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/wad.min.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/sha256.min.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/ping.min.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/fabric.min.js" defer></script>
+    <script type="text/javascript" src="js/third_parties/papaparse.min.js" defer></script>
+    <script defer src="js/atome/atome_helpers/communication.js" type="text/javascript"></script>
+    <script defer src="js/atome/atome_helpers/file.js" type="text/javascript"></script>
+<!--    <script>-->
+<!--        // to prevent right click-->
+<!--        document.addEventListener("contextmenu", function (e) {-->
+<!--            e.preventDefault();-->
+<!--        });-->
+<!--    </script>-->
+    <title>atome</title>
+</head>
+<body id='user_view' class='atome'>
+
+<div id='copyright'>©atome 2023</div>
+</body>
+<script type="text/ruby">
+    require 'js'
+    require '/lib/platform_specific/wasm/atome_wasm_extensions'
+    require '/utilities/aui'
+    require '/utilities/host_mode'
+    require '/lib/atome_relative'
+    require './index'
+    #puts Universe.host
+    atome_infos
+</script>
+<script defer src="js/atome/specific/wasm.js" type="text/javascript"></script>
+<script defer src="js/atome/atome.js" type="text/javascript"></script>
+</html>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: atome
 version: !ruby/object:Gem::Version
-  version: 0.5.5.8.5
+  version: 0.5.5.9.1
 platform: ruby
 authors:
 - Jean-Eric Godard
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2024-01-22 00:00:00.000000000 Z
+date: 2024-01-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: eventmachine
@@ -493,6 +493,7 @@ files:
 - vendor/assets/application/examples/browse.rb
 - vendor/assets/application/examples/callback.rb
 - vendor/assets/application/examples/category.rb
+- vendor/assets/application/examples/center.rb
 - vendor/assets/application/examples/clear.rb
 - vendor/assets/application/examples/clones.rb
 - vendor/assets/application/examples/code.rb
@@ -512,6 +513,7 @@ files:
 - vendor/assets/application/examples/duplicate.rb
 - vendor/assets/application/examples/edit.rb
 - vendor/assets/application/examples/encode.rb
+- vendor/assets/application/examples/example.rb
 - vendor/assets/application/examples/file.rb
 - vendor/assets/application/examples/find.rb
 - vendor/assets/application/examples/fit.rb
@@ -520,18 +522,19 @@ files:
 - vendor/assets/application/examples/grab.rb
 - vendor/assets/application/examples/gradient.rb
 - vendor/assets/application/examples/group.rb
+- vendor/assets/application/examples/help.rb
 - vendor/assets/application/examples/hierarchy.rb
 - vendor/assets/application/examples/history.rb
 - vendor/assets/application/examples/hypertext.rb
 - vendor/assets/application/examples/image.rb
 - vendor/assets/application/examples/import.rb
 - vendor/assets/application/examples/infos.rb
+- vendor/assets/application/examples/int8.rb
 - vendor/assets/application/examples/keyboard.rb
 - vendor/assets/application/examples/layout.rb
 - vendor/assets/application/examples/login.rb
 - vendor/assets/application/examples/markup.rb
 - vendor/assets/application/examples/match.rb
-- vendor/assets/application/examples/messaging.rb
 - vendor/assets/application/examples/monitor.rb
 - vendor/assets/application/examples/on_resize.rb
 - vendor/assets/application/examples/online.rb
@@ -552,6 +555,7 @@ files:
 - vendor/assets/application/examples/security.rb
 - vendor/assets/application/examples/select_text.rb
 - vendor/assets/application/examples/selected.rb
+- vendor/assets/application/examples/server.rb
 - vendor/assets/application/examples/shadow.rb
 - vendor/assets/application/examples/shapes.rb
 - vendor/assets/application/examples/shortcut.rb
@@ -562,9 +566,11 @@ files:
 - vendor/assets/application/examples/table.rb
 - vendor/assets/application/examples/tagged.rb
 - vendor/assets/application/examples/terminal.rb
+- vendor/assets/application/examples/test.rb
 - vendor/assets/application/examples/text.rb
 - vendor/assets/application/examples/touch.rb
 - vendor/assets/application/examples/type_mutation.rb
+- vendor/assets/application/examples/unit.rb
 - vendor/assets/application/examples/universe.rb
 - vendor/assets/application/examples/vector.rb
 - vendor/assets/application/examples/video.rb
@@ -615,6 +621,7 @@ files:
 - vendor/assets/src/index_opal.html
 - vendor/assets/src/index_server.html
 - vendor/assets/src/index_server_wasm.html
+- vendor/assets/src/index_wasm.html
 - vendor/assets/src/js/atome/atome.js
 - vendor/assets/src/js/atome/atome_helpers/add_font.js
 - vendor/assets/src/js/atome/atome_helpers/atome_animate.js
@@ -745,7 +752,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.3
+rubygems_version: 3.5.5
 signing_key:
 specification_version: 4
 summary: the creative framework