atome 0.5.7.5.4 → 0.5.7.5.9

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

@@ -0,0 +1,42 @@
+#  frozen_string_literal: true
+
+
+# new({ atome: :map, type: :hash })
+
+# new({particle: :longitude}) do |params, _user_proc|
+#   render(:map, {longitude: params })
+#   params
+# end
+#
+# new({particle: :latitude}) do |params, _user_proc|
+#   render(:map, {latitude: params })
+#   params
+# end
+
+# new({ method: :map, renderer: :html, type: :int }) do |params, _user_proc|
+#   latitude_found=@latitude
+#   longitude_found=@longitude
+#   location_hash={longitude: longitude_found, latitude: latitude_found}.merge(params)
+#   html.location(location_hash)
+# end
+
+
+
+m=map({id: :hgfh, longitude: 55.9876876, latitude: 33.987687, width: 333, height: 222,})
+# wait 3 do
+p=map({id: :poilo, location: :auto, width: 333, height: 333, top: 333 , left: 333, zoom: 3})
+# end
+b=box
+b.touch(true) do
+  m.zoom(33)
+  # p.zoom(3)
+  # wait 2 do
+    p.pan({ left: 370, top: 190 })
+  # end
+end
+
+# m=map({id: :locator, location: :auto})
+
+# alert m.longitude
+
+

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

@@ -0,0 +1,8 @@
+#  frozen_string_literal: true
+
+b = box
+b.meteo('chamalieres') do |params|
+  text({ data: params[:main][:temp] })
+  puts params
+end
+

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

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+
+puts "connect a midi devide and run atome in native mode th elook in te console"

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

@@ -4,4 +4,18 @@
 view = grab(:view)
 view.on(:resize) do |event|
   puts "view size is #{event}"
+end
+
+b=box
+b.touch(true) do
+  view.on(:remove)
+end
+
+
+c=circle({ left: 333 })
+
+c.touch(true) do
+  view.on(:resize) do |event|
+    puts "Now size is : #{event}"
+  end
 end

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

@@ -9,7 +9,6 @@ b.over(:enter) do
   puts "in"
   puts "enter"
   b.width= b.width+30
-  # alert :in
   b.color(:yellow)
 end
 b.over(:leave) do

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

@@ -1,12 +1,27 @@
 # frozen_string_literal: true
 
 b = box({ id: :the_container, width: 300, height: 300 })
-b.box({top: 500, color: :red})
-cc=b.circle({ top: 160, id: :the_circle })
+b.box({ top: 500, color: :red })
+cc = b.circle({ top: 160, id: :the_circle })
 
-initial_height=cc.height
+initial_height = cc.height
+initial_width = cc.width
 b.overflow(:scroll) do |event|
   new_height = initial_height + event[:top]
   cc.height(new_height)
-  {left: event[:top]}
-end
+  { left: event[:top] }
+end
+c = circle({ top: 370, color: :red })
+c.touch(:up) do
+  b.overflow(:remove)
+  c.delete(true)
+  c = circle({ top: 370, left: 90, color: :green })
+  c.touch(true) do
+    b.overflow(:scroll) do |event|
+      puts 'removed!!'
+      new_width = initial_width + event[:top]
+      cc.width(new_width)
+    end
+  end
+end
+

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

@@ -1,4 +1,4 @@
 # frozen_string_literal: true
 
 b = box({ left: 777 })
-puts "b ahas the following paticles : #{b.particles}"
+puts "b contain the following particles : #{b.particles}"

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

@@ -16,7 +16,7 @@ puts " my_box preset is : #{my_box.preset}"
 # print in the console : [Log]  my_box preset is : {:box=>{:width=>99, :height=>99, :apply=>[:box_color], :left=>100, :top=>100, :clones=>[]}} (browser.script.iife.min.js, line 13)
 
 
-c=circle
+c=circle({id: :my_circle, width: 333, height: 333})
 puts  " c is : #{c.inspect }"
 # this print : [Log]  c is : #<Atome: @type=:shape, @smooth="100%", @width=99, @id=:circle_16, @renderers=[:html], @height=99, @broadcast={}, @callback={}, @tag={}, @fasten=[], @unit={}, @collected={}, @html=#<HTML:0x06579be8 @element=[object HTMLDivElement], @id="circle_16", @original_atome=#<Atome: @type=:shape, @smooth="100%", @width=99, @id=:circle_16, @renderers=[:html], @height=99, @broadcast={}, @callback={}, @tag={}, @fasten=[], @unit={}, @collected={}, @html=#<HTML:0x06579be8 ...>, @top=100, @attach=[:view], @left=100, @apply=[:circle_color], @clones=[], @preset={:circle=>{:width=>99, :height=>99, :smooth=>"100%", :apply=>[:circle_color], :left=>100, :top=>100, :clones=>[]}}>, @element_type="div">, @top=100, @attach=[:view], @left=100, @apply=[:circle_color], @clones=[], @preset={:circle=>{:width=>99, :height=>99, :smooth=>"100%", :apply=>[:circle_color], :left=>100, :top=>100, :clones=>[]}}> (browser.script.iife.min.js, line 13)
 # it's pôssible to alter basic preset using the particle .preset

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

@@ -14,4 +14,15 @@ t=text({data: ' click me to unbind resize'})
 t.touch(true) do
   t.data('resize unbinded')
   m.resize(:remove)
+end
+
+c=circle({left: 99, top: 99, right: 100, height: 99})
+
+c.touch(true) do
+  m.resize({ size: { min: { width: 90, height: 190 }, max: { width: 300, height: 600 } } }) do |event|
+    puts "ooooooo"
+  end
+  m.on(:resize) do |event|
+    puts 'yes'
+  end
 end

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

@@ -27,3 +27,13 @@ c.touch(true) do
   c.tick(:my_counter)
   puts  c.tick[:my_counter]
 end
+
+bb=box({left: 333})
+
+bb.touch(true) do
+  if   bb.tick(:my_counter)%2 == 0
+    bb.color(:red)
+  else
+    bb.color(:blue)
+  end
+end

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

@@ -290,6 +290,7 @@ 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, :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: false, color: :blue })
@@ -320,4 +321,8 @@ circle({left: 333,top: 333, id: :c2})
 #   puts "#{b.descendant_of?(:intuition)}, then dont treat!"
 #
 # end
-puts 'add tool preview , and maybe allow tool details to be moved'
+# puts 'add tool preview , and maybe allow tool details to be moved'
+# wait 2 do
+#   apply_tool(:rotate, grab(c2.id), )
+#
+# end

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

@@ -9,43 +9,31 @@ t.touch(:down) do |event|
   puts event[:pageX]
   puts event[:pageY]
   b.touch({ remove: :down })
-  # b.touch({remove: :up})
-  # b.touch({remove: :long})
-  # b.touch({remove: :double})
-  # b.touch({remove: :tap})
-  # b.touch({remove: :touch})
-  # b.touch(false) to remove all touches bindings
-  t.data('touch down killed')
+  t.data('down removed !! ')
 end
 
 touch_code = lambda do
   b.color(:red)
   puts 'box tapped'
-  # b.instance_variable_set('@touch_code', nil)
 end
 b.touch(tap: true, code: touch_code)
 
 b.touch(:long) do
-  # puts :long
-  # t.data('type of touch is : long ')
-  # b.color(:black)
   { color: :cyan }
+  t.data('type of touch is : long ')
 end
 
 b.touch(:up) do
-  puts :up
   t.data('type of touch is : up ')
   b.color(:orange)
 end
 
 b.touch(:down) do
-  puts :down
   t.data('type of touch is : down ')
   b.color(:white)
 end
 
 b.touch(:double) do
-  puts :double
   t.color(:red)
   t.data('type of touch is : double ')
   b.color(:yellowgreen)

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

@@ -0,0 +1,165 @@
+# frozen_string_literal: true
+
+new ({particle: :trigger})
+
+a=circle
+a.trigger({record: true})
+
+
+### wad JS
+bb=box({left: 333})
+bb.text(:wadjs)
+
+
+
+## Midi test
+
+js_midi_code = <<~JAVASCRIPT
+async function startMidi() {
+    try {
+        await window.__TAURI__.invoke('start_midi');
+        console.log('MIDI listener started');
+    } catch (error) {
+        console.error('Failed to start MIDI listener', error);
+    }
+}
+
+function listenForMidiEvents() {
+    window.__TAURI__.event.listen('midi-event', event => {
+        console.log('MIDI Event found:', event.payload);
+    });
+}
+
+startMidi();
+listenForMidiEvents();
+
+JAVASCRIPT
+if Atome::host == 'tauri'
+  JS.eval(js_midi_code)
+end
+
+
+# Initialize window.snare
+
+init_code = "window.snare = new Wad({source : 'medias/audios/clap.wav'});"
+JS.eval(init_code)
+
+# Define the JavaScript playSnare function
+js_code = <<~JAVASCRIPT
+  window.playSnare = function() {
+    window.snare.play();
+    // setTimeout(function() {
+    //  window.snare.stop();
+    //}, 30);
+  }
+JAVASCRIPT
+
+# Evaluate the JavaScript code once
+JS.eval(js_code)
+
+# Define the Ruby method to call the JavaScript function
+def play_snare
+  JS.eval('window.playSnare()')
+end
+
+# Attach the method to the touch event
+bb.touch(:down) do
+  play_snare
+end
+
+synthesis_code = <<~JAVASCRIPT
+const synth = window.speechSynthesis;
+const utterance1 = new SpeechSynthesisUtterance("Bonjour, comment allez-vous ?");
+  utterance1.lang = 'fr-FR';
+const utterance2 = new SpeechSynthesisUtterance("hello, how are you ?");
+ utterance2.lang = 'en-US';
+synth.speak(utterance1);
+synth.speak(utterance2);
+const utterance3 = new SpeechSynthesisUtterance("Hola, ¿cómo estás?");
+utterance3.lang = 'es-ES';
+synth.speak(utterance3);
+JAVASCRIPT
+
+bcb=box({top: 90})
+
+bcb.touch(true) do
+  JS.eval(synthesis_code)
+end
+
+
+
+
+######
+cbc=box({top: 90, left: 90})
+text({data: :result, id: :result, top: 90, left: 190})
+
+recogniction_code = <<~JAVASCRIPT
+let recognition;
+let recognitionTimeout;
+
+if (!('webkitSpeechRecognition' in window)) {
+  alert('Votre navigateur ne supporte pas la Web Speech API.');
+  return;
+}
+
+recognition = new webkitSpeechRecognition();
+recognition.lang = 'fr-FR'; // Langue française
+recognition.interimResults = false; // Résultats intérimaires (partiels) désactivés
+recognition.maxAlternatives = 1; // Nombre maximum d'alternatives
+
+recognition.onstart = function() {
+  console.log('Reconnaissance vocale démarrée.');
+};
+
+recognition.onresult = function(event) {
+  console.log('Résultat obtenu.');
+  const result = event.results[0][0].transcript;
+  console.log('Vous avez dit : ' + result);
+  document.getElementById('result').innerText = result;
+};
+
+recognition.onerror = function(event) {
+  console.error('Erreur de reconnaissance vocale : ', event.error);
+  switch(event.error) {
+    case 'no-speech':
+      console.log('Aucune parole détectée.');
+      break;
+    case 'audio-capture':
+      console.log('Microphone non détecté.');
+      break;
+    case 'not-allowed':
+      console.log('Permission de microphone refusée.');
+      break;
+    default:
+      console.log('Erreur inconnue.');
+      break;
+  }
+  clearTimeout(recognitionTimeout); // Annule le timeout en cas d'erreur
+};
+
+recognition.onend = function() {
+  console.log('Reconnaissance vocale terminée.');
+  clearTimeout(recognitionTimeout); // Nettoyage du timeout à la fin de la reconnaissance
+};
+
+// Fonction pour démarrer la reconnaissance avec gestion des timeout
+function startRecognition() {
+  try {
+    recognition.start();
+    console.log('Reconnaissance vocale démarrée.');
+    recognitionTimeout = setTimeout(() => {
+      console.log('Timeout atteint, arrêt de la reconnaissance.');
+      recognition.stop();
+    }, 10000); // Timeout de 10 secondes
+  } catch (e) {
+    console.error('Erreur lors du démarrage de la reconnaissance : ', e.message);
+  }
+}
+
+startRecognition();
+JAVASCRIPT
+
+cbc.touch(true) do
+  JS.eval(recogniction_code)
+
+end

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

@@ -0,0 +1,3 @@
+# frozen_string_literal: true
+
+vr({width: 700,height: 390,path: 'medias/images/puydesancy.jpg', id: :tutu})