atome 0.5.4.1.7 → 0.5.5.6.4

data/lib/atome/renderers/browser/helpers/shadow_helper.rb

@@ -1,74 +0,0 @@
-# frozen_string_literal: true
-
-# for browser rendering
-module BrowserHelper
-  # shadow
-  def self.browser_left_shadow(value, _browser_object, atome)
-    ls_left = "#{atome[:left] = value}px"
-    ls_top = "#{atome[:top]}px"
-    ls_blur = "#{atome[:blur]}px"
-    red = atome[:red] * 255
-    green = atome[:green] * 255
-    blue = (atome[:blue]) * 255
-    direction = atome[:direction]
-    alpha = atome[:alpha]
-    id_found = atome[:id]
-    real = atome[:real]
-    # `document.getElementById(#{atome[:id]}).sheet.cssRules[0].style.boxShadow = #{shadow_updated}`
-    if real
-      drop_shadow_updated = "drop-shadow(#{ls_left} #{ls_top} #{ls_blur} rgba(#{red}, #{green}, #{blue}, #{alpha}))"
-      class_content = <<STR
-.#{id_found} {
-
-filter: #{drop_shadow_updated};
-}
-STR
-    else
-      shadow_updated = "#{ls_left} #{ls_top} #{ls_blur} rgba(#{red}, #{green}, #{blue}, #{alpha}) #{direction}"
-      class_content = <<STR
-.#{id_found} {
-box-shadow: #{shadow_updated};
-}
-STR
-    end
-
-    atomic_style = BrowserHelper.browser_document['#atomic_style']
-
-    return unless atomic_style
-
-    if atomic_style.text.include?(".#{id_found}")
-      # if the class exist , update it's content with the new class
-      #  alert "before :#{atomic_style.text}"
-      regex = /(\.#{id_found}\s*{)([\s\S]*?)(})/m
-      atomic_style.text = atomic_style.text.gsub(regex, class_content)
-      # alert "after :#{atomic_style.text}"
-    else
-      # if the class doesn't exist, add it to the end of the tag <style>
-      atomic_style.text += class_content
-    end
-
-    # alert atomic_style.text
-  end
-
-  # .shadow2 {
-  #   box-shadow: 3px 9px 9px rgba(0, 0, 0, 1) inset;
-  # }
-  # .shadow2 {
-  # box-shadow: 3px 9px 9px rgba(0, 0, 0, 1) inset)
-  # }
-
-  def self.browser_top_shadow(value, _browser_object, atome)
-    # rs_left = "#{atome[:left]}px"
-    # rs_top = "#{atome[:top] = value}px"
-    # rs_blur = "#{atome[:blur]}px"
-    # red = atome[:red] * 255
-    # green = atome[:green] * 255
-    # blue = (atome[:blue]) * 255
-    # direction = atome[:direction]
-    # alpha = atome[:alpha]
-    #
-    # shadow_updated = "#{rs_left}px #{rs_top}px #{rs_blur}px rgba(#{red}, #{green}, #{blue}, #{alpha}) #{direction}"
-    # `document.getElementById(#{atome[:id]}).sheet.cssRules[0].style.boxShadow = #{shadow_updated}`
-    #
-  end
-end

data/lib/atome/renderers/browser/helpers/shape_helper.rb

@@ -1,22 +0,0 @@
-# frozen_string_literal: true
-
-# for browser rendering
-module BrowserHelper
-
-  def self.browser_left_shape(value, browser_object, _atome)
-    browser_object.style[:left] = BrowserHelper.value_parse(value)
-  end
-
-  def self.browser_right_shape(value, browser_object, _atome)
-    browser_object.style[:right] = BrowserHelper.value_parse(value)
-  end
-
-  def self.browser_top_shape(value, browser_object, _atome)
-    browser_object.style[:top] = BrowserHelper.value_parse(value)
-  end
-
-  def self.browser_bottom_shape(value, browser_object, _atome)
-    browser_object.style[:bottom] = BrowserHelper.value_parse(value)
-  end
-
-end

data/lib/atome/renderers/browser/helpers/text_helper.rb

@@ -1,38 +0,0 @@
-# frozen_string_literal: true
-
-# for browser rendering
-module BrowserHelper
-
-  def self.browser_left_text(value, browser_object, _atome)
-    browser_object.style[:left] = BrowserHelper.value_parse(value)
-  end
-
-  def self.browser_right_text(value, browser_object, _atome)
-    browser_object.style[:right] = BrowserHelper.value_parse(value)
-  end
-
-  def self.browser_top_text(value, browser_object, _atome)
-    browser_object.style[:top] = BrowserHelper.value_parse(value)
-  end
-
-  def self.browser_bottom_text(value, browser_object, _atome)
-    browser_object.style[:bottom] = BrowserHelper.value_parse(value)
-  end
-
-  def self.browser_data_text(value,atome_send)
-    value = value.gsub(/\n/, '<br/>')
-    atome_send.browser_object.inner_html = value
-  end
-
-  def self.browser_data_shape(_value,_atome_send)
-
-  end
-  def self.browser_data_color(_value,_atome_send)
-
-  end
-
-  def self.browser_data_find(value,_atome_send)
-
-  end
-
-end

data/lib/atome/renderers/browser/helpers/video_helper.rb

@@ -1,50 +0,0 @@
-# frozen_string_literal: true
-
-# for browser rendering
-module BrowserHelper
-  # video
-  def self.browser_left_video(value, browser_object, _atome)
-    browser_object.style[:left] = "#{value}px"
-  end
-
-  def self.browser_right_video(value, browser_object, _atome)
-    browser_object.style[:right] = "#{value}px"
-  end
-
-  def self.browser_top_video(value, browser_object, _atome)
-    browser_object.style[:top] = "#{value}px"
-  end
-
-  def self.browser_bottom_video(value, browser_object, _atome)
-    browser_object.style[:bottom] = "#{value}px"
-  end
-
-  def self.browser_path_video(value, browser_object, _atome)
-    browser_object[:src] = value
-  end
-
-  def self.browser_play_video(_value, browser_object_found, atome_hash, atome_object, proc)
-    markers = atome_hash[:markers] ||= {}
-    markers.each_value do |value|
-      value[:end] = value[:begin] + 0.25 unless value[:end]
-      value[:label] = "label_#{atome_hash[:markers].length}" unless value[:label]
-    end
-
-    browser_object_found.play
-    # TODO : change timeupdate for when possible requestVideoFrameCallback
-    # (opal-browser/opal/browser/event.rb line 36)
-    video_callback = atome_hash[:code] # this is the video callback not the play callback
-    play_callback = proc # this is the video callback not the play callback
-
-    browser_object_found.on(:timeupdate) do |e|
-      current_time = browser_object_found.currentTime
-      # we update the time particle
-      atome_object.time_callback(current_time, markers)
-      e.prevent # Prevent the default action (eg. form submission)
-      # You can also use `e.stop` to stop propagating the event to other handlers.
-      atome_object.instance_exec(current_time, &video_callback) if video_callback.is_a?(Proc)
-      atome_object.instance_exec(current_time, &play_callback) if play_callback.is_a?(Proc)
-    end
-  end
-
-end

data/lib/atome/renderers/browser/helpers/web_helper.rb

@@ -1,26 +0,0 @@
-# frozen_string_literal: true
-
-# for browser rendering
-module BrowserHelper
-  # web
-  def self.browser_left_web(value, browser_object, _atome)
-    browser_object.style[:left] = BrowserHelper.value_parse(value)
-  end
-
-  def self.browser_right_web(value, browser_object, _atome)
-    browser_object.style[:right] = BrowserHelper.value_parse(value)
-  end
-
-  def self.browser_top_web(value, browser_object, _atome)
-    browser_object.style[:top] = BrowserHelper.value_parse(value)
-  end
-
-  def self.browser_bottom_web(value, browser_object, _atome)
-    browser_object.style[:bottom] = BrowserHelper.value_parse(value)
-  end
-
-  def self.browser_path_web(value, browser_object, _atome)
-    browser_object[:src] = value
-  end
-
-end

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

@@ -1,61 +0,0 @@
-# frozen_string_literal: true
-
-generator = Genesis.generator
-
-# generator.build_render(:browser_id) do |params|
-#   if @browser_type == :style
-#     prev_content = @browser_object.inner_html
-#     new_content = prev_content.sub(@browser_object.id, params)
-#     @browser_object.inner_html = new_content
-#   end
-#   browser_object.id = params if @atome[:id] != params
-# end
-
-generator.build_render(:browser_type) do |params|
-  send("browser_#{params}", user_proc)
-end
-
-generator.build_render(:browser_attach) do |parents_found|
-  # puts "parents_found : #{parents_found}, #{parents_found.class}"
-  parents_found.each do |parent_found|
-    # puts "2 : >>>>> model:  browser_type #{@browser_type} parents_found #{parents_found} , @browser_object, #{@browser_object}, self : #{self.id}"
-    BrowserHelper.send("browser_attach_#{@browser_type}", parent_found, @browser_object, @atome)
-  end
-end
-
-generator.build_render(:browser_attached) do |children_found|
-  children_found.each do |child_found|
-    # puts ">>>>> modeled:  browser_type #{@browser_type} parents_fo
-    # und #{children_found} , @browser_object, #{@browser_object}, self : #{self.id}"
-    children_browser_type = grab(child_found).instance_variable_get('@browser_type')
-    BrowserHelper.send("browser_attached_#{children_browser_type}", children_found, @browser_object, @atome)
-  end
-end
-
-generator.build_render(:browser_detached) do |values, _user_proc|
-  values.each do |value|
-    # FIXME: ugly patch to check if the value passed is an atome must create a more robust global solution for .value
-    value = value.value if value.instance_of? Atome
-    if grab(value).instance_variable_get('@browser_type') == :style
-      @browser_object.remove_class(value)
-      if definition
-        `
-            let parser = new DOMParser();
-    var divElement = document.querySelector('#'+#{self.id});
-// divElement.style.removeProperty('background-color');
-//divElement.style.backgroundColor = 'transparent';
-    // select the first svg tag inside the div
-    let foundSVG  = divElement.querySelector('svg');
-     let elements = foundSVG.getElementsByTagName("path");
-    Array.from(elements).forEach(el => {
-                 el.classList.remove(#{value});
-               });
-    `
-      end
-
-    else
-      BrowserHelper.browser_document[value]&.remove
-    end
-  end
-end
-

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

@@ -1,121 +0,0 @@
-# frozen_string_literal: true
-
-generator = Genesis.generator
-
-generator.build_render(:red) do |value|
-  red = ((@atome[:red] = value) * 255)
-  green = @atome[:green] * 255
-  blue = @atome[:blue] * 255
-  alpha = @atome[:alpha]
-  color_updated = "rgba(#{red}, #{green}, #{blue}, #{alpha})"
-  BrowserHelper.send("browser_colorize_#{@atome[:type]}", color_updated, @atome)
-  # we return self to allow syntax of the type : a.color(:black).red(1).green(0.3)
-  self
-end
-
-generator.build_render(:green) do |value|
-  # we return self to allow syntax of the type : a.color(:black).red(1).green(0.3)
-  red = @atome[:red] * 255
-  green = (@atome[:green] = value) * 255
-  blue = @atome[:blue] * 255
-  alpha = @atome[:alpha]
-  color_updated = "rgba(#{red}, #{green}, #{blue}, #{alpha})"
-  BrowserHelper.send("browser_colorize_#{@atome[:type]}", color_updated, @atome)
-  # we return self to allow syntax of the type : a.color(:black).red(1).green(0.3)
-  self
-end
-
-generator.build_render(:blue) do |value|
-  red = @atome[:red] * 255
-  green = @atome[:green] * 255
-  blue = (@atome[:blue] = value) * 255
-  alpha = @atome[:alpha]
-  color_updated = "rgba(#{red}, #{green}, #{blue}, #{alpha})"
-  BrowserHelper.send("browser_colorize_#{@atome[:type]}", color_updated, @atome)
-  # we return self to allow syntax of the type : a.color(:black).red(1).green(0.3)
-  self
-end
-
-generator.build_render(:alpha) do |value|
-  red = @atome[:red] * 255
-  green = @atome[:green] * 255
-  blue = @atome[:blue] * 255
-  alpha = (@atome[:alpha] = value)
-  color_updated = "rgba(#{red}, #{green}, #{blue}, #{alpha})"
-  BrowserHelper.send("browser_colorize_#{@atome[:type]}", color_updated, @atome)
-  # we return self to allow syntax of the type : a.color(:black).red(1).green(0.3)
-  self
-end
-
-generator.build_render(:visual) do |value|
-  value = BrowserHelper.value_parse(value[:size])
-  browser_object.style['font-size'] = value
-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
-
-generator.build_render(:browser_classes) do |value, _user_proc|
-  @browser_object.add_class(value)
-  # TODO : don't forget to remove class
-end
-
-generator.build_render(:browser_remove_classes) do |value, _user_proc|
-  @browser_object.remove_class(value)
-end
-
-new ({ browser: :opacity }) do |value|
-  @browser_object.style['opacity'] = value
-end
-
-new ({ browser: :definition }) do |value|
-  target=id
-  `
-
-var divElement =  document.querySelector('#'+#{target});;
-divElement.style.removeProperty('background-color');
-divElement.style.backgroundColor = 'transparent';
-// select the first svg tag inside the div
-var svgElement = divElement.querySelector('svg');
-
-// delete the first svg tag inside the div if it exist
-if (svgElement) {
-  divElement.removeChild(svgElement);
-}
-
-
-  let svg_content='<svg style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">'+#{value}+'</svg>'
-       let svgContainer = document.getElementById(#{target});
-        svgContainer.style.removeProperty('background-color');
-        svgContainer.style.backgroundColor = 'transparent';
-        let parser = new DOMParser();
-        let svgDoc = parser.parseFromString(svg_content, "image/svg+xml");
-        let importedSVG = svgDoc.getElementsByTagName("svg")[0];
-        importedSVG.style.width =  "100%";
-        importedSVG.style.height =  "100%";
-        let elements = importedSVG.getElementsByTagName("path");
-
-        svgContainer.appendChild(importedSVG);
-
-`
-end

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

@@ -1,31 +0,0 @@
-def add_new_class(class_name, tag_name, tag_content)
-
-`
-  var styleTag = document.getElementById("atomic_style");
-  styleTag.innerHTML += "\n    ."+#{class_name}+'{\n        '+#{tag_name}+': '+#{tag_content}+';\n}';
-`
-end
-
-add_new_class('new_class', 'background-color','yellow')
-add_new_class('other_class', 'color','red')
-
-def update_css_tag(tag_name, var_name, value)
-  `
-  var rules = null;
-      var cssRules = document.styleSheets[0].cssRules;
-      for (var i = 0; i < cssRules.length; i++) {
-      var rule = cssRules[i];
-      if (rule.selectorText === '.'+#{tag_name}) {
-        rules = rule;
-        break;
-      }
-      }
-
-      if (rules) {
-
-      rules.style.setProperty(#{var_name}, #{value});
-      }
-`
-end
-
-update_css_tag('other_class', '--end-color', 'blue')

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

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

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

@@ -1,59 +0,0 @@
-# frozen_string_literal: true
-
-generator = Genesis.generator
-
-
-new({ browser: :left, type: :integer }) do |value, _user_proc|
-  BrowserHelper.send("browser_left_#{@atome[:type]}", value, @browser_object, @atome)
-end
-
-generator.build_render(:browser_right) do |value, _user_proc|
-  BrowserHelper.send("browser_right_#{@atome[:type]}", value, @browser_object, @atome)
-end
-
-generator.build_render(:browser_top) do |value, _user_proc|
-  BrowserHelper.send("browser_top_#{@atome[:type]}", value, @browser_object, @atome)
-end
-
-generator.build_render(:browser_bottom) do |value, _user_proc|
-  BrowserHelper.send("browser_bottom_#{@atome[:type]}", value, @browser_object, @atome)
-end
-
-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
-
-new ({ browser: :depth }) do |value|
-  @browser_object.style['z-index'] = value
-end
-

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

@@ -1,3 +0,0 @@
-# frozen_string_literal: true
-
-# generator = Genesis.generator

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

@@ -1,49 +0,0 @@
-# frozen_string_literal: true
-
-generator = Genesis.generator
-generator.build_render(:browser_bloc)
-generator.build_render(:browser_render)
-generator.build_render(:browser_delete) do |params|
-  browser_object&.remove if params == true
-end
-
-# do not use browser_clear
-# #
-# # generator.build_render(:browser_clear) do
-# #   @atome[:attached].each do |child_found|
-# #     grab(child_found).browser_object&.remove
-# #   end
-# # end
-
-generator.build_render(:browser_path) do |value|
-  BrowserHelper.send("browser_path_#{@atome[:type]}", value, @browser_object, @atome)
-end
-
-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(: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]
-  atome_js.JS.schedule(years, months, days, hours, minutes, seconds, self, proc)
-end
-
-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/headless.rb

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

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

@@ -1,6 +0,0 @@
-# frozen_string_literal: true
-
-generator = Genesis.generator
-
-generator.build_render(:headless_schedule)
-generator.build_render(:headless_reader)

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

@@ -1,49 +0,0 @@
-# frozen_string_literal: true
-
-
-generator = Genesis.generator
-
-generator.build_render(:html_shape) do
-  current_atome = @atome
-  id_found = current_atome[:id]
-  @html_object = Html.new
-  @html_object.add_class('atome')
-  @html_object.attr('id', id_found)
-end
-
-generator.build_render(:html_element)
-
-generator.build_render(:html_color) do |_value|
-  # we remove previous unused style tag
-  opal_document[id]&.remove
-  red_found = @atome[:red]
-  blue_found = @atome[:blue]
-  green_found = @atome[:green]
-  alpha_found = @atome[:alpha]
-  opal_document.head << DOM("<style atome='#{type}'  id='#{id}'>.#{id}{background-color: rgba(#{red_found * 255},
-  #{green_found * 255},#{blue_found * 255},#{alpha_found})}</style>")
-  # TODO/ use the code below to modify the style tag
-  # `document.getElementById(#{id}).sheet.cssRules[0].style.backgroundColor = 'red'`
-end
-
-generator.build_render(:html_image) do |_user_prc|
-  # id_found = id
-  # instance_exec(&proc) if proc.is_a?(Proc)
-  # DOM do
-  #   img({ id: id_found }).atome
-  # end.append_to($document[:user_view])
-  # @html_object = $document[id_found]
-  # @html_type = :image
-end
-
-generator.build_render(:html_shadow) do
-end
-
-generator.build_render(:html_video) do |_value, _user_proc|
-  # id_found = id
-  # # instance_exec(&proc) if proc.is_a?(Proc)
-  # DOM do
-  #   video({ id: id_found, autoplay: true ,loop: false, muted: true }).atome
-  # end.append_to($document[:user_view])
-  # @html_object = $document[id_found]
-end

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

@@ -1,19 +0,0 @@
-# frozen_string_literal: true
-
-generator = Genesis.generator
-
-generator.build_render(:html_smooth) do |value|
-  formated_params = case value
-                    when Array
-                      properties = []
-                      value.each do |param|
-                        properties << "#{param}px"
-                      end
-                      properties.join(' ').to_s
-                    when Integer
-                      "#{value}px"
-                    else
-                      value
-                    end
-  @html_object.style['border-radius'] = formated_params unless @html_type == :style
-end

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

@@ -1,9 +0,0 @@
-# frozen_string_literal: true
-
-generator = Genesis.generator
-
-generator.build_render(:html_touch) do |_value, proc|
-  @html_object.on :click do |e|
-    instance_exec(&proc) if proc.is_a?(Proc)
-  end
-end

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

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-generator = Genesis.generator
-
-generator.build_render(:html_width) do |value|
-  @html_object.style[:width] = "#{value}px" unless @html_type == :style
-end
-
-generator.build_render(:html_height) do |value|
-  @html_object.style[:height] = "#{value}px" unless @html_type == :style
-end