atome 0.5.4.0.9 → 0.5.4.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 81fc451e1fa30a44d57e1fb6405f96e3e9fc8930740c750d9267a89bc2952fa0
-  data.tar.gz: 9048ed1b43c9a1f8c732a3b63af02a47480a6dd82a33f9c8d0f9e2f36e9a5f57
+  metadata.gz: d25a52a19d43efc9be423d30200a1e9449c33a1cfd83236bf2decb48b8a9edde
+  data.tar.gz: a8498b1eebc5f7d1a02960a65173f37fe9f4c9bff861b0420d999afd1bb229fe
 SHA512:
-  metadata.gz: aa62f9692742e709ce866a2b5eb983d198e15d635ff5a47e1e1a5f809942abd9e8b6a7e3328fcf8fd2bb2b41cf3925ec03f03ee6acc15018ebfef424b2fd05de
-  data.tar.gz: a2c193b0b0613985aa7c55e425158264dcbd7df127e1b5df5a3b65df2f2a9d2de725059010135f12576604cfe1afb9006f8142bf289c3a70962641ce55df027f
+  metadata.gz: b54d244241eacb79b8c89f46fe97759826b6cde783224f16c629f822f0a8cbc556dc3f6ab1b29195b8b6dc0b0659a88e865aa1e32259aef85d08aab795b664d9
+  data.tar.gz: 9ad98aac937ffdba6019f19b66bd2fc3b2025c78db0e5260b49c1ef32e997ca5ab7522a91f9facf97d731105a4d536d0f695234d6c4ccb635de84594a2d35ea5

data/lib/atome/extensions/atome.rb

@@ -40,6 +40,10 @@ class Object
     grab(:view).box(params, &proc)
   end
 
+  def vector(params = {}, &proc)
+    grab(:view).vector(params, &proc)
+  end
+
   def circle(params = {}, &proc)
     grab(:view).circle(params, &proc)
   end

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

@@ -2,6 +2,8 @@
 
 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] unless parents_ids.instance_of?(Array)
   parents_ids.each do |parents_id|
@@ -28,6 +30,7 @@ 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] unless children_ids.instance_of?(Array)
   children_ids.each do |child_id|

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

@@ -51,3 +51,9 @@ 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 })

data/lib/atome/helpers/essentials.rb

@@ -17,6 +17,9 @@ module Essentials
     box: { type: :shape, width: 99, height: 99,
            attached: :box_color, attach: [:view],
            left: 100, top: 100, clones: [], preset: :box },
+    vector: { type: :shape, width: 99, height: 99,
+           attach: [:view],
+           left: 100, top: 100, clones: [], preset: :vector },
     circle: { type: :shape, width: 99, height: 99, smooth: '100%',
               attached: :circle_color, attach: [:view],
               left: 100, top: 100, clones: [], preset: :circle },

data/lib/atome/presets/atome.rb

@@ -22,6 +22,12 @@ class Atome
     Atome.new({ atome_type => params }, &bloc)
   end
 
+  def vector(params = {}, &bloc)
+    atome_type = :vector
+    params = atome_common(atome_type, params)
+    Atome.new({ atome_type => params }, &bloc)
+  end
+
   def circle(params = {}, &bloc)
     atome_type = :circle
     # puts "counter#{Universe.counter}"

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/browser.rb

@@ -1,5 +1,6 @@
 # frozen_string_literal: true
 
+require 'atome/renderers/browser/opal_add_on'
 require 'atome/renderers/browser/effect'
 require 'atome/renderers/browser/event'
 require 'atome/renderers/browser/geometry'

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/renderers/browser/material.rb

@@ -62,11 +62,11 @@ generator.build_render(:browser_edit) do |value|
   if value == true
     caret_color = 'white'
     user_select = 'text'
-    selection_color= 'blue'
+    selection_color = 'blue'
   else
     caret_color = 'transparent'
     user_select = 'none'
-    selection_color= 'transparent'
+    selection_color = 'transparent'
   end
 
   @browser_object.attributes[:contenteditable] = value
@@ -90,6 +90,35 @@ generator.build_render(:browser_remove_classes) do |value, _user_proc|
   @browser_object.remove_class(value)
 end
 
-new ({browser: :opacity}) do |value|
+new ({ browser: :opacity }) do |value|
   @browser_object.style['opacity'] = value
+end
+
+new ({ browser: :definition }) do |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/opal_add_on.rb

@@ -0,0 +1,31 @@
+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/version.rb

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

data/vendor/assets/src/index.html

@@ -1,8 +1,9 @@
 <!DOCTYPE html>
 <html lang="En">
 <head>
-<!--    <link rel="icon" type="image/x-icon" href="./favicon.ico">-->
-    <link rel="icon" type="image/x-icon" href="https://github.com/atomecorp/atome/blob/master/vendor/assets/src/favicon.ico">
+    <!--    <link rel="icon" type="image/x-icon" href="./favicon.ico">-->
+    <link rel="icon" type="image/x-icon"
+          href="https://github.com/atomecorp/atome/blob/master/vendor/assets/src/favicon.ico">
 
 
     <meta name='viewport' content='initial-scale=1, width=device-width, viewport-fit=cover'>
@@ -10,21 +11,22 @@
     <meta name="format-detection" content="telephone=no">
     <meta name="msapplication-tap-highlight" content="no">
     <link type="text/css" rel="stylesheet" href="css/style.css">
+    <style id="atomic_style"></style>
     <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/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>-->
+    <!--    <script src='js/third_parties/w3color.js'></script>-->
     <script src='js/opal/opal.js'></script>
     <script src='js/opal/opal_browser.js'></script>
     <!--    TODO: we line below is commented when using stand alone mode and loaded on demand when using server mode-->
-        <script type="text/javascript" src="js/third_parties/fabric.min.js"></script>
+    <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 src='js/opal/opal_parser.js'></script>
+    <script src='js/opal/opal_parser.js'></script>
     <script src='js/aui.js'></script>
 
     <script src='js/atome/atome_helpers/atome_animate.js' defer></script>

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,33 @@
+# 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}
+#   } })
+
+b=vector
+
+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)
+  b.width(33)
+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.1
 platform: ruby
 authors:
 - Jean-Eric Godard
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2023-05-16 00:00:00.000000000 Z
+date: 2023-05-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: arduino_firmata
@@ -453,6 +453,7 @@ files:
 - lib/atome/renderers/browser/helpers/web_helper.rb
 - lib/atome/renderers/browser/identity.rb
 - lib/atome/renderers/browser/material.rb
+- lib/atome/renderers/browser/opal_add_on.rb
 - lib/atome/renderers/browser/opal_browser.rb
 - lib/atome/renderers/browser/spatial.rb
 - lib/atome/renderers/browser/time.rb
@@ -673,6 +674,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