atome 0.5.6.3.1 → 0.5.6.3.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: '096fbd8976e0d3a196119fb1bd219c74493a11fa8c55f2e9318c4d4b32308416'
-  data.tar.gz: 460edf9559799b4991287cd0970ff5cba101e57186eef625fc4774f035e2310e
+  metadata.gz: '09634d52a8f3829297eb4f432ce16d2a6a7c9203155d01423c949d3d5f6d3627'
+  data.tar.gz: d5f17ab9bf3baee1a4a4a89aa27ac02319f746113b688c723f06e123f091db59
 SHA512:
-  metadata.gz: a9ea992a2739715313875de3ec35e36622da17081768966b4870ccc67edd828990aef07e348a5a01b58169a7ad5be9b37de71f113414d0c2876d4b05df0548f9
-  data.tar.gz: 0775056d33e35b50280f9645b522d0e05ab0c59de569eb62e19570b81e760dcfc856e2a1ea69768677313ad262f22c6bdab7310f9a7c44d8e74a5049d240a0a6
+  metadata.gz: a73cdcee8925ca328a5643b83467bbd9c12a3483b194133fd9c5ddd033a3f82f5209b91a30deebdb3c89ab18a2818433088a638d4aea34fc941b32c2ccf90547
+  data.tar.gz: 9732c3992657d13646a1a09628ff7f915ad0b6f584da4f420a995f2d03228c5fde39c04b9235abd3f76170537877f1e367ae9f02ac45e7dd939361c0e584a1d7

data/Rakefile

@@ -1,4 +1,6 @@
 # frozen_string_literal: true
+
+
 require 'fileutils'
 require 'securerandom'
 require 'digest/sha2'
@@ -8,15 +10,23 @@ require 'rubygems/uninstaller'
 require 'bundler/gem_tasks'
 load 'exe/atome'
 
-folder_name = 'lib/eVe'
-
-unless Dir.exist?(folder_name)
-  Dir.mkdir(folder_name)
-    File.open('lib/eVe/eVe_relative.rb', 'w') do |file|
-    end
-    File.open('lib/eVe/eVe.rb', 'w') do |file|
-    end
-end
+# folder_name = 'lib/eVe'
+#
+# # allow or deny eVe gem content to be copied to local eVe or not
+refresh_eVe=true
+#
+# # if refresh_eVe
+# # # doesn't work
+# #   `bundle update`
+# # end
+#
+# unless Dir.exist?(folder_name)
+#   Dir.mkdir(folder_name)
+#     File.open('lib/eVe/eVe_relative.rb', 'w') do |file|
+#     end
+#     File.open('lib/eVe/eVe.rb', 'w') do |file|
+#     end
+# end
 
 
 task :cleanup do
@@ -77,8 +87,8 @@ def generate_resolved_file(source_file_path)
   resolve_requires(source_file_path, root_path)
 end
 
-def wasm_params(source, destination, project_name, wasi_file, host_mode, script_source)
-  create_application(source, destination, project_name)
+def wasm_params(source, destination, project_name, wasi_file, host_mode, script_source, refresh_eVe)
+  create_application(source, destination, project_name, refresh_eVe)
   wasm_common(source, destination, project_name, wasi_file, host_mode, script_source)
 end
 
@@ -104,19 +114,19 @@ task :test_wasm do
     destination = './tmp'
     script_source = './test/application'
 
-    wasm_params(source, destination, project_name, wasi_file, host_mode, script_source)
+    wasm_params(source, destination, project_name, wasi_file, host_mode, script_source,refresh_eVe)
     system "open", file_path
   when /linux|bsd/
     destination = './tmp'
     script_source = './test/application'
     wasi_file = 'wasi-vfs-unix pack tmp'
-    wasm_params(source, destination, project_name, wasi_file, host_mode, script_source)
+    wasm_params(source, destination, project_name, wasi_file, host_mode, script_source,refresh_eVe)
     system "xdg-open", file_path
   when /mswin|mingw|cygwin/
     destination = '.\\tmp'
     script_source = '.\\test\\application'
     wasi_file = 'wasi-vfs.exe pack'
-    wasm_params(source, destination, project_name, wasi_file, host_mode, script_source)
+    wasm_params(source, destination, project_name, wasi_file, host_mode, script_source,refresh_eVe)
     system "start", file_path
   else
     raise "Système d'exploitation non reconnu"
@@ -130,7 +140,7 @@ task :test_opal do
   source = '.'
   destination = './tmp'
   script_source = './test/application'
-  create_application(source, destination, project_name)
+  create_application(source, destination, project_name, refresh_eVe)
   # the line below is to add addition script to the application folder (useful for test per example)
   add_to_application_folder(script_source, destination, project_name)
   # build opal
@@ -166,9 +176,27 @@ task :test_server_wasm do
   script_source = './test/application'
   wasi_file = 'wasi-vfs-osx_arm'
   host_mode = 'pure_wasm'
-  create_application(source, destination, project_name)
+  create_application(source, destination, project_name, refresh_eVe)
   wasm_common(source, destination, project_name, wasi_file, host_mode, script_source)
   puts 'atome wasm is build and running!'
+  threads = []
+  threads << Thread.new do
+
+    sleep 1
+    if RbConfig::CONFIG['host_os'] =~ /mswin|mingw|cygwin/
+      # code to exec for Windows
+      `start  http://localhost:9292`
+      # `start #{destination}\\#{project_name}\\src\\index_server.html`
+
+    elsif RbConfig::CONFIG['host_os'] =~ /darwin|mac os/
+      # code to exec for MacOS
+      `open http://localhost:9292`
+    else
+      # code to exec for Unix/Linux
+      `open http://localhost:9292`
+    end
+
+  end
   build_for_wasm_server(destination, project_name, 9292, :production)
 
 end
@@ -177,7 +205,7 @@ task :test_server do
   source = '.'
   destination = './tmp'
   script_source = './test/application'
-  create_application(source, destination, project_name)
+  create_application(source, destination, project_name, refresh_eVe)
   # the line below is to add addition script to the application folder (useful for test per example)
   add_to_application_folder(script_source, destination, project_name)
   # build opal
@@ -220,7 +248,7 @@ task :opal_server_rebuild do
   source = '.'
   destination = './tmp'
   script_source = './test/application'
-  create_application(source, destination, project_name)
+  create_application(source, destination, project_name, refresh_eVe)
   # the line below is to add addition script to the application folder (useful for test per example)
   add_to_application_folder(script_source, destination, project_name)
   # build opal
@@ -265,7 +293,7 @@ task :test_osx do
   script_source = './test/application'
   wasi_file = 'wasi-vfs-osx_arm'
   host_mode = 'tauri'
-  create_application(source, destination, project_name)
+  create_application(source, destination, project_name, refresh_eVe)
   wasm_common(source, destination, project_name, wasi_file, host_mode, script_source)
   destination = './tmp'
   # build and open the app
@@ -280,7 +308,7 @@ task :build_osx do
   script_source = './test/application'
   wasi_file = 'wasi-vfs-osx_arm'
   host_mode = 'tauri'
-  create_application(source, destination, project_name)
+  create_application(source, destination, project_name, refresh_eVe)
   wasm_common(source, destination, project_name, wasi_file, host_mode, script_source)
   destination = './tmp'
   # build and open the app
@@ -306,7 +334,7 @@ task :osx_server do
   source = '.'
   destination = './tmp'
   script_source = './test/application'
-  create_application(source, destination, project_name)
+  create_application(source, destination, project_name, refresh_eVe)
   # the line below is to add addition script to the application folder (useful for test per example)
   add_to_application_folder(script_source, destination, project_name)
   # build opal
@@ -329,7 +357,7 @@ task :osx_server do
   script_source = './test/application'
   wasi_file = 'wasi-vfs-osx_arm'
   host_mode = 'tauri'
-  create_application(source, destination, project_name)
+  create_application(source, destination, project_name, refresh_eVe)
   wasm_common(source, destination, project_name, wasi_file, host_mode, script_source)
   destination = './tmp'
   threads = []
@@ -425,7 +453,7 @@ task :full_test do
   source = '.'
   destination = './tmp'
   script_source = './test/application'
-  create_application(source, destination, project_name)
+  create_application(source, destination, project_name, refresh_eVe)
   # the line below is to add addition script to the application folder (useful for test per example)
   add_to_application_folder(script_source, destination, project_name)
   # build opal

data/documentation/deep learning/basic_infos.txt

@@ -45,7 +45,7 @@ Bundle update
 
  Ruby wasm time allow local use of ruby wasm :
  1 - download :
- https://cdn.jsdelivr.net/npm/@ruby/3.2-wasm-wasi@2.3.0/dist/browser.script.iife.js
+ https://cdn.jsdelivr.net/npm/@ruby/3.2-wasm-wasi@2.3.0/dist/browser.script.iife2.js
 2 - change
 
 

data/exe/atome

@@ -169,7 +169,7 @@ def build_opal_library(atome_source, destination, project_name, production = nil
   end
 end
 
-def create_application(source, destination, project_name)
+def create_application(source, destination, project_name, eVe_copy=true)
   project_path = "#{destination}/#{project_name}"
   FileUtils.mkdir_p(destination) unless Dir.exist?(destination)
   FileUtils.mkdir_p(project_path) unless Dir.exist?(project_path)
@@ -185,10 +185,15 @@ def create_application(source, destination, project_name)
   end
   build_aui(destination, project_name)
   # now lets add eVe now
-  gem_spec = Gem::Specification.find_by_name('eVe')
-  gem_path = gem_spec.gem_dir
-  FileUtils.cp_r(Dir["#{gem_path}/*"], source+"/lib/eVe/")
-
+  # if eVe_copy
+  #   # we update eVe first
+  #   gem_spec = Gem::Specification.find_by_name('atome_eVe')
+  #   gem_path = gem_spec.gem_dir
+  #   puts "eve location : #{gem_path}"
+  #   FileUtils.cp_r(Dir["#{gem_path}/*"], source+"/lib/eVe/")
+  # end
+  # build eVe kernel
+  # build_eVe_kernel_for_opal(source, destination, project_name)
 end
 
 def update_application(source, destination, project_name)
@@ -231,6 +236,34 @@ def build_atome_kernel_for_opal(source, destination, project_name)
   end
 end
 
+# def build_eVe_kernel_for_opal(source, destination, project_name)
+#
+#   gem_name = 'atome_eVe'
+#   # begin
+#     Gem::Specification.find_by_name(gem_name)
+#     # puts " gem 'eve' est installée."
+#     gem_spec = Gem::Specification.find_by_name(gem_name)
+#     gem_path = gem_spec.gem_dir
+#     # puts "Le chemin vers la gem '#{gem_name}' est '#{gem_path}'"
+#   # puts '-----'
+#   # puts "==> #{gem_path}/lib/eVe.rb"
+#   # rescue Gem::LoadError
+#   #   # Code à exécuter si la gemme 'eve' n'est pas installée
+#   #   puts "La gem '#{gem_name}' n'est pas installée."
+#   # end
+#   #  now lets build the atome kernel
+#   atome_directory = "#{destination}/#{project_name}/src/js/atome"
+#   kernel_js = "#{atome_directory}/eVe_kernel.js"
+#   FileUtils.mkdir_p(atome_directory)
+#   File.new kernel_js, 'w'
+#   builder = Opal::Builder.new
+#   builder.append_paths("#{source}/lib/")
+#   kernel_content = builder.build("#{gem_path}/lib/eVe.rb").to_s
+#   File.open(kernel_js, 'w') do |f|
+#     f.puts kernel_content
+#   end
+# end
+
 def build_opal_extensions(source, destination, project_name)
   opal_directory = "#{destination}/#{project_name}/src/js/opal"
   extensions_js = "#{opal_directory}/atome_opal_extensions.js"
@@ -432,21 +465,20 @@ STR
     File.open("#{destination}/#{project_name}/server/config.ru", "w") do |f|
       f.write(ru_file)
     end
-    puts 'w-a'
+    # puts 'w-a'
 
     `cd #{destination}/#{project_name}/server;puma --port #{port} #{prod}`
-    puts 'w-b'
+    # puts 'w-b'
 
   else
-    puts 'e'
+    # puts 'e'
     # code to exec with Unix/Linux
     File.open("#{destination}/#{project_name}/server/config.ru", "w") do |f|
       f.write(ru_file)
     end
     `cd #{destination}/#{project_name}/server;puma --port #{port} #{prod}`
   end
-  puts 'f'
-
+  # puts 'f'
 end
 
 # utils
@@ -541,7 +573,7 @@ if ARGV.include?('update')
   if Dir.exist?("#{destination}/application") && !Dir.exist?("#{destination}/vendor")
     # first we delete everything but application
 
-    files_to_treat = %w[server src-tauri src-wasm Guardfile Rakefile src/css src/js/atome src/js/third_parties src/medias
+    files_to_treat = %w[server src-tauri src-wasm Guardfile Rakefile src/css src/js/atome src/js/molecules src/js/third_parties src/medias
 src/favicon.ico src/index_wasm.html src/index_opal.html src/index_server.html src/index_server_wasm.html]
     files_to_treat.each do |item|
       item_path = File.join(destination, item)

data/lib/atome/genesis/sparkle.rb

@@ -116,7 +116,7 @@ def atome_infos
 end
 
 # help and example below :
-#
+
 A.example(:left) do
   english = 'here is an example, touch me to get some help, or click the code to exec'
   french = "voici un example, click moi pour de l'aide, ou  clicker le code pour l'executer"
@@ -148,35 +148,40 @@ end
 
 def init_database # this method is call from JS (atome/communication)
   # we init the db file eDen
-  A.message({ action: :init_db, data: { database: :eDen } }) do |db_state|
-    puts db_state
+  A.message({ action: :init_db, data: { database: :eDen } }) do |_db_state|
   end
+  # authentication : email, pass
+  # atome : date, particles
+  # history : aid, particle, value, date
 
   particles = Universe.particle_list
-  categories = Universe.categories
-  # here we populate the DB
-  categories.each do |category|
-    A.message({ action: :crate_db_table, data: { table: category } }) do |db_state|
-      # puts db_state
-    end
+  # now we populate the DB
+  A.message({ action: :crate_db_table, data: { table: :authentication } }) do |_db_state|
+  end
+
+  A.message({ action: :create_db_column, data: { table: :user, column: :email, type: :string } }) do |_db_state|
+  end
+
+  A.message({ action: :create_db_column, data: { table: :user, column: :password, type: :string } }) do |_db_state|
+  end
+
+  A.message({ action: :crate_db_table, data: { table: :history } }) do |_db_state|
   end
-  particles_length=particles.length
-  particles.each_with_index do  |(particle, infos), index|
+  A.message({ action: :create_db_column, data: { table: :history, column: :aid, type: :string } }) do |_db_state|
+  end
+  A.message({ action: :create_db_column, data: { table: :history, column: :particle, type: :string } }) do |_db_state|
+  end
+  A.message({ action: :create_db_column, data: { table: :history, column: :value, type: :string } }) do |_db_state|
+  end
+  A.message({ action: :create_db_column, data: { table: :history, column: :date, type: :datetime } }) do |_db_state|
+  end
+
+  A.message({ action: :crate_db_table, data: { table: :atome } }) do |_db_state|
+  end
+  particles.each do |particle, infos|
     type = infos[:type]
-    table = infos[:category]
-    if  type && table
-      @i=1
-      A.message({ action: :create_db_column, data: { table: table, column: particle, type: type } }) do |db_state|
-        @i+=1
-        if @i==particles_length
-          user_login
-        end
-        # puts db_state
-      end
-    else
-      puts "*** Warning feed type and category to #{particle}"
+    A.message({ action: :create_db_column, data: { table: :atome, column: particle, type: type } }) do |_db_state|
     end
-
   end
 
 end

data/lib/atome/version.rb

@@ -2,6 +2,6 @@
 
 #  return atome version
 class Atome
-  VERSION = '0.5.6.3.1'
+  VERSION = '0.5.6.3.5'
 end
 

data/lib/atome.rb

@@ -35,8 +35,5 @@ require 'renderers/headless/index'
 require 'renderers/server/index'
 require 'atome/helpers/sanitizer'
 require 'atome/genesis/sparkle'
-require 'eVe/lib/eVe'
-# require 'eVe'
-# gem_spec = Gem::Specification.find_by_name(gem_name)
-# gem_path = gem_spec.gem_dir
-# puts "Le chemin vers la gemme '#{gem_name}' est '#{gem_path}'"
+require 'molecules/init'
+# require 'eVe/lib/eVe'

data/lib/atome_relative.rb

@@ -34,9 +34,5 @@ require_relative './renderers/headless/index_relative'
 require_relative './renderers/server/index_relative'
 require_relative './atome/helpers/sanitizer'
 require_relative './atome/genesis/sparkle'
-require_relative './eVe/lib/eVe_relative'
-
-# require 'eVe'
-# gem_spec = Gem::Specification.find_by_name(gem_name)
-# gem_path = gem_spec.gem_dir
-# puts "Le chemin vers la gemme '#{gem_name}' est '#{gem_path}'"
+require_relative './molecules/init'
+# require_relative './eVe/lib/eVe'

data/lib/molecules/examples/site.rb

@@ -0,0 +1,34 @@
+
+new(application: {name: :compose })
+
+
+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/lib/molecules/init.rb

@@ -0,0 +1,51 @@
+# frozen_string_literal: true
+
+module Molecule
+  def new(params, &bloc)
+    if params[:page]
+      site_found = grab(params[:page][:application])
+      site_found.clear(true)
+      page_id = params[:page][:name]
+      site_found.box({ id: page_id })
+    elsif params[:application]
+
+      footer_header_size=33
+      footer_header_color=color({red: 0, green: 0, blue: 0, id: :footer_header_color})
+
+      if params[:header]
+        top = footer_header_size
+        header=box({ left: 0, right: 0, width: :auto, top: 0, height: top, id: :header })
+        # header.attach(:footer_header_color)
+      else
+        top = 0
+        end
+        if params[:footer]
+          bottom = footer_header_size
+          box({ left: 0, right: 0, width: :auto, top: :auto, bottom: 0, height: bottom, id: :footer })
+        else
+          bottom = 0
+        end
+        box({ left: 0, right: 0, width: :auto, top: top, bottom: bottom, height: :auto, id: params[:application] })
+        elsif params[:module]
+
+      end
+      super if defined?(super)
+    end
+  end
+
+  class Object
+    include Molecule
+  end
+
+  # tests
+  new({application: :compose, header: true, footer: true })
+  #
+  # new(page: {name: :home, application: :compose, attach: :root })
+  #
+  # new(module: {name: :home, application: :compose, attach: :root })
+
+
+
+
+
+

data/lib/molecules/intuition/inputs.rb

@@ -0,0 +1,111 @@
+# frozen_string_literal: true
+
+# def atome_common(atome_preset, params)
+#   basic_params = { renderers: [] }
+#   # TODO : remove Essentials.default_params[atome_preset] || {} as it is
+#   # applied twice because preset is now a particle
+#   preset_params = Essentials.default_params[atome_preset] || {}
+#
+#   basic_params[:type] = preset_params[:type] || :element
+#   basic_params[:id] = params[:id] || identity_generator(atome_preset)
+#   basic_params[:renderers] = @renderers || preset_params[:renderers]
+#   essential_params = basic_params.merge(preset_params)
+#   reordered_params = essential_params.reject { |key, _| params.has_key?(key) }
+#   params = reordered_params.merge(params)
+#
+#   # condition to handle color/shadow/paint atomes that shouldn't be attach to view
+#   # TODO : add category for atome( material/physical vs modifier : color, shadow, .. vs shape, image ..)
+#   # then add condition same things fo code in genesis new_atome
+#   if %i[color shadow paint].include?(atome_preset)
+#     unless params[:affect]
+#       params[:affect] = if @id == :view
+#                           [:black_matter]
+#                         else
+#                           [@id]
+#                         end
+#     end
+#   else
+#     params[:attach] = params[:attach] || @id || :view
+#   end
+#   params
+# end
+#
+# def preset_common(params, &bloc)
+#   # if an atome with current id exist we update the ID in the params
+#   params[:id] = "#{params[:id]}_#{Universe.atomes.length}" if grab(params[:id])
+#   Atome.new(params, &bloc)
+# end
+# class EVe < Atome
+class EVe < Atome
+  def initialize
+    @atomes = {}
+  end
+
+  def atome(atome_to_find)
+    @atomes[atome_to_find]
+  end
+
+  def input_box(params = {}, &bloc)
+    height_wanted = 15
+    width_wanted = 222
+    input_back = Atome.new(
+      { renderers: [:html], id: :input_back, type: :shape, attach: :view, apply: [:shape_color],
+        left: 120, top: 120,data: '', width: width_wanted, height: height_wanted + height_wanted * 20 / 100, smooth: 6 })
+
+    @atomes[:input_back] = input_back
+
+    Atome.new(
+      { renderers: [:html], id: :input_text_color, type: :color, tag: ({ system: true, persistent: true }),
+        red: 0.1, green: 0.1, blue: 0.1, alpha: 1 }
+    )
+
+    text_input = Atome.new(
+      { renderers: [:html], id: :input_text, type: :text, apply: [:input_text_color], component: { size: height_wanted },
+        data: :input, left: height_wanted * 20 / 100, top: 0, edit: true, attach: :input_back, height: height_wanted, position: :absolute })
+
+    text_input.touch(true) do
+      text_input.component({ selected: { color: 'rgba(0,0,0,0.3)', text: :orange } })
+    end
+
+    text_input.keyboard(:down) do |native_event|
+      event = Native(native_event)
+      if event[:keyCode].to_s == '13'
+        # we prevent the input
+        event.preventDefault()
+      end
+
+    end
+
+    text_input.keyboard(:up) do |native_event|
+      input_back.data=text_input.data
+    end
+    @atomes[:input_text] = text_input
+
+    input_back
+  end
+
+end
+
+def input(params = {}, &proc)
+  text_color = :white
+  text_size = 12
+  back_color = :gray
+  width = 2000
+  in_b = EVe.new()
+  in_b.input_box
+end
+
+i= input
+
+b=box({top: 0, left: 0, width: 33, height: 33})
+b.touch(true) do
+  puts "i.data : #{i.data}"
+end
+i.left(66)
+i.color(:white)
+i.text.left(55)
+
+
+
+
+

data/lib/molecules/intuition/sliders.rb

@@ -0,0 +1,49 @@
+# frozen_string_literal: true
+
+button = box({smooth: 6,left: 55,top: 160, color:{red: 0.3, green: 0.3, blue: 0.3},id: :my_box})
+button.shadow({
+                id: :s1,
+                left: 3, top: 3, blur: 9,
+                invert: true,
+                red: 0, green: 0, blue: 0, alpha: 0.7
+              })
+button.touch(true) do
+  button.controller(:hello)
+end
+slider=box({ width: 333, height: 25, top: 45, left: 55, smooth: 9,  color:{red: 0.3, green: 0.3, blue: 0.3}})
+slider.shadow({
+                id: :s2,
+                left: 3, top: 3, blur: 9,
+                invert: true,
+                red: 0, green: 0, blue: 0, alpha: 0.7
+              })
+cursor= slider.circle({width: 30, height: 30, left: 2, top: 1, color:{red: 0.3, green: 0.3, blue: 0.3}})
+
+cursor.left(0)
+cursor.top(0)
+cursor.shadow({
+                id: :s4,
+                left: 1, top: 1, blur: 3,
+                option: :natural,
+                red: 0, green: 0, blue: 0, alpha: 0.6
+              })
+label=text({data: 0, top: 69, left: 69, component: { size: 12 }, color: :gray})
+cursor.drag({ restrict: {max:{ left: 309, top: 0}} }) do |event|
+  puts cursor.left
+  value = cursor.left/309*100
+  label.data(value)
+  cursor.controller({ action: :setModuleParameterValue,  params: { moduleId: 6456549897,parameterId: 9846546, value:  value} })
+
+end
+support=box({top: 300, left: 55, width: 300, height: 40, smooth: 9, color:{red: 0.3, green: 0.3, blue: 0.3}, id: :support })
+support.shadow({
+                 id: :s3,
+                 left: 3, top: 3, blur: 9,
+                 invert: true,
+                 red: 0, green: 0, blue: 0, alpha: 0.7
+               })
+support.import(true) do  |content|
+  puts "add code here, content:  #{content}"
+end
+
+in_box=input_box