atome 0.5.3.8.1 → 0.5.4.0.9

data/lib/atome/renderers/browser/atome.rb

@@ -19,6 +19,7 @@ end
 
 generator.build_render(:browser_color) do |_value|
   @browser_type = :style
+  # puts "1 - for the id  : #{id} the browser type is  ::::> #{@browser_type}"
   id_found = @atome[:id]
   type_found = @atome[:type]
   # we remove previous unused style tag
@@ -30,7 +31,7 @@ generator.build_render(:browser_color) do |_value|
   BrowserHelper.browser_document.head << Browser.DOM("<style atome='#{type_found}'
   id='#{id_found}'>.#{id_found}{background-color: rgba(#{red_found * 255},
   #{green_found * 255},#{blue_found * 255},#{alpha_found})}</style>")
-  # TODO/ use the code below to modify the style tag
+  # # TODO/ use the code below to modify the style tag
   @browser_object = BrowserHelper.browser_document[id_found]
 end
 

data/lib/atome/renderers/browser/browser.rb

@@ -13,6 +13,8 @@ require 'atome/renderers/browser/helpers/browser_helper'
 require 'atome/renderers/browser/helpers/animation_helper'
 require 'atome/renderers/browser/helpers/color_helper'
 require 'atome/renderers/browser/helpers/drag_helper'
+require 'atome/renderers/browser/helpers/drop_helper'
+# require 'atome/renderers/browser/helpers/over_helper'
 require 'atome/renderers/browser/helpers/effect_helper'
 require 'atome/renderers/browser/helpers/event_helper'
 require 'atome/renderers/browser/helpers/image_helper'

data/lib/atome/renderers/browser/event.rb

@@ -16,6 +16,15 @@ generator.build_render(:browser_over) do |value, proc|
   BrowserHelper.send("browser_over_#{value}", @browser_object,self, proc)
 end
 
+# generator.build_render(:browser_over) do |options, proc|
+#   # puts "method : #{options}, params : #{options}"
+#   options.each do |method, params|
+#     atome_id = @atome[:id]
+#     BrowserHelper.send("browser_over_#{method}", params, atome_id, self, proc)
+#   end
+# end
+
+
 generator.build_render(:browser_play) do |value, proc|
   # first we reinit the 'at' event so the condition will be met again
   # @at_time[:used] = nil
@@ -62,6 +71,15 @@ generator.build_render(:browser_drag) do |options, proc|
   end
 end
 
+generator.build_render(:browser_drop) do |options, proc|
+  # puts "method : #{options}, params : #{options}"
+  options.each do |method, params|
+    atome_id = @atome[:id]
+    BrowserHelper.send("browser_drop_#{method}", params, atome_id, self, proc)
+  end
+end
+
+
 generator.build_render(:browser_sort) do |options, _proc|
   atome_js.JS.sort(options, @atome[:id], self)
 end

data/lib/atome/renderers/browser/helpers/browser_helper.rb

@@ -7,6 +7,10 @@ module BrowserHelper
     Browser.window
   end
 
+  def self.browser_attach_(_parents, _html_object, _atome)
+    # dummy methods to catch atomes that do not need to be attached to any particular visual atime
+  end
+
   def self.browser_attach_div(parents, html_object, _atome)
     html_object.append_to(browser_document[parents])
   end
@@ -15,6 +19,19 @@ module BrowserHelper
     browser_document[parents].add_class(atome[:id])
   end
 
+  def self.browser_attached_div(children, _html_object, atome)
+    children.each do |child_found|
+      # atome_child.browser_attach_div
+      html_child=grab(child_found).browser_object
+      html_child.append_to(browser_document[atome[:id]])
+    end
+  end
+
+  def self.browser_attached_style(children, _html_object, atome)
+
+    browser_document[atome[:id]].add_class(children)
+  end
+
   def self.value_parse(value)
     if value.instance_of?(String)
       value

data/lib/atome/renderers/browser/helpers/drag_helper.rb

@@ -3,11 +3,19 @@
 # for browser rendering
 
 module BrowserHelper
+
+  # drag helper
   def self.browser_drag_move(params, atome_id, atome, proc)
     atome.drag_move_proc = proc
     atome_js.JS.drag(params, atome_id, atome)
   end
 
+  # def self.browser_drag_end(params, atome_id, atome, proc)
+  #   # alert :kool
+  #   # atome.drag_move_proc = proc
+  #   # atome_js.JS.drag(params, atome_id, atome)
+  # end
+
   def self.browser_drag_lock(params, atome_id, atome, _proc)
     atome_js.JS.lock(params, atome_id, atome)
   end
@@ -36,4 +44,9 @@ module BrowserHelper
   def self.browser_drag_end(_params, _atome_id, atome, proc)
     atome.drag_end_proc = proc
   end
+
+  def self.browser_drag_start(_params, _atome_id, atome, proc)
+    atome.drag_start_proc = proc
+  end
+
 end

data/lib/atome/renderers/browser/helpers/drop_helper.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+# for browser rendering
+
+module BrowserHelper
+
+  #drop helper
+  def self.browser_drop_action(params, atome_id, atome, proc)
+    atome.drop_action_proc = proc
+    atome_js.JS.drop(params, atome_id, atome)
+  end
+
+end

data/lib/atome/renderers/browser/helpers/event_helper.rb

@@ -3,11 +3,11 @@
 # for browser rendering
 module BrowserHelper
 
-  def self.touch_helper_callback(event,atome, proc)
+  def self.touch_helper_callback(event, atome, proc)
     atome.instance_exec(event, &proc) if proc.is_a?(Proc)
   end
 
-  def self.browser_touch_true(browser_object,atome, proc)
+  def self.browser_touch_true(browser_object, atome, proc)
     `
     interact('#'+#{browser_object})
   .on('tap', function (event) {
@@ -16,7 +16,7 @@ Opal.BrowserHelper.$touch_helper_callback(event,#{atome},#{proc});
 `
   end
 
-  def self.browser_touch_long(browser_object,atome, proc)
+  def self.browser_touch_long(browser_object, atome, proc)
     `
     interact('#'+#{browser_object})
   .on('hold', function (event) {
@@ -25,7 +25,7 @@ Opal.BrowserHelper.$touch_helper_callback(event,#{atome},#{proc});
 `
   end
 
-  def self.browser_touch_double(browser_object,atome, proc)
+  def self.browser_touch_double(browser_object, atome, proc)
     `
     interact('#'+#{browser_object})
   .on('doubletap', function (event) {
@@ -34,7 +34,7 @@ Opal.BrowserHelper.$touch_helper_callback(event,#{atome},#{proc});
 `
   end
 
-  def self.browser_touch_down(browser_object,atome, proc)
+  def self.browser_touch_down(browser_object, atome, proc)
 
     `
     interact('#'+#{browser_object})
@@ -45,7 +45,7 @@ Opal.BrowserHelper.$touch_helper_callback(event,#{atome},#{proc});
 `
   end
 
-  def self.browser_touch_up(browser_object, atome,proc)
+  def self.browser_touch_up(browser_object, atome, proc)
     `
     interact('#'+#{browser_object})
   .on('up', function (event) {
@@ -54,15 +54,20 @@ Opal.BrowserHelper.$touch_helper_callback(event,#{atome},#{proc});
 `
   end
 
-  def self.browser_over_enter(browser_object,atome, proc)
-    browser_object.on :mouseover do |event|
-      atome.instance_exec(event, &proc) if proc.is_a?(Proc)
+  def self.browser_over_enter(browser_object, atome)
+    browser_object.on :mouseenter do |event|
+      atome.enter_action_callback( event)
+      # atome.instance_exec(event, &proc) if proc.is_a?(Proc)
+      # atome_id = atome.id
+      # atome_js.JS.over_enter(atome_id, atome, proc, :enter)
     end
   end
 
-  def self.browser_over_leave(browser_object, atome,proc)
+  def self.browser_over_leave(browser_object, atome)
     browser_object.on :mouseout do |event|
-      atome.instance_exec(event, &proc) if proc.is_a?(Proc)
+      atome.leave_action_callback(event)
+      # atome.instance_exec(event, &proc) if proc.is_a?(Proc)
+      # atome_js.JS.over_leave(atome_id, atome,proc,:leave)
     end
   end
 

data/lib/atome/renderers/browser/helpers/over_helper.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+# for browser rendering
+
+# module BrowserHelper
+#
+#   #drop helper
+#   def self.browser_over_action(params, atome_id, atome, proc)
+#     # atome.over_action_proc = proc
+#     atome_js.JS.over(params, atome_id, atome)
+#   end
+#
+# end

data/lib/atome/renderers/browser/helpers/text_helper.rb

@@ -2,7 +2,7 @@
 
 # for browser rendering
 module BrowserHelper
-  # text
+
   def self.browser_left_text(value, browser_object, _atome)
     browser_object.style[:left] = BrowserHelper.value_parse(value)
   end
@@ -20,7 +20,19 @@ module BrowserHelper
   end
 
   def self.browser_data_text(value,atome_send)
-    atome_send.browser_object.text = value
+    value = value.gsub(/\n/, '<br/>')
+    atome_send.browser_object.inner_html = value
+  end
+
+  def self.browser_data_shape(_value,_atome_send)
+
+  end
+  def self.browser_data_color(_value,_atome_send)
+
+  end
+
+  def self.browser_data_find(value,_atome_send)
+
   end
 
 end

data/lib/atome/renderers/browser/identity.rb

@@ -15,17 +15,35 @@ generator.build_render(:browser_type) do |params|
   send("browser_#{params}", user_proc)
 end
 
-generator.build_render(:browser_family) do |parents_found|
-  BrowserHelper.send("browser_attach_#{@browser_type}", parents_found, @browser_object, @atome)
-end
+# generator.build_render(:browser_family) do |parents_found|
+#   BrowserHelper.send("browser_attach_#{@browser_type}", parents_found, @browser_object, @atome)
+# end
 
 generator.build_render(:browser_attach) do |parents_found|
+  # puts "parents_found : #{parents_found}, #{parents_found.class}"
   parents_found.each do |parent_found|
+    # puts "2 : >>>>> model:  browser_type #{@browser_type} parents_found #{parents_found} , @browser_object, #{@browser_object}, self : #{self.id}"
     BrowserHelper.send("browser_attach_#{@browser_type}", parent_found, @browser_object, @atome)
   end
 end
 
-generator.build_render(:browser_detached) do |value, _user_proc|
-  @browser_object.remove_class(value)
+generator.build_render(:browser_attached) do |children_found|
+  children_found.each do |child_found|
+    # puts ">>>>> modeled:  browser_type #{@browser_type} parents_found #{children_found} , @browser_object, #{@browser_object}, self : #{self.id}"
+    children_browser_type = grab(child_found).instance_variable_get('@browser_type')
+    BrowserHelper.send("browser_attached_#{children_browser_type}", children_found, @browser_object, @atome)
+  end
+end
+
+generator.build_render(:browser_detached) do |values, _user_proc|
+  values.each do |value|
+    # FIXME: ugly patch to check if the value passed is an atome must create a more robust global solution for .value
+    value = value.value if value.instance_of? Atome
+    if grab(value).instance_variable_get('@browser_type') == :style
+      @browser_object.remove_class(value)
+    else
+      BrowserHelper.browser_document[value]&.remove
+    end
+  end
 end
 

data/lib/atome/renderers/browser/spatial.rb

@@ -2,7 +2,8 @@
 
 generator = Genesis.generator
 
-generator.build_render(:browser_left) do |value, _user_proc|
+
+new({ browser: :left, type: :integer }) do |value, _user_proc|
   BrowserHelper.send("browser_left_#{@atome[:type]}", value, @browser_object, @atome)
 end
 
@@ -52,7 +53,7 @@ generator.build_render(:browser_center) do |value, _user_proc|
 
 end
 
-new ({browser: :depth}) do |value|
+new ({ browser: :depth }) do |value|
   @browser_object.style['z-index'] = value
 end
 

data/lib/atome/renderers/browser/utility.rb

@@ -7,12 +7,13 @@ generator.build_render(:browser_delete) do |params|
   browser_object&.remove if params == true
 end
 
-generator.build_render(:browser_clear) do
-  @atome[:children].each do |child_found|
-    grab(child_found).browser_object&.remove
-  end
-  children([])
-end
+# do not use browser_clear
+# #
+# # generator.build_render(:browser_clear) do
+# #   @atome[:attached].each do |child_found|
+# #     grab(child_found).browser_object&.remove
+# #   end
+# # end
 
 generator.build_render(:browser_path) do |value|
   BrowserHelper.send("browser_path_#{@atome[:type]}", value, @browser_object, @atome)

data/lib/atome/renderers/renderer.rb

@@ -8,6 +8,7 @@ class Atome
     # params=instance_variable_get("@#{element}")
     render_engines = @atome[:renderers]
     render_engines.each do |render_engine|
+      # puts  "rendering : send('#{render_engine}_#{element}', #{params},   &user_proc)"
       send("#{render_engine}_#{element}", params, &user_proc)
     end
   end

data/lib/atome/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 class Atome
-  VERSION = '0.5.3.8.1'
-end
+  VERSION = '0.5.4.0.9'
+end

data/lib/atome.rb

@@ -1,6 +1,7 @@
 # frozen_string_literal: true
 
 require 'fileutils'
+require 'securerandom'
 require 'atome/version'
 require 'atome/genesis/genesis'
 require 'atome/kernel/essentials'

data/sig/atome.rbs

@@ -1,6 +1,14 @@
 module Atome
   VERSION: String
   # See the writing guide of rbs: https://github.com/ruby/rbs#guides
+  def *: -> untyped
+
+  def +: -> untyped
+
+  def -: -> untyped
+
+  def /: -> untyped
+
   def add: -> untyped
 
   def add_to_array: -> untyped
@@ -9,8 +17,12 @@ module Atome
 
   def apply_style: -> untyped
 
+  def atome_common: -> untyped
+
   def auto_render_generator: -> untyped
 
+  def box: -> untyped
+
   def build_atome: -> Atome
 
   def build_option: -> untyped
@@ -21,8 +33,18 @@ module Atome
 
   def build_sanitizer: -> untyped
 
+  def calculate_sha: -> untyped
+
+  def circle: -> untyped
+
+  def detach_atome: -> untyped
+
+  def each_with_index: -> untyped
+
   def format_matrix: -> untyped
 
+  def geolocation: -> untyped
+
   def get_column: -> untyped
 
   def get_column_or_row: -> untyped
@@ -31,7 +53,21 @@ module Atome
 
   def matrix: -> untyped
 
+  def ping: -> untyped
+
   def set: -> untyped
 
   def sort_callback: -> untyped
+
+  def up?: -> untyped
+
+  def visuals: -> untyped
+
+  private
+
+  def atome_parsing: -> untyped
+
+  def found_parents_and_renderers: -> untyped
+
+  def new_render_engine: -> untyped
 end

data/sig/batch.rbs

@@ -0,0 +1,7 @@
+class Batch
+  @data: untyped
+
+  def dispatch: -> untyped
+
+  def each: -> untyped
+end

data/sig/browser_helper.rbs

@@ -0,0 +1,14 @@
+module BrowserHelper
+  @enter_action_proc: untyped
+  @leave_action_proc: untyped
+
+  def self.anim_convertor: -> untyped
+
+  def self.anim_value_analysis: -> untyped
+
+  def self.browser_over_enter: -> untyped
+
+  def self.browser_over_leave: -> untyped
+
+  def self.send_anim_to_js: -> untyped
+end

data/sig/essentials.rbs

@@ -0,0 +1,11 @@
+module Essentials
+  @default_params: untyped
+
+  def self.default_params: -> untyped
+
+  def self.new_default_params: -> untyped
+
+  def add_essential_drm: -> untyped
+
+  def validation: -> untyped
+end

data/sig/matrix.rbs

@@ -0,0 +1,5 @@
+module Matrix
+  def cell: -> untyped
+
+  def content: -> untyped
+end

data/sig/object.rbs

@@ -0,0 +1,3 @@
+class Object
+  def create_method_at_object_level: -> untyped
+end

data/vendor/assets/aui.rb

@@ -0,0 +1,5 @@
+class Atome
+  def self.aui
+    SecureRandom.uuid
+  end
+end

data/vendor/assets/src/index.html

@@ -1,6 +1,10 @@
 <!DOCTYPE html>
 <html lang="En">
 <head>
+<!--    <link rel="icon" type="image/x-icon" href="./favicon.ico">-->
+    <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">
@@ -20,20 +24,28 @@
     <!--    TODO: we line below is commented when using stand alone mode and loaded on demand when using server mode-->
         <script type="text/javascript" src="js/third_parties/fabric.min.js"></script>
     <!--    <script type="text/javascript" src="js/third_parties/three.min.js"></script>-->
-    <!--    <script src='js/opal/opal_parser.js'></script>-->
+        <script src='js/opal/opal_parser.js'></script>
     <script src='js/aui.js'></script>
+
     <script src='js/atome/atome_helpers/atome_animate.js' defer></script>
+    <script src='js/atome/atome_helpers/atome_communication.js' defer></script>
     <script src='js/atome/atome_helpers/atome_drag.js' defer></script>
+    <script src='js/atome/atome_helpers/atome_drop.js' defer></script>
+    <script src='js/atome/atome_helpers/atome_over.js' defer></script>
+    <script src='js/atome/atome_helpers/atome_events.js' defer></script>
     <script src='js/atome/atome_helpers/atome_file.js' defer></script>
     <script src='js/atome/atome_helpers/atome_sort.js' defer></script>
     <script src='js/atome/atome_helpers/atome_time.js' defer></script>
     <script src='js/atome/atome_helpers/atome_video.js' defer></script>
     <script src='js/atome/atome.js' defer></script>
     <script src='js/atome/kernel.js' defer></script>
+    <script src='js/infos.js'></script>
     <script src='js/opal/atome_opal_extensions.js'></script>
     <title>atome</title>
-    <link rel="icon" type="image/x-icon" href="./favicon.ico">
+
 </head>
-<body id='user_view' class='atome' oncontextmenu="return false;"></body>
+<body id='user_view' class='atome' oncontextmenu="return false;">
+</body>
 <script src='js/application.js' defer></script>
+
 </html>

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

@@ -1,4 +1,4 @@
-const atomeJS = Object.assign(atomeAnimate,atomeDrag,atomeFile,atomeSort, atomeTime, atomeVideo);
+const atomeJS = Object.assign(atomeAnimate,atomeCommunication,atomeDrag,atomeDrop,atomeFile,atomeSort, atomeTime, atomeVideo);
 // This const is used to store and get all atome created canvas by id
 const Atome_canvas={}
 // // class AtomeDrag {

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

@@ -1,6 +1,6 @@
 const atomeAnimate = {
 
-    animate: function(particle_found, duration,damping_ratio,ease, mass,  repeat,stiffness, velocity,
+    animate: function(particle_found, duration,damping_ratio,ease, mass, repeat,stiffness, velocity,
                       start_value, end_value, atome_id, atome_found,atome_hash,original_particle,animation_atome) {
         // console.log(start_value)
 

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

@@ -0,0 +1,40 @@
+const atomeCommunication = {
+    controller_sender: function (msg) {
+        var json_msg = JSON.parse(msg);
+
+        if (window.webkit) {
+            try {
+                window.webkit.messageHandlers.toggleMessageHandler.postMessage(json_msg);
+            } catch (error) {
+                console.log('no server, unable to post message')
+            }
+
+        } else {
+            try {
+                window.chrome.webview.postMessage(json_msg);
+            } catch (error) {
+                console.log('no server, unable to post message')
+            }
+        }
+    },
+    controller_listener: function () {
+        if (window.webkit) {
+            try {
+                ///
+            } catch (error) {
+                console.log('no server, unable to receive message')
+            }
+        } else {
+
+            try {
+                window.chrome.webview.addEventListener('message', arg => {
+                    Opal.Object.$response_listener(arg.data)
+                });
+            } catch (error) {
+                console.log('no server, unable to receive message')
+            }
+
+
+        }
+    },
+}

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

@@ -1,6 +1,7 @@
 const atomeDrag = {
 
     drag: function (options, atome_id, atome) {
+
         let element = document.getElementById(atome_id)
         const position = {x: 0, y: 0}
         interact(element).draggable({
@@ -15,14 +16,41 @@ const atomeDrag = {
                     atome.$drag_move_callback(event.pageX, event.pageY, event.rect.left, event.rect.top);
 
                     if (options === true) {
-                        event.target.style.transform =
-                            event.target.style.transform = 'translate(' + position.x + 'px, ' + position.y + 'px)'
+                        target = event.target
+                        var x = (parseFloat(target.getAttribute('data-x')) || 0) + event.dx
+                        var y = (parseFloat(target.getAttribute('data-y')) || 0) + event.dy
+
+                        // translate the element
+                        target.style.transform = 'translate(' + x + 'px, ' + y + 'px)'
+
+                        // update the position attributes
+                        target.setAttribute('data-x', x)
+                        target.setAttribute('data-y', y)
+
+
                     }
 
                 },
                 end(event) {
-                    atome.$drag_end_callback(event.pageX, event.pageY, event.rect.left, event.rect.top);
 
+                    // We remove the translate and update the position of the atome
+
+                    const transformValue = window.getComputedStyle(element).getPropertyValue('transform');
+                    const matrix = transformValue.match(/^matrix\(([^\(]*)\)$/);
+                    const transformData = matrix ? matrix[1].split(', ') : null;
+                    const translateX = transformData ? parseFloat(transformData[4]) : 0;
+                    const translateY = transformData ? parseFloat(transformData[5]) : 0;
+                    const positionLeft = element.offsetLeft + translateX;
+                    const positionTop = element.offsetTop + translateY;
+
+                    element.style.left = positionLeft+ 'px';
+                    element.style.top = positionTop + 'px';
+                    // we remove the transform tag
+                    element.style.transform = '';
+                    // now we reset the interactJS
+                    element.setAttribute('data-x', 0)
+                    element.setAttribute('data-y', 0)
+                    atome.$drag_end_callback(event.pageX, event.pageY, positionLeft, positionTop);
 
                 },
             }
@@ -47,6 +75,15 @@ const atomeDrag = {
 
     remove: function (options, atome_id, _atome) {
         let element = document.getElementById(atome_id)
+// now we reset the position
+        var position = element.getBoundingClientRect();
+        var transform = element.style.transform;
+        var newTransform = transform.replace(/translate\([^\)]*\)/g, "");
+        element.style.transform = newTransform;
+        element.style.left = position.left + "px";
+        element.style.top = position.top + "px";
+
+
         interact(element).draggable(options);
     },