atome 0.4.7.0 → 0.5.1.4

data/lib/atome/renderers/html/html.rb

@@ -0,0 +1,42 @@
+# frozen_string_literal: true
+
+require 'atome/renderers/html/effect'
+require 'atome/renderers/html/event'
+require 'atome/renderers/html/geometry'
+require 'atome/renderers/html/identity'
+require 'atome/renderers/html/spatial'
+require 'atome/renderers/html/atome'
+require 'atome/renderers/html/utility'
+
+# #html object
+class Html
+  def initialize
+    html = `document.createElement("div")`
+    `document.body.appendChild(#{html})`
+    `document.body.appendChild(#{html})`
+    @html = html
+  end
+
+  def add_class(class_to_add)
+    `#{@html}.classList.add(#{class_to_add})`
+  end
+
+  def attr(attribute, value)
+    `#{@html}.setAttribute(#{attribute}, #{value})`
+  end
+
+  def style
+    # `#{@html}.style`
+  end
+  def append_shape(parent)
+    parent_found = `document.getElementById(#{parent})`
+    parent_found
+    `#{parent_found}.appendChild(#{@html})`
+  end
+  def append_color(parent)
+    alert "color : #{parent.class}"
+  end
+  def append_to(_node)
+
+  end
+end

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

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+generator = Genesis.generator
+
+generator.build_render_method(:html_type) do |params|
+  send("html_#{params}", user_proc)
+end
+
+generator.build_render_method(:html_parents) do |parents_found|
+  type_found = @atome[:type]
+  parents_found.each do |parent_found|
+    @html_object.send("append_#{type_found}", parent_found)
+  end
+end

data/lib/atome/renderers/html/opal_browser.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+# render methods
+require 'native'
+require 'promise'
+require 'browser/setup/full'

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

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+generator = Genesis.generator
+
+# generator.build_render_method(:html_left) do |_value, user_proc|
+#   instance_exec(&user_proc) if user_proc.is_a?(Proc)
+# end
+#
+# generator.build_option(:pre_get_left) do
+#   user_proc = @user_proc
+#   instance_exec(&user_proc) if user_proc.is_a?(Proc)
+# end
+
+generator.build_render_method(:html_left) do |value, _user_proc|
+  @html_object.style[:left] = "#{value}px" unless @html_type == :style
+end
+
+generator.build_render_method(:html_right) do |value, _user_proc|
+  @html_object.style[:right] = "#{value}px" unless @html_type == :style
+end
+
+generator.build_render_method(:html_top) do |value, _user_proc|
+  @html_object.style[:top] = "#{value}px" unless @html_type == :style
+end
+
+generator.build_render_method(:html_bottom) do |value, _user_proc|
+  @html_object.style[:bottom] = "#{value}px" unless @html_type == :style
+end

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

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+generator = Genesis.generator
+generator.build_render_method(:html_bloc)
+generator.build_render_method(:html_id)
+generator.build_render_method(:html_render)
+generator.build_render_method(:html_delete) do
+  html_object&.remove
+end
+generator.build_render_method(:html_clear) do
+  @atome[:children].each do |child_found|
+    grab(child_found).html_object&.remove
+  end
+  children([])
+end
+generator.build_render_method(:html_schedule)
+generator.build_render_method(:html_reader)

data/lib/atome/renderers/opal/atome_opal_extensions.rb

@@ -1,7 +1,7 @@
 # frozen_string_literal: true
 
+require 'extensions/atome'
 require 'extensions/geolocation'
 require 'extensions/ping'
 require 'extensions/sha'
 require 'extensions/color'
-require 'properties/generator'

data/lib/atome/renderers/opal/extensions/atome.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+def wait(seconds, &proc)
+  if seconds == :kill
+    abort
+  else
+    seconds = seconds.to_f
+    after seconds, &proc if proc.instance_of?(Proc)
+  end
+
+end
+
+def repeater(counter, proc)
+  instance_exec(counter, &proc) if proc.is_a?(Proc)
+end
+
+def repeat(delay = 1, repeat = 0, &proc)
+  # below we exec the call a first time
+  instance_exec(0, &proc) if proc.is_a?(Proc)
+  # as we exec one time above we subtract one below
+  `
+var  x = 1
+var intervalID = window.setInterval(function(){ Opal.Object.$repeater(x,#{proc})
+if (++x ===#{repeat} )  {
+       window.clearInterval(intervalID);
+   }}, #{delay * 1000})
+`
+end
+

data/lib/atome/renderers/opal/opal.rb

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+
+# render methods
+require 'opal'

data/lib/atome/renderers/renderer.rb

@@ -1,13 +1,13 @@
 # frozen_string_literal: true
 
-# Main render engine
-module Render
-  def render_engine(property, value, atome, &proc)
+# Rendering method here
+class Atome
+  private
 
-    renderer_found = atome.render
-    renderer_found.each do |renderer|
-      renderer_name = "#{property}_#{renderer}"
-      send(renderer_name, value,atome, &proc)
+  def rendering(element_to_render, content, &user_proc)
+    render_engines = @atome[:renderers]
+    render_engines.each do |render_engine|
+      send("#{render_engine}_#{element_to_render}", content, &user_proc)
     end
   end
 end

data/lib/atome/renderers/server/server.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+# require 'atome/renderers/server/effect'
+# require 'atome/renderers/server/event'
+# require 'atome/renderers/server/geometry'
+# require 'atome/renderers/server/identity'
+# require 'atome/renderers/server/material'
+# require 'atome/renderers/server/spatial'
+# require 'atome/renderers/server/atome'
+require 'atome/renderers/server/utility'

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

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+generator = Genesis.generator
+
+generator.build_render_method(:server_schedule)
+generator.build_render_method(:server_reader)

data/lib/atome/version.rb

@@ -1,6 +1,5 @@
 # frozen_string_literal: true
 
 class Atome
-  VERSION = '0.4.7.0'
+  VERSION = '0.5.1.4'
 end
-puts "atome version : #{Atome::VERSION}"

data/lib/atome.rb

@@ -2,49 +2,30 @@
 
 require 'fileutils'
 require 'atome/version'
-@atome_client_ready = false
-
-def eval_protection
-  binding
-end
-
-# FIXME: atome run doesnt run the code
-if RUBY_ENGINE.downcase != 'opal'
-  # FIXME: find a better and more elegant solution to avoid opal to treat require
-  # FIXME:  replace eval with a safer option
-  eval "require 'atome/atome_native_extensions'", eval_protection, __FILE__, __LINE__
-  eval "require 'color'", eval_protection, __FILE__, __LINE__
-end
-
+require 'atome/genesis/genesis'
+require 'atome/kernel/essentials'
 require 'atome/kernel/universe'
-require 'atome/kernel/generators/genesis'
-require 'atome/kernel/helpers/internal_methods'
-require 'atome/kernel/helpers/utilities'
+require 'atome/helpers/essentials'
 require 'atome/renderers/renderer'
-require 'atome/kernel/generators/sanitizer'
-require 'atome/kernel/generators/generator'
-require 'atome/renderers/opal/properties/generator'
-require 'atome/renderers/server/properties/generator'
-require 'atome/renderers/headless/properties/generator'
-require 'atome/kernel/generators/shapes'
-require 'atome/kernel/atome'
-require 'atome/kernel/properties/essential'
-require 'atome/extensions/helper'
-
-Universe.send(:initialize)
-# puts "@atome_client_ready is : #{@atome_client_ready}"
-
-# puts "app_identity is : #{Universe.app_identity}"
-
-Atome.current_user = :jeezs
-
-require 'atome/kernel/sparkle'
-
-# TODO: create a system to secure and validate generated renderer methods , optional methods and atome's methods
-# TODO: int8! : language
-# TODO: record user actions
-# TODO: separate the audio in the video
-# TODO: add mute to video
-
-
-
+require 'atome/helpers/color_helper/color'
+require 'atome/atome'
+require 'atome/processors/utilities'
+require 'atome/helpers/utilities'
+require 'atome/helpers/callbacks'
+require 'atome/genesis/generators/atome'
+require 'atome/presets/atome'
+require 'atome/genesis/generators/communication'
+require 'atome/genesis/generators/effect'
+require 'atome/genesis/generators/event'
+require 'atome/genesis/generators/geometry'
+require 'atome/genesis/generators/identity'
+require 'atome/genesis/generators/material'
+require 'atome/genesis/generators/spatial'
+require 'atome/genesis/generators/utility'
+require 'atome/renderers/browser/browser'
+require 'atome/renderers/html/html'
+require 'atome/renderers/headless/headless'
+require 'atome/renderers/server/server'
+require 'atome/extensions/atome'
+require 'atome/helpers/sanitizer'
+require 'atome/genesis/sparkle'

data/vendor/assets/application/index.rb

@@ -1,4 +1,6 @@
 # my code here ..
 
 # open the console in your browser ou your native app and should see the text below
-puts "hello world"
+puts "hello world"
+
+require 'application/required_example'

data/vendor/assets/application/required_example.rb

@@ -0,0 +1 @@
+puts "required file is run"

data/vendor/assets/build/css/style.css

@@ -68,3 +68,54 @@ html, body {
     -webkit-background-clip: text;
 }
 
+.vertical-center {
+    /*font-size: 18px;*/
+    position: absolute;
+    top: 50%;
+    -ms-transform: translateY(-50%);
+    /*transform: translateY(calc(50% - 200px));*/
+}
+
+.center {
+    /*font-size: 18px;*/
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    -ms-transform: translateY(-50%);
+    /* #calc is width -border*2 */
+    /*transform: translateX(calc(50% - 200px)) translateY(calc(50% - 200px));*/
+}
+
+.horizontal-center {
+    position: absolute;
+    left: 50%;
+    -ms-transform: translateY(-50%);
+    /*transform: translateX(calc(50% - 200px));*/
+}
+
+.e_align_h_left {
+    text-align: left;
+}
+
+.e_align_h_right {
+    text-align: right;
+}
+
+.e_align_h_center {
+    text-align: center;
+}
+
+.el_align_h {
+    text-align: justify;
+}
+
+.el_align_v {
+    display: flex;
+    align-items: center;
+}
+
+
+.el_align_v_bottom {
+    display: flex;
+    align-items: flex-end;
+}

data/vendor/assets/build/index.html

@@ -3,29 +3,28 @@
 <head>
     <meta name='viewport' content='initial-scale=1, width=device-width, viewport-fit=cover'>
     <meta charset='UTF-8'/>
-    <meta Cross-Origin-Opener-Policy= "same-origin"/>
-    <meta Cross-Origin-Embedder-Policy= "require-corp"/>
     <meta name="format-detection" content="telephone=no">
     <meta name="msapplication-tap-highlight" content="no">
-    <meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
     <link type="text/css" rel="stylesheet" href="css/style.css">
-    <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 type="text/javascript" src="js/third_parties/interact.min.js"></script>
     <script type="text/javascript" src="js/third_parties/popmotion.min.js"></script>
     <script type="text/javascript" src="js/third_parties/sha256.min.js"></script>
     <script type="text/javascript" src="js/third_parties/ping.min.js"></script>
     <script src='js/third_parties/w3color.js'></script>
+    <script src='js/opal/opal.js'></script>
     <script src='js/opal/opal_browser.js'></script>
-    <script src='js/opal/opal_parser.js'></script>
+    <!--    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/aui.js'></script>
     <script src='js/atome/atome.js' defer></script>
     <script src='js/atome/kernel.js' defer></script>
     <script src='js/opal/atome_opal_extensions.js'></script>
     <title>atome</title>
-    <link rel="icon" type="image/x-icon" href="favicon.ico">
+    <link rel="icon" type="image/x-icon" href="./favicon.ico">
 </head>
-<body id='user_view' class='atome' oncontextmenu="return false;" >
+<body id='user_view' class='atome' oncontextmenu="return false;">
 </body>
 <script src='js/application.js' defer></script>
 </html>

data/vendor/assets/build/js/atome/atome.js

@@ -1,82 +1,155 @@
-class AtomeDrag {
-    constructor() {
-    }
-
-    drag(atome_drag_id) {
-        // target elements with the "draggable" class
-        self.current_obj = Opal.Utilities.$grab(atome_drag_id)
-        interact('.'+atome_drag_id)
-            .draggable({
-                // enable inertial throwing
-                startAxis: 'x',
-                lockAxis: 'x',
-                // lockAxis: ''+lock_axis,
-                inertia: true,
-                // keep the element within the area of it's parent
-                modifiers: [
-                    interact.modifiers.restrictRect({
-                        restriction: 'parent',
-                        endOnly: true
-                    })
-                ],
-                // enable autoScroll
-                autoScroll: true,
-
-                listeners: {
-                    // call this function on every dragmove event
-
-                    move: dragMoveListener,
-                    start(event) {
-//TODO:  optimise this passing the proc to the drag callback
-                        // lets get the current atome Object
-                        // self.current_obj = Opal.Utilities.$grab(atome_drag_id)
-                        // now get the grab proc
-                        self.proc_meth = current_obj.bloc
-                    },
-                    // call this function on every dragend event
-                    end(event) {
-
-                    }
-                }
-            })
-
-        function dragMoveListener(event) {
-            const target = event.target
-            // the code below can be conditioned to receive the drag event without moving the object
-            // keep the dragged position in the data-x/data-y attributes
-            const x = (parseFloat(target.getAttribute('data-x')) || 0) + event.dx;
-            const 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)
-            // CallBack here
-            self.current_obj.$dragCallback(event.pageX, event.pageY, event.rect.left, event.rect.top, self.current_obj, self.proc_meth);
-        }
-    }
-
-}
+// class AtomeDrag {
+//     constructor() {
+//     }
+//
+//     drag(atome_drag_id) {
+//         // target elements with the "draggable" class
+//         self.current_obj = Opal.Utilities.$grab(atome_drag_id)
+//         interact('.'+atome_drag_id)
+//             .draggable({
+//                 // enable inertial throwing
+//                 startAxis: 'x',
+//                 lockAxis: 'x',
+//                 // lockAxis: ''+lock_axis,
+//                 inertia: true,
+//                 // keep the element within the area of it's parent
+//                 modifiers: [
+//                     interact.modifiers.restrictRect({
+//                         restriction: 'parent',
+//                         endOnly: true
+//                     })
+//                 ],
+//                 // enable autoScroll
+//                 autoScroll: true,
+//
+//                 listeners: {
+//                     // call this function on every dragmove event
+//
+//                     move: dragMoveListener,
+//                     start(event) {
+// //TODO:  optimise this passing the proc to the drag callback
+//                         // lets get the current atome Object
+//                         // self.current_obj = Opal.Utilities.$grab(atome_drag_id)
+//                         // now get the grab proc
+//                         self.proc_meth = current_obj.bloc
+//                     },
+//                     // call this function on every dragend event
+//                     end(event) {
+//                     }
+//                 }
+//             })
+//
+//         function dragMoveListener(event) {
+//             const target = event.target
+//             // the code below can be conditioned to receive the drag event without moving the object
+//             // keep the dragged position in the data-x/data-y attributes
+//             const x = (parseFloat(target.getAttribute('data-x')) || 0) + event.dx;
+//             const 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)
+//             // CallBack here
+//             self.current_obj.$dragCallback(event.pageX, event.pageY, event.rect.left, event.rect.top, self.current_obj, self.proc_meth);
+//         }
+//     }
+//
+// }
 
 // Usage:
 // let atomeDrag = new AtomeDrag();
 // atomeDrag.drag('atome_id', 'options');
+const Atomeanimation = {}
 
 
-class Atomeanimation {
-
-
-}
 
 // TODO: put in a class
 
+
 const atome = {
-    jsSchedule: function (years, months, days, hours, minutes, seconds, proc) {
+    jsSchedule: function (years, months, days, hours, minutes, seconds, atome, proc) {
         const now = new Date();
-        const formatedDate = new Date(years, months - 1, days, hours, minutes, seconds);
-        const diffTime = Math.abs(formatedDate - now);
+        const formatDate = new Date(years, months - 1, days, hours, minutes, seconds);
+        const diffTime = Math.abs(formatDate - now);
         setTimeout(function () {
-            Opal.Object.$schedule_callback(proc);
+            atome.$schedule_callback(proc);
         }, diffTime);
+    },
+    jsReader: function (file, atome, proc) {
+        fetch('medias/' + file)
+            .then(response => response.text())
+            .then(text => atome.$read_callback(text, proc))
+    },
+    js_Fullscreen: function (atome_id){
+        let elem = document.getElementById(atome_id)
+        if (elem.requestFullscreen) {
+            elem.requestFullscreen();
+        } else if (elem.webkitRequestFullscreen) { /* Safari */
+            elem.webkitEnterFullscreen();
+        } else if (elem.msRequestFullscreen) { /* IE11 */
+            elem.msRequestFullscreen();
+        }
+
     }
-}
+
+}
+
+
+// example ruby equivalent in js //
+Opal.queue(function (Opal) {/* Generated by Opal 1.6.0 */
+    const $klass = Opal.klass, $defs = Opal.defs, $def = Opal.def;
+// The line below create the AtomicJS cons to simplify access to js object from ruby
+
+    // var $const_set = Opal.const_set, $nesting = [], nil = Opal.nil;
+    // return $const_set($nesting[0], 'AtomicJS', atome)
+
+    (function ($base, $super) {
+        const self = $klass($base, $super, 'Atome_html');
+        $def(self, '$initialize', function $$initialize(val) {
+            // Init code below
+        }, 1);
+
+        $defs(self, '$check_this', function $$check_this(val) {
+            // getter code below
+            return (val);
+        }, 0);
+
+        $def(self, '$way', function $way() {
+            // getter code below
+            return (self.my_var);
+        }, 0);
+
+        return $def(self, '$way=', function $way(val) {
+            //self method example
+            return (self.my_var = val);
+        }, 0);
+
+
+    })();
+
+    // new class below
+    return (function ($base, $super) {
+        const self = $klass($base, $super, 'Atome');
+
+        $defs(self, '$verif', function $$verif(val) {
+            //self method example
+            return (val);
+        }, 0);
+
+        $def(self, '$new_method', function $way() {
+            // getter code below
+            return (self.new_method);
+        }, 0);
+
+
+        return $def(self, '$new_method=', function $way(val) {
+            //setter code below
+            return (self.atome = val);
+        }, 0);
+
+    })();
+});
+
+
+

data/vendor/assets/build/medias/rubies/examples/_2_solve.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+# Text in object
+a=Atome.new(code: { type: :code, renderers: [:headless], parents: [], children: [] }) do  |params_found|
+  puts "the param is #{params_found}"
+end
+a.run(:super)
+c=element do |params_found|
+  puts "you want me to print:  #{params_found}"
+  text({ data: :hello })
+end
+
+c.run('it works')

data/vendor/assets/build/medias/rubies/examples/{drag.rb → _drag.rb}

@@ -1,3 +1,4 @@
+# frozen_string_literal: true
 
 box({width: 333, height: 333, id: :the_constraint_box, color: :orange})