atome 0.5.4.1.2 → 0.5.4.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a4b330e878ce2169698bf9cf0cb0910503b2600e875abf3d458e87cbd4cb7c8c
-  data.tar.gz: 0be22a13c09c3f280049579fb6c0f4d7010073d4880bb7ae0cb99e79a750da40
+  metadata.gz: 5ea8cce9faff92d47920bfeb8bdd678e0c1c19db73d7446b43c8f8053cbb32f9
+  data.tar.gz: cc515d8140cbda0d54b4a9faf1bbe13a03bc8a19ce500965480ab5a66f1cd951
 SHA512:
-  metadata.gz: ee294cb99cf5d7b0d34eed58c43a0a1b4309d16fd9c0c3ccba9efe06fd079858d32a7fa0c3562376ce35d076bbef7e14f045f3bcb55a7a27814d55990409785a
-  data.tar.gz: e6c748de46620aa1eb7b2fd5325bfefe66132992e78a1e2f3ad2a670f34e96e0166fa695ad5aa435fd3d3a1433b48c398582c093c0ed0593e85ba172aa73bead
+  metadata.gz: 1b6a8825e9546c41f81fe46018c57824aa2bb46b176a1cf2c4a3d8c1b63ba19f5ba85abddbb3ed790ef9d555968c0e4d90238c3280b6c5d6c799b0d6017bcd1d
+  data.tar.gz: 9c8496f6d15528eef09246d2454847210019fd282a6baca7e505076923e6527fb9ea09f54c9f942985324e0a09264380c4e632fbe748d50e24d00d61caf1df5a

data/CHANGELOG.md

@@ -4,4 +4,9 @@
 - add vector preset, with support for svg format
 
 ## [0.5.4.1.2] - 2023-05-20
-- added changelog for rubygems
+- added changelog for rubygems
+
+## [0.5.4.1.3] - 2023-05-21
+-version updated to  '0.5.4.1.3'
+vector now remove background-color if it exist
+vector now use class instead of a local style

data/lib/atome/genesis/generators/identity.rb

@@ -4,10 +4,10 @@ new({ particle: :attach })
 new({ sanitizer: :attach }) do |parents_ids|
   puts "=> attach it! : #{parents_ids} <="
 
-  parents_ids = parents_ids if parents_ids.instance_of? Atome
+  # parents_ids = parents_ids if parents_ids.instance_of? Atome
   parents_ids = [parents_ids] unless parents_ids.instance_of?(Array)
   parents_ids.each do |parents_id|
-    parents_id = parents_id if parents_id.instance_of? Atome
+    # parents_id = parents_id if parents_id.instance_of? Atome
     parents_found = grab(parents_id)
     # TODO : factorise the code below
     current_type = atome[:type]
@@ -31,10 +31,10 @@ end
 new({ particle: :attached })
 new({ sanitizer: :attached }) do |children_ids|
   puts "=> attached now! : #{children_ids}<="
-  children_ids = children_ids if children_ids.instance_of? Atome
+  # children_ids = children_ids if children_ids.instance_of? Atome
   children_ids = [children_ids] unless children_ids.instance_of?(Array)
   children_ids.each do |child_id|
-    child_id = child_id if child_id.instance_of? Atome
+    # child_id = child_id if child_id.instance_of? Atome
     child_found = grab(child_id)
     parents_found = @atome[:id]
     # TODO : factorise the code below

data/lib/atome/genesis/generators/material.rb

@@ -50,10 +50,15 @@ new({ particle: :remove_classes }) do |value|
   # Universe.classes.delete(value)
   Universe.classes[value].delete(id)
 end
-new ({particle: :opacity})
-
+new ({ particle: :opacity })
 
 # vector shape
-new({particle: :definition})
+new({ particle: :definition })
+
+new({ browser: :definition, type: :string })
 
-new({ browser: :definition, type: :string })
+new({ sanitizer: :definition }) do |params|
+  # we remove the unwanted svg tags
+  params = params.gsub(/<svg[^>]*>|<\/svg>/, '')
+  params
+end

data/lib/atome/genesis/sparkle.rb

@@ -60,6 +60,11 @@ Atome.new(
              red: 0.5, green: 0.5, blue: 0.5, alpha: 1 } }
 )
 
+Atome.new(
+  { color: { renderers: default_render, id: :invisible_color, type: :color,tag: ({persistent: true}),
+             red: 0, green: 0, blue: 0, alpha: 1 } }
+)
+
 Atome.new(
   { color: { renderers: default_render, id: :text_color, type: :color,tag: ({persistent: true}),
              red: 0.3, green: 0.3, blue: 0.3, alpha: 1 } }

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

@@ -9,16 +9,16 @@ def parents(_val) end
 generator = Genesis.generator
 
 generator.build_render(:browser_shape) do
-  if @definition
-    alert :poil
-  else
+  # if @definition
+  #   alert "why we never pass here??????"
+  # else
     @browser_type = :div
     id_found = @atome[:id]
     DOM do
       div(id: id_found).atome
     end.append_to(BrowserHelper.browser_document[:user_view])
     @browser_object = BrowserHelper.browser_document[id_found]
-  end
+  # end
 
 end
 
@@ -34,9 +34,13 @@ generator.build_render(:browser_color) do |_value|
   green_found = @atome[:green]
   alpha_found = @atome[:alpha]
   BrowserHelper.browser_document.head << Browser.DOM("<style atome='#{type_found}'
-  id='#{id_found}'>.#{id_found}{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
+  id='#{id_found}'>.#{id_found}{
+background-color: rgba(#{red_found * 255},#{green_found * 255},#{blue_found * 255},#{alpha_found});
+fill: rgba(#{red_found * 255},#{green_found * 255},#{blue_found * 255},#{alpha_found}),
+stroke: rgba(#{red_found * 255},#{green_found * 255},#{blue_found * 255},#{alpha_found})}</style>")
+  # document.getElementById(#{atome[:id]}).sheet.cssRules[0].style.fill = #{color_updated}
+  #   document.getElementById(#{atome[:id]}).sheet.cssRules[0].style.stroke = #{color_updated}
+  # # TODO:  use the code below to modify the style tag
   @browser_object = BrowserHelper.browser_document[id_found]
 end
 

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

@@ -15,25 +15,36 @@ module BrowserHelper
     html_object.append_to(browser_document[parents])
   end
 
+  def self.colorize_vector(vector_id, tag_style)
+    # TODO : Create a class instead of modidfying the vector
+    # get the content the <style> tag
+    color_class=self.color.last
+    # alert color_class.class
+    # content_style = tag_style.inner_html
+    # color_value = content_style[/background-color:\s*([^;}]+)/, 1]
+    `
+            let parser = new DOMParser();
+    var divElement = document.querySelector('#'+#{vector_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.add(#{color_class});
+            });
+    `
+  end
+
   def self.browser_attach_style(parents, _html_object, atome)
     # we test if the atome has a deinition ( it means hold some vectors infomations)
     if grab(parents).atome[:definition]
       tag_style = $document[atome[:id]]
-      # get the content the <style> tag
-      content_style = tag_style.inner_html
+      # # get the content the <style> tag
+      # content_style = tag_style.inner_html
       #  extract the color value
-      color_value = content_style[/background-color:\s*([^;}]+)/, 1]
-      `
-        let parser = new DOMParser();
-var divElement = document.querySelector('#'+#{parents});
-// select the first svg tag inside the div
-let foundSVG  = divElement.querySelector('svg');
- let elements = foundSVG.getElementsByTagName("path");
-Array.from(elements).forEach(el => {
-            el.setAttribute("fill", #{color_value});
-            el.setAttribute("stroke", #{color_value});
-        });
-`
+      colorize_vector(parents, tag_style)
+
     else
       browser_document[parents].add_class(atome[:id])
 
@@ -50,8 +61,34 @@ Array.from(elements).forEach(el => {
   end
 
   def self.browser_attached_style(children, _html_object, atome)
+    if atome[:definition]
+      children.each do |child|
+        tag_style = $document[child]
+
+        colorize_vector(atome[:id], tag_style)
+        # get the content the <style> tag
+        #            content_style = tag_style.inner_html
+        #            #  extract the color value
+        #            color_value = content_style[/background-color:\s*([^;}]+)/, 1]
+        #            `
+        #         let parser = new DOMParser();
+        # var divElement = document.querySelector('#'+#{atome[:id]});
+        # // select the first svg tag inside the div
+        # let foundSVG  = divElement.querySelector('svg');
+        #  let elements = foundSVG.getElementsByTagName("path");
+        # Array.from(elements).forEach(el => {
+        #             el.setAttribute("fill", #{color_value});
+        #             el.setAttribute("stroke", #{color_value});
+        #         });
+        # `
+      end
+
+    else
+      # alert atome.class
+      browser_document[atome[:id]].add_class(children)
+    end
+    # browser_document[atome[:id]].add_class(children)
 
-    browser_document[atome[:id]].add_class(children)
   end
 
   def self.value_parse(value)

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

@@ -3,7 +3,11 @@
 # for browser rendering
 module BrowserHelper
   def self.browser_colorize_color(color_updated, atome)
-    `document.getElementById(#{atome[:id]}).sheet.cssRules[0].style.backgroundColor = #{color_updated}`
+    `
+  document.getElementById(#{atome[:id]}).sheet.cssRules[0].style.backgroundColor = #{color_updated}
+document.getElementById(#{atome[:id]}).sheet.cssRules[0].style.fill = #{color_updated}
+document.getElementById(#{atome[:id]}).sheet.cssRules[0].style.stroke = #{color_updated}
+`
   end
 
   def self.browser_colorize_shadow(color_updated, atome)

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

@@ -15,9 +15,6 @@ generator.build_render(:browser_type) do |params|
   send("browser_#{params}", user_proc)
 end
 
-# generator.build_render(:browser_family) do |parents_found|
-#   BrowserHelper.send("browser_attach_#{@browser_type}", parents_found, @browser_object, @atome)
-# end
 
 generator.build_render(:browser_attach) do |parents_found|
   # puts "parents_found : #{parents_found}, #{parents_found.class}"

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

@@ -15,7 +15,6 @@ end
 
 generator.build_render(:green) do |value|
   # we return self to allow syntax of the type : a.color(:black).red(1).green(0.3)
-  self
   red = @atome[:red] * 255
   green = (@atome[:green] = value) * 255
   blue = @atome[:blue] * 255
@@ -49,11 +48,6 @@ generator.build_render(:alpha) do |value|
 end
 
 generator.build_render(:visual) do |value|
-  # value = if value[:size].instance_of?(String)
-  #           value[:size]
-  #         else
-  #           "#{value[:size]}px"
-  #         end
   value = BrowserHelper.value_parse(value[:size])
   browser_object.style['font-size'] = value
 end
@@ -99,7 +93,8 @@ new ({ browser: :definition }) do |value|
   `
 
 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');
 

data/lib/atome/version.rb

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

data/vendor/assets/src/medias/rubies/examples/vector.rb

@@ -5,29 +5,35 @@
 #              left: 0, right: 0, top: 0, bottom: 0, width: 30, height: 30, overflow: :hidden, tag: {system: false}
 #   } })
 
-b=vector
-
+b=box({left: 300})
+b.drag(true)
 edition = <<~STR
       <path id="p1" d="M257.7 752c2 0 4-0.2 6-0.5L431.9 722c2-0.4 3.9-1.3 5.3-2.8l423.9-423.9c3.9-3.9 3.9-10.2 0-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2c-1.9 11.1 1.5 21.9 9.4 29.8 6.6 6.4 14.9 9.9 23.8 9.9z m67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"/>
 STR
-b.definition(edition)
+v=b.vector({left: 0, top: 0})
+
+v.definition(edition)
 wait 1 do
-  b.color(:yellow)
+  v.color(:yellow)
 end
 copy = <<~STR
+    <svg class="svg-icon" 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">
       <path id="p1" d="M672 832 224 832c-52.928 0-96-43.072-96-96L128 160c0-52.928 43.072-96 96-96l448 0c52.928 0 96 43.072 96 96l0 576C768 788.928 724.928 832 672 832zM224 128C206.368 128 192 142.368 192 160l0 576c0 17.664 14.368 32 32 32l448 0c17.664 0 32-14.336 32-32L704 160c0-17.632-14.336-32-32-32L224 128z"/>
       <path id="p2" d="M800 960 320 960c-17.664 0-32-14.304-32-32s14.336-32 32-32l480 0c17.664 0 32-14.336 32-32L832 256c0-17.664 14.304-32 32-32s32 14.336 32 32l0 608C896 916.928 852.928 960 800 960z"/>
       <path id="p3" d="M544 320 288 320c-17.664 0-32-14.336-32-32s14.336-32 32-32l256 0c17.696 0 32 14.336 32 32S561.696 320 544 320z"/>
       <path id="p4" d="M608 480 288.032 480c-17.664 0-32-14.336-32-32s14.336-32 32-32L608 416c17.696 0 32 14.336 32 32S625.696 480 608 480z"/>
       <path id="p5" d="M608 640 288 640c-17.664 0-32-14.304-32-32s14.336-32 32-32l320 0c17.696 0 32 14.304 32 32S625.696 640 608 640z"/>
+    </svg>
 STR
 
 
 wait 2 do
-  b.definition(copy)
+  v.definition(copy)
 end
 
 wait 3 do
-  b.color(:orange)
-  b.width(33)
+  v.color(:orange)
+  v.width(33)
+  v.height(33)
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: atome
 version: !ruby/object:Gem::Version
-  version: 0.5.4.1.2
+  version: 0.5.4.1.3
 platform: ruby
 authors:
 - Jean-Eric Godard
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2023-05-20 00:00:00.000000000 Z
+date: 2023-05-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: arduino_firmata