atome 0.5.7.1.0 → 0.5.7.1.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3ac857ff76516c3e581e3204e6e1e1f9e497d1dc80575edeb0045e001e235b53
-  data.tar.gz: a6f94e75d6ab5596d005d3f84565b25f413406ec959aae10ddaa8eaeebef7777
+  metadata.gz: f381b9c8d4123904b8ee97d71b0c6e1f78dc8143eb34b953670a273bd29fad10
+  data.tar.gz: d517e9cf6a13592fda0352bd5aa55c64ff30ffd4a0daab3776ce420c3ec0b970
 SHA512:
-  metadata.gz: 6b6c2f0f2cdc28ef9a51ba50c0e42a5d564db451b3842b20ded678b43fcb94edf20dd63144e381269bf580c8bb521b23d7a324c6e55947319bd510dba79b4072
-  data.tar.gz: 3de7b9612d651409b56ce4ce04a5c951739414066d904135be8311ebdf24dfc2487ac78594bd80a18b54b440d4818b62555bc56667ea3bbe5ca942641f2cce4f
+  metadata.gz: bd812f2209652f5f4e8b24a7d16214cedfc1e8ae5be2149d7f106393cef7f810908f61fbeb33a7854f0bbaab607e63b7d5c46c72c908e27a9cf799e27dd5380e
+  data.tar.gz: 77b884af5e674424861d278dcbd803f094d37600d2bf990cfbd14f041c9103e5cfbd392b772b2065485a5e54b2e146741f7f1654ae96272087d9ab9528eaeff5

data/Gemfile

@@ -12,3 +12,4 @@ gem 'faye-websocket'
 gem "minitest", "~> 5.0"
 
 gem 'rubocop', group: 'development', require: false
+gem 'rubocop', group: 'development', require: false

data/documentation/deep learning/basic_infos.txt

@@ -13,7 +13,7 @@ curl --proto '=https' --tlsv1.2 https://sh.rustup.rs -sSf | sh
 brew install openssl
 cargo install tauri-cli --force
 
-Install Homebew
+Install Homebrew
 
 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
 

data/lib/atome/extensions/atome.rb

@@ -614,11 +614,6 @@ class Object
   end
 
 
-  JS.eval(<<~JS)
-  window.preventDefaultAction = function(e) {
-    e.preventDefault();
-  }
-JS
 
   def touch_allow(allow)
     if allow
@@ -633,26 +628,21 @@ JS
 
   def allow_copy(allow)
     if allow
-      # Rétablir la sélection et la copie de texte
+      # allow selection and text copy
       JS.eval(<<~JS)
-      document.body.style.userSelect = 'auto';  // Permet la sélection de texte
-      document.removeEventListener('copy', preventDefaultAction);  // Permet la copie
-    JS
+        document.body.style.userSelect = 'auto';  // allow text slectiion 
+        document.removeEventListener('copy', preventDefaultAction);  // allow copy 
+      JS
     else
-      # Bloquer la sélection et la copie de texte
+      # lock selection and text copy
       JS.eval(<<~JS)
-      document.body.style.userSelect = 'none';  // Bloque la sélection de texte
-      document.addEventListener('copy', preventDefaultAction);  // Bloque la copie
-    JS
+        document.body.style.userSelect = 'none';  // prevent text selection
+        document.addEventListener('copy', preventDefaultAction);  // prevent copy 
+      JS
     end
   end
 
-  # Définit la fonction preventDefaultAction dans un contexte global pour être utilisée par allow_copy
-  JS.eval(<<~JS)
-  window.preventDefaultAction = function(e) {
-    e.preventDefault();
-  }
-JS
+
 
 
 end

data/lib/atome/genesis/atomes.rb

@@ -63,6 +63,17 @@ new({ atome: :raw })
 new({ atome: :shape })
 new({ atome: :code })
 new({ atome: :audio })
+new({ sanitizer: :audio }) do |params|
+  unless params.instance_of? Hash
+    # TODO : we have to convert all image to png or maintain a database with extension
+    # FIXME : temporary patch that add .mp4 to the string if no extension is found
+    params = "#{params}.mp4" if params.to_s.split('.').length == 1
+
+    params = { path: "./medias/audios/#{params}" }
+  end
+  # TODO : the line below should get the value from default params Essentials
+  params
+end
 new({ atome: :element })
 new({ sanitizer: :element }) do |params|
   default_params = { data: '' }

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

@@ -142,6 +142,8 @@ new({ particle: :value }) do |val|
   val
 end
 
-new({ particle: :behavior })
+new({ particle: :behavior, type: :symbol, category: :property  })
 
 new({ particle: :orientation, type: :symbol, category: :property })
+
+new({ particle: :align , type: :symbol, category: :property })

data/lib/atome/genesis/sparkle.rb

@@ -154,7 +154,8 @@ def atome_genesis
   end
 end
 
-def init_database # this method is call from JS (atome/communication) at WS connection
+# this method is call from JS (atome/communication) at WS connection
+def init_database
   # we init the db file eDen
   A.sync({ action: :init_db, data: { database: :eDen } }) do |data|
     Universe.database_ready = data[:data][:message] == 'database_ready'

data/lib/atome/kernel/universe.rb

@@ -23,6 +23,7 @@ class Universe
   @allow_sync = false # temp server storage sync
   @connected = false
   @database_ready = false
+  @tools_root=[]
   @tools = {}
   @allow_tool_operations = false
   @active_tools = []
@@ -33,7 +34,7 @@ class Universe
   class << self
     attr_reader :atomes, :atomes_ids, :renderer_list, :molecule_list, :atome_list, :particle_list, :classes, :counter,
                 :atomes_specificities
-    attr_accessor :connected, :allow_sync, :allow_localstorage, :database_ready, :edit_mode, :tools,
+    attr_accessor :connected, :allow_sync, :allow_localstorage, :database_ready, :edit_mode, :tools,:tools_root,
                   :allow_tool_operations, :active_tools, :atome_preset, :applicable_atomes, :default_selection_style
 
     def messages

data/lib/atome/presets/atome.rb

@@ -16,13 +16,15 @@ class Atome
     # preset_params =  {preset: atome_preset}
     basic_params[:type] = preset_params[:type] || :element
     # basic_params[:aid] =  identity_generator(:a)
-    basic_params[:id] = params[:id]|| identity_generator
+    # alert "common =>  #{params[:id]}"
+    # alert "basic_params  #{basic_params[:id].class}"
+    basic_params[:id] = params[:id] || identity_generator
     basic_params[:renderers] = @renderers || preset_params[:renderers]
     essential_params = basic_params.merge(preset_params)
     #
     reordered_params = essential_params.reject { |key, _| params.has_key?(key) }
     params = reordered_params.merge(params)
-    params[:id]=params[:id].to_sym
+    params[:id] = params[:id].to_sym
     # condition to handle color/shadow/paint atomes that shouldn't be attach to view
     if Universe.applicable_atomes.include?(atome_preset)
       unless params[:affect]
@@ -36,24 +38,13 @@ class Atome
       params[:attach] = params[:attach] || @id || :view
     end
     # we reorder the hash
-   reorder_particles(params)
+    reorder_particles(params)
   end
 
   def preset_common(params, &bloc)
-
-    ## if an atome with current id exist we update the ID in the params
-    # params[:id] = "#{params[:id]}_#{Universe.atomes.length}" if grab(params[:id])
-    # if Universe.atomes[params[:id]]
-    #   alert "atome found : #{ grab(params[:id])}"
-    #   grab(params[:id])
-    # else
-
     Atome.new(params, &bloc)
-    # end
   end
 
-
-
   # def box(params = {}, &bloc)
   #   atome_preset = :box
   #   params = atome_common(atome_preset, params)

data/lib/atome/version.rb

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

data/lib/renderers/html/hierarchy.rb

@@ -4,9 +4,10 @@ new({ renderer: :html, method: :attach, type: :string }) do |parent_found, _user
   html.append_to(parent_found)
 end
 
+
 new({ renderer: :html, method: :apply, type: :string }) do |parent_found, _user_proc|
 
-  # TODO : factorise code below between text and shape, especially shadow as code is written twice and  identical
+  # TODO : factorise code below between text and shape, especially shadow as code is written twice and identical
   case parent_found.type
   when :shadow
     shadows_to_apply = { filter: [], boxShadow: [] }
@@ -32,7 +33,6 @@ new({ renderer: :html, method: :apply, type: :string }) do |parent_found, _user_
     html.style("boxShadow", box_shadow)
     html.style("filter", drop_shadow)
   when :color
-
     red = parent_found.red * 255
     green = parent_found.green * 255
     blue = parent_found.blue * 255

data/lib/renderers/html/html.rb

@@ -4,8 +4,6 @@
 
 class HTML
 
-
-
   # def id
   #   :poil
   # end
@@ -221,7 +219,6 @@ STRDELIM
       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)
@@ -378,6 +375,18 @@ STRDELIM
     self
   end
 
+  def audio(id)
+    # we remove any element if the id already exist
+    check_double(id)
+    markup_found = @original_atome.markup || :audio
+    @element_type = markup_found.to_s
+    @element = JS.global[:document].createElement(@element_type)
+    JS.global[:document][:body].appendChild(@element)
+    add_class('atome')
+    self.id(id)
+    self
+  end
+
   def www(id)
     # we remove any element if the id already exist
     check_double(id)
@@ -505,7 +514,6 @@ STRDELIM
     end
   end
 
-
   def transform(property, value = nil)
     transform_needed = "#{property}(#{value}deg)"
     @element[:style][:transform] = transform_needed.to_s
@@ -578,8 +586,6 @@ STRDELIM
     @element[:style][:"-webkit-backdrop-filter"] = filter_needed
   end
 
-
-
   def currentTime(time)
     @element[:currentTime] = time
   end
@@ -598,7 +604,6 @@ STRDELIM
 
   def action(_particle, action_found, option = nil)
 
-    # alert option
     if action_found == :stop
       currentTime(option)
       @element.pause
@@ -1146,13 +1151,11 @@ STRDELIM
   end
 
   def touch_tap(_option)
-    # alert :touch_tap
     @element[:style][:cursor] = 'pointer'
     interact = JS.eval("return interact('##{@id}')")
     touch_tap = @original_atome.instance_variable_get('@touch_code')[:tap]
     # unless @touch_removed[:tap]
     interact.on('tap') do |native_event|
-      # alert 'touchy'
       event = Native(native_event)
       # we use .call instead of instance_eval because instance_eval bring the current object as context
       # and it's lead to a problem of context and force the use of grab(:view) when using atome method such as shape ,
@@ -1339,6 +1342,7 @@ STRDELIM
   # Table manipulation
 
   def table(data)
+
     table_html = JS.global[:document].createElement('table')
     thead = JS.global[:document].createElement('thead')
 
@@ -1358,7 +1362,6 @@ STRDELIM
 
     table_html.appendChild(thead)
     tbody = JS.global[:document].createElement('tbody')
-
     data.each_with_index do |row, row_index|
       tr = JS.global[:document].createElement('tr')
 
@@ -1388,6 +1391,17 @@ STRDELIM
     JS.global[:document].querySelector("##{@id}").appendChild(table_html)
   end
 
+  # Helper function to handle Atome objects
+  def handle_atome(atome, td_element)
+    atome.fit(cell_height)
+    html_element = JS.global[:document].getElementById(atome.id.to_s)
+    td_element.appendChild(html_element)
+    html_element[:style][:transformOrigin] = 'top left'
+    html_element[:style][:position] = 'relative'
+    atome.top(0)
+    atome.left(0)
+  end
+
   def refresh_table(_params)
     # first we need to extact all atome from the table or they will be deleted by the table refres
     data = @original_atome.data
@@ -1425,18 +1439,31 @@ STRDELIM
   end
 
   def set_td_style(td)
-    cell_height = 50
-    td[:style][:border] = '1px solid black'
+    cell_height = @original_atome.component[:height]
+    cell_width = @original_atome.component[:width]
+    # shadow_found = @original_atome.component[:shadow]
+    # if shadow_found
+    #   red = shadow_found[:red] * 255
+    #   green = shadow_found[:green] * 255
+    #   blue = shadow_found[:blue] * 255
+    #   alpha = shadow_found[:alpha]
+    #   left = shadow_found[:left]
+    #   top = shadow_found[:top]
+    #   blur = shadow_found[:blur] # new correct behavior all atome's value should now be get using :value,here to resolve conflict  with blur and back blur
+    #   inset = :inset if shadow_found[:invert]
+    #   shadow_created = "#{left}px #{top}px #{blur}px rgba(#{red}, #{green}, #{blue}, #{alpha}) #{inset}"
+    # end
+    # td[:style][:border] = '1px solid black'
     td[:style][:backgroundColor] = 'white'
-    td[:style][:boxShadow] = '10px 10px 5px #888888'
-    td[:style][:width] = "#{cell_height}px"
-    td[:style]['min-width'] = "#{cell_height}px"
+    # td[:style][:boxShadow] = shadow_created
+    td[:style][:width] = "#{cell_width}px"
+    td[:style]['min-width'] = "#{cell_width}px"
     td[:style]['max-width'] = "#{cell_height}px"
     td[:style]['min-height'] = "#{cell_height}px"
     td[:style]['max-height'] = "#{cell_height}px"
     td[:style][:height] = "#{cell_height}px"
     td[:style][:overflow] = 'hidden'
-    { cell_height: cell_height, cell_width: cell_height }
+    { cell_height: cell_height, cell_width: cell_width }
   end
 
   def insert_cell(params)
@@ -1625,7 +1652,7 @@ STRDELIM
 
   # 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
 

data/lib/renderers/html/identity.rb

@@ -17,6 +17,9 @@ end
 new({ method: :type, type: :string, renderer: :html, specific: :video }) do |_value, _user_proc|
   html.video(@id)
 end
+new({ method: :type, type: :string, renderer: :html, specific: :audio }) do |_value, _user_proc|
+  html.audio(@id)
+end
 
 new({ method: :type, type: :string, renderer: :html, specific: :www }) do |_value, _user_proc|
   html.www(@id)
@@ -95,7 +98,7 @@ new({ method: :data, type: :string, specific: :table, renderer: :html }) do |val
 end
 
 new({ method: :type, type: :hash, specific: :atomized, renderer: :html }) do |value, _user_proc|
-  html.atomized(value)
+  html.atomized(alien)
 end
 
 

data/lib/renderers/html/material.rb

@@ -20,9 +20,11 @@ new({ method: :remove, renderer: :html, type: :string }) do |object_id_to_remove
       when :category
         html.remove_class(value)
       else
-        atome_ids_found = send(object_id_to_remove[:all])
-        atome_ids_found.each do |atome_id|
-          remove(atome_id)
+        if object_id_to_remove[:all]
+          atome_ids_found = send(object_id_to_remove[:all])
+          atome_ids_found.each do |atome_id|
+            remove(atome_id)
+          end
         end
       end
     end
@@ -44,9 +46,7 @@ new({ method: :remove, renderer: :html, type: :string }) do |object_id_to_remove
       html.style("boxShadow", 'none')
       html.style("filter", 'none')
       @apply.delete(object_id_to_remove)
-      # apply(@apply)
     when :border
-      # alert :poipoipoipoipo
       html.style("border", 'none')
       html.style("filter", 'none')
       @apply.delete(object_id_to_remove)
@@ -81,20 +81,20 @@ end
 #
 #   html.style(:border, "#{type} #{thickness}px rgba(#{red},#{green},#{blue},#{alpha})")
 # end
-new({ method: :thickness, type: :integer, renderer: :html})
+new({ method: :thickness, type: :integer, renderer: :html })
 
 # end
-new({ method: :pattern, type: :integer, renderer: :html})
+new({ method: :pattern, type: :integer, renderer: :html })
 
 new({ method: :fill, renderer: :html }) do |params|
   html.fill(params)
 end
 
-new({ method: :opacity, type: :integer, renderer: :html}) do |value|
+new({ method: :opacity, type: :integer, renderer: :html }) do |value|
   # html.opacity(value)
-  html.style('opacity',value)
+  html.style('opacity', value)
 end
 
 new({ method: :visual, type: :string, renderer: :html, specific: :text }) do |value, _user_proc|
-    html.style('fontFamily', value)
+  html.style('fontFamily', value)
 end

data/lib/renderers/html/property.rb

@@ -46,3 +46,8 @@ new({ method: :inside, renderer: :html }) do |params|
     html.style("boxSizing", ' content-box')
   end
 end
+
+
+new({ method: :align, renderer: :html, type: :hash }) do |params|
+  html.style('text-align',  params)
+end

data/lib/renderers/html/utility.rb

@@ -167,4 +167,4 @@ new({ renderer: :html, method: :record }) do |params, user_proc|
     end
   end
 
-end
+end

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

@@ -0,0 +1,70 @@
+#  frozen_string_literal: true
+#
+# # audio tag
+a = audio({ path: 'medias/audios/clap.wav', id: :audioElement })
+b=box({id: :playButton})
+b.text(:audio_tag)
+a.left(333)
+b.touch(:down) do
+  a.play(true)
+end
+
+
+#
+#
+### Web Audio
+# Initialisation des variables globales
+@audio_context = JS.eval('return new AudioContext()')
+@audio_element = JS.global[:document].getElementById('audioElement')
+@track = @audio_context.createMediaElementSource(@audio_element)
+
+# Ajout d'un nœud de gain (volume)
+@gain_node = @audio_context.createGain()
+@gain_node[:gain][:value] = 0.5  # Réduit le volume à 50%
+#
+# # Connexion de la chaîne
+@track.connect(@gain_node)  # Connecte la source au nœud de gain
+@gain_node.connect(@audio_context[:destination])  # Connecte le nœud de gain à la sortie
+
+def play_audio
+  # Réactive l'AudioContext s'il est suspendu
+  @audio_context[:resume].to_s if @audio_context[:state].to_s == 'suspended'
+  # Joue l'audio
+  @audio_element.play
+end
+b2=box({left: 166})
+b2.text(:web_audio)
+b2.touch(:down) do
+  play_audio
+end
+
+
+# ######### wadjs
+bb=box({left: 333})
+bb.text(:wadjs)
+init_code = "window.snare = new Wad({source : 'medias/audios/clap.wav'});"
+JS.eval(init_code)
+
+# Code JavaScript pour jouer le son et l'arrêter après 300 ms, dans un bloc indépendant
+play_code = <<~STRDEL
+  window.snare.play();
+  setTimeout(function() {
+    window.snare.stop();
+  }, 300);
+STRDEL
+
+# Exécution du bloc indépendant pour jouer et arrêter le son
+# JS.eval(play_code)
+# snare=JS.eval("return new Wad({source : 'medias/audios/clap.wav'})")
+# js_code=<<STRDEL
+#      snare = #{snare};
+#   snare =new Wad({source : 'medias/audios/clap.wav'})
+#   snare.play();
+#   setTimeout(() => {
+#   snare.stop();
+#   }, "300");
+# STRDEL
+bb.touch(:down) do
+  JS.eval(play_code)
+end
+

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

@@ -58,7 +58,7 @@ html_desc = <<STR
     </nav>
 </header>
 
-<section id='title' class="section my_class" style='left: 333px;color: yellow'>
+<section id='div_id' class="section my_class" style='left: 333px;color: yellow'>
     <h2>PRODUCTIONS AUDIOVISUELLES</h2>
     <!-- Contenu de la section -->
 </section>
@@ -105,8 +105,29 @@ b.hypertext(html_desc)
 # get tag content convert to data
 # get style and class convert to particle
 # end
-b.hyperedit(:title) do |tag_desc|
-  puts tag_desc
+b.hyperedit(:div_id) do |tag_desc|
+  puts  tag_desc.class
+end
+
+  wait 2 do
+    div_result = HTML.locate(id: 'div_id') # find by ID
+
+    atomized_el= atomizer({ target: div_result, id: :my_second_html_obj })
+    atomized_el.rotate(55)
+    atomized_el.color(:purple)
+    atomized_el.position(:absolute)
+    atomized_el.left(255)
+    atomized_el.top(255)
+  end
+
+
+wait 3 do
+  # or handle the objet in pure ruby js style
+  div_result = HTML.locate(id: 'div_id') # find by ID
+  div_result[:style][:left]= "66px"
+  puts "the div is : #{div_result[:style][:left]}"
+
+
 end
 
 # TODO : create an html to atome converter

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

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+
+b=box
+i=b.image({path: 'medias/images/icons/hamburger.svg'})
+wait 2 do
+  i.rotate(22)
+end