atome 0.5.4.1.7 → 0.5.5.6.4

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

@@ -1,70 +0,0 @@
-# frozen_string_literal: true
-bb=text({data: :hello })
-#
-bb.touch(true) do
-  bb.left(333)
-end
-
-# alert grab(:view).attached
-bb.monitor({ atomes: grab(:view).attached, particles: [:left] }) do |_atome, _element, value|
-  puts "the left value of #{id} was change to : #{value}"
-end
-
-a = text({ data: "open the console!" })
-a.right(44).left(66)
-color({red: 1, id: :the_red_col})
-b = Atome.new(shape: { type: :shape, id: :my_shape, attach: [:view], renderers: [:browser],
-                       left: 0, right: 33, attached: :the_red_col, width: 33, height: 33
-})
-
-c = Atome.new(shape: { type: :shape, id: :my_pix,  attach: [:view], renderers: [:browser],
-                       left: 50, right: 78, attached: :the_red_col, width: 33, height: 33
-})
-
-
-
-
-b.left(936)
-wait 0.5 do
-  b.left(777)
-  wait 0.5 do
-    c.left(888)
-  end
-end
-
-puts "bb monitor is #{bb.monitor}"
-
-# test 2
-aa = text({ data: 'touch me and look in the console', top: 99, width: 399, left: 120 })
-
-
-bb=box({ id: :the_boxy })
-
-aa.touch(true) do
-  aa.color(:red)
-  aa.left(333)
-  aa.width(555)
-  aa.right(4)
-  aa.height(199)
-end
-bb.drag(true)
-bb.monitor({ atomes: grab(:view).attached, particles: [:left] }) do |_atome, _element, value|
-  puts "the left value of #{id} was change to : #{value}"
-end
-
-bb.monitor({ atomes: grab(:view).attached, particles: [:top] }) do |_atome, _element, value|
-  puts "the top value of #{id} was change to : #{value}"
-end
-
-bb.monitor({ atomes: grab(:view).attached, particles: [:width] }) do |_atome, _element, value|
-  puts "the width's value of #{id} was change to : #{value}"
-end
-
-bb.monitor({ atomes: grab(:view).attached, particles: [:left], id: :my_monitorer }) do |_atome, _element, value|
-  puts "the second monitor left value of #{id} was log to : #{value}"
-end
-# puts aa.monitor
-bb.top(66)
-a.monitor({ atomes: grab(:view).attached, particles: [:left] }) do |atome, element, value|
-  puts "monitoring  #{id} : #{atome.id}, #{element}, #{value}"
-end

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

@@ -1,22 +0,0 @@
-# frozen_string_literal: true
-
-my_video2 = Atome.new(
-  video: { renderers: [:browser], id: :video9, type: :video, attach: [:view], path: './medias/videos/madmax.mp4',
-           left: 666, top: 333, width: 199, height: 99,
-  }) do |params|
-  puts "2- video callback time is  #{params}, id is : #{id}"
-end
-my_video2.top(33)
-my_video2.left(333)
-
-my_video2.touch(true) do
-  my_video2.play(true) do |currentTime|
-    puts "2 - play callback time is : #{currentTime}, id is : #{id}"
-  end
-  wait 2 do
-    my_video2.mute(true)
-    wait 3 do
-      my_video2.mute
-    end
-  end
-end

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

@@ -1,26 +0,0 @@
-# frozen_string_literal: true
-
-my_video = Atome.new(
-  video: { renderers: [:browser], id: :video1, type: :video, attach: [: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.pause(true)
-end
-my_video.play(true)
-
-# video example
-grab(:video1).time(5)
-wait 4 do
-  grab(:video1).pause(5)
-end
-grab(:video1).on(:pause) do |_event|
-  puts :stopped
-end
-
-grab(:video1).on(:click) do |_event|
-  puts :touched
-end

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

@@ -1,5 +0,0 @@
-# frozen_string_literal: true
-
-box
-c=circle({left: 33})
-c.opacity(0.3)

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

@@ -1,21 +0,0 @@
-# frozen_string_literal: true
-
-b=circle({left: 333, id: :the_c})
-b.touch(true) do
-  self.color(:blue)
-end
-
-b.touch(:long) do
-  self.color(:red)
-
-end
-
-b.over(:enter) do
-  self.color(:black)
-
-end
-
-b.over(:leave) do
-
-  self.color(:blue)
-end

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

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

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

@@ -1,19 +0,0 @@
-# frozen_string_literal: true
-
-b = box({left: 333, id: :the_one_box})
-b.color(:red)
-
-b.circle({top: 66, id: :the_circle, color: :green})
-b.box({left: 166,top: 166, id: :the_box, color: :green})
-b.text({left: 166, id: :the_text, data: :green})
-b.image('red_planet.png')
-`console.clear()`
-puts "b: #{b}"
-
-
-
-wait 2 do
-  b.physical.each do |attached_atome_id|
-    b.delete({id: attached_atome_id})
-  end
-end

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

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

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

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-puts "Attention this method only work with a server due to security restriction "
-a=box
-text("touch the box to read the file")
-a.touch(true) do
-  a.read('texts/lorem.txt') do |params|
-    text({data: params, visual:{size: 16}})
-  end
-end
-

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

@@ -1,8 +0,0 @@
-# frozen_string_literal: true
-
-b = box
-# TODO : repair the security flow below
-b.atome[:left] = 300
-wait 1 do
-  b.refresh
-end

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

@@ -1,16 +0,0 @@
-# frozen_string_literal: true
-
-# TODO : some atomes and  particles may need have extra code to be removed (eg: color)
-
-b = box({ left: 666, smooth: 12, blur: 3, color: :red})
-
-wait 1 do
-  b.remove(:blur)
-  b.remove(:left)
-  wait 1 do
-    b.remove(:color)
-    wait 1 do
-      b.remove(:smooth)
-    end
-  end
-end

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

@@ -1,6 +0,0 @@
-# frozen_string_literal: true
-repeat 0.3, 10 do |evt|
-  alert :ok
-  puts "hello:#{evt}:"
-end
-

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

@@ -1,3 +0,0 @@
-# frozen_string_literal: true
-
-box({right: 120, left: :auto})

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

@@ -1,4 +0,0 @@
-# frozen_string_literal: true
-
-b = box({ width: 333, left: 333 })
-b.rotate(999)

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

@@ -1,13 +0,0 @@
-# frozen_string_literal: true
-
-_alarm_format = '2022,11,27,12,06,0'
-time_to_run = Time.now + 3
-t=text ({ data: "an event  schedule will create a box" })
-t.width(555)
-a = element({})
-
-a.schedule(time_to_run) do
-  puts 'event executed'
-  t.delete(true)
-  grab(:view).box #FIXME: box doesnt work we must use a grab , plaese fix
-end

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

@@ -1,84 +0,0 @@
-# frozen_string_literal: true
-
-# TODO : make this work : b.shadow({color: :red})
-
-b = box({ id: :the_box, left: 99, top: 99 })
-
-
-
-
-s = b.shadow({ renderers: [:browser], id: :shadow2, type: :shadow,
-               left: 3, top: 9, blur: 9, direction: :inset,
-               red: 0, green: 0, blue: 0, alpha: 1
-             })
-
- s.left(16)
-
-# s.color(:red)
-# wait 1 do
-#   s.attach([:the_box])
-#   # or
-#   # b.children([:shadow2])
-#   wait 1 do
-#     s.blur(9)
-#     wait 1 do
-#       wait 2 do
-#         s.direction('')
-#         s.green(0.007)
-#         s.left(14)
-#         wait 1 do
-#           s.delete(true)
-#         end
-#       end
-#       s.left(44)
-#       s.green(0.7)
-#     end
-#   end
-# end
-#
-# wait 3 do
-#   b.shadow({ blur: 33 })
-#   wait 2  do
-#     b.shadow({ blur: 3 })
-#   end
-# end
-
-wait 2 do
-  s.red(1)
-end
-
-wait 4 do
-
-  puts "-----------> now!!!!!!"
-  b.shadow({ green: 1 })
-  # c2=color(:red)
-  # b.shadow.attach(c2.id)
-end
-
-
-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
-v=vector({left: 300, width: 300, height: 300, definition: edition})
-# v.color(:red)
-v.shadow({ renderers: [:browser], id: :shadow7, type: :shadow,
-           left: 3, top: 9, blur: 9, direction: :inset,
-           red: 0, green: 0, blue: 0, alpha: 1
-         })
-
-v.shadow({ renderers: [:browser], id: :shadow8, type: :shadow, real: true,
-           left: 3, top: 9, blur: 9, direction: :inset,
-           red: 0, green: 0, blue: 0, alpha: 1
-         })
-b=box({top: 300})
-
-wait 4 do
-  b.attached(:shadow7)
-  v.attached(:shadow7)
-end
-
-
-wait 6 do
-  b.attached(:shadow8)
-  v.attached(:shadow8)
-end

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

@@ -1,8 +0,0 @@
-# frozen_string_literal: true
-
-b=box({width: 333, height: 120})
-
-b.size(33)
-
-im= image({path: "./medias/images/boat.png", left: 333, top: 33, width: 333, height: 215})
-im.size(99)

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

@@ -1,18 +0,0 @@
-# frozen_string_literal: true
-
-a = box({ width: 180, height: 333, id: :the_grid, overflow: :scroll })
-i = 0
-while i < 16
-  b = Atome.new(
-    shape: { renderers: [:browser],id: "the_shape#{i}", type: :shape, attach: [:the_grid], attached: [],
-             width: 50, height: 50,
-             color: { renderers: [:browser], id: :c31, type: :color, attach: ["the_shape#{i}"], attached: [],
-                      red: 1, green: 0.15, blue: 0.15, alpha: 0.6 } }
-  )
-  b.text({ data: "item#{i + 1}", visual: { size: 12 } })
-  i += 1
-end
-
-a.sort(true) do |el|
-  puts "just sorted  : #{el}"
-end

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

@@ -1,4 +0,0 @@
-# frozen_string_literal: true
-
-b=box
-b.style({color: :red, left: 33, top: 333, width: 333})

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

@@ -1,10 +0,0 @@
-# frozen_string_literal: true
-a=box({color: :orange})
-
-a.tag({ color: :red })
-a.tag({ star: 3 })
-a.add({ tag: { quality: 9 } })
-
-tags_found= a.tag.to_s
-
-text({data: "Orange box tags are #{tags_found}" , width: :auto})

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

@@ -1,39 +0,0 @@
-# frozen_string_literal: true
-
-my_text = Atome.new(
-  text: { renderers: [:browser], id: :text1, type: :text, attach: [:view], visual: { size: 33 },
-          data: 'My first text!', left: 120, top: 33, width: 199, height: 33,
-
-  }
-)
-
-Atome.new(color: { renderers: [:browser], id: :c31, type: :color, attach: [:text1],
-                   red: 0.6, green: 0.6, blue: 0.6, alpha: 1 })
-
-wait 1 do
-  my_text.data(:kool)
-end
-
-text({ id: :the_text, left: 0 })
-
-text2=Atome.new(
-  text: { renderers: [:browser], id: :text2, type: :text, attach: [:view], visual: { size: 33 },
-          data: 'My second text!', left: 333, top: 33, width: 199, height: 33,
-
-  }
-)
-
-
-
-Atome.new(color: { renderers: [:browser], id: :c33, type: :color, attach: [:text2],
-                   red: 0.6, green: 0.6, blue: 0.1, alpha: 1 })
-wait 2 do
-  text2.data(:ok)
-end
-
-b = box({ left: 66, top: 66, drag: true })
-my_text = b.text({ data: 'drag the bloc behind me', width: 333, left: 55 })
-wait 3 do
-  my_text.color(:red)
-end
-

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

@@ -1,18 +0,0 @@
-# frozen_string_literal: true
-
-my_video = Atome.new(
-  video: { renderers: [:browser], id: :video1, type: :video, attach: [:view],
-           time: 33,  path: './medias/videos/avengers.mp4', left: 69, top: 33, width: 777
-  }
-) do |params|
-  puts "video callback here #{params}"
-end
-my_video.touch(true) do
-  grab(:video1).time(3)
-  my_video.pause(true)
-  wait 3 do
-    play(50)
-  end
-
-end
-my_video.play(true)

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

@@ -1,10 +0,0 @@
-# frozen_string_literal: true
-
-b = box()
-c=b.circle({width: '25%'})
-# wait 3 do
-b.width('35%')
-puts grab(:view).width.to_px
-puts b.width.to_px
-puts c.width.to_px
-c.parents

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

@@ -1,56 +0,0 @@
-# frozen_string_literal: true
-
-separator=120
-b=box({ left: separator, id: :test_box })
-c=box({ left: b.left+separator })
-d=box({ left: c.left+separator })
-e=box({ left: d.left+separator })
-
-b.touch(:down) do
-  b.color(:red)
-  c.color(:red)
-  d.color(:red)
-  e.color(:red)
-end
-b.text({data: :down})
-
-c.touch(:long) do
-  b.color(:blue)
-  c.color(:blue)
-  d.color(:blue)
-  e.color(:blue)
-end
-c.text({data: :long})
-
-d.touch(:up) do
-  b.color(:yellow)
-  c.color(:yellow)
-  d.color(:yellow)
-  e.color(:yellow)
-end
-d.text({data: :up})
-e.touch(:double) do
-  b.color(:black)
-  c.color(:black)
-  d.color(:black)
-  e.color(:black)
-end
-e.text({data: :double})
-
-ccc=circle
-ccc.top(199)
-
-# def unbind(val=nil)
-#   id_found=self.atome[:id]
-# `
-# const el = document.getElementById(#{id_found});
-# interact('#'+#{id_found}).unset(#{val});
-# `
-# end
-b.touch(:long) do
-  b.color(:cyan)
-end
-
-ccc.touch(true) do
-  b.unbind(:tap)
-end

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

@@ -1,39 +0,0 @@
-# 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=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
-v=b.vector({left: 0, top: 0})
-
-v.definition(edition)
-wait 1 do
-  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
-  v.definition(copy)
-end
-
-wait 3 do
-  v.color(:orange)
-  v.width(33)
-  v.height(33)
-end

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

@@ -1,65 +0,0 @@
-# frozen_string_literal: true
-
-my_video = Atome.new(
-  video: { renderers: [:browser], id: :video1, type: :video, attach: [:view], path: './medias/videos/superman.mp4',
-           left: 333, top: 112, width: 199, height: 99
-  }
-) do |params|
-  # puts "video callback time is  #{params}, id is : #{id}"
-  puts "video callback time is  #{params}, id is : #{id}"
-end
-wait 2 do
-  my_video.left(33)
-  my_video.width(444)
-  my_video.height(444)
-
-end
-
-my_video.touch(true) do
-  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
-#############
-my_video2 = Atome.new(
-  video: { renderers: [:browser], id: :video9, type: :video, attach: [:view], path: './medias/videos/madmax.mp4',
-           left: 666, top: 333, width: 199, height: 99,
-  }) do |params|
-  puts "2- video callback time is  #{params}, id is : #{id}"
-end
-my_video2.top(33)
-my_video2.left(333)
-
-my_video2.touch(true) do
-  my_video2.play(true) do |currentTime|
-    puts "2 - play callback time is : #{currentTime}, id is : #{id}"
-  end
-end
-
-#############
-my_video3 = video({ path: './medias/videos/avengers.mp4', id: :video16 }) do |params|
-  puts "3 - video callback here #{params}, id is : #{id}"
-end
-my_video3.width = my_video3.height = 333
-my_video3.left(555)
-grab(:video16).on(:pause) do |_event|
-  puts "id is : #{id}"
-end
-my_video3.touch(true) do
-  grab(:video16).time(15)
-  my_video3.play(true) do |currentTime|
-    puts "3- play callback time is : #{currentTime}, id is : #{id}"
-  end
-  wait 3 do
-    puts "time is :#{my_video3.time}"
-  end
-  wait 6 do
-    grab(:video16).pause(true) do |time|
-      puts "paused at #{time} id is : #{id}"
-    end
-  end
-end

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

@@ -1,8 +0,0 @@
-# frozen_string_literal: true
-
-wait 1 do
-  box
-  wait 1 do
-    circle
-  end
-end

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

@@ -1,13 +0,0 @@
-# frozen_string_literal: true
-
-Atome.new(
-  image: { renderers: [:browser], id: :image1, type: :image, attach: [:view], path: "https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg", left: 99, top: 320, width: 199, height: 199,
-  }
-)
-
-Atome.new(
-  web: { renderers: [:browser], id: :youtube1, type: :web, attach: [:view], path: "https://www.youtube.com/embed/usQDazZKWAk", left: 33, top: 33, width: 199, height: 199,
-  }
-)
-
-web({path: 'https://www.youtube.com/embed/usQDazZKWAk'})

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

@@ -1,6 +0,0 @@
-# frozen_string_literal: true
-
-b = box({left: 333 })
-wait 1 do
-  b.width(33)
-end

data/vendor/assets/src/medias/rubies/test.rb

@@ -1 +0,0 @@
-box(center: true, color: :orange, smooth: 6)

data/vendor/assets/src/medias/rubies/text_read.rb

@@ -1 +0,0 @@
-{temperature: 33, wind: 45, humidity: 79, pressure: 6}