atome 0.5.2.7 → 0.5.3.2

data/vendor/assets/server/atome_server.rb

@@ -2,7 +2,7 @@
 
 # atome server
 require 'em/pure_ruby' if RUBY_PLATFORM == 'x64-mingw32'
-require  'atome'
+# require  'atome'
 require '../aui'
 require 'digest/sha2'
 require 'faye/websocket'
@@ -80,11 +80,11 @@ class App < Roda
   puts "The average price is: #{items.avg(:width)}"
 
 
-  index_content = File.read("../build/index.html")
+  index_content = File.read("../src/index.html")
 
 
-  opts[:root] = '../build'
-  plugin :static, %w[/css /js /medias], root: '../build'
+  opts[:root] = '../src'
+  plugin :static, %w[/css /js /medias], root: '../src'
   route do |r|
     if Faye::WebSocket.websocket?(env)
       websocket = Faye::WebSocket.new(env)

data/vendor/assets/server/config.ru

@@ -5,4 +5,8 @@ require 'rack/unreloader'
 
 Unreloader = Rack::Unreloader.new(subclasses: %w[Roda]) { App }
 Unreloader.require './atome_server.rb'
-run Unreloader
+run Unreloader
+# uncomment to allow code reloading
+# uncomment below for prod or comment to allow code reloading
+#run App.freeze.app
+

data/vendor/assets/{build → src}/css/style.css

@@ -19,14 +19,14 @@ html, body {
 
 
 #view {
-    left: 0;
+    left: 0px;
     font-size: 25px;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    width: 100%;
+    right: 0px;
+    top: 0px;
+    bottom: 0px;
+    width: auto;
     display: block;
-    height: 100%;
+    height: auto;
     overflow: hidden;
     position: absolute;
     -webkit-overflow-scrolling: touch;

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

@@ -0,0 +1,72 @@
+# frozen_string_literal: true
+
+# Text in object
+a=Atome.new(code: { type: :code, renderers: [:headless], parents: [], children: [] }) do  |params_found|
+  puts "the param is #{params_found}"
+end
+a.run(:super)
+c=element do |params_found|
+  puts "you want me to print:  #{params_found}"
+  text({ data: :hello })
+end
+
+c.run('it works')
+
+######  SOLVED ##### : object in object
+
+# a = box({ width: 333, height: 333, id: :the_boxy })
+# a.color(:red)
+# b = a.box({ width: 33, height: 33, id: :the_box, drag: true })
+# b.color(:black)
+#
+# # color doesn't work
+# circle({ id: :circle_123, color: :cyan, left: 233 })
+
+
+######  SOLVED ##### : big performance problem plus params as left is not interpreted
+
+# i = 0
+# while i < 16
+#   b = box({ width: 33, height: 33 })
+#   b.color(:red)
+#   b.left((33 + 10) * i)
+#   i += 1
+#   # b.drag(true)
+# end
+
+
+######  SOLVED ##### : .color (return the color itself instead of the box ) and .red return itself too so it's impossible to set green and blue
+# another problem : when setting .red it reset the whole color object and remove green an blue components
+# box({id: :mybox})
+# grab(:my_box).smooth(6).color(:black).red(0.6).green(0.6).blue(0.6)
+
+
+# color can't be changed easily
+
+b=box
+b.color.red(1)
+
+# ######  SOLVED ##### : box in box doesn't work( incorrect node tree error)
+# b=box({id: :mybox, width: 666, height: 555})
+#
+# b.box()
+
+# ######  SOLVED ##### atome i, atome using preset doesn't work
+#
+# b=box
+# c=b.box
+# c.left(200)
+
+
+# Children doesn't work
+box({ id: :the_box })
+circle({ top: 300, id: :circle098 })
+
+t = text({ data: :hello })
+t.children[:the_box, :circle098]
+
+
+# if id change then we can't add color
+b=box
+b.id(:new_id)
+b.color(:blue)

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

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+
+# removed because it has conflict with children / parents
+# # TODO : debug the attach method it color the view by default
+# # box({id: :my_box})
+# # c=color(:red)
+# # grab(:view).color(:black)
+# # c.attach([:my_box])
+#
+# box({id: :my_box})
+# color({red: 1, blue: 1, attach: [:my_box]})

data/vendor/assets/{build → src}/medias/rubies/examples/_audio.rb

@@ -1,6 +1,61 @@
 # frozen_string_literal: true
 
-box({id: :mybox})
+generator = Genesis.generator
+
+generator.build_atome(:audio) do |p|
+  puts p
+
+end
+
+generator.build_render(:browser_audio) do |_value, _user_proc|
+  @browser_type = :div
+  id_found = @atome[:id]
+  DOM do
+    audio({ id: id_found, autoplay: false, loop: false, muted: false }).atome
+  end.append_to(BrowserHelper.browser_document[:user_view])
+  @browser_object = BrowserHelper.browser_document[id_found]
+
+
+  # `
+  # var helloWorld = new Wad({
+  #     source: './medias/audios/Binrpilot.mp3',
+  #
+  #     // add a key for each sprite
+  #     sprite: {
+  #         hello : [0, .4], // the start and end time, in seconds
+  #         world : [.4,1]
+  #     }
+  # });
+  # `
+
+
+
+end
+
+generator.build_sanitizer(:audio) do |params|
+  parent_found = found_parents_and_renderers[:parent]
+  render_found = found_parents_and_renderers[:renderers]
+  default_params = { renderers: render_found, id: "audio_#{Universe.atomes.length}", type: :audio,
+                     parents: parent_found }
+  default_params.merge!(params)
+end
+
+module BrowserHelper
+  def self.browser_path_audio(value, browser_object, _atome)
+    browser_object[:src] = value
+  end
+
+
+end
+
+box({ id: :mybox })
+
+my_audio = audio({ path: 'medias/audios/Binrpilot.mp3', id: :audio3 }) do |params|
+  puts "3 - audio callback here #{params}, id is : #{id}"
+end
+
+# my_audio.clips[{begin: 4, end: 6}]
+alert Universe.atome_list
 
 
 # `
@@ -86,33 +141,33 @@ box({id: :mybox})
 # `
 #
 #
-#
-`
-const el = document.getElementById("mybox")
-function modifyText(){
- var audio = new Audio('medias/audios/snare.wav');
-audio.play(2);
-}
-el.addEventListener("mousedown", modifyText, false);
-`
-b=box({left: 160})
-b2=box({left: 333})
-b.touch(:down) do
-  `
-var audio = new Audio('medias/audios/Binrpilot.mp3');
-audio.currentTime=12
-audio.play(2);
-console.log('ok')
-`
-end
-
-
-b2.touch(:down) do
+#########################################
+# `
+# const el = document.getElementById("mybox")
+# function modifyText(){
+#  var audio = new Audio('medias/audios/snare.wav');
+# audio.play(2);
+# }
+# el.addEventListener("mousedown", modifyText, false);
+# `
+# b=box({left: 160})
+# b2=box({left: 333})
+# b.touch(:down) do
 #   `
-#   let bell= new Audio('medias/audios/snare.wav');
-#
+# var audio = new Audio('medias/audios/Binrpilot.mp3');
+# audio.currentTime=12
+# audio.play(2);
+# console.log('ok')
 # `
-end
+# end
+#########################################
+
+# b2.touch(:down) do
+# #   `
+# #   let bell= new Audio('medias/audios/snare.wav');
+# #
+# # `
+# end
 # generator = Genesis.generator
 
 # b.touch(:double) do
@@ -164,8 +219,6 @@ end
 # `
 # end
 
-
-
 # `
 # //let saw = new Wad({source : 'sawtooth'});
 # let saw = new Wad({