atome 0.5.5.8.1 → 0.5.5.8.7

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/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/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/shortcut.rb

@@ -12,10 +12,10 @@ shortcut(key: :b,  affect: :all) do |key, object_id|
 end
 text({data: "Key 'b'  on :all", top: 0})
 
-shortcut(key: :t, option: :meta,affect: [:my_circle, :red_box]) do |key, object_id|
+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 't' with Meta  on [:my_circle, :red_box]", top: 30, left: 0, position: :absolute})
+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|

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/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>

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

@@ -97,7 +97,6 @@ const communication = {
 
 function connect(address) {
 
-// alert('kool');
     websocket = new WebSocket(address);
 
     websocket.onopen = function (event) {
@@ -121,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)
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: atome
 version: !ruby/object:Gem::Version
-  version: 0.5.5.8.1
+  version: 0.5.5.8.7
 platform: ruby
 authors:
 - Jean-Eric Godard
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2024-01-09 00:00:00.000000000 Z
+date: 2024-01-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: eventmachine
@@ -484,6 +484,7 @@ files:
 - vendor/assets/application/examples/apply.rb
 - vendor/assets/application/examples/atome.rb
 - vendor/assets/application/examples/atome_sparkle_use.rb
+- vendor/assets/application/examples/atomizer.rb
 - vendor/assets/application/examples/attach.rb
 - vendor/assets/application/examples/attached.rb
 - vendor/assets/application/examples/basic_understanding.rb
@@ -492,16 +493,19 @@ 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
 - vendor/assets/application/examples/color.rb
+- vendor/assets/application/examples/compute.rb
 - vendor/assets/application/examples/console.rb
 - vendor/assets/application/examples/convert.rb
 - vendor/assets/application/examples/copy.rb
 - vendor/assets/application/examples/copybck.rb
 - vendor/assets/application/examples/debug.rb
 - vendor/assets/application/examples/delete.rb
+- vendor/assets/application/examples/dig.rb
 - vendor/assets/application/examples/display.rb
 - vendor/assets/application/examples/display_bck.rb
 - vendor/assets/application/examples/drag.rb
@@ -511,6 +515,7 @@ files:
 - vendor/assets/application/examples/encode.rb
 - vendor/assets/application/examples/file.rb
 - vendor/assets/application/examples/find.rb
+- vendor/assets/application/examples/fit.rb
 - vendor/assets/application/examples/generator_and_build.rb
 - vendor/assets/application/examples/getter.rb
 - vendor/assets/application/examples/grab.rb
@@ -521,6 +526,7 @@ files:
 - 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/keyboard.rb
 - vendor/assets/application/examples/layout.rb
 - vendor/assets/application/examples/login.rb
@@ -550,9 +556,11 @@ files:
 - vendor/assets/application/examples/shadow.rb
 - vendor/assets/application/examples/shapes.rb
 - vendor/assets/application/examples/shortcut.rb
+- vendor/assets/application/examples/size.rb
 - vendor/assets/application/examples/smooth.rb
 - vendor/assets/application/examples/style.rb
 - vendor/assets/application/examples/sync.rb
+- vendor/assets/application/examples/table.rb
 - vendor/assets/application/examples/tagged.rb
 - vendor/assets/application/examples/terminal.rb
 - vendor/assets/application/examples/text.rb
@@ -608,6 +616,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