atome 0.4.7.0 → 0.5.1.1

data/vendor/assets/build/medias/rubies/examples/Old_examples/parameter.rb

@@ -1,14 +0,0 @@
-# parameter example
-
-b=box
-b.parameter({ target: :the_box,
-              type: :circular,
-              length: 33,
-              thickness: 12,
-              helper_length: nil,
-              helper_thickness: 12
-            })
-t=text({ content: " click to box to view params stored in ", visual: 15, x: 99 })
-b. touch do
-  t.content(parameter.to_s)
-end

data/vendor/assets/build/medias/rubies/examples/Old_examples/parent.rb

@@ -1,19 +0,0 @@
-# parent example
-
-# an atome can have multiple parents. (for now, please note that only the last setted parent is the real father, it ll be change i the future)
-c = circle({atome_id: :c, x: 20})
-c.drag(true)
-e = box({atome_id: :e, x: 160})
-t = text({content: 'some texts', atome_id: :the_father_text, x: 96})
-t.parent([e.atome_id, c.atome_id])
-grab(:view).extract(t.atome_id)
-t.parent do |father|
- father.set({ rotate: 36, y: 66})
-end
-t.parent.blur(2)
-wait 1 do
- grab(:view).attach(:the_father_text)
- t.set(x: 33, y: 33, )
- t.width(:auto)
-end
-#both parent are treated

data/vendor/assets/build/medias/rubies/examples/Old_examples/particle.rb

@@ -1,15 +0,0 @@
-# particle exam≈ple :
-
-p=particle({ color: :cyan,
-             rotate: 33,
-             y: 150,
-             width: 333,
-             shadow: { color: :black, blur: 3, x: 3, y: 3 },
-             content: "particle can be used as placeholder or style repository"
-           })
-t =text({x: 99, content: p, atome_id: :verif})
-t.set(p)
-b=box
-b.set(p)
-
-circle.y(p.width)

data/vendor/assets/build/medias/rubies/examples/Old_examples/pay.rb

@@ -1,7 +0,0 @@
-# pay example
-
-c=circle({width: 300})
-c.text({content:  "buy an atome: 10€", center: true })
-c.touch do
-  box({atome_id: :my_payment, pay: "https://www.paypal.com/sdk/js?client-id=sb&enable-funding=venmo&currency=EUR",width: 222, height: 220, drag: true, x: 99, y: 120})
-end

data/vendor/assets/build/medias/rubies/examples/Old_examples/ping.rb

@@ -1,7 +0,0 @@
-# ping example
-
-def ping_call_back(val)
-  text({ content: val, color: :red })
-end
-ATOME.ping("https://apple.com", "ping_call_back('Apple site is unreachable')", "ping_call_back('Apple site is up')")
-

data/vendor/assets/build/medias/rubies/examples/Old_examples/play.rb

@@ -1,24 +0,0 @@
-# play videos
-
-button=box({height: 33, x: 9, width: 222, smooth: 33, y: 6})
-button.text({content:  "full screen", x: 6 })
-
-button2=box({height: 33, x: 9, width: 222, smooth: 33, y: 66})
-button2.text({content:  "full page", x: 6 })
-
-
-v=video({drag: true,atome_id: :the_video, shadow: {blur: 6 , thickness: 1, x: 0, y:0, color: :black}, scale: true, x: 333, y: 150})
-v.touch do
-  v.play(true)
-  v.size(666)
-end
-
-button.touch do
-  v.fullscreen(true)
-end
-
-button2.touch do
-  v.size(grab(:view).convert(:width))
-  v.x(0)
-  v.y(0)
-end

data/vendor/assets/build/medias/rubies/examples/Old_examples/play_audio.rb

@@ -1,6 +0,0 @@
-# play audio example
-
-a=audio({content: :snare,  x: 0, y: 250, atome_id: :snare, color: :pink, width: 333, height: 33,})
-a.touch(option: :down) do
-  a.play(true)
-end

data/vendor/assets/build/medias/rubies/examples/Old_examples/position.rb

@@ -1,7 +0,0 @@
-# position
-
-box({x:222, y:222, color: :green})
-text({content: "i'm not fixed!", x:20, y: 222, color: :orange})
-text({content: "drag the red circle out the window this text will remain fixed in the window",width: 150, x: 66,fixed: true})
-c = circle({x: 300, y: 69})
-c.drag(true)

data/vendor/assets/build/medias/rubies/examples/Old_examples/read_file.rb

@@ -1,9 +0,0 @@
-# example read file
-# JSUtils.load_opal_parser
-
-t=text("Touch me load and exec the ruby code")
-t.touch do
-  reader("./medias/rubies/test.rb") do |data|
-    compile data
-  end
-end

data/vendor/assets/build/medias/rubies/examples/Old_examples/reboot.rb

@@ -1,15 +0,0 @@
-# Reboot
-
-button=box({height: 33, x: 9, width: 222, smooth: 33, y: 6})
-button.text({content:  "Reboot", x: 6 })
-
-b=box({x: 99, y: 99})
-b.drag(true)
-b.touch do
-  color(:red)
-  v=video(:madmax)
-  v.play(true)
-end
-button.touch do
-  grab(:view).reboot
-end

data/vendor/assets/build/medias/rubies/examples/Old_examples/refresh.rb

@@ -1,17 +0,0 @@
-# refresh example
-
-c=circle({ atome_id: :circle})
-c.text({content: "click me", atome_id: :text_2, shadow: true })
-color=[:red, :green,:yellowgreen, :purple, :blue, :yellow, :orange, :pink, :black, :white].sample
-time=Time.now
-text({content: time, color: color, x:66, y: 66, atome_id: :text_1, shadow: true})
-c.color(color)
-c.touch do
-  refresh("./medias/rubies/examples/refresh.rb")
-end
-# Possible syntax are :
-# refresh #without arguments it refresh the current page
-# refresh("./medias/rubies/examples/animation.rb")
-# refresh({ source: "./medias/rubies/examples/animation.rb" })
-# refresh({ target: :circle })
-# refresh({ target: :circle , source: "./medias/rubies/examples/animation.rb" })

data/vendor/assets/build/medias/rubies/examples/Old_examples/remote_server.rb

@@ -1,31 +0,0 @@
-# remote server
-
-def my_callback(val, opt)
-  opt = eval(opt)
-  t = text val
-  opt.each do |prop, val|
-    t.set({ prop => val })
-  end
-end
-
-
-b = box({ x: 300 })
-b.touch do
-  # atome is the method target the atome_id if no method given notification is used by default
-  # if no target then atome seek for a standard method
-  # ATOME.message({type: :command, content: "pwd",target: b.atome_id, atome: :text , options:{color: :yellow, x: 333}})
-  ATOME.message({ type: :read, file: "public/medias/rubies/test.rb", target: :my_callback, atome: :text, options: { color: :yellowgreen } })
-  ATOME.message({ type: :code, content: "circle({x: 33,y: 33})" })
-
-  # ATOME.message({type: :command, content: "cd public; ls; setxkbmap fr",target: b.atome_id, atome: :text , options:{color: :yellow, x: 333}})
-  # ATOME.message({type: :atome,target: :my_callback,atome: :color,  content: "red"})
-  # ATOME.message({type: :atome,target: b.atome_id,atome: :smooth,  content: 9})
-end
-
-# # c.touch do
-# #   # todo: addpassword to write and delete methods
-# #   # ATOME.message({type: :delete, file: "public/medias/datas/meteo_datas_new.txt", target: :toto, options:{color: :yellowgreen}})
-# #   # ATOME.message({type: :write, file: "public/medias/datas/meteo_datas_new.txt",content: :hello, target: :toto, options:{color: :yellowgreen}})
-# #   # ATOME.message({type: :list, path: "public/medias/datas/",target: :delete_images, options:{color: :yellowgreen}})
-# #   # ATOME.message({type: :read, file: "public/medias/datas/meteo_datas.txt",target: :toto, options:{color: :yellowgreen}})
-# # end

data/vendor/assets/build/medias/rubies/examples/Old_examples/render.rb

@@ -1,17 +0,0 @@
-# render
-
-t=text("touch to circle to remove the circle from rendering")
-c = circle({atome_id: :c, x: 300, y: 66, render: false})
-
-
-wait 2 do
-  c.render(true)
-end
-
-
-c.touch do
-  c.render(false)
-  ATOME.wait 2 do
-    c.render(true)
-  end
-end

data/vendor/assets/build/medias/rubies/examples/Old_examples/repeat.rb

@@ -1,19 +0,0 @@
-# repeat
-
-b=box({x:300, y: 33})
-t=text({content: "click me to kill the repeat process"})
-countdown=text("")
-countdown.y(66)
-repeater= repeat 0.1, 300 do |evt|
-  unless evt
-    evt=0
-  end
-  b.x(evt)
-  b.smooth(evt/10)
-  b.color({red: -(evt-300)/100/3})
-  content=-(evt-300)/100/3
-  countdown.content(content)
-end
-t.touch do
-  t.clear({repeat: repeater})
-end

data/vendor/assets/build/medias/rubies/examples/Old_examples/require_remote.rb

@@ -1,3 +0,0 @@
-# require remote example
-
-coding({ atome_id: :code_editor, content: "require 'my_big_test.rb'" })

data/vendor/assets/build/medias/rubies/examples/Old_examples/restore_atome.rb

@@ -1,11 +0,0 @@
-#restore atome
-
-b=box({atome_id: :my_atome,color: :green, x: 200, y: 100})
-atome_props= b.properties
-ATOME.wait 1 do
-  b.delete(true)
-end
-ATOME.wait 2 do
-  Atome.new(atome_props)
-end
-

data/vendor/assets/build/medias/rubies/examples/Old_examples/resurect.rb

@@ -1,30 +0,0 @@
-# resurrect example
-
-hh = grab(:view).tool({ name: :home, x: 99, y: 9, color: :black })
-hh.add({ touch: {  proc: lambda do
-  self.color(:darkred)
-end } })
-
-hh.add(:touch) do
-  wait 2 do
-    self.color(:white)
-    hh.delete(true)
-  end
-
-  wait 3 do
-    resurrect :home_tool
-  end
-end
-
-
-b = box({color: :green, x: 200, y: 100, atome_id: :the_box, drag: true })
-t = b.text({ content: "click the box or the tool to delete, it'll be resurected!", y: 99, x: 33,  atome_id: :the_text })
-b.image({ content: :moto, x: 150, y: 9, size: 66, atome_id: :the_image })
-t.circle({ x: 33, y: -99, size: 66, atome_id: :the_circle })
-
-b.touch do
-  b.delete(true)
-  ATOME.wait 1 do
-    resurrect b.atome_id
-  end
-end

data/vendor/assets/build/medias/rubies/examples/Old_examples/ruby_version.rb

@@ -1 +0,0 @@
-text(RUBY_VERSION)

data/vendor/assets/build/medias/rubies/examples/Old_examples/say.rb

@@ -1,3 +0,0 @@
-# say example
-
-ATOME.say("salut tout le monde!!")

data/vendor/assets/build/medias/rubies/examples/Old_examples/scale.rb

@@ -1,41 +0,0 @@
-#scale example
-
-b = box({ size: 96, x: 333 })
-i = b.image({ content: :moto, size: :fit, drag: true })
-t = text({ content: :size })
-t2 = text({ content: "keep ratio", y: 33 })
-t3 = text({ content: "no ratio", y: 66 })
-t4 = text({ content: "scale box too", y: 96 })
-t5 = text({ content: "stop scale", y: 129 })
-
-
-def stop_scale(obj)
-  if obj.scale && obj.scale.to_s != "destroy"
-    obj.scale(:destroy)
-  end
-end
-t2.touch do
-  stop_scale(i)
-  i.scale({ ratio: true }) do |width, height|
-    t.content("#{width}, #{height}")
-  end
-end
-t3.touch do
-  stop_scale(i)
-  i.scale() do |width, height|
-    t.content("#{width}, #{height}")
-  end
-end
-t4.touch do
-  stop_scale(i)
-  i.scale({ add: b.atome_id }) do |width, height|
-    t.content("#{width}, #{height}")
-  end
-end
-t5.touch do
-  stop_scale(i)
-end
-
-i.scale do |width, height|
-  t.content("#{width}, #{height}")
-end

data/vendor/assets/build/medias/rubies/examples/Old_examples/schedule.rb

@@ -1,39 +0,0 @@
-# Schedule example
-
-# ATOME.schedule(Time.now+3) do
-#   i=image({ content: :boat , drag: :true, x: 99, y:99 })
-#   i.touch do
-#     i.delete(true)
-#   end
-# end
-#
-# ATOME.schedule('2021 05 04 22 41 30') do
-#   alert :kool
-# end
-#
-# ATOME.schedule('10') do
-#   alert :goodgood
-# end
-
-text(" date can be entered in  several ways , 2 digit it'll be the next time the seconds match ,
-if 2 digits the minutes and seconds and so on, you can also enter Time.now+3 (not a,string) for schedule in 3 sec ")
-t=text({ content: "3", y: 90 ,x: 150, edit: true})
-
-c=circle({ size: 33, x: 66, y: 99})
-
-c.touch do
-  time=t.content
-  time=time.q_read
-  if time.instance_of?(Hash)
-    time=time[grab(:view).language]
-  end
-  time=time.to_i
-  time_to_run= Time.now+time.to_i
-  ATOME.schedule(time_to_run) do
-    i=image({ content: :boat , drag: :true, x: 99, y:99 })
-    wait 2 do
-      i.delete(true)
-    end
-  end
-  t.content("countdown started")
-end

data/vendor/assets/build/medias/rubies/examples/Old_examples/scroll.rb

@@ -1,9 +0,0 @@
-# Scroll
-
-t = text({content: "drag the circle out the window", x: 66, fixed: true})
-c = circle({x: 96, y: 96})
-c.drag(true)
-
-grab(:view).scroll_html do
-  t.content("x position : #{c.x}, y position : #{c.y}")
-end

data/vendor/assets/build/medias/rubies/examples/Old_examples/select.rb

@@ -1,32 +0,0 @@
-# select example
-
-start = text({ content: "click me to start selecting", x: 30, y: 69, atome_id: :the_text_0 })
-stop = text({ content: "click me twice to stop selecting", x: 30, y: 96, atome_id: :the_text_1 })
-
-box(x: 300, y: 300, drag: true, atome_id: :the_box)
-
-text({ content: :hello, y: 300, x: 400, drag: true, atome_id: :the_text_1 })
-
-box({ y: 300, x: 500, color: :red, atome_id: :the_circle, smooth: 9, width: 39, height: 39 })
-
-circle({ center: true, atome_id: :the_circle_2, color: :black, width: 39, height: 39 })
-treated_item=[]
-start.touch do
-  start.content("selection activated").color(:red)
-  stop.content("click me twice to stop selecting").color(:black)
-  grab(:view).selectable(true) do
-    selection.each do |atome_found|
-      treated_item << atome_found
-    end
-    selection.color([:yellowgreen, :green]).drag(true).shadow({ color: :black, thickness: 0, x: 0, y: 0, blur: 6 })
-  end
-end
-
-stop.touch(option: :up) do
-  stop.content("selection desactivated").color(:red)
-  start.content("click me to start selecting").color(:black)
-  treated_item.each do |item_found|
-    item_found.color(:red).drag(:destroy)
-  end
-  grab(:view).selectable(:destroy)
-end

data/vendor/assets/build/medias/rubies/examples/Old_examples/selector.rb

@@ -1,6 +0,0 @@
-# selector
-
-c = circle({atome_id: :c, x: 300,y: 96, color: :cyan})
-c.selector({toto: :titi})
-
-text "selectors are : #{c.selector}"

data/vendor/assets/build/medias/rubies/examples/Old_examples/shadow.rb

@@ -1,30 +0,0 @@
-# shadow example
-
-b = box({ id: :box_test, x: 160, y: 160 })
-b.text({ content: "touch me", color: :black })
-
-b.shadow({ x: 5, y: 5, blur: 7, color: :black, thickness: 0, invert: true })
-b.shadow({ add: :true, x: 20, y: 20, color: "rgba(0,0,0,1)", blur: 16, thickness: 0 })
-c = circle({ x: 96, y: 96, drag: true, id: :circle_test })
-c.shadow({ x: -5, y: -5, blur: 16, color: :black, invert: :true, thickness: 0 })
-c.shadow({ x: 0, y: 0, color: "rgba(0,0,0,1)", blur: 16, thickness: 0 })
-b.drag(true)
-# b.insert(c)
-b.color(:orange)
-t = text({ content: :hello,x: 33, y: 33, drag: true })
-t.blur(2)
-t.shadow({ x: 3, y: 3, color: "rgba(0,0,0,1)", blur: 3, thickness: 0 })
-t.shadow({ x: 3, y: 33, color: "rgba(0,0,0,1)", blur: 3, thickness: 0 })
-img = image({ content: :boat, size: 96, x: 196, drag: true })
-img.shadow({ x: 7, y: 3, color: "rgba(0,0,0,0.5)", blur: 7, thickness: 0 })
-img.shadow({ x: -66, y: 3, color: "rgba(0,0,0,0.6)", blur: 17, thickness: 0 })
-
-b.touch do
-  b.shadow(false)
-end
-
-force=text({content: "force box shadow", visual: 33, y:9})
-
-force.shadow({ x: 3, y: 3, color: "rgba(0,0,0,1)", blur: 3, thickness: 0, bounding: true })
-
-# {bounding:  true} : force box shadow false force filter shadow , using invert also force box shadow

data/vendor/assets/build/medias/rubies/examples/Old_examples/shape_with_path.rb

@@ -1,7 +0,0 @@
-# shape with path example
-
-svg = shape({ path: :apple, drag: true, width: 333, height: 333, atome_id: :the_path})
-
-svg.touch do
-  `$('#the_path').children().css({fill: 'blue'}).css({stroke: 'yellow'})`
-end

data/vendor/assets/build/medias/rubies/examples/Old_examples/size.rb

@@ -1,109 +0,0 @@
-
-
-# size example
-t1 = text({ content: :change_image, y: 9 })
-t2 = text({ content: :change_parent, y: +t1.height + 9 })
-t3 = text({ content: :fit, y: t2.y + t1.height + 9 })
-t4 = text({ content: :fit_width, y: t3.y + t1.height + 9 })
-t5 = text({ content: :fit_height, y: t4.y + t1.height + 9 })
-t6 = text({ content: :fit_dynamic_scale_the_box_to_test, y: t5.y + t1.height + 9 })
-t7 = text({ content: :overflow, y: t6.y + t1.height + 9 })
-t8 = text({ content: :size_69, y: t7.y + t1.height + 9 })
-
-#box 1
-b = box({ x: 333, width: 333, height: 96, drag: true, atome_id: :the_box, color: :green })
-#box 2
-b2 = box({ color: :orange, x: 333, y: 123, width: 96, height: 333, drag: true, atome_id: :the_box2 })
-i = b.image({ content: :sky, drag: true })
-
-t1.touch do
-  if i.content == :sky
-    size_found = i.size
-    i.delete(true)
-    i = b.image({ content: :moto, drag: true })
-    i.size(size_found)
-  elsif i.content == :moto
-    size_found = i.size
-    i.delete(true)
-    i = b.image({ content: :ballanim, drag: true })
-    i.size(size_found)
-  elsif i.content == :ballanim
-    size_found = i.size
-    i.delete(true)
-    i = b.image({ content: :eyes, drag: true })
-    i.size(size_found)
-  else
-    size_found = i.size
-    i.delete(true)
-    i = b.image({ content: :boat, drag: true })
-    i.size(size_found)
-  end
-end
-
-t2.touch do
-  if i.parent.include?(b.atome_id)
-    i.parent(b2.atome_id)
-    grab(b.atome_id).extract(i.atome_id)
-  else
-    i.parent(b.atome_id)
-    grab(b2.atome_id).extract(i.atome_id)
-  end
-
-  i.x = i.y = 0
-end
-
-t3.touch do
-  i.size(:fit)
-end
-
-t4.touch do
-  i.size({ fit: :width })
-end
-
-t5.touch do
-  i.size({ fit: :height })
-end
-
-t6.touch do
-  i.size({ dynamic: true })
-  b.scale(true)
-  b2.scale(true)
-end
-
-t7.touch do
-  if b.overflow == :visible
-    b.overflow(:hidden)
-    b2.overflow(:hidden)
-  else
-    b.overflow (:visible)
-    b2.overflow(:visible)
-  end
-end
-
-t8.touch do
-  i.size(69)
-end
-i.size(96)
-t9 = text("test")
-t9.x(123).touch do
-  t9.content(i.size)
-end
-
-# #fixme :  quark should be able to read property, ex: alert i.parent.width # to get width
-#
-the_parent =grab(i.parent.last)
-# alert grab(the_parent)
-the_parent.monitor(true) do
-  #fixme :  quark should be able to read property, ex: alert i.parent.width # to get width
-  parent_atome = i.parent.read[0]
-
-  if parent_atome.scale
-    if i.size && i.size[:dynamic] == true
-      i.size = i.size[:fit]
-    end
-  end
-end
-c = text({ content: "stop dynamic scale", y: 222 })
-c.touch do
-  the_parent.monitor({ option: false })
-end

data/vendor/assets/build/medias/rubies/examples/Old_examples/smooth.rb

@@ -1,5 +0,0 @@
-# smooth example
-
-b=box({color: :orange})
-b.x(250)
-b.smooth([25 ,7])

data/vendor/assets/build/medias/rubies/examples/Old_examples/speech_renderer.rb

@@ -1,5 +0,0 @@
-# example speech rendering
-
-b=box({  language: :english,engine: :speech})
-
-c=circle(  language: :french,engine: :speech)

data/vendor/assets/build/medias/rubies/examples/Old_examples/synth.rb

@@ -1,6 +0,0 @@
-# synth
-
-c=circle({width: 69, height: 69, y: 66, x: 69})
-c.touch(option: :down) do
-  c.audio_dsp("dspcheck")
-end

data/vendor/assets/build/medias/rubies/examples/Old_examples/system.rb

@@ -1,3 +0,0 @@
-# system
-
-system("open", "http://localhost:9292")

data/vendor/assets/build/medias/rubies/examples/Old_examples/tags.rb

@@ -1,18 +0,0 @@
-# tags example
-
-t= text"touch me to color all objects that share the tag : my_cool_tag "
-b = box({ size: 66 , y: 33})
-b.tag("my_tag")
-c = circle({ x: 200, y: 33 })
-batch([b,c, t]).tag('my_cool_tag')
-c2=circle({x: 200, y: 96, color: :green, tag: :other_tag})
-
-b.add({ tag: :new_tag })
-
-t.touch do
-  grab(:view).find({ tag: "my_cool_tag" }).color(:yellow)
-  grab(:view).find({ tag: "my_cool_tag" }).each do |item|
-  end
-  t.content("the box have the tags : #{b.tag}, \nthe green circle has the tag :#{c2.tag} ")
-end
-

data/vendor/assets/build/medias/rubies/examples/Old_examples/text.rb

@@ -1,33 +0,0 @@
-# text
-
-b = box({ atome_id: :tutu, y: 96, x: 96, width: 333, height: 333 })
-t = text({ content: lorem, color: :red, atome_id: "toto", width: :auto })
-scale = text({ content: :scale, x: 9, y: 9 })
-drag = text({ content: :drag, x: scale.x + 100, y: 9 })
-margin = text({ content: :margin, x: drag.x + 100, y: 9 })
-format = text({ content: :format, x: margin.x + 100, y: 9 })
-edit = text({ content: :edit, x: format.x + 100, y: 9 })
-fit = text({ content: :fit, x: edit.x + 100, y: 9, color: :white })
-scale.touch do
-  t.visual(25)
-  t.scale(true) do |evt|
-    puts evt
-  end
-end
-fit.touch do
-  t.parent(b.atome_id)
-end
-edit.touch do
-  t.edit(true)
-end
-margin.touch do
-  t.set(width: :auto, height: :auto, x: 33, xx: 33)
-end
-format.touch do
-  b.scale(true) do
-
-  end
-end
-drag.touch do
-  b.drag(true)
-end