atome 0.5.4.1.0 → 0.5.4.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1de05964aef532fdea97ad87df059c4c8d1680b95c9ff3e4f584bcd497f759d9
-  data.tar.gz: 8ecfcf60c08122af0b74997d779a70e37826668c64abe1b9e557fafa2a60e8d5
+  metadata.gz: d25a52a19d43efc9be423d30200a1e9449c33a1cfd83236bf2decb48b8a9edde
+  data.tar.gz: a8498b1eebc5f7d1a02960a65173f37fe9f4c9bff861b0420d999afd1bb229fe
 SHA512:
-  metadata.gz: b0ce2a3feae40b1a21f509699b25857ecbf8d3e3a0f6faa40a673b67ed1c592cb8a4676570e0e23681d83c098c045e48267ab1d3b04dc02b259799c16d79206b
-  data.tar.gz: 3c828d6324954e125c17254cdf5376bdabfde5f4b155ee8c0c15eba9d8d10bdc1a6187176606b3f3207b53e2b927b67046fe496e91a760e2f3b2c336f3e1b666
+  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

@@ -56,33 +56,4 @@ 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
+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/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/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.1.0'
+  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/vector.rb

@@ -1,10 +1,11 @@
 # 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=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"/>
@@ -28,4 +29,5 @@ end
 
 wait 3 do
   b.color(:orange)
+  b.width(33)
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: atome
 version: !ruby/object:Gem::Version
-  version: 0.5.4.1.0
+  version: 0.5.4.1.1
 platform: ruby
 authors:
 - Jean-Eric Godard
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2023-05-17 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