RubyGems - atome - Versions diffs - 0.4.7.0 → 0.5.1.1 - Mend

atome 0.4.7.0 → 0.5.1.1

Files changed (258) hide show

data/lib/atome.rb CHANGED Viewed

@@ -2,49 +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/kernel/helpers/internal_methods'
-require 'atome/kernel/helpers/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
-# TODO: int8! : language
-# TODO: record user actions
-# TODO: separate the audio in the video
-# TODO: add mute to video
+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 CHANGED Viewed

@@ -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 ADDED Viewed

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

data/{lib/atome/renderers/headless/headless.rb → vendor/assets/aui.rb} RENAMED Viewed

File without changes

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

@@ -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 CHANGED Viewed

@@ -3,29 +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 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 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 CHANGED Viewed

@@ -1,69 +1,68 @@
-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');
-class Atomeanimation {
+const Atomeanimation ={
 }
@@ -79,4 +78,5 @@ const atome = {
             Opal.Object.$schedule_callback(proc);
         }, diffTime);
     }
-}
+}

data/{lib/atome/renderers/server/server.rb → vendor/assets/build/medias/rubies/examples/_animation.rb} RENAMED Viewed

File without changes

data/vendor/assets/build/medias/rubies/examples/_code.rb ADDED Viewed

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+mycode = <<Struct
+#circle({color: :red})
+alert :it_works
+Struct
+Atome.new(code: { type: :code, data: mycode, renderers: [:browser], parents: [], children: [] })
+cc = Atome.new
+cc.code("alert 'it works too'")
+code("alert :perfect")

data/vendor/assets/build/medias/rubies/examples/_id.rb ADDED Viewed

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+b = box({ id: :my_box })
+b.color(:orange)
+b.id(:the_new_id)
+wait 1 do
+  b.color(:blue)
+end
+wait 2 do
+  grab(:the_new_id).color(:cyan)
+end

data/vendor/assets/build/medias/rubies/examples/_link.rb ADDED Viewed

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+text = Atome.new(
+  text: { renderers: [:browser], id: :text1, type: :text, parents: [:view], children: [], visual: { size: 18 },
+          data: 'My first text!', left: 300, top: 33, width: 199, height: 33,
+          color: { renderers: [:browser], id: :c31, type: :color, parents: [:text1], children: [],
+                   red: 0.6, green: 0.6, blue: 0.6, alpha: 1 }
+  }
+)
+# now we change the color all the object that share the care modified
+wait 1 do
+  text.link(:c315)
+end
+wait 2 do
+  grab(:c315).red(0)
+end

data/vendor/assets/build/medias/rubies/examples/{on.rb → _on.rb} RENAMED Viewed

@@ -1,5 +1,7 @@
+# frozen_string_literal: true
 my_video = Atome.new(
-  video: { render: [:html], data: :dummy, id: :video1, type: :video, parent: [:view], path: './medias/videos/avengers.mp4', left: 333, top: 333, width: 199, height: 99,
+  video: { render: [:html], data: :dummy, id: :video1, type: :video, parents: [:view], path: './medias/videos/avengers.mp4', left: 333, top: 333, width: 199, height: 99,
   }
 ) do |params|
   puts "video callback here #{params}"

data/vendor/assets/build/medias/rubies/examples/{read.rb → _read.rb} RENAMED Viewed

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
 puts "Attention this method only work with a server due to security restriction "
 read('examples/image.rb', :ruby)
 read('examples/image.rb', :text)

data/vendor/assets/build/medias/rubies/examples/_refresh.rb ADDED Viewed

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+b = box()
+b.instance_variable_set('@left', 300)
+wait 1 do
+  b.refresh
+end

data/vendor/assets/build/medias/rubies/examples/atome.new.rb CHANGED Viewed

@@ -1,12 +1,15 @@
-a=Atome.new(
-  shape: { render: [:html], id: :crasher, type: :shape, parent: [:view], left: 99, right: 99, width: 99, height: 99,
-           color: { render: [:html], id: :c315, type: :color,
-                    red: 1, green: 0.15, blue: 0.15, alpha: 0.6 } }
-)
+# frozen_string_literal: true
-# attention to modify an atome using Atome.new you must apply your method to the first atome
-# here the first atome is shape,  so if you want to make it draggable drag type:
+Atome.new(
+  shape: { type: :shape, renderers: [:browser], id: :the_shape, parents: [:view], children: [],
+           left: 99, right: 99, width: 399, height: 99,
+           color: { renderers: [:browser], id: :c315, type: :color, parents: [:the_shape],children: [],
+                    red: 0.3, green: 1, blue: 0.6, alpha: 1 } }
+)
-a.shape.drag(true) do |x, y|
-  puts "drag position: #{x}"
-end
+Atome.new(
+  shape: { renderers: [:browser], id: :the_shape2, type: :shape, parents: [:view],children: [],
+           left: 99, right: 99, width: 99, height: 99,
+           color: { renderers: [:browser], id: :c31, type: :color, parents: [:the_shape2],children: [],
+                    red: 1, green: 0.15, blue: 0.15, alpha: 0.6 } }
+)

data/vendor/assets/build/medias/rubies/examples/auto_height.rb CHANGED Viewed

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
 b = box({ height: :auto, width: 99, left: 333 })
 b.top(99)
 b.bottom(99)

data/vendor/assets/build/medias/rubies/examples/auto_width.rb CHANGED Viewed

@@ -1,2 +1,4 @@
+# frozen_string_literal: true
 b = box({ width: :auto, left: 333 })
 b.right(333)

data/vendor/assets/build/medias/rubies/examples/blur.rb ADDED Viewed

@@ -0,0 +1,4 @@
+# frozen_string_literal: true
+b = box({ id: :the_box, left: 99, top: 99 })
+b.blur(2)

data/vendor/assets/build/medias/rubies/examples/bottom.rb CHANGED Viewed

@@ -1 +1,3 @@
- box({  bottom: 12 })
+# frozen_string_literal: true
+box({  bottom: 12 })

data/vendor/assets/build/medias/rubies/examples/box.rb CHANGED Viewed

@@ -1,16 +1,23 @@
-box({ id: :my_box, left: 333 }) do |p|
-  # callback is in the Genesis.atome_creator_option(:text_pre_save_proc)
-  puts "ok box id is : #{id}"
+# frozen_string_literal: true
+a = box({ id: :my_box, left: 333 }) do |p|
+  puts "the param pass to the box is: #{p}"
   wait 2 do
-    self.left(0)
+    left(120)
   end
 end
-Atome.new(
-  { shape: { render: [:html], id: :view_test, type: :shape, parent: [:view],
+b = Atome.new(
+  { shape: { render: [:html], id: :view_test, type: :shape, parents: [:view],children: [],
              left: 0, width: 90, top: 0, height: 90, overflow: :auto,
-             color: { render: [:html], id: :view_test_color, type: :color,
+             color: { render: [:html], id: :view_test_color, type: :color, parents: [:view_test],
                       red: 1, green: 0.15, blue: 0.15, alpha: 1 } } }
 ) do |p|
-  puts "ok Atome.new(box) id is : #{id}"
+  puts "the param pass to the atome is: #{p}"
 end
+bloc_a = a.bloc.value
+bloc_b = b.bloc.value
+a.instance_exec(:hello, &bloc_a) if bloc_a.is_a?(Proc)
+b.instance_exec(:hi, &bloc_b) if bloc_b.is_a?(Proc)

data/vendor/assets/build/medias/rubies/examples/circle.rb CHANGED Viewed

@@ -1 +1,3 @@
+# frozen_string_literal: true
 circle({ width: 333, left: 333 })

data/vendor/assets/build/medias/rubies/examples/clear.rb CHANGED Viewed

@@ -1,9 +1,10 @@
+# frozen_string_literal: true
 box(id: :my_box)
 circle(left: 333)
 wait 2 do
-  grab(:view).clear
+  grab(:view).clear(true)
 end

data/vendor/assets/build/medias/rubies/examples/color.rb CHANGED Viewed

@@ -1,13 +1,52 @@
+# frozen_string_literal: true
 c = circle
+# FIXME: bug we creating an object like this c = circle({ red: 1 })
+# FIXME: bug we using a color twice or more only the first is colored: c = { red: 1 }; a.color(c),b.color(c)
+# Example:
+# c={ red: 1 }
+# a=circle
+# b=box({ left: 300 })
+# a.color(c)
+# b.color(c)
+wait 1 do
+  # the most performant way :
+  # please note that in this case:  render , id and type params must place in order
+  c.color(
+    { render: [:html], id: :c319, type: :color,
+      red: 1, green: 1, blue: 0.15, alpha: 0.6 }
+  )
+end
+wait 2 do
+  # now we overload the color
+  c.color({ red: 1 })
+end
+wait 4 do
+  # now the easy way
+  c.color(:yellow)
+  wait 1 do
+    c.color({ green: 1, blue: 0.69, alpha: 1 })
+  end
+end
+wait 5 do
+  d=c.color(:red)
+  wait 1 do
+    d.blue(0)
+  end
-# the easy way
-c.color(:red)
+  wait 2 do
+    d.red(1)
+  end
+end
-# the most performant way :
+circle({id: :the_circle})
-c.color(
-  { render: [:html], id: :c319, type: :color,
-    red: 1, green: 1, blue: 0.15, alpha: 0.6 }
-)
-# please note that render , id and type params must place in order
+wait 2 do
+  the_col=Atome.new({ color: { renderers: [:browser], id: :c31, type: :color, parents: [], children: [],
+                               left: 33, top: 66, red: 0, green: 0.15, blue: 0.7, alpha: 0.6 } })
+  the_col.parents([:the_circle])
+end

data/vendor/assets/build/medias/rubies/examples/create_atome_in_atome.rb CHANGED Viewed

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
 b = box({ width: 333, left: 333})
 b.height(33)
 b.left(333)

data/vendor/assets/build/medias/rubies/examples/delete.rb ADDED Viewed

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+b = box
+wait 1 do
+  b.delete(true)
+end

data/vendor/assets/build/medias/rubies/examples/drag.rb CHANGED Viewed

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

data/vendor/assets/build/medias/rubies/examples/element.rb ADDED Viewed

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+Atome.new(container: {id: :element14, type: :element ,data: :hello, renderers: []})
+element(data: :hello_world)
+puts "atomes are: #{Universe.atomes.keys}"

data/vendor/assets/build/medias/rubies/examples/get_renderer_list.rb CHANGED Viewed

@@ -1 +1,3 @@
-puts Utilities.renderer_list
+# frozen_string_literal: true
+puts Universe.renderer_list

data/vendor/assets/build/medias/rubies/examples/grab.rb CHANGED Viewed

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
 box({id: :my_box})
 # allow to get any atome using it's id
 grab(:my_box).color(:yellow)

data/vendor/assets/build/medias/rubies/examples/height.rb CHANGED Viewed

@@ -1,2 +1,4 @@
+# frozen_string_literal: true
 b = box({  left: 333 })
 b.height(33)

data/vendor/assets/build/medias/rubies/examples/image.rb CHANGED Viewed

@@ -1,4 +1,8 @@
+# frozen_string_literal: true
 Atome.new(
-  image: { render: [:html], id: :image1, type: :image, parent: [:view], path: "./medias/images/boat.png", left: 99, top: 120, width: 199, height: 199,
+  image: { renderers: [:browser], id: :image1, type: :image, parents: [:view], path: "./medias/images/boat.png", left: 99, top: 120, width: 199, height: 199,
   }
-)
+)
+image({path: "./medias/images/moto.png", left: 33, top: 33})

data/vendor/assets/build/medias/rubies/examples/left.rb CHANGED Viewed

@@ -1,2 +1,4 @@
+# frozen_string_literal: true
 b = box({  left: 333 })
 b.left(333)