atome 0.1.00006 → 0.4.5.4

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

@@ -0,0 +1,12 @@
+circle({id: :circle_12})
+grab(:c315).parent([:circle_12])
+a.shape.parent([:circle_12])
+
+
+circle({ id: :circle_123, color: :cyan })
+box({ id: :box_1, left: 333 })
+bb=box({top: 99})
+grab(:box_1).parent(:circle_123)
+grab(:color_circle_123).parent([:box_1])
+
+bb.parent([:box_1])

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

@@ -0,0 +1,3 @@
+
+read('examples/image.rb', :ruby)
+read('examples/image.rb', :text)

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

@@ -0,0 +1,3 @@
+repeat 0.3, 10 do |evt|
+  puts "hello:#{evt}:"
+end

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

@@ -0,0 +1 @@
+ box({  right: 120 })

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

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

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

@@ -0,0 +1,13 @@
+
+" 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 "
+
+time_to_run= Time.now+6
+puts 'event schedule'
+schedule(time_to_run) do
+  puts 'event executed'
+  # i=image({ content: :boat , drag: :true, x: 99, y:99 })
+  # wait 2 do
+  #   i.delete(true)
+  # end
+end

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

@@ -0,0 +1,3 @@
+b = box({ width: 333, left: 333 })
+
+b.smooth([33, 2, 90])

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

@@ -0,0 +1,5 @@
+text = Atome.new(
+  text: { render: [:html], id: :text1, type: :text, parent: [:view], visual: { size: 33 }, string: "hello!", left: 399, top: 633, width: 199, height: 33,
+  }
+)
+text.text.string(:kool)

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,6 @@
+b = box({ width: 333, left: 666})
+
+b.touch(true) do
+  color({ render: [:html], id: "color_#{Universe.atomes.length}", type: :color,
+          red: 1, green: 0.33, blue: 0.22, alpha: 1 })
+end

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

@@ -0,0 +1,4 @@
+Atome.new(
+  video: { render: [:html], id: :video1, type: :video, parent: [:view], path: "./medias/videos/avengers.mp4", left: 333, top: 333, width: 199, height: 99,
+  }
+)

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

@@ -0,0 +1,3 @@
+wait 2 do
+  puts "the wait is over"
+end

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

@@ -0,0 +1,9 @@
+Atome.new(
+  image: { render: [:html], id: :image1, type: :image, parent: [:view], path: "https://interactive-examples.mdn.mozilla.net/media/cc0-images/grapefruit-slice-332-332.jpg", left: 99, top: 120, width: 199, height: 199,
+  }
+)
+
+Atome.new(
+  web: { render: [:html], id: :image1, type: :web, parent: [:view], path: "https://www.youtube.com/embed/usQDazZKWAk", left: 99, top: 120, width: 199, height: 199,
+  }
+)

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

@@ -0,0 +1,2 @@
+b = box({  left: 333 })
+b.width(33)

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

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

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

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

data/vendor/assets/build/medias/rubies/users/code.rb

@@ -0,0 +1,6 @@
+text(:chambon)
+b=box(color: :red)
+b.drag(true)
+# b.read("hello")
+grab(:device).read(1)
+grab(:device).write("hello")

data/vendor/assets/build/medias/utils/infos/color.rb

@@ -0,0 +1,29 @@
+descriptions <<~STRDELIM
+  change object color
+  it accept either a RGB value or a string
+STRDELIM
+params = [:red, :green, :blue, :alpha, :x, :y, :diffusion]
+tips = "just send two color to create a gradient"
+examples = { basic: "b=box\nb.color(:red)", transparency: "b=box\nb.color({alpha: 0.2})" }
+todos = ["add :z property"]
+tests = ["write tests here"]
+bugs = ["bug found here"]
+visuals = ["medias/images/atome_quark/color.png"]
+tutorials = ["draw a box , make it red", { video: "medias/videos/tutorials/color.mp4" }]
+links = ["https://www.pinterest.fr/pin/452189618834509903/"]
+documentations = [""]
+
+{
+  descriptions: descriptions,
+  params: params,
+  tips: tips,
+  examples: examples,
+  todos: todos,
+  tests: tests,
+  bugs: bugs,
+  visuals: visuals,
+  tutorials: tutorials,
+  links: links,
+  documentations: documentations }
+
+

data/vendor/assets/build/medias/utils/infos/width.rb

@@ -0,0 +1,25 @@
+descriptions ={first: "define the width of obect"}
+params = {}
+tips = {}
+examples = {first: "b=box\nb.width(333)\nb.color(:yellow)\nb.x(99)", second:"b=box\nb.width('66%')\nb.color(:red)\nb.x(99)" }
+todos = {}
+tests = {}
+bugs = {}
+visuals = {}
+tutorials = {}
+links = {}
+documentations = {}
+
+data={
+  descriptions: descriptions,
+  params: params,
+  tips: tips,
+  examples: examples,
+  todos: todos,
+  tests: tests,
+  bugs: bugs,
+  visuals: visuals,
+  tutorials: tutorials,
+  links: links,
+  documentations: documentations }
+data

data/vendor/assets/r&d/misc.rb

@@ -0,0 +1,219 @@
+
+b=box()
+# b.x(33)
+def custom_code val
+  `console.log(#{val})`
+end
+
+custom_code "good news for you"
+# todo change server strategy and use index.html to test server and connect to it if no connection stay use opal
+require 'application/view_example'
+# def toto(e)
+#   e.prevent
+#   e.on.inner_text = "Super Clicked!"
+# end
+#
+# $document.on(:mousedown, "#good") do |e|
+#   toto(e)
+# end
+# $document.on(:touchstart, "#good") do |e|
+#   toto(e)
+# end
+#
+# verif = <<-STR
+# $document.ready do
+#     DOM {
+#     div.info {
+#       span.red "Opal eval cooked up!"
+#     }
+#     }.append_to($document.body)
+#   end
+# STR
+#
+# eval(verif)
+#
+#
+# $document.body.style.apply {
+#   background color: 'black'
+#   color 'orange'
+#   font family: 'Verdana'
+# }
+# $document.ready do
+#   DOM {
+#     div.info {
+#       i=0
+#       while i< 20
+#         i+=1
+#         span(id: "good").red "Opal cooked up, click me #{i}"
+#         div(id: "hook").red "lllll#{i} --"
+#       end
+#     }
+#   }.append_to($document["user_view"])
+#
+#   # alert($document.body.id)
+#   # $document.getElementById("hook").style.color("red")
+#   # bb=$document.find('header')
+#   bb=`document.getElementById('hook')`
+#   # a=	$document.get_element_by_id(:hook)
+#   a=	$document[:hook]
+#
+#   elem = $document.at_css(".red").style(color: :yellow)
+#
+#   $document.on :click do |e|
+#     elem.style(color: :yellowgreen)
+#     # elem.style.apply {
+#     # 	background color: 'blue'
+#     # 	color 'green'
+#     # 	font family: 'Verdana'
+#     # }
+#     # a.style.apply {
+#     # 		  background color: 'red'
+#     # 		  color 'black'
+#     # 		  font family: 'Verdana'
+#     # 		}
+#   end
+#
+#   # bb =$document.id='hook'
+#   # bb= $document["hook"]
+#   #  bb.on.inner_text"jsqhdgfjqhsdgfjqhsgdjhqsg Clicked!"
+#   # bb.style.apply {
+#   # 	background color: 'black'
+#   # 	color 'orange'
+#   # 	font family: 'Verdana'
+#   # }
+#
+# end
+#
+# $document.body.style.apply {
+#   background color: 'black'
+#   color 'orange'
+#   font family: 'Verdana'
+# }
+#
+#
+# def box(params={})
+#   DOM do
+#     el=div(id: "hook")
+#     el( ",jb,jb")
+#   end.append_to($document["user_view"])
+#
+# end
+#
+# box
+#
+# e=$document.at_css("#hook")
+# e.style { background color: 'lime' }
+# $document.at_css("#hook").style(color: :red)
+# # Example 2
+# DOM do
+#   div(id: "hook").red "lllll"
+#   div(id: "poil").red "kool"
+# end.append_to($document["user_view"])
+# elem = $document.css("#poil").style(color: :orange)
+#
+# # #Example 3
+# def box(params = {})
+#   params = { color: :pink, width: 100, height: 100 }.merge(params)
+#   DOM do
+#     div(id: "hook",
+#         class: :toto,
+#         style: "background-color: #{params[:color]};
+#                width: #{params[:width]}px;
+#                height: #{params[:height]}px;
+#                box-shadow: #{params[:shadow]};
+#                ")
+#       .the_class
+#   end.append_to($document["user_view"])
+# end
+#
+# window_height= $window.view.height/12
+# window_width= $window.view.width/12
+# box({ color: :green, shadow: "0px 0px 10px black;" })
+# $document.body['foo'] = 'bar'
+#
+#
+# $window.on :resize do |e|
+#   puts $window.view.height
+#   puts  $window.view.width
+#   puts "------"
+#   # alert  $document.body.width
+# end
+#
+# puts $document.search('div').size
+# # $document.search('div')['foo'] = 'bar'
+#
+#
+
+
+
+# require 'browser/socket'
+
+ws =Browser::Socket.new 'ws://127.0.0.1:9292'
+ws.on :open do
+end
+
+ws.on :message do |e|
+  puts "message received from websocket#{ e.data}"
+end
+
+
+def send_message(socket,msg)
+if  socket.alive?
+  socket.send(msg )
+else
+  after 0.1 do
+    send_message(socket,msg)
+  end
+end
+
+end
+
+my_msg={ foo: "bar" }
+my_msg=JSON.generate(my_msg)
+send_message(ws,my_msg)
+# aa=Digest::SHA1.hexdigest "foo"
+# alert aa
+# if RUBY_ENGINE.downcase == 'opal'
+#   puts "ok"
+#   # require 'atome/extensions/sha_opal.rb'
+# else
+#   require 'atome/extensions/sha_ruby.rb'
+#   puts "pas ok"
+#
+# end
+
+
+# if RUBY_ENGINE.downcase != 'opal'
+#   alert :no
+# else
+#   alert :good
+# end
+
+# alert calculate_sha("jeezs")
+puts "hellodf=lkjsmlfkjmhljsmfglhkjmflghkjdmlfgkjhmslkfgjh".to_i(36)
+
+puts "foo".hash
+
+
+
+
+# require 'browser/database/sql'
+#
+# db = Browser::Database::SQL.new 'test'
+# db.transaction {|t|
+#   t.query('CREATE TABLE test(ID INTEGER PRIMARY KEY ASC, text TEXT)').then {
+#     t.query('INSERT INTO test (id, text) VALUES(?, ?)', 1, 'huehue')
+#   }.then {
+#     t.query('INSERT INTO test (id, text) VALUES(?, ?)', 2, 'jajaja')
+#   }.then {
+#     t.query('SELECT * FROM test')
+#   }.then {|r|
+#     r.each {|row|
+#       alert row.inspect
+#     }
+#   }
+# }
+
+
+puts  "Universe  identity is : #{Universe.app_identity}"
+# alert Atome.aui

data/vendor/assets/r&d/ping.rb

@@ -0,0 +1,3 @@
+# Storage example
+a=Atome.new
+a.ping('apple.com')

data/vendor/assets/r&d/storage.rb

@@ -0,0 +1,9 @@
+# Storage example
+require 'browser/storage'
+
+$storage = $window.storage
+$storage[:hello] = { jeezs: { data: :kool } }
+
+# alert($storage[:hello][:jeezs])
+$storage[:hello][:jeezs][:toto]=:titi
+puts  "storage content is : #{$storage[:hello]}"

data/vendor/assets/r&d/view_example.rb

@@ -0,0 +1,21 @@
+
+`function addElement (width) {
+  // crée un nouvel élément div
+  var newDiv = document.createElement("div");
+  // et lui donne un peu de contenu
+  var newContent = document.createTextNode('Hi there and greetings!');
+  // ajoute le nœud texte au nouveau div créé
+  newDiv.appendChild(newContent);
+  newDiv.id='div1';
+
+  // ajoute le nouvel élément créé et son contenu dans le DOM
+  var currentDiv = document.getElementById('div1');
+  document.body.insertBefore(newDiv, currentDiv);
+}
+
+addElement();
+
+
+ var selectedRow = document.querySelector('div#div1');
+ selectedRow.style.color = 'black';
+  selectedRow.style.backgroundColor = 'orange';`