atome 0.5.5.8.5 → 0.5.5.8.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fe95794110662e88b3aac3f5a49c75859e6d8f82bc8d54a1413b99f868139893
-  data.tar.gz: a755990f9a94ee89f4b3d3271b2c6b822c971a225ae5b4b7465c1f845d99a920
+  metadata.gz: 4aa832acc6d311b046d0d0efeee475a0f1ec11774eb392218ab8fe8d8d2f3c52
+  data.tar.gz: 8e6c9a171461da40f3d88f2466a50d72e3a4d16bd80db228b53ea9e69d6d58be
 SHA512:
-  metadata.gz: '09a7452177a47e2720aec7f93a48f113a12087b5bd64fcdeb0ffbe30831f70e40ac7fab9f64dcdf8e7636bccbb2d5eb7f7b1b9e8db1cd4ddf1852ad135d2bdbe'
-  data.tar.gz: a3832fda01f201a82ef0182a2275af3a1d650195c308a4cde13594bcf3e6a83e15c6db2c58e19a3e329960d89f9fe6ef3ee3d52c0c557327afe7d272f84fad37
+  metadata.gz: 07b0fadc4e1818654614b1a47acde2bca31654f74782069a5f6b01a545740dfcf1a6676b960d50000ffa87ad66c6e50f6626e9997ada0ecaeaa772d5f910b4c9
+  data.tar.gz: f96b61891e6b0f359085f1412bd6bc5ed368be0dd8ee23df2dcdc087cfa31d4146482478129622113aef1fec9a4d15634b844db1eb329285fe3ea02c7fc4df35

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/genesis/generators/spatial.rb

@@ -97,5 +97,7 @@ new({ particle: :layout }) do |params|
   end
   params
 end
+new({particle: :center})
+
 
 

data/lib/atome/version.rb

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

data/lib/renderers/html/html.rb

@@ -20,7 +20,6 @@ class HTML
     end
   end
 
-
   def initialize(id_found, current_atome)
     @element ||= JS.global[:document].getElementById(id_found.to_s)
     @id = id_found
@@ -1268,6 +1267,7 @@ class HTML
       end
     end
   end
+
   def set_td_style(td)
     cell_height = 50
     td[:style][:border] = '1px solid black'
@@ -1283,7 +1283,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 +1389,6 @@ class HTML
 
   end
 
-
   def table_remove(params)
     if params[:row]
       row_index = params[:row]
@@ -1437,9 +1435,86 @@ 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)
+
+    # Appliquer le centrage initial
+    apply_centering(@center_options, @parent)
+
+    # Si l'option dynamique est activée, ajouter un écouteur d'événements
+    if @center_options[:dynamic]
+      event_handler = ->(event) do
+        apply_centering(@center_options, @parent)
+      end
+      JS.global[:window].addEventListener('resize', event_handler)
+    end
+  end
+
+  private
+
+  # Méthode auxiliaire pour appliquer le centrage
+  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
+
+    # 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
+
 end
 
 

data/lib/renderers/html/spatial.rb

@@ -64,4 +64,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/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/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.8.7
 platform: ruby
 authors:
 - Jean-Eric Godard
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2024-01-22 00:00:00.000000000 Z
+date: 2024-01-23 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
@@ -615,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