atome 0.5.1.9 → 0.5.2.5

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

@@ -2,15 +2,15 @@
 
 generator = Genesis.generator
 
-generator.build_render_method(:browser_id) do |params|
+generator.build_render(:browser_id) do |params|
   browser_object.id = params if @atome[:id] != params
 end
 
-generator.build_render_method(:browser_type) do |params|
+generator.build_render(:browser_type) do |params|
   send("browser_#{params}", user_proc)
 end
 
-generator.build_render_method(:browser_parents) do |parents_found|
+generator.build_render(:browser_parents) do |parents_found|
   parents_found.each do |parent_found|
     BrowserHelper.send("browser_attach_#{@browser_type}", parent_found, @browser_object, @atome)
   end
@@ -22,3 +22,10 @@ generator.build_option(:pre_render_children) do |children_pass|
     atome_found.parents([@atome[:id]])
   end
 end
+
+generator.build_render(:browser_attach) do |parents_found|
+  parents_found.each do |parent_found|
+    BrowserHelper.send("browser_attach_#{@browser_type}", parent_found, @browser_object, @atome)
+  end
+end
+

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

@@ -2,7 +2,7 @@
 
 generator = Genesis.generator
 
-generator.build_render_method(:red) do |value|
+generator.build_render(:red) do |value|
   red = ((@atome[:red] = value) * 255)
   green = @atome[:green] * 255
   blue = @atome[:blue] * 255
@@ -11,7 +11,7 @@ generator.build_render_method(:red) do |value|
   BrowserHelper.send("browser_colorize_#{@atome[:type]}", color_updated, @atome)
 end
 
-generator.build_render_method(:green) do |value|
+generator.build_render(:green) do |value|
   red = @atome[:red] * 255
   green = (@atome[:green] = value) * 255
   blue = @atome[:blue] * 255
@@ -20,7 +20,7 @@ generator.build_render_method(:green) do |value|
   BrowserHelper.send("browser_colorize_#{@atome[:type]}", color_updated, @atome)
 end
 
-generator.build_render_method(:blue) do |value|
+generator.build_render(:blue) do |value|
   red = @atome[:red] * 255
   green = @atome[:green] * 255
   blue = (@atome[:blue] = value) * 255
@@ -29,7 +29,7 @@ generator.build_render_method(:blue) do |value|
   BrowserHelper.send("browser_colorize_#{@atome[:type]}", color_updated, @atome)
 end
 
-generator.build_render_method(:alpha) do |value|
+generator.build_render(:alpha) do |value|
   red = @atome[:red] * 255
   green = @atome[:green] * 255
   blue = @atome[:blue] * 255
@@ -38,6 +38,29 @@ generator.build_render_method(:alpha) do |value|
   BrowserHelper.send("browser_colorize_#{@atome[:type]}", color_updated, @atome)
 end
 
-generator.build_render_method(:visual) do |value|
+generator.build_render(:visual) do |value|
   browser_object.style['font-size'] = "#{value[:size]}px"
 end
+
+generator.build_render(:browser_edit) do |value|
+  if value == true
+    caret_color = 'white'
+    user_select = 'text'
+    selection_color= 'blue'
+  else
+    caret_color = 'transparent'
+    user_select = 'none'
+    selection_color= 'transparent'
+  end
+
+  @browser_object.attributes[:contenteditable] = value
+  @browser_object.style['caret-color'] = caret_color
+  @browser_object.style['webkit-user-select'] = user_select
+  @browser_object.style['-moz-user-select'] = user_select
+  @browser_object.style['user-select'] = user_select
+end
+
+generator.build_render(:browser_hide) do |value|
+  @browser_object.style[:display] = "none"
+
+end

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

@@ -2,22 +2,53 @@
 
 generator = Genesis.generator
 
-generator.build_render_method(:browser_left) do |value, _user_proc|
+generator.build_render(:browser_left) do |value, _user_proc|
   BrowserHelper.send("browser_left_#{@atome[:type]}", value, @browser_object, @atome)
 end
 
-generator.build_render_method(:browser_right) do |value, _user_proc|
+generator.build_render(:browser_right) do |value, _user_proc|
   BrowserHelper.send("browser_right_#{@atome[:type]}", value, @browser_object, @atome)
 end
 
-generator.build_render_method(:browser_top) do |value, _user_proc|
+generator.build_render(:browser_top) do |value, _user_proc|
   BrowserHelper.send("browser_top_#{@atome[:type]}", value, @browser_object, @atome)
 end
 
-generator.build_render_method(:browser_bottom) do |value, _user_proc|
+generator.build_render(:browser_bottom) do |value, _user_proc|
   BrowserHelper.send("browser_bottom_#{@atome[:type]}", value, @browser_object, @atome)
 end
 
-generator.build_render_method(:browser_rotate) do |value, _user_proc|
+generator.build_render(:browser_rotate) do |value, _user_proc|
   @browser_object.style[:transform] = "rotate(#{value}deg)" unless @browser_type == :style
 end
+
+generator.build_render(:browser_center) do |value, _user_proc|
+  case value
+  when :horizontal
+    @browser_object.remove_class(:center)
+    @browser_object.remove_class(:center_vertical)
+    @browser_object.add_class(:center_horizontal)
+    @browser_object.style[:bottom] = :auto
+    @browser_object.style[:right] = :auto
+    @browser_object.style[:top] = '0px'
+    @browser_object.style[:left] = '50%'
+  when :vertical
+    @browser_object.remove_class(:center)
+    @browser_object.remove_class(:center_horizontal)
+    @browser_object.add_class(:center_vertical)
+    @browser_object.style[:bottom] = :auto
+    @browser_object.style[:right] = :auto
+    @browser_object.style[:left] = '0px'
+    @browser_object.style[:top] = '50%'
+  else
+    @browser_object.remove_class(:center_vertical)
+    @browser_object.remove_class(:center_horizontal)
+    @browser_object.add_class(:center)
+    @browser_object.style[:bottom] = :auto
+    @browser_object.style[:right] = :auto
+    @browser_object.style[:left] = '50%'
+    @browser_object.style[:top] = '50%'
+  end
+
+end
+

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

@@ -1,39 +1,48 @@
 # frozen_string_literal: true
 
 generator = Genesis.generator
-generator.build_render_method(:browser_bloc)
-generator.build_render_method(:browser_render)
-generator.build_render_method(:browser_delete) do
-  browser_object&.remove
+generator.build_render(:browser_bloc)
+generator.build_render(:browser_render)
+generator.build_render(:browser_delete) do |params|
+  browser_object&.remove if params == true
 end
 
-generator.build_render_method(:browser_clear) do
+generator.build_render(:browser_clear) do
   @atome[:children].each do |child_found|
     grab(child_found).browser_object&.remove
   end
   children([])
 end
 
-generator.build_render_method(:browser_path) do |value|
+generator.build_render(:browser_path) do |value|
   BrowserHelper.send("browser_path_#{@atome[:type]}", value, @browser_object, @atome)
 end
 
-generator.build_render_method(:browser_data) do |data|
+generator.build_render(:browser_data) do |data|
   # according to the type we send the data to different operator
   type_found = @atome[:type]
   BrowserHelper.send("browser_data_#{type_found}", data, self)
 end
 
-generator.build_render_method(:browser_schedule) do |format_date, proc|
+generator.build_render(:browser_schedule) do |format_date, proc|
   years = format_date[0]
   months = format_date[1]
   days = format_date[2]
   hours = format_date[3]
   minutes = format_date[4]
   seconds = format_date[5]
-  AtomeJS.JS.schedule(years, months, days, hours,minutes, seconds, self, proc)
+  atome_js.JS.schedule(years, months, days, hours, minutes, seconds, self, proc)
 end
 
-generator.build_render_method(:browser_reader) do |file, proc|
-  AtomeJS.JS.reader(file, self, proc)
+generator.build_render(:browser_reader) do |file, proc|
+  atome_js.JS.reader(file, self, proc)
 end
+
+generator.build_render(:browser_cursor) do |value|
+  @browser_object.style[:cursor] = value
+end
+
+generator.build_render(:browser_overflow) do |value|
+  @browser_object.style[:overflow] = value
+end
+

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

@@ -2,5 +2,5 @@
 
 generator = Genesis.generator
 
-generator.build_render_method(:headless_schedule)
-generator.build_render_method(:headless_reader)
+generator.build_render(:headless_schedule)
+generator.build_render(:headless_reader)

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

@@ -3,7 +3,7 @@
 
 generator = Genesis.generator
 
-generator.build_render_method(:html_shape) do
+generator.build_render(:html_shape) do
   current_atome = @atome
   id_found = current_atome[:id]
   @html_object = Html.new
@@ -11,7 +11,7 @@ generator.build_render_method(:html_shape) do
   @html_object.attr('id', id_found)
 end
 
-generator.build_render_method(:html_color) do |_value|
+generator.build_render(:html_color) do |_value|
   # we remove previous unused style tag
   opal_document[id]&.remove
   red_found = @atome[:red]
@@ -24,7 +24,7 @@ generator.build_render_method(:html_color) do |_value|
   # `document.getElementById(#{id}).sheet.cssRules[0].style.backgroundColor = 'red'`
 end
 
-generator.build_render_method(:html_image) do |_user_prc|
+generator.build_render(:html_image) do |_user_prc|
   # id_found = id
   # instance_exec(&proc) if proc.is_a?(Proc)
   # DOM do
@@ -34,10 +34,10 @@ generator.build_render_method(:html_image) do |_user_prc|
   # @html_type = :image
 end
 
-generator.build_render_method(:html_shadow) do
+generator.build_render(:html_shadow) do
 end
 
-generator.build_render_method(:html_video) do |_value, _user_proc|
+generator.build_render(:html_video) do |_value, _user_proc|
   # id_found = id
   # # instance_exec(&proc) if proc.is_a?(Proc)
   # DOM do

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

@@ -2,7 +2,7 @@
 
 generator = Genesis.generator
 
-generator.build_render_method(:html_smooth) do |value|
+generator.build_render(:html_smooth) do |value|
   formated_params = case value
                     when Array
                       properties = []

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

@@ -2,7 +2,7 @@
 
 generator = Genesis.generator
 
-generator.build_render_method(:html_touch) do |_value, proc|
+generator.build_render(:html_touch) do |_value, proc|
   @html_object.on :click do |e|
     instance_exec(&proc) if proc.is_a?(Proc)
   end

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

@@ -2,10 +2,10 @@
 
 generator = Genesis.generator
 
-generator.build_render_method(:html_width) do |value|
+generator.build_render(:html_width) do |value|
   @html_object.style[:width] = "#{value}px" unless @html_type == :style
 end
 
-generator.build_render_method(:html_height) do |value|
+generator.build_render(:html_height) do |value|
   @html_object.style[:height] = "#{value}px" unless @html_type == :style
 end

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

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

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

@@ -2,7 +2,7 @@
 
 generator = Genesis.generator
 
-# generator.build_render_method(:html_left) do |_value, user_proc|
+# generator.build_render(:html_left) do |_value, user_proc|
 #   instance_exec(&user_proc) if user_proc.is_a?(Proc)
 # end
 #
@@ -11,18 +11,18 @@ generator = Genesis.generator
 #   instance_exec(&user_proc) if user_proc.is_a?(Proc)
 # end
 
-generator.build_render_method(:html_left) do |value, _user_proc|
+generator.build_render(: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|
+generator.build_render(: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|
+generator.build_render(: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|
+generator.build_render(:html_bottom) do |value, _user_proc|
   @html_object.style[:bottom] = "#{value}px" unless @html_type == :style
 end

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

@@ -1,17 +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
+generator.build_render(:html_bloc)
+generator.build_render(:html_id)
+generator.build_render(:html_render)
+generator.build_render(:html_delete) do
   html_object&.remove
 end
-generator.build_render_method(:html_clear) do
+generator.build_render(: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)
+generator.build_render(:html_schedule)
+generator.build_render(:html_reader)

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

@@ -2,5 +2,5 @@
 
 generator = Genesis.generator
 
-generator.build_render_method(:server_schedule)
-generator.build_render_method(:server_reader)
+generator.build_render(:server_schedule)
+generator.build_render(:server_reader)

data/lib/atome/version.rb

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

data/lib/atome.rb

@@ -8,6 +8,7 @@ require 'atome/kernel/universe'
 require 'atome/helpers/essentials'
 require 'atome/renderers/renderer'
 require 'atome/helpers/color_helper/color'
+require 'atome/extensions/atome'
 require 'atome/atome'
 require 'atome/helpers/utilities'
 require 'atome/helpers/callbacks'
@@ -21,10 +22,12 @@ 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'
+if RUBY_ENGINE.downcase == 'opal'
+  require 'atome/renderers/browser/browser'
+  require 'atome/renderers/html/html'
+end
 require 'atome/renderers/headless/headless'
 require 'atome/renderers/server/server'
-require 'atome/extensions/atome'
+require 'atome/extensions/matrix'
 require 'atome/helpers/sanitizer'
 require 'atome/genesis/sparkle'

data/sig/atome_js.rbs

@@ -0,0 +1 @@
+ATOME_JS: untyped

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

@@ -69,29 +69,26 @@ html, body {
     -webkit-background-clip: text;
 }
 
-.vertical-center {
-    /*font-size: 18px;*/
+.center {
+    display: flex;
+    justify-content: center;
+    align-items: center;
     position: absolute;
-    top: 50%;
-    -ms-transform: translateY(-50%);
-    /*transform: translateY(calc(50% - 200px));*/
+    transform: translate(-50%, -50%);
 }
 
-.center {
-    /*font-size: 18px;*/
+.center_vertical {
+    display: flex;
+    align-items: center;
     position: absolute;
-    top: 50%;
-    left: 50%;
-    -ms-transform: translateY(-50%);
-    /* #calc is width -border*2 */
-    /*transform: translateX(calc(50% - 200px)) translateY(calc(50% - 200px));*/
+    transform: translateY(-50%);
 }
 
-.horizontal-center {
+.center_horizontal{
+    display: flex;
+    justify-content: center;
     position: absolute;
-    left: 50%;
-    -ms-transform: translateY(-50%);
-    /*transform: translateX(calc(50% - 200px));*/
+    transform: translateX(-50%);
 }
 
 .e_align_h_left {
@@ -120,3 +117,13 @@ html, body {
     display: flex;
     align-items: flex-end;
 }
+
+/*::selection {*/
+/*    color: transparent;*/
+/*    background: none;*/
+/*}*/
+/*!* For Mozilla Firefox *!*/
+/*::-moz-selection {*/
+/*    color: transparent;*/
+/*    background: none;*/
+/*}*/

data/vendor/assets/build/index.html

@@ -9,6 +9,9 @@
     <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/sortable.min.js"></script>
+    <script type="text/javascript" src="js/third_parties/wad.min.js"></script>
+<!--    <script type="text/javascript" src="js/third_parties/tone.min.js"></script>-->
+<!--    <script type="text/javascript" src="js/third_parties/xsound.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>-->
@@ -31,7 +34,6 @@
     <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>