atome 0.1.00009 → 0.4.7.0

data/lib/atome/kernel/properties/essential.rb

@@ -0,0 +1,77 @@
+class Atome
+
+  def identity (params)
+    @identity=params
+  end
+  def new(params)
+    puts "add/new : #{params}"
+  end
+
+  def set(params)
+    puts "set : #{params}"
+  end
+
+  def self.grab(val)
+    Utilities.grab(val)
+  end
+
+  def add(params)
+    puts "add : #{params}"
+  end
+
+  def update(params)
+    puts "update : #{params}"
+  end
+
+  def refresh
+    # delete the object in the view
+    self.html_object&.remove
+    particles_found = particles
+    particles_found.delete(:html_type)
+    particles_found.delete(:html_object)
+    particles_found.delete(:id)
+    particles_found.delete(:dna)
+    atomes_to_re_attach = {}
+    Utilities.atome_list.each do |atome_to_refresh|
+      atome_found = particles_found.delete(atome_to_refresh)
+      if atome_found
+        particles_found.delete(atome_to_refresh)
+        atomes_to_re_attach[atome_found.type] = atome_found
+      end
+    end
+    particles_found.each do |particle_to_refresh, value|
+      send(particle_to_refresh, value)
+    end
+    atomes_to_re_attach.each do |atome_to_attatch, content|
+      instance_variable_set("@#{atome_to_attatch}", content)
+      html_decision(content.html_type, id, content.id)
+    end
+  end
+
+
+  def replace(params)
+    puts "replace : #{params}"
+  end
+
+  def clear
+    child.each do |child_found|
+      grab(child_found).html_object&.remove
+    end
+    child([])
+  end
+
+  def delete(params)
+    self.html_object&.remove
+    Universe.delete(id)
+  end
+
+  def [](params)
+    instance_variable_get(instance_variables[params])
+  end
+
+  def to_s
+    inspect.to_s
+  end
+
+end
+

data/lib/atome/kernel/sparkle.rb

@@ -0,0 +1,38 @@
+# frozen_string_literal: true
+
+# FIXME : try avoid type property duplication (it's the key of the hash and also specified in the hash itself)
+
+# let's create the view port
+default_render = if RUBY_ENGINE.downcase == 'opal'
+                   :html
+                 else
+                   :headless
+                 end
+
+
+Sanitizer.default_params[:render] = default_render
+Atome.new(
+  { shape: { render: [default_render], id: :view, type: :shape, parent: [:user_view],
+             left: 0, right: 0, top: 0, bottom: 0,overflow: :auto,
+             color: { render: [default_render], id: :view_color, type: :color,
+                      red: 0.15, green: 0.15, blue: 0.15, alpha: 1 } } }
+)
+
+
+# init basic object for atome environment
+
+# Atome.new is used  to create a new atome using best performances but params must be formatted and ordered correctly
+
+# use atome.atome to create a new atome using a more permissive syntax less performances but params must be formatted
+# and ordered correctly
+
+# Atome.atome ids the easiest way to  create a new atome
+# Atome.atome({
+#                      shape: { left: 0, right: 0, top: 0, bottom: 0, id: :view, color: { id: :c1, render: [:headless],
+# red: 0.15, green: 0.15, blue: 0.15, alpha: 1 } } })
+
+# WARNING: when using Atome.new syntax , you must get your object using the .atome
+# example  to get the atome above : use a.shape.left and not a.left it wont access the physical object
+
+puts "current machine id: #{Atome.current_machine}"
+

data/lib/atome/kernel/universe.rb

@@ -0,0 +1,37 @@
+# frozen_string_literal: true
+
+# all created atomes are listed here
+class Universe
+  def self.app_identity
+    # each app hav its own identity, this allow to generate new user identities from th
+    @app_identity = 3
+    # the identity is define as follow : parentCreatorID_softwareInstanceID_objetID
+    # in this case parent is eve so 0, Software instance number is main eVe server which is also 0,
+    # and finally the object is 3 as this the third object created by the main server
+  end
+
+  def self.initialize
+    @atomes = {}
+  end
+
+  def self.atomes_add(new_atome,atome_id)
+    new_atome.instance_variable_set('@id', atome_id)
+    @atomes[atome_id] = new_atome
+  end
+
+  def self.change_atome_id(prev_id, new_id)
+    @atomes[new_id] = @atomes.delete(prev_id)
+  end
+
+  def self.delete(id)
+    @atomes.delete(id)
+  end
+
+  class << self
+    attr_reader :atomes
+  end
+
+  def self.connected
+    true
+  end
+end

data/lib/atome/renderers/headless/properties/generator.rb

@@ -0,0 +1 @@
+# frozen_string_literal: true

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

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

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

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+# rgb utility
+class Atome
+  def rgb_html(string)
+    `
+  col = w3color(#{string});
+  rgb_col=col.toRgb();
+  return Opal.hash(rgb_col)
+ `
+  end
+
+  def to_rgb(string)
+    rgb_color = rgb_html(string)
+
+    {
+      red: rgb_color[:r] / 255,
+      green: rgb_color[:g] / 255,
+      blue: rgb_color[:b] / 255,
+      alpha: 1
+    }
+  end
+end

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

@@ -0,0 +1,13 @@
+
+class Atome
+  def geolocation
+    localisation = {latitude: nil, longitude: nil}
+    $window.navigator.geolocate.then do |pos|
+      localisation[:latitude] =  pos.coords.latitude
+      localisation[:longitude] =  pos.coords.longitude
+    end.rescue do |err|
+      p  err
+      localisation = nil
+    end
+  end
+end

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

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+# Add on the Atome class
+class Atome
+  def ping(my_proc = false)
+    instance_exec(my_proc) if my_proc.is_a?(Proc)
+
+    ` var p = new Ping();
+        p.ping('https://'+#{address}+'', function (err, data) {
+            if (err) {
+               return false;
+            } else {
+ console.log("the site "+#{address}+" is up!");
+            }
+        });
+`
+  end
+end

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

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+# addon for the Atome class
+class Atome
+  def calculate_sha(string)
+    if RUBY_ENGINE.downcase == 'opal'
+      `sha256(#{string})`
+    else
+      Digest::SHA256.hexdigest(string)
+    end
+  end
+end

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

@@ -4,4 +4,5 @@
 require 'opal'
 require 'native'
 require 'promise'
-require 'browser/setup/full'
+require 'browser/setup/full'
+@atome_client_ready = true

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

@@ -1,2 +1,3 @@
 # frozen_string_literal: true
+
 require 'opal-parser'

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

@@ -0,0 +1 @@
+# frozen_string_literal: true

data/lib/atome/renderers/renderer.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+# Main render engine
+module Render
+  def render_engine(property, value, atome, &proc)
+
+    renderer_found = atome.render
+    renderer_found.each do |renderer|
+      renderer_name = "#{property}_#{renderer}"
+      send(renderer_name, value,atome, &proc)
+    end
+  end
+end

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

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+# server render methods here
+module ServerRenderer
+  def render_server(params, &proc)
+    instance_exec(params, &proc) if proc.is_a?(Proc)
+    puts "----puts render sever render #{params}"
+  end
+end

data/lib/atome/version.rb

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

data/lib/atome.rb

@@ -2,5 +2,49 @@
 
 require 'fileutils'
 require 'atome/version'
-require 'atome/kernel/properties/geometry'
-require 'atome/kernel/atome_genesis'
+@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/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
+
+
+

data/vendor/assets/Guardfile

@@ -0,0 +1,4 @@
+guard 'rake', first_match: true, :task => 'build' do
+  watch(%r{^server.+\.rb})
+  watch(%r{^application.+\.rb})
+end

data/vendor/assets/Rakefile

@@ -0,0 +1,3 @@
+task :build do
+  `atome build;open build/index.html`
+end

data/vendor/assets/application/index.rb

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

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

@@ -6,8 +6,8 @@ html, body {
 
     font-family: system-ui, -apple-system, -apple-system-font, 'Segoe UI', 'Roboto', sans-serif;
     font-size: 12px;
-    margin: 0px;
-    padding: 0px;
+    margin: 0;
+    padding: 0;
     background: rgba(39, 39, 39, 1);
     overflow: hidden;
     -webkit-overflow-scrolling: touch;
@@ -30,16 +30,14 @@ html, body {
     overflow: hidden;
     position: absolute;
     -webkit-overflow-scrolling: touch;
-    overflow: hidden;
 }
 
 
-
-.ui-selected{
+.ui-selected {
     border: #00bb00 solid 3px;
 }
 
-.ui-selecting{
+.ui-selecting {
     border: orange solid 3px;
 }
 
@@ -47,7 +45,26 @@ html, body {
     outline: 2px dashed white;
 }
 
+.atome {
+    cursor: default;
+    pointer-events: auto;
+    caret-color: transparent;
+    outline: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+    position: absolute;
+    display: inline-block;
+    background-size: 100%;
+    background-repeat: no-repeat;
+    -webkit-overflow-scrolling: touch;
+    -webkit-user-drag: none;
+    caret-shape: bar;
+    overflow: visible;
+}
 
-
-
+.text {
+    -webkit-text-fill-color: transparent;
+    -webkit-background-clip: text;
+}
 

data/vendor/assets/build/index.html

@@ -3,18 +3,29 @@
 <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_browser.js'></script>
     <script src='js/opal/opal_parser.js'></script>
-    <script src='js/atome/kernel.js'></script>
-    <title>Vie</title>
+    <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">
 </head>
-<body id='user_view' oncontextmenu="return false;" >
+<body id='user_view' class='atome' oncontextmenu="return false;" >
 </body>
-<script src='js/application.js'></script>
+<script src='js/application.js' defer></script>
 </html>

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

@@ -0,0 +1,82 @@
+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 {
+
+
+}
+
+// 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);
+    }
+}