atome 0.4.7.0 → 0.5.1.1

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

@@ -1,115 +0,0 @@
-# collaborate example
-
-# Call login through web socket
-class LoginCallback
-  def response(response)
-    login_button=box({x: 0, y: 80, width: 100, height: 50, color: :orange , smooth: 12, overflow: :auto})
-    login_button.text({x:0, y:0, content: "Login response: #{response.JS["log"]}",width: :auto, visual: 15, center: true, color: {alpha: 0.9}})
-
-    @session_id = response.JS["log"]
-  end
-
-  def session_id
-    @session_id
-  end
-end
-
-login_callback = LoginCallback.new
-
-login_button=box({x: 0, y: 0, width: 100, height: 50, color: :orange , smooth: 12, overflow: :auto})
-login_button.text({x:0, y:0, content: "Login",  width: :auto, visual: 15, center: true, color: {alpha: 0.9}})
-login_button.touch do
-  ATOME.message({request_id: 0, type: :login, username: "user1", password: "password"}, login_callback)
-end
-
-# Start a channel through web socket
-class StartChannelCallback
-  def response(response)
-    start_channel_button=box({x: 120, y: 80, width: 100, height: 50, color: :orange , smooth: 12, overflow: :auto})
-    @channel_id = response.JS["channel_id"]
-    start_channel_button.text({x:0, y:0, content: "Start channel response: #{@channel_id}",  width: :auto, visual: 15, center: true, color: {alpha: 0.9}})
-
-  end
-
-  def channel_id
-    @channel_id
-  end
-end
-
-start_channel_callback = StartChannelCallback.new
-
-start_channel_button=box({x: 120, y: 0, width: 100, height: 50, color: :orange , smooth: 12, overflow: :auto})
-start_channel_button.text({x:0, y:0, content: "Start channel",width: :auto, visual: 15, center: true, color: {alpha: 0.9}})
-
-start_channel_button.touch do
-  ATOME.message({request_id: 1, type: :start_channel, session_id: login_callback.session_id, name: "channel de test"}, start_channel_callback)
-end
-
-# List channels through web socket
-class ListChannelsCallback
-  def response(response)
-    list_channels_button=box({x: 240, y: 80, width: 100, height: 50, color: :orange , smooth: 12, overflow: :auto})
-
-    @channels = response.JS["channels"]
-    list_channels_button.text({x:0, y:0, content: "List channels response: #{@channels}",width: :auto, visual: 15, center: true, color: {alpha: 0.9}})
-  end
-
-  def channels
-    @channels
-  end
-end
-
-list_channels_callback = ListChannelsCallback.new
-
-list_channels_button=box({x: 240, y: 0, width: 100, height: 50, color: :orange , smooth: 12, overflow: :auto})
-list_channels_button.text({x:0, y:0, content: "List channels",  width: :auto, visual: 15, center: true, color: {alpha: 0.9}})
-
-list_channels_button.touch do
-  ATOME.message({request_id: 2, type: :list_channels, session_id: login_callback.session_id}, list_channels_callback)
-end
-
-# Connect to channel through web socket
-class ConnectChannelsCallback
-  def response(response)
-    connect_to_channel_button=box({x: 360, y: 80, width: 100, height: 50, color: :orange , smooth: 12, overflow: :auto})
-
-    @connected = response.JS["connected"]
-    connect_to_channel_button.text({x:0, y:0, content: "Connect to channel response: #{@connected}", width: :auto, visual: 15, center: true, color: {alpha: 0.9}})
-  end
-
-  def connected
-    @connected
-  end
-end
-
-connect_to_channels_callback = ConnectChannelsCallback.new
-
-connect_channel_button=box({x: 360, y: 0, width: 100, height: 50, color: :orange , smooth: 12, overflow: :auto})
-connect_channel_button.text({x:0, y:0, content: "Connect to channel", width: :auto, visual: 15, center: true, color: {alpha: 0.9}})
-
-connect_channel_button.touch do
-  ATOME.message({request_id: 3, type: :connect_channel, session_id: login_callback.session_id, channel_id: list_channels_callback.channels[0]}, connect_to_channels_callback)
-end
-
-# Push to channel through web socket
-class PushToChannelsCallback
-  def response(response)
-    push_to_channel_button=box({x: 480, y: 80, width: 100, height: 50, color: :orange , smooth: 12, overflow: :auto})
-
-    @pushed = response.JS["pushed"]
-    push_to_channel_button.text({x:0, y:0, content: "Push to channel response: #{@pushed}",width: :auto, visual: 15, center: true, color: {alpha: 0.9}})
-  end
-
-  def pushed
-    @pushed
-  end
-end
-
-push_to_channels_callback = PushToChannelsCallback.new
-
-push_to_channel_button=box({x: 480, y: 0, width: 100, height: 50, color: :orange , smooth: 12, overflow: :auto})
-push_to_channel_button.text({x:0, y:0, content: "Push to channel",width: :auto, visual: 15, center: true, color: {alpha: 0.9}})
-
-push_to_channel_button.touch do
-  ATOME.message({request_id: 4, type: :push_to_channel, session_id: login_callback.session_id, channel_id: list_channels_callback.channels[0], message: "box({x: 100, y: 100, color: :red})"}, push_to_channels_callback)
-end

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

@@ -1,14 +0,0 @@
-# convert api
-
-c = circle()
-c.xx(250)
-c.yy(300)
-c.width("33%")
-t=text('resize the window')
-t.y=20
-t.color(:white)
-ATOME.resize_html(true) do |evt|
-  new_size=c.convert(:width)
-  t.content("width set : 33%, in pixel :\n"+new_size.to_s+" px")
-end
-t.x(450)

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

@@ -1,35 +0,0 @@
-# Copy paste example
-b = box()
-c = circle({ color: ({ alpha: 0.2 }) , x: 300})
-c.copy
-b.copy
-
-wait 1 do
-  b.delete(true)
-end
-
-wait 2 do
-  c.paste(:properties)
-end
-
-wait 4 do
-  grab(:view).clear
-end
-
-
-wait 6 do
-  grab(:view).paste(:all)
-end
-
-# wait 1 do
-#   b.delete(true)
-# end
-# wait 2 do
-#   grab(:view).paste
-#   wait 2 do
-#     grab(:view).paste
-#     wait 2 do
-#       grab(:view).paste
-#     end
-#   end
-# end

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

@@ -1,14 +0,0 @@
-# current_code example
-text " attention this code  work better when extracted from examples\n touch the box below"
-# JSUtils.load_opal_parser
-b=box({y: 120})
-
-b.touch do
-  current_code(["./medias/rubies/examples/refresh.rb","./medias/rubies/examples/blur.rb"])
-  # wait 2 do
-  refresh current_code
-  # end
-  # reader(current_code) do |script|
-  #   compile script
-  # end
-end

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

@@ -1,3 +0,0 @@
-# cursor example
-
-box({cursor: :pointer})

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

@@ -1,11 +0,0 @@
-# data example
-# data property is used to store data inside the atome
-
-bb=box(width: 333)
-bb.text("touch me")
-bb.data("data stored here")
-bb.touch do
-  t=text({y: 133})
-  t.content(bb.data)
-end
-

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

@@ -1,29 +0,0 @@
-c = circle({x: 69, y: 9, width: 36, height: 36, color: :green})
-c2 = circle({x: 69, y: 150, width: 36, height: 36, color: :red})
-db = Database.new(:atomeDB)
-
-c.touch do
-  db.create_table(:user, "id, login, password, date")
-  db.create_table(:document, "id, content, user_id, date")
-  db.create_user({id: "a_87764", date: "2021-03-15", login: :regis, password: :alknx87978hjg})
-  db.create_user({id: "a_87765", date: "2021-03-16", login: :jeezs, password: :oiuoih978hjg})
-  db.create_user({id: "a_87766", date: "2021-02-06", login: :sylvain, password: :sdfsdfjg})
-  db.create_user({id: "a_87767", date: "2021-02-02", login: :romain, password: :jfhdfg978hjg})
-
-  db.create_document({id: "0", date: "2021-date: 03-06", content: "circle({x: 300})", user_id: "a_87764"})
-  db.create_document({id: "1", date: "2021-01-06", content: "text({x: 300})", user_id: "a_87769"})
-  db.create_document({id: "2", date: "2021-02-12", content: "text({x: 300})", user_id: "a_87765"})
-  db.create_document({id: "3", date: "2021-02-12", content: "image(:boat)", user_id: "a_87764"})
-
-  db.populate(:user, {id: "a_87770", date: "2019-02-06", login: :benoit, password: :l554kjhkjsfdg})
-  db.get_documents_by_user("a_87764")
-  db.update_documents("0", "big_car")
-  db.get_documents_by_id("0")
-  db.delete_doc_by_id("0")
-  db.get_documents_by_id("0")
-
-end
-c2.touch do
-  db.delete
-  text({content: " db removed", visual: 33, color: :red, y: 69, width: 222})
-end

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

@@ -1,12 +0,0 @@
-# delete
-
-b = box()
-c = b.text({content: :ok})
-c.circle({atome_id: :the_c, color: :green, x:96})
-d = b.text({content: :ok2, y: 30, atome_id: :the_second_text})
-d.circle({y: 96})
-info_text=text({content:  "click the box to delete the childs\nthe :view childs are : #{b.child}", x: 96, y: 96, width: :auto})
-b.touch do
-  info_text.content( "the childs are : #{b.child}")
-  b.child.delete(true)
-end

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

@@ -1,19 +0,0 @@
-# the display API is used both to visualize an object or not but also when displaying atome in a special way : cf VR mode
-# this API must be umerge with the render API (for list mode etc..)
-# attention : "render" false remove the object from the DOM while "display" jsut make it invisible on the screen, We may
-# keep the two behaviors
-
-b=box({id: :toto, color: :green, display: false, atome_id: :the_box})
-# b=box({id: :toto, color: :green, display: :none})
-# b.display(true)
-wait 2 do
-  b.display(true)
-end
-
-b.touch do
-  # b.display(false)
-  b.render(false)
-  wait 4 do
-    b.render(true)
-  end
-end

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

@@ -1,10 +0,0 @@
-# accumulate example
-
-circle({disposition: :x, color: :red})
-box({disposition: :x,  color: {alpha: 0.3, red: 1}})
-box({disposition: {x: 33 }, color: :blue})
-box({disposition: {y: 33 }, color: :green})
-main_bloc=box({center: true})
-main_bloc.box({disposition: {y: 33, x: 33 }, color: :green})
-main_bloc.box({disposition: {y: 33, x: 33  }, color: :green})
-main_bloc.box({disposition: {y: 33 , x: 33 }, color: :green})

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

@@ -1,23 +0,0 @@
-# double and long touch example
-b=box
-b.touch ({ option: :double, delay: 0.6 }) do
-  # b.x=b.x+60
-  if b.color==:yellow
-    b.color=:green
-  else
-    b.color=:yellow
-  end
-end
-c=circle({ x: 99 })
-
-c.touch ({ option: :long, delay: 1 }) do
-  # c.x=c.x+60
-  if c.color==:red
-    c.color=:blue
-  else
-    c.color=:red
-  end
-end
-
-# delay(in seconds) is optional and set latency before tow touchs or the time to wait
-

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

@@ -1,61 +0,0 @@
-# drag
-
-t=text({content:  "drag the grey box!", x: 33, y: 33 })
-t2=text({content:  "click me to destroy drag on the moto", x: 33, yy: 96 })
-
-b=box({center: true})
-b.drag(true) do |evt|
-  b.rotate(evt.page_x)
-  t.content("pointer x: #{evt.page_x},
-  pointer Y: #{evt.page_y},
-  offset x: #{evt.offset_x},
-  offset y: #{evt.offset_y},
-  box x: #{b.x},
-  box y: #{b.y},
-")
-end
-dragger=box({width: 96, height: 96, x:333, y: 200})
-handle=dragger.box({width: 96, height: 16, color: :orange, atome_id: :the_handle})
-handle.text({content: "drag me from here", visual: 12, color: :black})
-dragger.drag({handle: :the_handle}) do |evt|
-  t.content("I can only be dragged using the bar above")
-end
-c=circle({y:66,x: 333, drag:{lock: :y}, color: :purple})
-c.drag({lock: :y}) do
-  t.content("I can only be dragged along the x axis")
-end
-
-container=box({width: 123, y:333,x: 333,color: :yellowgreen, smooth: 6, drag: true})
-
-circle1=container.circle({y:0,x: 0,width: 33,height: 33,  color: :black})
-circle1.drag({containment: :true}) do
-  t.content("I am restricted to the parent")
-end
-
-circle2=container.circle({y:0,x: 96,width: 33,height: 33,  color: :red})
-circle2.drag({containment: :view, grid: {x:33, y:33}}) do
-  t.content("I am restricted to the view and my movement is constraint by a grid")
-end
-
-img=image({content: :moto,x: 33, y: 33, size: 132})
-img.drag({containment:{x:33, y: 33, xx: 333, yy: 333}}) do |evt|
-  if evt.start
-    t.content("I am restricted to a confined area")
-    t.color(:white)
-  elsif evt.stop
-    t.content("on stop x is : #{evt.page_x}, y is:  #{evt.page_y}")
-    t.color(:red)
-  else
-    c.width=evt.offset_x
-  end
-end
-
-boat=image({ content: :boat, size: 132,y: 333 })
-boat.drag({ fixed: true }) do |evt|
-  img.blur(evt.offset_x/66)
-  img.size(evt.offset_x/6+132)
-  t.content("drag the boat will change tha property of the moto")
-end
-t2.touch do
-  img.drag(:destroy)
-end

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

@@ -1 +0,0 @@
-text("drop a png on the window to import the medias (not availlable on safari for now)")

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

@@ -1,23 +0,0 @@
-# drop example
-
-b = box()
-b.x(250)
-b.drag(true)
-c = circle
-c.x(390)
-c.drop(true) do |evt, ui,current_obj |
-  dropped_element= `$(#{ui}.draggable).attr('id')`
-  puts evt
-  if  grab(dropped_element).color==:red
-    grab(dropped_element).color(:orange)
-  else
-    grab(dropped_element).color(:red)
-  end
-  current_obj.color(:black)
-  current_obj.y=c.y+33
-end
-
-c.touch do
-  c.drop(false)
-end
-

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

@@ -1,11 +0,0 @@
-# duplicate
-
-c = circle({ x: 69, y: 69, drag: true })
-c.text({ content: :ok, color: :yellow, size: 33, center: true })
-t = text({ content: 'touch me!' })
-t.touch do
-  c.duplicate({ x: 7, y: 7 })
-end
-c.touch do
-  c.duplicate({ x: 3, y: 3 })
-end

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

@@ -1,6 +0,0 @@
-# edit
-
-t=text(" you can type your text here")
-t.color(:lightgray)
-t.center(:true)
-t.edit(true)

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

@@ -1,9 +0,0 @@
-# eval example
-
-eval("box(x: 96,y: 96, smooth: 6, color: :orange)")
-begin
-  eval 'x = {id: 1'
-rescue SyntaxError
-  t=text("eval catch the error : 'x = {id: 1'")
-  t.color(:red)
-end

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

@@ -1,23 +0,0 @@
-# extract example
-
-c = circle({ atome_id: :the_circle })
-c.text({ content: "children are restored too!!", visual: 22 })
-
-b = box({ x: 666, drag: true, atome_id: :the_box })
-t = b.text({ content: :ok, yy: 3, color: :black , atome_id: :the_text})
-i = image({ content: :atome, size: 33, x: 96 })
-
-i.transfer(b.atome_id)
-t.content("logo parent is #{i.parent}")
-
-c.touch do
-  grab(:view).extract(c.atome_id)
-  grab(:the_box).extract(i.atome_id)
-  grab(:view).insert(i.atome_id)
-  ATOME.wait 2 do
-    grab(:intuition).insert(c.atome_id)
-  end
-  c.touch do
-    c.delete(true)
-  end
-end

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

@@ -1,10 +0,0 @@
-# fill example
-
-back_try = box()
-back_try.x(350)
-back_try.size(490)
-back_try.scale(true)
-moto_text = back_try.image(:moto)
-moto_text.visual(70)
-back_try.color(:transparent)
-moto_text.fill({target: back_try, number: 7})

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

@@ -1,37 +0,0 @@
-# find example
-
-t= text"touch me to blur all orange object"
-t2= text({content: "touch me to resize all object of the type shape ", x: 390})
-
-b = box({ size: 66 , y: 33, x: 333, color: :orange})
-b.tag("my_tag")
-circle({ x: 200, y: 33 , color: :orange})
-circle({x: 200, y: 96, color: :green, tag: :other_tag})
-
-b.add({ tag: :new_tag })
-
-t.touch do
-  grab(:view).find({ color: :orange }).blur(3)
-end
-
-t2.touch do
-  grab(:view).find({ type: :shape }).size(33)
-end
-
-
-# enhanced find demo
-b=box({color: :red, atome_id: :the_box, y: 44 })
-circle({y: 500, atome_id: :the_circle, color: :green, x: 99})
-t=b.text({content: "my super text!",y: 50, color: :green, atome_id: :text_1 })
-t.text({x: 222, content: :super, atome_id: :text_child, color: :orange})
-b.image({content: :boat, size: 33, atome_id: :the_image, y: 500})
-# grab(:view).find({ y: 500,  condition: :or, recursive: true }).find({ color: :green}).blur(6)
-# find({ y: 500, color: :green, recursive: true, condition: :or }).blur(9)
-grab(:view).find({ y: 50, color: :green, condition: :and, recursive: 3 }).blur(3)
-# grab(:view).find({x: 222, recursive: 3 }).blur(7)
-# b.find({color: :green, recursive: true }).blur(7)
-# grab(:view).find({ color: :red, y: 32 }).find({y: 500}).blur(6)
-
-# condition: or(mean at least one  condition must be respected),  and(mean both condition must be respected)
-# recursive: true, 1, 2 (max depth of recursivity)
-# find can be chained

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

@@ -1,44 +0,0 @@
-# fit example
-
-b = box({ size: 96 })
-b.image({ content: :boat, size: :fit })
-b.touch do
-  clear(:view)
-end
-b2 = box({ x: 333 })
-t = b2.text({ content: "hit the red or orange circle", visual: :Impact })
-# t.edit(true)
-t.width(96)
-
-c0 = circle({ size: 33, x: 96, color: :yellowgreen })
-c = circle({ size: 33, x: 120 })
-c2 = circle({ size: 33, x: 150, color: :orange })
-
-c0.touch do
-  t.visual({ fit: :width })
-  b2.size({ fit: t.atome_id })
-  t.center(true)
-end
-c.touch do
-  t.visual({ fit: :width })
-  b2.size({ fit: t.atome_id, margin: { x: 33, y: 33 } })
-  t.center(true)
-end
-
-c2.touch do
-  t.visual({ fit: :width })
-  b2.size({ fit: t.atome_id, margin: 66 })
-  t.center(true)
-end
-
-
-# text fit box size
-
-tt=text ({ content: "Super", x: 333, y: 120 } )
-tt.border(({ color: :green, thickness: 3, pattern: :solid }))
-bb=box({x:333, y: 333, width: 333, height: 150})
-bb.text("touch me to make the upper text fit my size")
-bb.touch do
-  tt.size({ fit: bb.atome_id})
-  tt.visual({fit: :width})
-end

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

@@ -1,28 +0,0 @@
-# Fullscreen
-
-button3=box({height: 33, x: 9, width: 222, smooth: 33, y: 6})
-button3.text({content:  "back to normal", x: 6 })
-
-button=box({height: 33, x: 9, width: 222, smooth: 33, y: 66})
-button.text({content:  "image fullscreen", x: 6 })
-
-button2=box({height: 33, x: 9, width: 222, smooth: 33, y: 120})
-button2.text({content:  "page fullscreen", x: 6 })
-
-
-img=image({ content: :moto, x: 222, y: 222 })
-
-button.touch do
-  img.fullscreen(true)
-end
-
-button2.touch do
-  grab(:view).fullscreen(:all)
-end
-
-circle({x:333})
-box({x:333, y: 99})
-text({content: :hello, visual: 99, x: 666, y: 66})
-batch([button3, img]).touch do
-  grab(:view).fullscreen(false)
-end

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

@@ -1,7 +0,0 @@
-# generate new atome method example:
-
-generate(:my_meth ) do |val|
-  self.text ({ content: val, x: 12, y: 12} )
-end
-b=circle({x:333,y:333})
-b.my_meth("I am created by a method created on the fly!!")

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

@@ -1,24 +0,0 @@
-# gradient
-
-c = circle({atome_id: :c, x: 300, id: :gradient_simple})
-c.color({green: 1})
-c.color ([:blue, :cyan])
-c.size = 223
-grad = text({content: :kool, atome_id: :gradient_test, visual: 333})
-grad.x(333)
-grad.y(99)
-grad.size = 666
-grad.color([:red, :yellow, {red: 0, green: 1, blue: 0}, {angle: 150}, {diffusion: :linear}])
-grad.shadow(true)
-ATOME.wait 1 do
-  grad.color([:red, :yellow, {red: 0, green: 1, blue: 0}, {angle: 150}, {diffusion: :radial}])
-end
-ATOME.wait 2 do
-  c.color([:cyan, :green, :orange, {diffusion: :conic}])
-end
-ATOME.wait 3 do
-  grad.color([:orange, {red: 0, green: 1, blue: 0}, :blue, {angle: 150, diffusion: :linear}])
-end
-grad.touch do
-  text(grad.inspect)
-end

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

@@ -1,21 +0,0 @@
-# group example
-
-t = text({ content: "Make the yellowgreen circle red , so it'll belong to the group so it'll be blurred and draggable", atome_id: :the_text })
-image({content: :boat, x:666,atome_id: :pix_1,})
-image({content: :moto, y:333, atome_id: :pix_2})
-b = box({ size: 66, y: 33, color: :red, atome_id: :tutu })
-b.tag({ content: "my_tag" })
-circle({ x: 96, y: 33,  atome_id: :first_circle })
-c2=circle({ x: 333, y: 96, color: :green, tag: :other_tag,atome_id: :the_circle  })
-b.add({ tag: :new_tag })
-circle({  atome_id: :the_second_circle , color: :yellowgreen, x: 96, y: 96})
-# b2=box({size: 66, x: 66, y: 66})
-# b2.text({content: "i am red!!", color: :red})
-# the group is both static ( content send) and based on a search (condition) and dynamic any atome matching will be tretaed!
-g=group({ content: [:pix_1, :pix_2], name: :my_group, treatment: {blur: 3, width: 33, drag: true}, dynamic: true, condition: { color: :red }, atome_id: :the_group })
-
-t.touch do
-  c2.color(:red)
-end
-
-g.treatment(color: :orange)