atome 0.5.7.5.9 → 0.5.7.6.5

data/vendor/assets/src/medias/utils/examples/particles/display/example.rb

@@ -0,0 +1,164 @@
+#  frozen_string_literal: true
+
+
+new({ particle: :display, render: false }) do |params|
+  # alert type
+  unless params[:items]
+    params[:items] = { width: 200, height: 33 }
+  end
+  container_width = params[:width] ||= width
+  container_height = params[:heigth] ||= height
+  container_top = params[:top] ||= top
+  container_left = params[:left] ||= left
+
+  item_width = params[:items][:width] ||= 400
+  item_height = params[:items][:height] ||= 50
+  item_margin = params[:margin] ||= 3
+
+  mode = params[:mode]
+
+  case mode
+  when :none
+  when :custom
+  when :list
+    if params[:data].instance_of? Array
+    elsif params[:data] == :particles
+      list_id = "#{id}_list"
+      unless grab(list_id)
+        container = ''
+        attach.each do |parent|
+          container = grab(parent).box({ id: list_id, left: container_left, top: container_top, width: container_width, height: container_height, overflow: :auto, color: :black, depth: 0 })
+          container.on(:resize) do |event|
+            puts event[:dx]
+          end
+          container.resize({ min: { width: 100, height: 100 }, max: { width: 300, height: 700 } }) do |event|
+            puts event
+          end
+
+        end
+        sorted_particles = particles.sort.to_h
+        sorted_particles.each_with_index do |(particle_found, value), index|
+          line = container.box({ id: "#{list_id}_#{index}", width: item_width, height: item_height, left: 0, top: ((item_height + item_margin) * index) })
+          line.text({ data: "#{particle_found} : ", top: -item_height / 2, left: 2 })
+          if value.instance_of?(String) || value.instance_of?(Symbol) || value.instance_of?(Integer)
+            input_value = line.text({ data: value, top: -item_height / 2, left: 5, edit: true })
+            input_value.keyboard(:down) do |native_event|
+              event = Native(native_event)
+              if event[:keyCode].to_i == 13
+                event.preventDefault()
+                input_value.color(:red)
+              end
+            end
+            input_value.keyboard(:up) do |native_event|
+              data_found = input_value.data
+              send(particle_found, data_found)
+            end
+          else
+            puts "value is :#{value.class} => #{value}"
+          end
+        end
+        closer = container.circle({ id: "#{list_id}_closer", width: 33, height: 33, top: 3, right: 3, color: :red, position: :sticky })
+        closer.touch(true) do
+          container.delete(true)
+        end
+      end
+    else
+    end
+  when :grid
+    grid_id = "#{id}_grid"
+    unless grab(grid_id)
+      container = grab(:view).box({ id: grid_id, width: container_width, height: container_height, overflow: :auto, color: :white, depth: 0 })
+      ############## deletion
+      container.touch(true) do
+        puts "removing container recursively : #{container.id}"
+        val_1= Universe.atomes.length
+        puts "val_1 : #{val_1}"
+        container.delete({ recursive: true })
+        val_2= Universe.atomes.length
+        puts "val_2 : #{val_2}"
+        puts "val_1-val_2 : #{val_1-val_2}"
+      end
+      ############## deletion
+      params[:data].each_with_index do |item, index|
+        # unless grab("#{grid_id}_#{index}")
+          item = container.box({ id: "#{grid_id}_#{index}", top: 0, position: :relative, left: nil, right: nil })
+          # item.touch(true) do
+          #   alert "removing container recursively : #{container.id}"
+          #   val_1= Universe.atomes.length
+          #   puts "val_1 : #{val_1}"
+          #   container.delete({ recursive: true })
+          #   val_2= Universe.atomes.length
+          #   puts "val_2 : #{val_2}"
+          #   puts "val_1-val_2 : #{val_1-val_2}"
+          # end
+        # end
+      end
+      # container.html.style('gridTemplateColumns', '1fr 1fr 1fr 1fr 1fr 1fr')
+      container.html.style('gridTemplateColumns', 'repeat(4, 1fr)')
+      container.html.style('gridTemplateRows', 'auto')
+      container.html.style('gridGap', '10px')
+      container.html.style('display', 'grid')
+      container.on(:resize) do |event|
+        puts event[:dx]
+      end
+      container.resize({ min: { width: 10, height: 10 }, max: { width: 300, height: 700 } }) do |event|
+        puts event
+      end
+    end
+  end
+end
+new({ particle: :visible })
+new({ renderer: :html, method: :visible }) do |params|
+  if params == false
+    params = :none
+  elsif params == true
+    params = :block
+  end
+  html.visible(params)
+end
+new({ particle: :position }) do
+end
+new({ method: :position, type: :integer, renderer: :html }) do |params|
+  html.style(:position, params)
+end
+
+b = box({ color: :red })
+
+b.touch(true) do
+  # b.display({ mode: :list, data: :particles, width: 333, items: { width: 200, height: 33 }, height: 33, margin: 5 })
+  b.display({ mode: :list, data: :particles, items: { width: 200, height: 33 }, height: 33, margin: 5 })
+end
+############## Builder #############
+c = circle({ left: 333 })
+fake_array = []
+i = 0
+while i < 32 do
+  fake_array << i
+  i += 1
+end
+c.touch(true) do
+  c.display({ mode: :grid, data: fake_array,width: 333, height: 333 })
+end
+############## Generator #############
+gen = generator({ id: :genesis, build: { top: 66, copies: 1 } })
+gen.build({ id: :bundler, copies: 32, tag: { group: :to_grid }, color: :red, width: 33, height: 44, left: 123, smooth: 9, blur: 3, attach: :view })
+grab(:bundler_1).color(:blue)
+
+color({ id: :the_orange, red: 1, green: 0.4 })
+
+atome_to_grid = tagged({ group: :to_grid })
+the_group = group({ collected: atome_to_grid })
+
+the_group.touch(true) do |i|
+  color(:green)
+end
+# wait 0.3 do
+the_group.left(633)
+wait 1 do
+  grab(:view).display({ mode: :grid, data: fake_array })
+end
+
+
+
+
+

data/vendor/assets/src/medias/utils/examples/particles/display/infos.txt

@@ -0,0 +1 @@
+Specific information about how to use the display object.

data/vendor/assets/src/medias/utils/examples/particles/display/usage.txt

@@ -0,0 +1 @@
+The display object is used for specific purposes as indicated in the example.

data/vendor/assets/src/medias/utils/examples/particles/drag/example.rb

@@ -0,0 +1,52 @@
+#  frozen_string_literal: true
+
+a=box({width: 666, height: 777, color: :orange})
+b = box({ left: 666, color: :blue, smooth: 6, id: :the_box2, depth: 1 , top: 66})
+cc=circle({color: :red, left: 0, top: 0})
+clone = ""
+b.drag(:start) do
+  b.color(:black)
+  b.height(123)
+  # beware you must use grab(:view) else it'll be fasten to the context, that means to 'b' in this case
+  clone = grab(:view).circle({ color: :white, left: b.left, top: b.top, depth: 3 })
+end
+
+b.drag(:stop) do
+  b.color(:purple)
+  b.height=b.height+100
+  clone.delete(true)
+end
+
+b.drag(:locked) do |event|
+  dx = event[:dx]
+  dy = event[:dy]
+  x = (clone.left || 0) + dx.to_f
+  y = (clone.top || 0) + dy.to_f
+  clone.left(x)
+  clone.top(y)
+  puts "x: #{x}"
+  puts "y: #{y}"
+end
+cc.drag({ restrict: {max:{ left: 240, top: 190}} }) do |event|
+end
+
+
+c=circle
+
+c.drag({ restrict: a.id }) do |event|
+
+end
+
+t=text({data: 'touch me to unbind drag stop for b (clone will not deleted anymore)', left: 250 })
+t.touch(true) do
+  b.drag({remove: :stop})
+end
+
+tt= text({data: "remove drag on circles", top: 99})
+
+tt.touch(true) do
+  cc.drag(false)
+  c.drag(false)
+end
+
+

data/vendor/assets/src/medias/utils/examples/particles/drag/infos.txt

@@ -0,0 +1 @@
+Specific information about how to use the drag object.

data/vendor/assets/src/medias/utils/examples/particles/drag/usage.txt

@@ -0,0 +1 @@
+The drag object is used for specific purposes as indicated in the example.

data/vendor/assets/src/medias/utils/examples/particles/drop/example.rb

@@ -0,0 +1,36 @@
+#  frozen_string_literal: true
+
+
+
+dragged = box({ left: 33,top: 333, width: 333,color: :orange, smooth: 6, id: :drop_zone })
+
+dragged.drop(true) do |event|
+  grab(event[:destination]).color(:white)
+  grab(event[:source]).color(:black)
+end
+
+dragged.drop(:enter) do |event|
+  grab(event[:destination]).color(:red)
+end
+
+dragged.drop(:leave) do |event|
+  grab(event[:destination]).color(:gray)
+end
+
+dragged.drop(:activate) do |event|
+  grab(event[:destination]).color(:yellow)
+  grab(event[:source]).color(:cyan)
+end
+
+
+dragged.drop(:deactivate) do |event|
+  grab(event[:destination]).color(:orange)
+end
+box({ left: 333, color: :blue,top: 222, smooth: 6, id: :the_box, drag: true })
+box({ left: 333, color: :red,top: 180, smooth: 9, id: :the_box2, drag: true })
+
+t=text({data: 'touch me to unbind drop enter'})
+t.touch(true) do
+  dragged.drop({ remove: :enter })
+end
+

data/vendor/assets/src/medias/utils/examples/particles/drop/infos.txt

@@ -0,0 +1 @@
+Specific information about how to use the drop object.

data/vendor/assets/src/medias/utils/examples/particles/drop/usage.txt

@@ -0,0 +1 @@
+The drop object is used for specific purposes as indicated in the example.

data/vendor/assets/src/medias/utils/examples/particles/duplicate/example.rb

@@ -0,0 +1,70 @@
+# frozen_string_literal: true
+
+# new({ particle: :duplicate, store: false }) do |params|
+#   if @duplicate
+#     copy_number = @duplicate.length
+#   else
+#     copy_number = 0
+#   end
+#
+#   new_atome_id = "#{@id}_copy_#{copy_number}"
+#   new_atome = Atome.new({ type: @type, renderers: @renderers, id: new_atome_id })
+#
+#   fasten_atomes = []
+#   fasten_found = fasten.dup
+#   particles_found = instance_variables.dup
+#
+#   particles_found.delete(:@history)
+#   particles_found.delete(:@callback)
+#   particles_found.delete(:@duplicate)
+#   particles_found.delete(:@touch_code)
+#   # touch_code=instance_variable_get('@touch_code')
+#   particles_found.delete(:@html)
+#   particles_found.delete(:@fasten)
+#   particles_found.delete(:@id)
+#   params[:id] = new_atome_id
+#   fasten_found.each do |child_id_found|
+#     child_found = grab(child_id_found)
+#     if child_found
+#       new_child = child_found.duplicate({})
+#       fasten_atomes << new_child.id
+#     end
+#   end
+#   particles_found.each do |particle_found|
+#     particle_name = particle_found.to_s.sub('@', '')
+#     particle_content = self.send(particle_name)
+#     new_atome.set(particle_name => particle_content)
+#     # new_atome.instance_variable_set('@touch_code',touch_code)
+#   end
+#   params[:fasten] = fasten_atomes
+#
+#   if params.instance_of? Hash
+#     params.each do |k, v|
+#       new_atome.send(k, v)
+#     end
+#   end
+#
+#   @duplicate ||= {}
+#   @duplicate[new_atome_id] = new_atome
+#   new_atome
+# end
+#
+# new({ after: :duplicate }) do |params|
+#   @duplicate[@duplicate.keys[@duplicate.keys.length - 1]]
+# end
+# c=circle
+# c.color({red: 1, id: :titi})
+# # b=box({apply: [:titi], left: 123})
+
+
+b = circle({ id: :the_circle })
+b.text(:hello)
+bb = b.duplicate({  width: 33, left: 234, top: 222 })
+bb.color(:red)
+wait 1 do
+bb2 = b.duplicate({ width: 33, left: 12, top: 99 })
+bb3 = b.duplicate({ width: 33, left: 444 })
+bb3.color(:green)
+bb2.color(:orange)
+end
+

data/vendor/assets/src/medias/utils/examples/particles/duplicate/infos.txt

@@ -0,0 +1 @@
+Specific information about how to use the duplicate object.

data/vendor/assets/src/medias/utils/examples/particles/duplicate/usage.txt

@@ -0,0 +1 @@
+The duplicate object is used for specific purposes as indicated in the example.

data/vendor/assets/src/medias/utils/examples/particles/duration/infos.txt

@@ -0,0 +1 @@
+No specific information available for the duration object.

data/vendor/assets/src/medias/utils/examples/particles/duration/usage.txt

@@ -0,0 +1 @@
+The purpose of the duration object could not be inferred.

data/vendor/assets/src/medias/utils/examples/particles/ease/infos.txt

@@ -0,0 +1 @@
+No specific information available for the ease object.

data/vendor/assets/src/medias/utils/examples/particles/ease/usage.txt

@@ -0,0 +1 @@
+The purpose of the ease object could not be inferred.

data/vendor/assets/src/medias/utils/examples/particles/edit/example.rb

@@ -0,0 +1,139 @@
+# frozen_string_literal: true
+box
+dragger = box({ width: 333, height: 16, top: 0 })
+back = box({ width: 333, height: 222, top: dragger.height })
+body = back.box({ top: 0, width: '100%', height: '100%', component: { size: 12 }, id: :poil })
+code_runner = dragger.circle({ left: 3, top: 3, width: 12, height: 12, color: :red })
+code_closer = dragger.circle({ left: :auto ,right: 3, top: 3, width: 12, height: 12, color: :black })
+
+body.editor({ id: :the_ed, code: "def my_script\n
+  return 100\n
+end", width: 333, height: 192, color: :lightgray, top: 0 })
+
+def create_editor(code_id)
+  js_code = <<~JAVASCRIPT
+    var editor = CodeMirror.fromTextArea(document.getElementById("#{code_id}"), {
+        lineNumbers: true,
+        mode: "ruby",
+        theme: "monokai"
+    });
+    editor.getWrapperElement().id = "atome_editor_#{code_id}";
+    document.getElementById("atome_editor_#{code_id}").CodeMirrorInstance = editor;
+
+  JAVASCRIPT
+  JS.eval(js_code)
+end
+
+def set_code(code_id, content)
+  js_code = <<~JAVASCRIPT
+    var editorWrapper = document.getElementById("atome_editor_#{code_id}");
+                 var editorInstance = editorWrapper.CodeMirrorInstance;
+                 var newContent = "#{content}";
+                 editorInstance.setValue(newContent);
+  JAVASCRIPT
+  JS.eval(js_code)
+end
+
+def get_code(code_id)
+  js_code = <<~JAVASCRIPT
+    var editorWrapper = document.getElementById("atome_editor_#{code_id}");
+
+               var editorInstance = editorWrapper.CodeMirrorInstance;
+               return editorInstance.getValue();
+  JAVASCRIPT
+  JS.eval(js_code)
+end
+
+create_editor("the_ed")
+
+wait 1 do
+  editor_id = "the_ed"
+  set_code(editor_id, "def new_script\\n  puts 'so cool'\\ncircle({top: rand(333), color: :red})\\nend\\nnew_script")
+end
+
+code_closer.touch(true) do
+  back.delete(true)
+  dragger.delete(true)
+end
+
+code_runner.touch(true) do
+  editor_id = "the_ed"
+  data_found = get_code("the_ed").to_s
+  grab(:the_t).code(data_found.to_s)
+  atome_before = Universe.user_atomes
+  eval(data_found)
+  code_editor = grab(editor_id)
+  atome_to_delete = code_editor.data
+  atome_to_delete.each do |atome_id_found|
+    grab(atome_id_found).delete(false)
+  end
+  atome_after = Universe.user_atomes
+  new_atomes = atome_after - atome_before
+  code_editor.data(new_atomes)
+end
+dragger.drag(restrict: :view ) do |event|
+  view = grab(:view)
+  view_width = view.to_px(:width)
+  view_height = view.to_px(:height)
+
+  dx = event[:dx]
+  dy = event[:dy]
+
+  # Calculer les nouvelles positions
+  x = (back.left || 0) + dx.to_f
+  y = (back.top || 0) + dy.to_f
+
+  # Contrainte de `x` entre 0 et `view_width`
+  if x > 0 && x < view_width - back.width
+    back.left(x)
+  else
+    # Contrainte si `x` dépasse les limites
+    x = [0, [x, view_width - back.width].min].max
+    back.left(x)
+  end
+
+  # Contrainte de `y` pour qu'il soit supérieur à une certaine valeur
+  if y > 0 + dragger.height && y < view_height + dragger.height
+    back.top(y)
+  else
+    # Contrainte si `y` dépasse les limites
+    y = [0 + dragger.height, [y, view_height + dragger.height].min].max
+    back.top(y)
+  end
+end
+back.resize({ size: { min: { width: 120, height: 90 }, max: { width: 3000, height: 3000 } } }) do |event|
+  dx = event[:dx]
+  # dy = event[:dy]
+  x = (dragger.width || 0) + dx.to_f
+  # y = (back.top || 0) + dy.to_f
+  dragger.width(x)
+  # back.top(y)
+end
+
+back.shadow({ alpha: 0.6, blur: 16, left: 3, top: 16 })
+
+back.drag(false)
+dragger.touch(:double) do
+  if back.display == :none
+    back.display(:block)
+  else
+    back.display(:none)
+  end
+end
+
+# a_list=[]
+# Universe.atome_list.each  do |k, v|
+#   a_list << k
+# end
+#
+# alert a_list
+#
+# p_list=[]
+#  Universe.particle_list.each  do |k, v|
+#    p_list << k
+#  end
+#
+# alert p_list
+#
+# box(id: :mon_carre, width: 300, height: 300)
+alert "pseudo element and trigger absctrator"

data/vendor/assets/src/medias/utils/examples/particles/edit/infos.txt

@@ -0,0 +1 @@
+Specific information about how to use the edit object.

data/vendor/assets/src/medias/utils/examples/particles/edit/usage.txt

@@ -0,0 +1 @@
+The edit object is used for specific purposes as indicated in the example.

data/vendor/assets/src/medias/utils/examples/particles/email/infos.txt

@@ -0,0 +1 @@
+No specific information available for the email object.

data/vendor/assets/src/medias/utils/examples/particles/email/usage.txt

@@ -0,0 +1 @@
+The purpose of the email object could not be inferred.