atome 0.5.1.4 → 0.5.2.5

data/vendor/assets/build/medias/rubies/examples/_dataset.rb

@@ -0,0 +1,82 @@
+# # frozen_string_literal: true
+#
+#
+#
+# generator = Genesis.generator
+# generator.build_atome(:data_set)
+# generator.build_particle(:assign) do |cell_nb,&proc |
+#     # current_cell = grab("#{@matrix_id}_#{cell_nb}")
+#     if proc
+#       # @matrix_dataset[cell_nb] << proc
+#       # current_cell.instance_exec(&proc) if proc.is_a? Proc
+#     else
+#       # @matrix_dataset[cell_nb]
+#     end
+# end
+# class Atome
+#   def data_set(params = {}, &bloc)
+#     atome_type = :data_set
+#     generated_render = params[:renderers] || []
+#     generated_id = params[:id] || "#{atome_type}_#{Universe.atomes.length}"
+#     generated_parents = params[:parents] || [id.value]
+#     params = atome_common(atome_type, generated_id, generated_render, generated_parents, params)
+#     Atome.new({ atome_type => params }, &bloc)
+#   end
+# end
+#
+#
+# # create_atome(:data_set)
+#
+# a = data_set({})
+# puts a
+#
+# a.assign(2) do
+#   curent_cell = self
+#   curent_cell.image({ path: "./medias/images/moto.png", width: 33, height: 33})
+#   curent_cell.active(:inactive)
+#   touch(:long) do
+#     if curent_cell.active.value ==:inactive
+#       curent_cell.color(:yellow)
+#       curent_cell.active(:active)
+#     else
+#       curent_cell.color(:red)
+#       curent_cell.active(:inactive)
+#     end
+#   end
+# end
+#
+#*
+# a.assign(3) do
+#   color({ red: 0.6, green: 0.333, blue: 0.6, alpha: 1 })
+#   grab(:vie_playground_3).shadow({ blur: 12 })
+# end
+# puts  "assign : #{a.assign}"
+#
+box
+circle
+generator = Genesis.generator
+
+generator.build_atome(:template)
+
+generator.build_sanitizer(:template) do |params|
+
+  default_params = { renderers: [], id: "template_#{Universe.atomes.length}", type: :template,
+  }
+  default_params.merge!(params)
+end
+
+generator.build_particle(:display) do |params|
+  template_needed = params[:template]
+  targeted_atomes = params[:list]
+  alert template_needed
+  alert targeted_atomes
+end
+
+template({ id: :child_in_table, code: [], cells: 16, columns: 4, rows: 4 })
+the_view = grab(:view)
+the_view.display(template: :child_in_table, list: [the_view.children.value], left: 33, top: 63, width: 333, height: 333)
+
+# alert the_view
+
+
+

data/vendor/assets/build/medias/rubies/examples/_markers.rb

@@ -0,0 +1,57 @@
+# frozen_string_literal: true
+
+##########################
+# markers
+my_video = Atome.new(
+  video: { renderers: [:browser], id: :video1, type: :video, parents: [:view],clones: [],
+           path: './medias/videos/avengers.mp4', left: 333, top: 33, width: 777
+  }
+) do |params|
+  # puts "video callback here #{params}"
+end
+
+my_video.touch(true) do
+  my_video.play(10) do ||
+
+  end
+end
+
+@mcounter = 0
+my_video.at({ time: 15 }) do |value|
+  # my_video.pause(true)
+  if @mcounter
+    puts "ok : #{@mcounter}"
+  else
+    @mcounter = 0
+  end
+
+  puts "value is : #{value} : mcounter : #{@mcounter}"
+  puts "---- #{my_video.time}-----"
+  my_video.play(15+(@mcounter*1))
+  # my_video.play() do |val|
+  #   puts val
+  # end
+
+  @mcounter = @mcounter + 1
+  @at_time[:used] = false
+end
+
+
+# frozen_string_literal: true
+
+generator = Genesis.generator
+generator.build_particle(:markers)
+
+
+
+my_lambda = lambda do  |val|
+  puts "hello : #{val}"
+end
+my_video.markers({m1:{time: 15.87576, code: my_lambda}})
+
+my_video.markers({m1:{time: 15.87576, code: my_lambda}}) do |params|
+  alert :good
+end
+
+my_lambda.call(:jeezs)
+alert my_video.markers

data/vendor/assets/build/medias/rubies/examples/_os.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+# module OS
+#   def OS.windows?
+#     (/cygwin|mswin|mingw|bccwin|wince|emx/ =~ RUBY_PLATFORM) != nil
+#   end
+#
+#   def OS.mac?
+#     (/darwin/ =~ RUBY_PLATFORM) != nil
+#   end
+#
+#   def OS.unix?
+#     !OS.windows?
+#   end
+#
+#   def OS.linux?
+#     OS.unix? and !OS.mac? and !OS.opal?
+#   end
+#
+#   def OS.jruby?
+#     RUBY_ENGINE == 'jruby'
+#   end
+#
+#   def OS.opal?
+#     RUBY_ENGINE == 'opal'
+#   end
+# end
+#
+# # alert  OS.linux?

data/vendor/assets/build/medias/rubies/examples/_vie.rb

@@ -0,0 +1,211 @@
+# frozen_string_literal: true
+a = {
+  "modules": [
+    {
+      "id": "90be7add-12fd-476e-a267-c4ea65cd0bad",
+      "name": "Midi in",
+      "type_id": "midi",
+      "active": "true",
+      "input_slots": [
+        {
+          "id": "948151e4-93c5-428f-a2e9-01f560592a7d",
+          "name": "active",
+          "unit": "",
+          "value": 1
+        }
+      ],
+      "output_slots": [
+        {
+          "id": "394119f0-886e-4fae-8ae7-d3b187266760",
+          "name": "Midi out",
+          "unit": ""
+        }
+      ],
+      "position": {
+        "x": 0,
+        "y": 0,
+        "z": 0
+      }
+    },
+    {
+      "id": "82a15e17-c93a-4db1-af8a-d79a32c5b590",
+      "name": "Sin",
+      "type_id": "oscillator",
+      "active": "true",
+      "input_slots": [
+        {
+          "id": "f8ba775f-7a30-4728-99df-a6b6edf2666e",
+          "name": "active",
+          "unit": "",
+          "value": 1
+        },
+        {
+          "id": "002a39c1-e0eb-4ef3-9698-b8bc63faf467",
+          "name": "freq",
+          "unit": "khz",
+          "value": 4.40
+        }
+      ],
+      "output_slots": [
+        {
+          "id": "3d3dd92b-5a61-43bd-b15b-7356224f0fbc",
+          "name": "amplitude",
+          "unit": "db"
+        }
+      ],
+      "position": {
+        "x": 1,
+        "y": 0,
+        "z": 0
+      }
+    },
+    {
+      "id": "6f214581-52ba-484a-a896-1e137305bdd5",
+      "name": "mix",
+      "type_id": "mixer",
+      "active": "true",
+      "input_slots": [
+        {
+          "id": "fbf3a30a-f2a4-49ef-b56c-2830ad5f8917",
+          "name": "active",
+          "unit": "",
+          "value": 1
+        },
+        {
+          "id": "d1948f42-4260-4614-a3b8-2070b50c1e73",
+          "name": "input1",
+          "unit": "db",
+          "value": []
+        },
+        {
+          "id": "82399578-ec95-48f4-a909-d76e27571048",
+          "name": "input2",
+          "unit": "db",
+          "value": []
+        }
+      ],
+      "output_slots": [
+        {
+          "id": "a1f1cde0-5432-4465-b2a0-d06f759515b0",
+          "name": "mixout",
+          "unit": "db"
+        }
+      ],
+      "position": {
+        "x": 2,
+        "y": 0,
+        "z": 0
+      }
+    },
+    {
+      "id": "bf35dea9-f94e-4b73-9cdc-4c57c20ad996",
+      "name": "speak out",
+      "type_id": "output",
+      "active": "true",
+      "input_slots": [
+        {
+          "id": "fec34afa-a935-4892-949f-bb4ffc312468",
+          "name": "active",
+          "unit": "",
+          "value": 1
+        },
+        {
+          "id": "4b0fc5c3-fc04-4122-905d-aeebc4e06099",
+          "name": "input",
+          "unit": "db"
+        }
+      ],
+      "output_slots": [],
+      "position": {
+        "x": 3,
+        "y": 0,
+        "z": 0
+      }
+    }
+  ],
+  "links": [
+    {
+      "id": "dbde9cd8-462f-4f4a-80c6-cee0b0b9a5eb",
+      "sourceComponentId": "90be7add-12fd-476e-a267-c4ea65cd0bad",
+      "sourceOutputSlotId": "394119f0-886e-4fae-8ae7-d3b187266760",
+      "targetComponentId": "82a15e17-c93a-4db1-af8a-d79a32c5b590",
+      "targetInputSlotId": "002a39c1-e0eb-4ef3-9698-b8bc63faf467",
+      "active": "true"
+    },
+    {
+      "id": "0bf66202-50fe-4c82-81bd-7c828d1b4edb",
+      "sourceComponentId": "82a15e17-c93a-4db1-af8a-d79a32c5b590",
+      "sourceOutputSlotId": "3d3dd92b-5a61-43bd-b15b-7356224f0fbc",
+      "targetComponentId": "6f214581-52ba-484a-a896-1e137305bdd5",
+      "targetInputSlotId": "d1948f42-4260-4614-a3b8-2070b50c1e73",
+      "active": "true"
+    },
+    {
+      "id": "929faf01-6320-4273-8557-819f414c9d3a",
+      "sourceComponentId": "6f214581-52ba-484a-a896-1e137305bdd5",
+      "sourceOutputSlotId": "a1f1cde0-5432-4465-b2a0-d06f759515b0",
+      "targetComponentId": "bf35dea9-f94e-4b73-9cdc-4c57c20ad996",
+      "targetInputSlotId": "4b0fc5c3-fc04-4122-905d-aeebc4e06099",
+      "active": "true"
+    }
+  ]
+}
+
+ Atome.new({ color: { renderers: [:browser], id: :orange_col, type: :color, parents: [], children: [],
+                               left: 33, top: 66, red: 0, green: 0.15, blue: 0.7, alpha: 0.6 } })
+
+def get_vie_module(list)
+  # puts list[:modules][0].keys
+  # puts "---------"
+  # module_id = list[:modules][0][:id]
+  # module_name = list[:modules][0][:name]
+  # module_id = list[:modules][0][:type_id]
+  # module_active = list[:modules][0][:active]
+  # module_position = list[:modules][0][:position]
+  # module_input_slots = list[:modules][0][:input_slots]
+  # module_output_slots = list[:modules][0][:output_slots]
+
+  list[:modules].each do |properties, value|
+    module_id = properties[:id]
+    module_name = properties[:name]
+    module_id = properties[:type_id]
+    module_active = properties[:active]
+    module_position = properties[:position]
+    module_input_slots = properties[:input_slots]
+    module_output_slots = properties[:output_slots]
+    left_pos = 120 + ((module_position[:x].to_i) * (66 + 33+120))
+    top_pos=120 + ((module_position[:y].to_i) * (66 + 33))
+    a=Atome.new(
+      shape: { type: :shape, renderers: [:browser], id: module_id, parents: [:view],children: [], color: :orange,
+               left: left_pos, top: top_pos,
+               width: 120, height: 120
+
+      }
+    )
+    a.text({ data:  module_id, visual: {size:  12 }, color: :black, center: :horizontal, width: 120, height: 120})
+    a.touch(true) do
+      puts  a
+    end
+
+    slider=a.circle({width: 20, height: 20, top: 15, left: 15})
+    slider.drag( { move: true, inertia: true, lock: :x, constraint: :parent } ) do |pos|
+       "module_id : #{module_id}, #{(pos[:left]-left_pos)/100}"
+       msg_value=(pos[:left]-left_pos)/100
+      `
+function send_to_controller(module,value){
+console.log(module,value)
+}
+send_to_controller(#{module_id},#{msg_value});
+`
+    end
+  end
+
+  list[:links]
+
+end
+
+hash_test = a.to_json
+
+json_test = JSON.parse(hash_test)
+
+get_vie_module(json_test)

data/vendor/assets/build/medias/rubies/examples/animation.rb

@@ -0,0 +1,81 @@
+# frozen_string_literal: true
+
+bb = box({ id: :the_ref, width: 369 })
+bb.color(:red)
+box({ id: :my_box, drag: true })
+c = circle({ id: :the_circle, left: 222, drag: { move: true, inertia: true, lock: :start } })
+c.shadow({ renderers: [:browser], id: :shadow2, type: :shadow,
+           parents: [:the_circle], children: [],
+           left: 3, top: 9, blur: 19,
+           red: 0, green: 0, blue: 0, alpha: 1
+         })
+
+Atome.new(animation: { renderers: [:browser], id: :the_animation1, type: :animation, children: [] })
+aa = animation({
+                 targets: %i[my_box the_circle],
+                 begin: {
+                   left_add: 0,
+                   top: :self,
+                   smooth: 0,
+                   width: 3
+                 },
+                 end: {
+                   left_add: 333,
+                   top: 299,
+                   smooth: 33,
+                   width: :the_ref
+                 },
+                 duration: 800,
+                 mass: 1,
+                 damping: 1,
+                 stiffness: 1000,
+                 velocity: 1,
+                 repeat: 1,
+                 ease: 'spring'
+               }) do |pa|
+  puts "animation say#{pa}"
+end
+aa.stop(true) do |val|
+  puts " stop : #{val}"
+end
+
+aa.start(true) do |val|
+  puts " start : #{val}"
+end
+
+bb.touch(true) do
+  aa.play(true) do |po|
+    puts "play say #{po}"
+  end
+end
+
+aaa = animation({
+                  # no target for advanced animations control on callback
+                  begin: {
+                    left_add: 0,
+                    top: :self,
+                    smooth: 0,
+                    width: 3
+                  },
+                  end: {
+                    left_add: 333,
+                    top: :self,
+                    smooth: 33,
+                    width: :the_ref
+                  },
+                  duration: 1800,
+                  mass: 1,
+                  damping: 1,
+                  stiffness: 1000,
+                  velocity: 1,
+                  repeat: 1,
+                  ease: 'spring'
+                }) do |pa|
+  puts "get params to do anything say#{pa}"
+end
+wait 7 do
+  aaa.play(true) do |po|
+    puts "play aaa say #{po}"
+  end
+end
+

data/vendor/assets/build/medias/rubies/examples/at.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+my_video = Atome.new(
+  video: { renderers: [:browser], id: :video1, type: :video, parents: [:view],
+           path: './medias/videos/avengers.mp4', left: 333, top: 33, width: 777
+  }
+) do |params|
+  puts "video callback here #{params}"
+end
+
+my_video.touch(true) do
+  my_video.play(1)
+end
+
+my_video.at({ time: 3.6 }) do |value|
+  puts "okok"
+end
+
+my_video.at({ time: 6.6 }) do |value|
+  my_video.pause(true)
+end

data/vendor/assets/build/medias/rubies/examples/{atome.new.rb → atome_new.rb}

@@ -1,15 +1,15 @@
 # frozen_string_literal: true
 
 Atome.new(
-  shape: { type: :shape, renderers: [:browser], id: :the_shape, parents: [:view], children: [],
+  shape: { type: :shape, renderers: [:browser], id: :the_shape, parents: [:view], children: [], clones: [],
            left: 99, right: 99, width: 399, height: 99,
-           color: { renderers: [:browser], id: :c315, type: :color, parents: [:the_shape],children: [],
+           color: { renderers: [:browser], id: :c315, type: :color, parents: [:the_shape], children: [],
                     red: 0.3, green: 1, blue: 0.6, alpha: 1 } }
 )
 
 Atome.new(
-  shape: { renderers: [:browser], id: :the_shape2, type: :shape, parents: [:view],children: [],
+  shape: { renderers: [:browser], id: :the_shape2, type: :shape, parents: [:view], children: [], clones: [],
            left: 99, right: 99, width: 99, height: 99,
-           color: { renderers: [:browser], id: :c31, type: :color, parents: [:the_shape2],children: [],
+           color: { renderers: [:browser], id: :c31, type: :color, parents: [:the_shape2], children: [],
                     red: 1, green: 0.15, blue: 0.15, alpha: 0.6 } }
-)
+)

data/vendor/assets/build/medias/rubies/examples/bottom.rb

@@ -1,3 +1,3 @@
 # frozen_string_literal: true
 
-box({bottom: 12 })
+box({bottom: 12,top: :auto })

data/vendor/assets/build/medias/rubies/examples/center.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+b = box({ id: :mybox, width: 666, height: 555, top: 0, left: 0 })
+
+c = b.circle()
+t = c.text({ data: :hello, visual: { size: 9 } })
+c.color(:red)
+wait 2 do
+  c.center(true)
+  t.center(true)
+end
+
+wait 4 do
+  c.center(:horizontal)
+  t.center(:horizontal)
+end
+
+wait 6 do
+  c.center(:vertical)
+  t.center(:vertical)
+end

data/vendor/assets/build/medias/rubies/examples/clone.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+b = box({ color: :red, smooth: 6 })
+
+b.clones([left: 600, top: 300])
+
+wait 1 do
+  b.width(500)
+end
+
+wait 2 do
+  b.height(500)
+end
+
+wait 4 do
+  b.clones.value.each do |clone_found|
+    grab(clone_found[:id]).delete(true)
+  end
+end
+

data/vendor/assets/build/medias/rubies/examples/color.rb

@@ -1,19 +1,14 @@
 # frozen_string_literal: true
 
-c = circle
-# FIXME: bug we creating an object like this c = circle({ red: 1 })
 # FIXME: bug we using a color twice or more only the first is colored: c = { red: 1 }; a.color(c),b.color(c)
-# Example:
-# c={ red: 1 }
-# a=circle
-# b=box({ left: 300 })
-# a.color(c)
-# b.color(c)
+
+c = circle
+
 wait 1 do
   # the most performant way :
   # please note that in this case:  render , id and type params must place in order
   c.color(
-    { render: [:html], id: :c319, type: :color,
+    { renderers: [:browser], id: :c319, type: :color,
       red: 1, green: 1, blue: 0.15, alpha: 0.6 }
   )
 end
@@ -42,11 +37,21 @@ wait 5 do
   end
 end
 
-circle({id: :the_circle})
 
+wait 10  do
+  Atome.new({ color: { renderers: [:browser], id: :col1, type: :color, parents: [], children: [],
+                       left: 33, top: 66, red: 1, green: 0.15, blue: 0.7, alpha: 1 } })
 
-wait 2 do
-  the_col=Atome.new({ color: { renderers: [:browser], id: :c31, type: :color, parents: [], children: [],
-                               left: 33, top: 66, red: 0, green: 0.15, blue: 0.7, alpha: 0.6 } })
-  the_col.parents([:the_circle])
-end
+  col_2 = Atome.new({ color: { renderers: [:browser], id: :col2, type: :color, parents: [], children: [],
+                               left: 33, top: 66, red: 0, green: 0.15, blue: 0.7, alpha: 1 } })
+
+  Atome.new(
+    shape: { type: :shape, renderers: [:browser], id: :shaped, parents: [:view], children: [], attached: [:col1],
+             left: 199, top: 99,
+             width: 66, height: 66
+    }
+  )
+  wait 2 do
+    col_2.attach([:shaped])
+  end
+end

data/vendor/assets/build/medias/rubies/examples/cursor.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+:crosshair
+:pointer
+b=box
+
+b.cursor(:crosshair)

data/vendor/assets/build/medias/rubies/examples/delete.rb

@@ -1,7 +1,29 @@
 # frozen_string_literal: true
 
-b = box
+b = box({left: 333})
 
-wait 1 do
+b.circle({top: 66, id: :the_circle})
+
+wait 4 do
   b.delete(true)
-end
+end
+
+wait 3 do
+  b.attached.value.each do |attached_atome_id|
+    b.delete({id: attached_atome_id})
+    b.shadow({ renderers: [:browser], id: :shadow2, type: :shadow, parents: [], children: [],
+                left: 3, top: 9, blur: 3, direction: '',
+                red: 0, green: 0, blue: 0, alpha: 1
+              })
+  end
+
+end
+
+wait 2 do
+  b.delete(:left)
+end
+
+
+wait 1 do
+  b.delete({id: :the_circle})
+end

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

@@ -0,0 +1,39 @@
+# frozen_string_literal: true
+
+a = box({ width: 333, height: 333, id: :the_boxy })
+a.color(:red)
+b = box({ width: 33, height: 33, id: :the_box, drag: true })
+b.parents([a.id.value])
+b.color(:black)
+# b.parents([:the_boxy ])
+b.drag({ move: true }) do |e|
+  puts e
+end
+
+# b.drag({ move: false}) do |e|
+#   puts e
+# end
+
+
+b.drag({ start: true}) do |e|
+  b.color(:yellow)
+end
+
+b.drag({ end: true}) do |e|
+  b.color(:orange)
+end
+
+# b.drag({ inertia: true })
+
+# b.drag({ lock: :start })
+
+b.drag({ lock: :x })
+
+# b.drag({ remove: true })
+# b.drag({ remove: false })
+
+# b.drag({ snap: { x: 100, y: 190 } })
+
+# b.drag({ constraint: { top: 330, left: 30, bottom: 30, right: 1 } })
+b.drag({ constraint: :parent })
+# b.drag({ constraint: :the_boxy })