atome 0.4.5.4 → 0.5.1.1

data/lib/atome/version.rb

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

data/lib/atome.rb

@@ -2,58 +2,26 @@
 
 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/extensions/utilities'
-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
-
-# test below uncomment when production mode
-# require '../test/test_app/application/index'
-# if RUBY_ENGINE.downcase != 'opal'
-#   rgb_color = Color::CSS["red"].css_rgb
-#   color_converted = { red: 0, green: 0, blue: 0, alpha: 1 }
-#   rgb_color.gsub("rgb(", "").gsub(")", "").gsub("%", "").split(",").each_with_index do |component, index|
-#     component = component.to_i/100
-#     color_converted[color_converted.keys[index]] = component
-#   end
-#   puts color_converted
-# end
-
-
-
-
-
+require 'atome/helpers/essentials'
+require 'atome/helpers/color_helper/color'
+require 'atome/atome_meta_engine'
+require 'atome/processors/utilities'
+require 'atome/helpers/utilities'
+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/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

@@ -63,4 +63,59 @@ html, body {
     overflow: visible;
 }
 
+.text {
+    -webkit-text-fill-color: transparent;
+    -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,27 +3,32 @@
 <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/ping.min.js"></script>
-    <script src='js/utilities/w3color.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 will be uncomment when using stand alone app
+and loaded on the fly 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,68 +1,82 @@
-class AtomeDrag {
-    constructor() {
-    }
+// 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);
+//         }
+//     }
+//
+// }
 
-    drag() {
-        // target elements with the "draggable" class
-        interact('.draggable')
-            .draggable({
-                // enable inertial throwing
-                inertia: true,
-                // keep the element within the area of it's parent
-                modifiers: [
-                    interact.modifiers.restrictRect({
-                        restriction: 'parent',
-                        endOnly: true
-                    })
-                ],
-                // enable autoScroll
-                autoScroll: true,
+// Usage:
+// let atomeDrag = new AtomeDrag();
+// atomeDrag.drag('atome_id', 'options');
 
-                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(event.target.id)
-                        // now get the grab proc
-                        self.proc_meth = current_obj.$instance_variable_get("@html_drag")
-                        // self.proc_meth = proc_found;
-                    },
-                    // call this function on every dragend event
-                    end(event) {
+const Atomeanimation ={
 
-                    }
-                }
-            })
 
-        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
-            Opal.Atome.$dragCallback(event.pageX, event.pageY,event.rect.left,event.rect.top,self.current_obj, self.proc_meth);
+// TODO: put in a class
 
-        }
+const atome = {
+    jsSchedule: function (years, months, days, hours, minutes, seconds, proc) {
+        const now = new Date();
+        const formatedDate = new Date(years, months - 1, days, hours, minutes, seconds);
+        const diffTime = Math.abs(formatedDate - now);
+        setTimeout(function () {
+            Opal.Object.$schedule_callback(proc);
+        }, diffTime);
     }
-
 }
 
-// Usage:
-let atomeDrag = new AtomeDrag();
-atomeDrag.drag();
-
-
-class Atomeanimation{
-
-
-}