atome 0.5.4.0.9 → 0.5.4.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 81fc451e1fa30a44d57e1fb6405f96e3e9fc8930740c750d9267a89bc2952fa0
-  data.tar.gz: 9048ed1b43c9a1f8c732a3b63af02a47480a6dd82a33f9c8d0f9e2f36e9a5f57
+  metadata.gz: 1de05964aef532fdea97ad87df059c4c8d1680b95c9ff3e4f584bcd497f759d9
+  data.tar.gz: 8ecfcf60c08122af0b74997d779a70e37826668c64abe1b9e557fafa2a60e8d5
 SHA512:
-  metadata.gz: aa62f9692742e709ce866a2b5eb983d198e15d635ff5a47e1e1a5f809942abd9e8b6a7e3328fcf8fd2bb2b41cf3925ec03f03ee6acc15018ebfef424b2fd05de
-  data.tar.gz: a2c193b0b0613985aa7c55e425158264dcbd7df127e1b5df5a3b65df2f2a9d2de725059010135f12576604cfe1afb9006f8142bf289c3a70962641ce55df027f
+  metadata.gz: b0ce2a3feae40b1a21f509699b25857ecbf8d3e3a0f6faa40a673b67ed1c592cb8a4676570e0e23681d83c098c045e48267ab1d3b04dc02b259799c16d79206b
+  data.tar.gz: 3c828d6324954e125c17254cdf5376bdabfde5f4b155ee8c0c15eba9d8d10bdc1a6187176606b3f3207b53e2b927b67046fe496e91a760e2f3b2c336f3e1b666

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

@@ -51,3 +51,38 @@ new({ particle: :remove_classes }) do |value|
   Universe.classes[value].delete(id)
 end
 new ({particle: :opacity})
+
+
+# vector shape
+new({particle: :definition})
+
+new({ browser: :definition, type: :string }) do |value, _user_proc|
+  # alert "value is #{value}"
+  target=id
+  `
+
+var divElement =  document.querySelector('#'+#{target});;
+
+// 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});
+        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/atome.rb

@@ -9,12 +9,17 @@ def parents(_val) end
 generator = Genesis.generator
 
 generator.build_render(:browser_shape) do
-  @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]
+  if @definition
+    alert :poil
+  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
 
 generator.build_render(:browser_color) do |_value|

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

@@ -16,13 +16,35 @@ module BrowserHelper
   end
 
   def self.browser_attach_style(parents, _html_object, atome)
-    browser_document[parents].add_class(atome[:id])
+    # 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
+      #  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});
+        });
+`
+    else
+      browser_document[parents].add_class(atome[:id])
+
+    end
+
   end
 
   def self.browser_attached_div(children, _html_object, atome)
     children.each do |child_found|
       # atome_child.browser_attach_div
-      html_child=grab(child_found).browser_object
+      html_child = grab(child_found).browser_object
       html_child.append_to(browser_document[atome[:id]])
     end
   end

data/lib/atome/version.rb

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

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

@@ -66,7 +66,7 @@ end
 
 cc.touch(true) do
   # alert cc.left
-  puts "===>ee is : >#{cc.left}"
+  puts "===>cc is : >#{cc}"
 end
 
 bb=box({drag: true, color: :yellow})

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

@@ -0,0 +1,31 @@
+# frozen_string_literal: true
+
+
+b=Atome.new(
+  { shape: { renderers: [:browser], id: :the_shape, type: :shape, attach: [:view],
+             left: 0, right: 0, top: 0, bottom: 0, width: 30, height: 30, overflow: :hidden, tag: {system: false}
+  } })
+
+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)
+wait 1 do
+  b.color(:yellow)
+end
+copy = <<~STR
+      <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"/>
+STR
+
+
+wait 2 do
+  b.definition(copy)
+end
+
+wait 3 do
+  b.color(:orange)
+end

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

@@ -16,8 +16,12 @@ wait 2 do
 end
 
 my_video.touch(true) do
-  my_video.play(true) do |currentTime|
-    puts "play callback time is : #{currentTime}"
+  if my_video.play == true
+    my_video.pause(true)
+  else
+    my_video.play(true) do |currentTime|
+      puts "play callback time is : #{currentTime}"
+    end
   end
 end
 #############

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: atome
 version: !ruby/object:Gem::Version
-  version: 0.5.4.0.9
+  version: 0.5.4.1.0
 platform: ruby
 authors:
 - Jean-Eric Godard
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2023-05-16 00:00:00.000000000 Z
+date: 2023-05-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: arduino_firmata
@@ -673,6 +673,7 @@ files:
 - vendor/assets/src/medias/rubies/examples/to_px.rb
 - vendor/assets/src/medias/rubies/examples/top.rb
 - vendor/assets/src/medias/rubies/examples/touch.rb
+- vendor/assets/src/medias/rubies/examples/vector.rb
 - vendor/assets/src/medias/rubies/examples/video.rb
 - vendor/assets/src/medias/rubies/examples/wait.rb
 - vendor/assets/src/medias/rubies/examples/web.rb