atome 0.5.5.7.7 → 0.5.5.8.5

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

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+
+c = circle({ height: 400, width: 200, top: 100, left:99, top: 79 })
+b = c.box({ width: 200, height: 100, left: 280, top: 190, id: :my_box })
+i= image(:red_planet)
+c.touch(true) do
+  c.fit({ value: 100, axis: :x })
+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 : #{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}"

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

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+box({id: :my_box})
+console(true)

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

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+
+c = circle({ height: 400, width: 200, top: 100, left: 0, top: 100 , id: :the_circle})
+b = c.box({ width: 200, height: 100, left: 600, top: 200, id: :my_box })
+c.circle({ width: 200, height: 100, left: 120, top: -80, id: :my_text, data: :hi })
+b.circle({ color: :yellow, width: 55, height: 88, left: 100 })
+b.box
+
+
+atome_founds = c.dig
+puts "dig allow to retrieve all attached atomes recursively,
+it return a table of ID including the ID of the parent (here : :the_circle) :\n#{atome_founds}"

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

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+c = circle({ height: 400, width: 200, top: 100, left: 0, top: 100 })
+b = c.box({ width: 200, height: 100, left: 600, top: 200, id: :my_box })
+c.circle({ width: 200, height: 100, left: 120, top: -80, id: :my_text, data: :hi })
+b.circle({ color: :yellow, width: 55, height: 88, left: 100 })
+b.box
+i=c.image({path: 'medias/images/red_planet.png', id: :the_pix })
+# b.text(:red_planet)
+
+wait 1 do
+
+  c.fit({ value: 100, axis: :x })
+
+  wait 1 do
+    c.fit({ value: 66, axis: :y })
+    wait 1 do
+      c.fit({ value: 600, axis: :x })
+    end
+  end
+end
+# alert i.width
+# alert i.height
+# i.fit({ value: 66, axis: :x })
+#  i.width(66)
+#  i.height(66)

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

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+support = box({ top: 250, left: 12, width: 300, height: 40, smooth: 9, color: { red: 0.3, green: 0.3, blue: 0.3 }, id: :support })
+
+support.shadow({
+                 id: :s3,
+                 left: 3, top: 3, blur: 9,
+                 invert: true,
+                 red: 0, green: 0, blue: 0, alpha: 0.7
+               })
+
+
+
+box({ id: :the_boxy })
+
+
+
+support.import(true) do |content|
+  puts "add code here, content:  #{content}"
+end
+
+
+importer do |val|
+  alert "case 21 #{val}"
+end
+
+# importer(:all) do |val|
+#   alert "case 21 #{val}"
+# end
+
+importer('the_boxy') do |val|
+  alert "yes !!! exception found : #{val}"
+end

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

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+
+c = circle({ height: 400, width: 200, top: 100, left: 0, top: 100 })
+
+puts "infos : #{c.infos}"
+puts "width : #{c.infos[:width]}"
+
+
+

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

@@ -1,16 +1,29 @@
 # frozen_string_literal: true
-#
-b = box({ color: :red })
 
+user_password = {global: :all_star, read: { atome: :all_star }, write: { atome: :all_star } }
+
+human({ id: :jeezs, login: true, password: user_password, data: { birthday: '10/05/2016' },selection: [], tag: { system: true } , attach: :user_view })
+
+
+
+b = box({ color: :red, id: :my_box })
+b.connection('localhost:9292') do |params|
+  alert " the connection is : #{params}"
+end
 b.touch(true) do
   b.connection('localhost:9292') do |params|
     alert " the connection is : #{params}"
   end
 end
 
+
 c = box({ color: :yellow, left: 333 })
 
 c.touch(true) do
-  b.message('hi there!!')
+  b.message({message: 'cd ..;cd server;ls; pwd', action: :terminal })
+  b.message({message: 'capture.rb', action: :file, option: :read })
+  b.message({message: 'tototo.rb', action: :file, option: :write, value: :hello })
+  # b.message({message: 'cd ..;cd server;ls; pwd'})
   # c = box({ color: :red, left: 333 })
-end
+end
+

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

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+
+box({id: :my_box})
+circle({id: :my_circle, left: 333})
+box({id: :red_box, left: 666, color: :red})
+
+
+
+shortcut(key: :b,  affect: :all) do |key, object_id|
+  puts "Key #{key} press on #{object_id}"
+end
+text({data: "Key 'b'  on :all", top: 0})
+
+shortcut(key: :e, option: :meta,affect: [:my_circle, :red_box]) do |key, object_id|
+  puts "Key #{key}  press on #{object_id}"
+end
+text({data: "Key 'e' with Meta  on [:my_circle, :red_box]", top: 30, left: 0, position: :absolute})
+
+
+shortcut(key: :j, option: :ctrl, affect: :all, exclude: [:my_circle, :my_box]) do |key, object_id|
+  puts "Key #{key} with Ctrl press on #{object_id}"
+end
+text({data: "Key 'j' with Ctrl  on :all but [:my_circle, :my_box]", top: 50,left: 0, position: :absolute})
+

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

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+c = circle({ height: 400, width: 200, top: 100, left: 0, top: 100 })
+b = c.box({ width: 200, height: 100, left: 600, top: 200, id: :my_box })
+c.circle({ width: 200, height: 100, left: 120, top: -80, id: :my_text, data: :hi })
+b.circle({ color: :yellow, width: 55, height: 88, left: 500 })
+b.box
+
+wait 1 do
+  # recursive apply the new size to all attached atomes recursively
+  # reference : change the size according the to wanted axis
+  c.size({value:  50, recursive: true, reference: :y })
+end
+
+
+
+

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

@@ -0,0 +1,76 @@
+# frozen_string_literal: true
+
+
+c = circle({ id: :my_cirle, color: :red, drag: true })
+c.box({ left: 0, width: 22, height: 22, top: 65 })
+c.touch(true) do
+  alert :okk
+end
+m = matrix({ renderers: [:html], attach: :view, id: :my_test_box, type: :matrix, apply: [:shape_color],
+             left: 333, top: 0, width: 600, smooth: 15, height: 900, overflow: :scroll, option: { header: true },
+             component: {
+               border: { thickness: 5, color: color(:blue), pattern: :dotted },
+               overflow: :auto,
+               color: "white",
+               shadow: {
+                 id: :s4,
+                 left: 20, top: 0, blur: 9,
+                 option: :natural,
+                 red: 0, green: 1, blue: 0, alpha: 1
+               },
+               height: 50,
+               width: 50,
+               component: { size: 12, color: :black }
+             },
+             data: [
+               { titi: :toto },
+               { dfgdf: 1, name: 'Alice', age: 30, no: 'oko', t: 123, r: 654, f: 123, g: 654, w: 123, x: 654, c: 123, v: 654 },
+               { id: 2, name: 'Bob', age: 22 },
+               { dfg: 4, name: 'Vincent', age: 33, no: grab(:my_cirle) },
+               { dfgd: 3, name: 'Roger', age: 18, no: image(:red_planet), now: :nothing }
+
+             ]
+           })
+
+# tests
+m.color(:orange)
+m.border({ thickness: 5, color: color(:blue), pattern: :dotted })
+
+puts m.get({ cell: [1, 2] })
+wait 2 do
+  m.insert({ cell: [2, 2], content: 999 })
+  m.insert({ row: 1 })
+  wait 1 do
+    m.remove({ row: 2 })
+  end
+  wait 2 do
+    m.remove({ column: 1 })
+  end
+  wait 3 do
+    m.insert({ column: 3 })
+  end
+
+  wait 4 do
+    m.sort({ column: 1, method: :alphabetic })
+    puts 1
+    wait 1 do
+      puts 2
+      m.sort({ column: 2, method: :numeric })
+      wait 1 do
+        puts 3
+        m.sort({ column: 3, method: :numeric })
+        wait 1 do
+          puts 4
+          m.sort({ column: 1, method: :numeric })
+        end
+      end
+    end
+  end
+
+end
+
+#  cell.fusion() # to be implemented later
+
+
+
+

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

@@ -1,4 +1,4 @@
-frozen_string_literal
+# frozen_string_literal
 
 t2 = text({ data: ['this is ', :super, { data: 'cool', color: :red, id: :new_one }], component: { size: 33 }, left: 120 })
 the_text = text({  data: 'hello for al the people in front of their machine', center: true, top: 120, width: 77, component: { size: 11 } })

data/vendor/assets/application/works/vie.rb

@@ -138,6 +138,7 @@ cursor.drag({ restrict: {max:{ left: 309, top: 0}} }) do |event|
 
 end
 
+# new({ particle: :import })
 
 support=box({top: 250, left: 12, width: 300, height: 40, smooth: 9, color:{red: 0.3, green: 0.3, blue: 0.3}, id: :support })
 
@@ -147,6 +148,8 @@ support.shadow({
                  invert: true,
                  red: 0, green: 0, blue: 0, alpha: 0.7
                })
+
+# support.duplicate
 support.import(true) do  |content|
   puts "add code here, content:  #{content}"
 end

data/vendor/assets/server/atome_server.rb

@@ -2,6 +2,7 @@
 
 # atome server
 require 'em/pure_ruby' if RUBY_PLATFORM == 'x64-mingw32'
+require 'fileutils'
 require '../src/utilities/aui'
 require 'digest/sha2'
 require 'faye/websocket'
@@ -14,7 +15,30 @@ require 'rufus-scheduler'
 require 'securerandom'
 require 'sequel'
 
-Faye::WebSocket.load_adapter('puma') # Utilisez l'adaptateur 'thin' pour Faye
+class EDen
+  def self.terminal(cmd,option,ws,value, user, pass)
+    `#{cmd}`
+  end
+
+  def self.file(source, operation,ws,value,user, pass)
+    file_content= File.send(operation, source, value).to_s
+    file_content = file_content.gsub("'", "\"")
+    "=> operation: #{operation}, source:  #{source} , content : #{file_content},"
+  end
+  # return_message = EDen.safe_send(action_requested, message,option, current_user, user_pass)
+
+  def self.safe_send(method_name, *args)
+    method_sym = method_name.to_sym
+    eden_methods = EDen.singleton_methods(false) - Object.singleton_methods
+    if eden_methods.include?(method_sym)
+      send(method_sym, *args)
+    else
+      "forbidden action:  #{method_name}"
+    end
+  end
+end
+
+Faye::WebSocket.load_adapter('puma')
 
 class String
   def is_json?
@@ -65,6 +89,7 @@ class Database
 end
 
 class App < Roda
+
   # comment below when test will be done
   File.delete("./eden.sqlite3") if File.exist?("./eden.sqlite3")
   eden = Database.connect_database
@@ -74,11 +99,8 @@ class App < Roda
   items.insert(name: 'abc', width: rand * 100)
   items.insert(name: 'def', width: rand * 100)
   items.insert(name: 'ghi', width: rand * 100)
-
   puts "Item count: #{items.count}"
-
   puts "The average price is: #{items.avg(:width)}"
-
   index_content = File.read("../src/index_server.html")
 
   opts[:root] = '../src'
@@ -87,15 +109,26 @@ class App < Roda
     r.root do
       if Faye::WebSocket.websocket?(r.env)
         ws = Faye::WebSocket.new(r.env)
-
         ws.on :open do |event|
           ws.send('server ready'.to_json)
           ws.send('asking for synchro data'.to_json)
         end
 
         ws.on(:message) do |event|
-          #TODO : encode event on both client and server
-        ws.send(event.data.reverse.to_json) # Envoie le message inversé au client
+          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
+            return_message = EDen.safe_send(action_requested, message,option,ws,value, current_user, user_pass)
+          else
+            return_message = "no action msg: #{full_data}"
+          end
+          ws.send(return_message.to_json)
         end
 
         ws.on(:close) do |event|

data/vendor/assets/server/capture.rb

@@ -1,7 +1,7 @@
 path = ARGV[0]
 name = ARGV[1]
 
-File.open( "#{path}#{name}.txt", 'w') do |f|
+File.open("#{path}#{name}.txt", 'w') do |f|
   f.write("Le chemin ; #{path}!\n")
   f.write("Le nom du fichier #{name}\n")
 end

data/vendor/assets/src/index.html

@@ -20,12 +20,12 @@
     <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>
+<!--    <script>-->
+<!--        // to prevent right click-->
+<!--        document.addEventListener("contextmenu", function (e) {-->
+<!--            e.preventDefault();-->
+<!--        });-->
+<!--    </script>-->
     <title>atome</title>
 </head>
 <body id='user_view' class='atome'>
@@ -40,6 +40,7 @@
     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>

data/vendor/assets/src/index_opal.html

@@ -25,12 +25,12 @@
     <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>
-        // to prevent right click
-        document.addEventListener("contextmenu", function (e) {
-            e.preventDefault();
-        });
-    </script>
+<!--    <script>-->
+<!--        // to prevent right click-->
+<!--        document.addEventListener("contextmenu", function (e) {-->
+<!--            e.preventDefault();-->
+<!--        });-->
+<!--    </script>-->
     <title>atome</title>
 </head>
 <body id='user_view' class='atome'>
@@ -39,4 +39,9 @@
 <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_server.html

@@ -25,12 +25,12 @@
     <script defer src='js/atome/kernel.js'></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>
+<!--    <script>-->
+<!--        // to prevent right click-->
+<!--        document.addEventListener("contextmenu", function (e) {-->
+<!--            e.preventDefault();-->
+<!--        });-->
+<!--    </script>-->
     <title>atome</title>
 </head>
 <body id='user_view' class='atome'>
@@ -39,5 +39,9 @@
 <script defer src="js/atome/specific/opal.js" type="text/javascript"></script>
 <script defer src="js/atome/atome.js" type="text/javascript"></script>
 <script defer src='js/application.js'></script>
-
+<script>
+    window.addEventListener('load', function () {
+        Opal.eval('atome_infos')
+    })
+</script>
 </html>

data/vendor/assets/src/index_server_wasm.html

@@ -20,12 +20,12 @@
     <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>
+<!--    <script>-->
+<!--        // to prevent right click-->
+<!--        document.addEventListener("contextmenu", function (e) {-->
+<!--            e.preventDefault();-->
+<!--        });-->
+<!--    </script>-->
     <title>atome</title>
 </head>
 <body id='user_view' class='atome'>
@@ -40,6 +40,7 @@
     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>

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

@@ -218,98 +218,3 @@ function fileForOpal(parent, bloc) {
     })
 
 }
-
-function importer(){
-
-    // Gestionnaire pour le drag and drop de fichiers
-    document.body.addEventListener('dragover', function(e) {
-        e.preventDefault(); // Nécessaire pour autoriser le drop
-        // Modifier le style si nécessaire
-    });
-
-    document.body.addEventListener('drop', function(e) {
-        e.preventDefault();
-        let files = e.dataTransfer.files; // Obtention de la liste des fichiers déposés
-
-        if (files.length) {
-            // Parcourir chaque fichier
-            for (let i = 0; i < files.length; i++) {
-                let file = files[i];
-                let reader = new FileReader();
-
-                // Lire le fichier en tant que texte
-                reader.readAsText(file);
-
-                // Événement déclenché une fois la lecture terminée
-                reader.onload = function() {
-                    console.log('Contenu du fichier #' + (i + 1));
-                    console.log('Nom: ' + file.name);
-                    console.log('Type: ' + file.type);
-                    console.log('Taille: ' + file.size + ' octets');
-                    console.log('Contenu: \n' + reader.result); // Affichage du contenu du fichier
-                };
-
-                // Gestion des erreurs de lecture
-                reader.onerror = function() {
-                    console.error('Erreur de lecture du fichier: ' + file.name);
-                };
-            }
-        }
-        // if (e.dataTransfer.files.length) {
-        //     alert (e.dataTransfer.files);
-        //     // Traiter les fichiers déposés
-        // }
-    });
-
-// Gestionnaire pour les éléments div
-    var divs = document.querySelectorAll('.draggable-div');
-    divs.forEach(function(div) {
-        div.addEventListener('dragstart', function(e) {
-            e.dataTransfer.setData('text/plain', 'some-data');
-            e.stopPropagation(); // Empêcher la propagation au body
-        });
-    });
-
-}
-
-importer()
-
-
-function exception_import (){
-    // Sélectionner la div spéciale par son ID
-    var specialDiv = document.getElementById('my_box');
-
-// Gestionnaire d'événements pour la 'special-div' pour le drag over
-    specialDiv.addEventListener('dragover', function(e) {
-
-        specialDiv.style.backgroundColor= 'red';
-        e.preventDefault(); // Prévenir le comportement par défaut
-        e.stopPropagation(); // Arrêter la propagation de l'événement
-    });
-    specialDiv.addEventListener('dragleave', function(e) {
-        specialDiv.style.backgroundColor = 'yellow'; // Réinitialiser la couleur de fond lors du drag out
-        e.stopPropagation(); // Arrêter la propagation de l'événement
-    });
-// Gestionnaire d'événements pour la 'special-div' pour le drop
-    specialDiv.addEventListener('drop', function(e) {
-        e.preventDefault(); // Prévenir le comportement par défaut
-        e.stopPropagation(); // Arrêter la propagation de l'événement
-
-        // Traitement spécifique pour les fichiers déposés sur la 'special-div'
-        console.log('Fichier déposé dans la zone spéciale');
-    });
-
-// Gestionnaire d'événements pour le body pour le drop
-    document.body.addEventListener('drop', function(e) {
-        e.preventDefault(); // Prévenir le comportement par défaut
-
-        // Traitement pour les fichiers déposés en dehors de la 'special-div'
-        console.log('Fichier déposé hors de la zone spéciale');
-    });
-
-
-}
-setTimeout(function () {
-    exception_import();
-console.log('ready');
-}, 3000);

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

@@ -29,7 +29,7 @@ const communication = {
 
         if (window.webkit) {
             try {
-                window.webkit.messageHandlers.toggleMessageHandler.postMessage(json_msg);
+                window.webkit.messageHandlers.wkHandler.postMessage(json_msg);
             } catch (error) {
                 console.log('no server, unable to post message')
             }
@@ -86,8 +86,9 @@ const communication = {
         };
 
     },
-    ws_sender: function (address) {
-        this.websocket.send("Hello, WebSocket! !look look")
+    ws_sender: function (message) {
+        // now we send the data to the server
+        this.websocket.send(message)
     },
 }
 
@@ -96,7 +97,6 @@ const communication = {
 
 function connect(address) {
 
-// alert('kool');
     websocket = new WebSocket(address);
 
     websocket.onopen = function (event) {
@@ -120,7 +120,9 @@ function connect(address) {
 
 }
 
-function ws_sender() {
-    websocket.send("the Hello, WebSocket!!!")
-}
 
+
+function controller_message(msg){
+    // message receiver from controller (Vie)
+    console.log(msg)
+}