atome 0.5.6.8.7 → 0.5.7.0.3

data/vendor/assets/application/examples/fonts.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+# add new font face
+A.add_text_visual({ path: 'Roboto', name: 'Roboto-Thin' })
+A.add_text_visual({ path: 'Roboto', name: 'Roboto-Thin' })
+A.add_text_visual({ path: 'Roboto', name: 'Roboto-LightItalic' })
+
+# now applying it
+first_text=text({ data: :hello, component: { size: 55, visual: 'Roboto-Thin' } })
+wait 1 do
+  text({ data: :hello, component: { size: 55, visual: 'Roboto-Black' } })
+  wait 1 do
+    first_text.component({visual: 'Roboto-LightItalic'})
+  end
+end

data/vendor/assets/application/examples/matrix.rb

@@ -1,86 +1,81 @@
 #  frozen_string_literal: true
 
-@current_matrix = ""
+matrix_zone=box({width: 333, height: 333, drag: true, id: :the_box})
 
-def matrix(id, horizontal_nb, vertical_nb, spacing, size)
-  view = grab(:view)
-  @current_matrix = group({ id: id })
-  @current_matrix.data({ spacing: spacing, size: size })
-  matrix_cells = []
-  total_spacing_x = spacing * (horizontal_nb + 1)
-  total_spacing_y = spacing * (vertical_nb + 1)
-  size_coefficient = size.end_with?('%') ? (size.to_f / 100) : size.to_f / view.to_px(:width)
+# matrix creation
+main_matrix = matrix_zone.matrix({ id: :vie_0, rows: 8, columns: 8, spacing: 6, size: '100%' })
+main_matrix.smooth(3)
+main_matrix.color(:red)
 
-  view_width = view.to_px(:width)
-  view_height = view.to_px(:height)
-  if view_width > view_height
-    available_width = (view_height * size_coefficient) - total_spacing_x
-    available_height = (view_height * size_coefficient) - total_spacing_y
-  else
-    available_width = (view_width * size_coefficient) - total_spacing_x
-    available_height = (view_width * size_coefficient) - total_spacing_y
-  end
-  box_width = available_width / horizontal_nb
-  box_height = available_height / vertical_nb
-  background=box({id: "#{id}_background", width: 666, height: 666, color:{alpha: 0}})
+# on resize
+def resize_matrix(current_matrix, new_width, new_height, spacing, size)
+  parent_found = current_matrix
+  if size.instance_of? String
+    size_coefficient = size.end_with?('%') ? (size.to_f / 100) : size.to_f / parent_found.to_px(:width)
+    matrix_back = grab(:vie_0_background)
+    spacing = spacing * size_coefficient
+    total_spacing_x = spacing * (current_matrix.collect.length ** (0.5) + 1)
+    total_spacing_y = spacing * (current_matrix.collect.length ** (0.5) + 1)
+
+    if new_width > new_height
+      full_size = new_height * size_coefficient
+      available_width = full_size - total_spacing_x
+      available_height = full_size - total_spacing_y
+      matrix_back.width(full_size)
+      matrix_back.height(full_size)
+    else
+      full_size = new_width * size_coefficient
+      available_width = full_size - total_spacing_x
+      available_height = full_size - total_spacing_y
+      matrix_back.width(full_size)
+      matrix_back.height(full_size)
+    end
 
-  vertical_nb.times do |y|
-    horizontal_nb.times do |x|
-      id_generated = "#{id}_#{x}_#{y}"
-      matrix_cells << id_generated
-      new_box = background.box({ id: id_generated })
-      new_box.width(box_width)
-      new_box.height(box_height)
-      new_box.left((box_width + spacing) * x + spacing)
-      new_box.top((box_height + spacing) * y + spacing)
+    box_width = available_width / current_matrix.collect.length ** (0.5)
+    box_height = available_height / current_matrix.collect.length ** (0.5)
+    current_matrix.collect.each_with_index do |box_id, index|
+      box = grab(box_id)
+      box.width(box_width)
+      box.height(box_height)
+      box.left((box_width + spacing) * (index % current_matrix.collect.length ** (0.5)) + spacing)
+      box.top((box_height + spacing) * (index / current_matrix.collect.length ** (0.5)).floor + spacing)
     end
+  else
+    # dunno if we have to resize if size is specified in px
+    # size.to_f / parent_found.to_px(:width)
   end
-  @current_matrix.collect(matrix_cells)
-end
-
-matrix(:vie_0, 8, 8, 9, '69%')
 
-def resize_matrix(current_matrix, new_width, new_height, spacing, size)
-  # matrix_group = grab(matrix_id)
-  total_spacing_x = spacing * (current_matrix.collect.length ** (0.5) + 1)
-  total_spacing_y = spacing * (current_matrix.collect.length ** (0.5) + 1)
-  size_coefficient = size.end_with?('%') ? (size.to_f / 100) : size.to_f / new_width
+end
 
-  if new_width > new_height
-    available_width = (new_height * size_coefficient) - total_spacing_x
-    available_height = (new_height * size_coefficient) - total_spacing_y
-  else
-    available_width = (new_width * size_coefficient) - total_spacing_x
-    available_height = (new_width * size_coefficient) - total_spacing_y
+grab(:view).on(:resize) do
+  matrix_parent = grab(:view)
+  new_width = matrix_parent.width
+  new_height = matrix_parent.height
+  unless new_width.instance_of?(Numeric)
+    new_width = matrix_parent.to_px(:width)
   end
-
-  box_width = available_width / current_matrix.collect.length ** (0.5)
-  box_height = available_height / current_matrix.collect.length ** (0.5)
-  current_matrix.collect.each_with_index do |box_id, index|
-    box = grab(box_id)
-    box.width(box_width)
-    box.height(box_height)
-    box.left((box_width + spacing) * (index % current_matrix.collect.length ** (0.5)) + spacing)
-    box.top((box_height + spacing) * (index / current_matrix.collect.length ** (0.5)).floor + spacing)
+  unless new_height.instance_of?(Numeric)
+    new_height = matrix_parent.to_px(:height)
   end
+  new_size = if new_height > new_width
+               new_width
+             else
+               new_height
+             end
+  ratio = new_size / grab(:vie_0_background).width.to_f
+  main_matrix.data[:spacing] = main_matrix.data[:spacing] * ratio
+  matrix_spacing = main_matrix.data[:spacing]
+  matrix_size = main_matrix.data[:size]
+  resize_matrix(main_matrix, new_width, new_height, matrix_spacing, matrix_size)
 end
 
-grab(:view).on(:resize) do |event|
-  new_event = Native(event)
-  new_width = new_event[:width].to_f
-  new_height = new_event[:height].to_f
-  matrix_spacing = @current_matrix.data[:spacing]
-  matrix_size = @current_matrix.data[:size]
-  resize_matrix(@current_matrix, new_width, new_height, matrix_spacing, matrix_size)
-end
-# alert grab(:vie_0).data
-# wait 2 do
+matrix_to_treat=main_matrix
 
-@current_matrix.color(:blue)
-@current_matrix.smooth(6)
-@current_matrix.shadow({
+#######################################################@
+matrix_to_treat.color(:blue)
+matrix_to_treat.smooth(6)
+matrix_to_treat.shadow({
                          id: :s1,
-                         # affect: [:the_circle],
                          left: 3, top: 3, blur: 6,
                          invert: false,
                          red: 0, green: 0, blue: 0, alpha: 0.6
@@ -89,67 +84,35 @@ end
 col_1 = color(:yellow)
 col_2 = color({ red: 1, id: :red_col })
 
-
-# @current_matrix.paint({ gradient: [col_1.id, col_2.id], direction: :left })
-@current_matrix.paint({ gradient: [col_1.id, col_2.id], direction: :top })
-
+wait 3 do
+matrix_to_treat.paint({ gradient: [col_1.id, col_2.id], direction: :top })
+end
 
 ###################
 
-
 test_cell = grab(:vie_0_2_3)
 wait 1 do
   test_cell.color(:red)
+  test_cell.text('touch')
+  grab(:vie_0_background).color(:red)
 end
 
 
-module Molecule
-
-  def states(val = nil)
-    if val
-    else
-    end
-
-  end
-
-
-  def alternate(*states)
-    # if states
-    #
-    # else
-    #   @alternate
-    # end
-    alert states
-  end
-end
 c= circle({left: 399})
 test_cell.touch(true) do
   test_cell.alternate({ width: 33, color: :red }, { width: 66, color: :orange })
-  # puts "=> #{Universe.atomes.length}"
-  # puts test_cell.color
-  # if test_cell.data==true
-  #   test_cell.data(false)
-  # col_1 = color(:black)
-
-  @current_matrix.paint({ gradient: [col_1.id, col_1.id], direction: :top })
-  other_col=test_cell.color(:white)
-  c.paint({ gradient: [col_1, col_2], direction: :left })
-  test_cell.paint({ gradient: [col_1, other_col], direction: :left })
-  # test_cell
-  # grab(:red_col).delete(true)
-  # test_cell.color(:green)
-  # else
-  #   test_cell.data(true)
-  #   test_cell.color(:blue)
-  # end
-
+  matrix_to_treat.paint({ gradient: [col_1.id, col_1.id], direction: :top })
+  other_col=test_cell.color(:green)
+  c.paint({ gradient: [col_1.id, col_2.id], direction: :left })
+  test_cell.paint({ gradient: [col_1.id, other_col.id], direction: :left })
 end
+
 wait 1 do
-  @current_matrix.width(33)
+  matrix_to_treat.width(33)
 end
-@current_matrix.drag(true)
-# alert @current_matrix.id
+matrix_to_treat.drag(true)
+# alert matrix_to_treat.id
 wait 2 do
-  grab(:vie_0_background).left(666)
+  grab(:vie_0_background).left(250)
   grab(:vie_0_background).drag(true)
 end

data/vendor/assets/application/examples/recorder.rb

@@ -0,0 +1,74 @@
+# frozen_string_literal: true
+
+# native recording (server mode only) :
+text({ data: 'native operation only work in server mode ', top: 60 })
+a = circle({ color: :red, left: 30, top: 90 })
+a.text('native Audio')
+record_callback = 'unset'
+a.touch(true) do
+  A.record({ media: :audio, duration: 5, mode: :native, name: :my_audio_rec, type: :wav, path: '../src', data: { note: :c, velocity: 12, robin: 3, author: :vie, tags: [:voice, :noise, :attack] } }) do |result|
+    puts result
+    record_callback = result
+  end
+
+end
+
+aa = circle({ color: :red, left: 120, top: 90 })
+aa.text('native video')
+aa.touch(true) do
+  A.record({ media: :video, duration: 5, mode: :native, name: :my_video_rec, type: :mp4, path: '../src/', data: { type: :thriller, } }) do |result|
+    puts result
+    record_callback = result
+  end
+end
+
+aaa = circle({ color: :red, left: 256, top: 90 })
+aaa.text('native stop')
+aaa.touch(true) do
+  pid = record_callback['pid']
+  A.record({ stop: true, pid: pid }) do |msg|
+    puts "msg received for native stop : #{msg}"
+  end
+end
+
+# web recording:
+box_to_rec_into = box({ id: :the_big_box })
+c = circle({ color: :red, left: 30 })
+c.text(:audio)
+c.touch(true) do
+  box_to_rec_into.record({ media: :audio, duration: 7, mode: :web, name: :web_audio_rec, type: :wav, path: '../src', data: { note: :c, velocity: 12, robin: 3, author: :vie, tags: [:voice, :noise, :attack] } }) do |result|
+    # puts "recording audio : #{result}"
+  end
+end
+
+cc = circle({ color: :red, left: 120, id: :the_circle })
+cc.text(:video)
+cc.touch(true) do
+  box_to_rec_into.record({ media: :video, duration: 30, mode: :web, name: :web_video_rec, type: :mp4, path: '../src/', data: { type: :thriller } }) do |result|
+    # puts "recording video : #{result}"
+  end
+
+end
+
+ccc = circle({ color: :red, left: 256 })
+ccc.text(:stop)
+ccc.touch(true) do
+  box_to_rec_into.record({ stop: true }) do |msg|
+    puts "msg received for web stop : #{msg}"
+  end
+end
+
+cc2 = circle({ color: :red, left: 512, id: :the_circle_prev })
+cc2.text(:preview)
+cc2.touch(true) do
+  A.preview({ media: :video, mode: :web, id: :my_preview })
+end
+
+
+cc3 = circle({ color: :red, left: 600, id: :the_circle_stop_prev })
+cc3.text('kill preview')
+cc3.touch(true) do
+  A.preview({ media: :video, mode: :web, id: :my_preview, stop: true })
+end
+
+

data/vendor/assets/application/examples/site.rb

@@ -0,0 +1,41 @@
+# frozen_string_literal: true
+
+# new(application: {name: :compose })
+# new(application:  :compose ) do |params|
+#   alert params
+# end
+s=application({ name: :home })
+
+# alert s.class
+# alert "a.class : #{a.class}"
+s.page(:hello)
+# grab(:toto).color(:cyan)
+#
+# def layout
+#   compose_back=box
+#
+#   compose_back.color({ alpha: 0 })
+#   media_reader=compose_back.box({left: 99, width: 250, height: 250, top: 99})
+#   viewer_1=compose_back.box({left: 360, width: 250, height: 250, top: 99})
+#   viewer_2=compose_back.box({left: 690, width: 250, height: 250, top: 99})
+#   timeline=compose_back.box({left: 99, width: 250, height: 250, top: 399})
+#   login=compose_back.text(:log)
+#   login.touch(true) do
+#     compose_back.delete(true)
+#     # grab(:view).clear(true)
+#     form
+#   end
+#
+# end
+#
+# def form
+#   form1=box
+#   form1.text(:login)
+#
+#   form1.touch(true) do
+#     form1.delete(true)
+#     layout
+#   end
+#
+# end
+# form

data/vendor/assets/application/examples/sub_atome_manipulation.rb

@@ -5,8 +5,6 @@ b=box({id: :the_box})
 b.text({id: :the_text, left: 90, top: 30, data: :ok})
 b.text({id: :the_text2, left: 190, top: 30, data: :hello})
 
-
-
 wait 1 do
   b.text.each_with_index do |el, _index|
     grab(el).left(30)

data/vendor/assets/application/examples/svg_img_to_vector.rb

@@ -0,0 +1,6 @@
+# frozen_string_literal: true
+
+grab(:black_matter).image({ path: 'medias/images/icons/color.svg', id: :atomic_logo, width: 33, left: 333 })
+vector({ width: 333, height: 333, id: :my_placeholder })
+A.fetch_svg({ source: :atomic_logo, target: :my_placeholder })
+grab(:atomic_logo).delete(true)

data/vendor/assets/application/examples/svg_vectorizer.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+
+svg_content = <<-SVG
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1024" height="1024"  xml:space="preserve" id="colorCanvas">
+<!-- Generated by jeezs - http://www.atome.one
+<path d="M150 0 L75 200 L225 200 Z" stroke="red" stroke-width="37" fill="white" />
+<circle id="colorCanvas-oval" stroke="none" fill="rgb(255, 0, 0)" cx="274" cy="306" r="198" />
+<circle id="colorCanvas-oval2" stroke="none" fill="rgb(0, 142, 255)" cx="767" cy="306" r="198" />
+<circle id="colorCanvas-oval3" stroke="none" fill="rgb(50, 255, 0)" cx="499" cy="702" r="198" />
+<ellipse id="colorCanvas-ellipse" stroke="black" stroke-width="5" fill="yellow" cx="512.5" cy="256" rx="150" ry="100" />
+<rect id="colorCanvas-rect" stroke="green" stroke-width="5" fill="blue" x="100" y="500.7" width="300" height="150" />
+<line id="colorCanvas-line" stroke="purple" stroke-width="110" x1="50" y1="800" x2="300.6" y2="950" />
+<polygon id="colorCanvas-polygon" stroke="orange" stroke-width="7.2" fill="none" points="800,400 700,600 900,600" />
+</svg>
+SVG
+
+v = vector({width: 333, height: 333})
+atome_content = A.vectorizer(svg_content)
+puts atome_content
+v.data(atome_content)

data/vendor/assets/application/examples/table.rb

@@ -6,7 +6,7 @@ c.box({ left: 0, width: 22, height: 22, top: 65 })
 c.touch(true) do
   alert :okk
 end
-m = matrix({ renderers: [:html], attach: :view, id: :my_test_box, type: :matrix, apply: [:shape_color],
+m = table({ renderers: [:html], attach: :view, id: :my_test_box, type: :table, apply: [:shape_color],
              left: 333, top: 0, width: 900, smooth: 15, height: 900, overflow: :scroll, option: { header: true },
              component: {
                border: { thickness: 5, color: :blue, pattern: :dotted },