atome 0.5.7.5.9 → 0.5.7.6.5

data/lib/renderers/html/identity.rb

@@ -6,6 +6,15 @@ new({ method: :type, type: :string, renderer: :html }) do |_value, _user_proc|
   html.shape(@id)
 end
 
+# new({ method: :type, type: :string, renderer: :html, specific: :drawing }) do |_value, _user_proc|
+# #   alert :good
+# html.shape(@id)
+# #   html.drawing(@id)
+# end
+new({ method: :type, type: :string, renderer: :html, specific: :draw }) do |_value, _user_proc|
+  html.draw(@id)
+end
+
 new({ method: :type, type: :string, renderer: :html, specific: :vector }) do |_value, _user_proc|
   html.svg(@id)
 end
@@ -82,7 +91,7 @@ new({ method: :data, type: :string, specific: :vector, renderer: :html }) do |va
   html.svg_data(value)
 end
 
-new({ method: :component, type: :hash,  renderer: :html }) do |params, _user_proc|
+new({ method: :component, type: :hash,  specific: :text, renderer: :html }) do |params, _user_proc|
   params.each do |prop, value|
     # we send component data directly to the text html renderer
     send("html_text_#{prop}", value)

data/lib/renderers/html/utility.rb

@@ -21,6 +21,9 @@ end
 new({ renderer: :html, method: :read, type: :string }) do |value, &bloc|
   html.read(id, value)
 end
+new({ renderer: :html, method: :write, type: :string }) do |value, &bloc|
+  html.write(id, value)
+end
 
 new({ renderer: :html, method: :browse, type: :string }) do |value, &bloc|
   html.browse(id, value)

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

@@ -0,0 +1,61 @@
+#  frozen_string_literal: true
+
+
+
+c=circle
+
+c.touch(true) do
+
+
+  # c.message({data: {prompt: "cherche un fichier qui se nomme  capture  et ouvre le avec  l'application par defaut" , user_key: 'user_key'},  action: :axion }) do |result|
+  #   puts  "my command return: #{result}"
+  # end
+
+  # c.message({data: { prompt: "liste moi tous les fichiers et dossiers que tu trouve", user_key: 'user_key' },  action: :axion }) do |result|
+  #   puts  "my command return: #{result}"
+  # end
+
+  A.message({data: {prompt: "il faudrait ecrire un texte de remerciement pour un service en rendu addressé a mr albert et mettre ce texte dans un fchier, et ouvre le " , user_key: 'user_key'},  action: :axion }) do |result|
+    puts  "my command return: #{result}"
+  end
+
+  {} #must add an empty hash else events events method will interpret keys of the hash and send a missing method errors
+end
+
+def speech_to_text(silenceDuration,silenceThreshold, enableTranslation, targetLanguage, convert, open_ai_key, translationCallback, audio2textCallback)
+  js_func(:speechToText, silenceDuration,silenceThreshold, enableTranslation, targetLanguage, convert, open_ai_key, translationCallback, audio2textCallback)
+end
+#speech to text:
+
+
+def translation_method(val)
+  text(val)
+end
+def to_text_method(val)
+  # alert val
+  A.message({data: {prompt: val , user_key: 'user_key'},  action: :axion }) do |result|
+    puts  "my command return: #{result}"
+  end
+end
+# atomeJsToRuby('box');
+speech_to_text(3000, 5, true, 'en', true,'user_key' , 'translation_method','to_text_method' )
+
+#
+#
+def api_infos
+  {
+  "example": "Purpose of the example",
+  "methods_found": [
+    "message",
+    "touch"
+  ],
+  "message": {
+    "aim": "The `message` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `message`."
+  },
+  "touch": {
+    "aim": "Handles touch or click events to trigger specific actions.",
+    "usage": "Example: `touch(:tap) do ... end` triggers an action when tapped."
+  }
+}
+end

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

@@ -22,4 +22,21 @@ while i < 10 do
   b = circle({top: b.top,left: after(b, margin, grab(:view))})
   # b = circle({left: :auto,right: before(b, margin, grab(:view))})
   i += 1
-end
+end
+def api_infos
+  {
+  "example": "Purpose of the example",
+  "methods_found": [
+    "left",
+    "top"
+  ],
+  "left": {
+    "aim": "Controls the horizontal position of the object within its container.",
+    "usage": "For example, `left(100)` moves the object 100 pixels from the left edge."
+  },
+  "top": {
+    "aim": "Defines the vertical position of the object in its container.",
+    "usage": "For instance, `top(50)` sets the object 50 pixels from the top edge."
+  }
+}
+end

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

@@ -33,3 +33,36 @@ end
 # string=hello
 #
 # puts JS.global.sha256(string.to_s)
+
+def api_infos
+  {
+  "example": "Purpose of the example",
+  "methods_found": [
+    "global",
+    "message",
+    "to_s",
+    "touch",
+    "tre"
+  ],
+  "global": {
+    "aim": "The `global` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `global`."
+  },
+  "message": {
+    "aim": "The `message` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `message`."
+  },
+  "to_s": {
+    "aim": "The `to_s` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `to_s`."
+  },
+  "touch": {
+    "aim": "Handles touch or click events to trigger specific actions.",
+    "usage": "Example: `touch(:tap) do ... end` triggers an action when tapped."
+  },
+  "tre": {
+    "aim": "The `tre` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `tre`."
+  }
+}
+end

data/vendor/assets/application/examples/actor&role.rb

@@ -20,4 +20,31 @@ bbb.actor({ remove: { the_circle: :dummy } })
 
 puts "1 ===> #{bbb.role}"
 puts "2 ===> #{bbb.actor}"
-puts "3 ===> #{ccc.role}"
+puts "3 ===> #{ccc.role}"
+def api_infos
+  {
+  "example": "Purpose of the example",
+  "methods_found": [
+    "actor",
+    "circle",
+    "delete",
+    "role"
+  ],
+  "actor": {
+    "aim": "The `actor` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `actor`."
+  },
+  "circle": {
+    "aim": "The `circle` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `circle`."
+  },
+  "delete": {
+    "aim": "The `delete` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `delete`."
+  },
+  "role": {
+    "aim": "The `role` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `role`."
+  }
+}
+end

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

@@ -6,3 +6,21 @@ c=color({ id: :the_col, blue: 0.21, green: 1 })
 wait 1 do
   c.affect(:the_first_box)
 end
+
+def api_infos
+  {
+  "example": "Purpose of the example",
+  "methods_found": [
+    "21",
+    "affect"
+  ],
+  "21": {
+    "aim": "The `21` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `21`."
+  },
+  "affect": {
+    "aim": "The `affect` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `affect`."
+  }
+}
+end

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

@@ -8,3 +8,16 @@ puts " atome aid is : #{b.aid}"
 wait 1 do
   hook(b.aid).color(:red)
 end
+
+def api_infos
+  {
+  "example": "Purpose of the example",
+  "methods_found": [
+    "aid"
+  ],
+  "aid": {
+    "aim": "The `aid` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `aid`."
+  }
+}
+end

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

@@ -11,3 +11,21 @@ b.touch(true) do
 end
 
 
+
+def api_infos
+  {
+  "example": "Purpose of the example",
+  "methods_found": [
+    "edit",
+    "touch"
+  ],
+  "edit": {
+    "aim": "The `edit` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `edit`."
+  },
+  "touch": {
+    "aim": "Handles touch or click events to trigger specific actions.",
+    "usage": "Example: `touch(:tap) do ... end` triggers an action when tapped."
+  }
+}
+end

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

@@ -13,3 +13,26 @@ b.touch(true) do
 
 end
 
+
+def api_infos
+  {
+  "example": "Purpose of the example",
+  "methods_found": [
+    "alternate",
+    "color",
+    "touch"
+  ],
+  "alternate": {
+    "aim": "The `alternate` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `alternate`."
+  },
+  "color": {
+    "aim": "Sets or modifies the color of the object.",
+    "usage": "For example, `color(:red)` changes the object's color to red."
+  },
+  "touch": {
+    "aim": "Handles touch or click events to trigger specific actions.",
+    "usage": "Example: `touch(:tap) do ... end` triggers an action when tapped."
+  }
+}
+end

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

@@ -34,3 +34,31 @@ c2 = circle({ left: 333 , top: 30})
 c2.touch(true) do
   b.alternate({  executor: {act_on: b}  }, { executor: {act_off: b}})
 end
+
+def api_infos
+  {
+  "example": "Purpose of the example",
+  "methods_found": [
+    "alternate",
+    "color",
+    "left",
+    "touch"
+  ],
+  "alternate": {
+    "aim": "The `alternate` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `alternate`."
+  },
+  "color": {
+    "aim": "Sets or modifies the color of the object.",
+    "usage": "For example, `color(:red)` changes the object's color to red."
+  },
+  "left": {
+    "aim": "Controls the horizontal position of the object within its container.",
+    "usage": "For example, `left(100)` moves the object 100 pixels from the left edge."
+  },
+  "touch": {
+    "aim": "Handles touch or click events to trigger specific actions.",
+    "usage": "Example: `touch(:tap) do ... end` triggers an action when tapped."
+  }
+}
+end

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

@@ -121,3 +121,56 @@ end
 
 
 
+
+def api_infos
+  {
+  "example": "Purpose of the example",
+  "methods_found": [
+    "2",
+    "animate",
+    "color",
+    "new",
+    "play",
+    "shadow",
+    "start",
+    "stop",
+    "touch"
+  ],
+  "2": {
+    "aim": "The `2` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `2`."
+  },
+  "animate": {
+    "aim": "The `animate` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `animate`."
+  },
+  "color": {
+    "aim": "Sets or modifies the color of the object.",
+    "usage": "For example, `color(:red)` changes the object's color to red."
+  },
+  "new": {
+    "aim": "The `new` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `new`."
+  },
+  "play": {
+    "aim": "The `play` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `play`."
+  },
+  "shadow": {
+    "aim": "The `shadow` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `shadow`."
+  },
+  "start": {
+    "aim": "The `start` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `start`."
+  },
+  "stop": {
+    "aim": "The `stop` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `stop`."
+  },
+  "touch": {
+    "aim": "Handles touch or click events to trigger specific actions.",
+    "usage": "Example: `touch(:tap) do ... end` triggers an action when tapped."
+  }
+}
+end

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

@@ -82,3 +82,66 @@ end
 
 puts(grab(:project).inspect)
 
+
+def api_infos
+  {
+  "example": "Purpose of the example",
+  "methods_found": [
+    "5",
+    "box",
+    "color",
+    "extract",
+    "fasten",
+    "insert",
+    "menu",
+    "page",
+    "pages",
+    "show",
+    "touch"
+  ],
+  "5": {
+    "aim": "The `5` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `5`."
+  },
+  "box": {
+    "aim": "The `box` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `box`."
+  },
+  "color": {
+    "aim": "Sets or modifies the color of the object.",
+    "usage": "For example, `color(:red)` changes the object's color to red."
+  },
+  "extract": {
+    "aim": "The `extract` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `extract`."
+  },
+  "fasten": {
+    "aim": "The `fasten` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `fasten`."
+  },
+  "insert": {
+    "aim": "The `insert` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `insert`."
+  },
+  "menu": {
+    "aim": "The `menu` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `menu`."
+  },
+  "page": {
+    "aim": "The `page` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `page`."
+  },
+  "pages": {
+    "aim": "The `pages` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `pages`."
+  },
+  "show": {
+    "aim": "The `show` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `show`."
+  },
+  "touch": {
+    "aim": "Handles touch or click events to trigger specific actions.",
+    "usage": "Example: `touch(:tap) do ... end` triggers an action when tapped."
+  }
+}
+end

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

@@ -6,3 +6,16 @@ wait 1 do
   b.apply(:the_lemon)
 end
 
+
+def api_infos
+  {
+  "example": "Purpose of the example",
+  "methods_found": [
+    "apply"
+  ],
+  "apply": {
+    "aim": "The `apply` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `apply`."
+  }
+}
+end

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

@@ -3,3 +3,16 @@
 Atome.new( { renderers: [:html], attach: :view,id: :my_test_box, type: :shape, apply: [:shape_color],
              left: 120, top: 0, width: 100, smooth: 15, height: 100, overflow: :visible, fasten: [], center: true
            })
+
+def api_infos
+  {
+  "example": "Purpose of the example",
+  "methods_found": [
+    "new"
+  ],
+  "new": {
+    "aim": "The `new` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `new`."
+  }
+}
+end

data/vendor/assets/application/examples/atome_converter/example.html

@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Test HTML with Dependencies</title>
+
+    <!-- Feuille de style externe -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
+    <link rel="stylesheet" href="styles.css"> <!-- Nouveau fichier CSS -->
+
+    <!-- Styles locaux -->
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #e8f5e9;
+            padding: 20px;
+        }
+
+        #main-box {
+            width: 200px;
+            height: 200px;
+            background-color: red;
+            border: 5px solid black;
+            position: absolute;
+            top: 50px;
+            left: 50px;
+            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);
+        }
+
+        .circle {
+            width: 100px;
+            height: 100px;
+            border-radius: 50%;
+            background-color: blue;
+            margin: 20px auto;
+        }
+    </style>
+</head>
+<body>
+<!-- Contenu HTML -->
+<div id="main-box">
+    <div class="circle" id="circle-1"></div>
+    <div class="circle" id="circle-2"></div>
+</div>
+
+<!-- Scripts externes -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script>
+<script src="script.js"></script> <!-- Nouveau fichier JS -->
+
+<!-- Scripts locaux -->
+<script>
+    const mainBox = document.getElementById('main-box');
+    const circle1 = document.getElementById('circle-1');
+    const circle2 = document.getElementById('circle-2');
+
+    mainBox.addEventListener('click', () => {
+        mainBox.style.backgroundColor = mainBox.style.backgroundColor === 'red' ? 'green' : 'red';
+    });
+
+    circle1.addEventListener('mouseover', () => {
+        circle1.style.backgroundColor = 'purple';
+    });
+
+    circle2.addEventListener('click', () => {
+        alert('Circle 2 clicked!');
+    });
+</script>
+</body>
+</html>

data/vendor/assets/application/examples/atome_converter/script.js

@@ -0,0 +1,12 @@
+// Ajouter dynamiquement un élément à la page
+document.addEventListener('DOMContentLoaded', () => {
+    const newBox = document.createElement('div');
+    newBox.id = 'dynamic-box';
+    newBox.textContent = 'I am dynamic!';
+    document.body.appendChild(newBox);
+
+    // Ajouter un événement au nouveau box
+    newBox.addEventListener('click', () => {
+        newBox.style.backgroundColor = 'orange';
+    });
+});

data/vendor/assets/application/examples/atome_converter/simple_test.html

@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Exemple HTML</title>
+    <style>
+        /* Styles globaux */
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f0f0f0;
+            margin: 0;
+            padding: 0;
+        }
+
+        .container {
+            max-width: 800px;
+            margin: 20px auto;
+            padding: 20px;
+            background-color: white;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+            border-radius: 10px;
+        }
+
+        /* Divs arrondies */
+        .rounded {
+            width: 100px;
+            height: 100px;
+            border-radius: 50%;
+            background-color: #007bff;
+            margin: 10px auto;
+        }
+
+        /* Avec ombre et bordure */
+        .rounded.shadow {
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
+            border: 2px solid #0056b3;
+        }
+
+        /* Animation simple */
+        .animate {
+            transition: transform 0.3s ease, background-color 0.3s ease;
+        }
+
+        .animate:hover {
+            transform: scale(1.1);
+            background-color: #0056b3;
+        }
+
+        /* Interactions */
+        .interactive {
+            cursor: pointer;
+        }
+
+        .interactive:active {
+            background-color: #003f7f;
+        }
+
+        /* Typage et styles via balise CSS */
+        .text {
+            font-size: 18px;
+            color: #333;
+            margin: 20px 0;
+        }
+
+        .highlight {
+            color: #ff5722;
+            font-weight: bold;
+        }
+    </style>
+</head>
+<body>
+<div class="container">
+    <h1>Exemple de page HTML</h1>
+    <p class="text">Voici un <span class="highlight">exemple</span> de texte avec un style appliqué via une balise CSS.</p>
+
+    <!-- Div arrondie simple -->
+    <div class="rounded"></div>
+
+    <!-- Div arrondie avec ombre et bordure -->
+    <div class="rounded shadow"></div>
+
+    <!-- Div avec animation et interactions -->
+    <div class="rounded shadow animate interactive"></div>
+</div>
+</body>
+</html>

data/vendor/assets/application/examples/atome_converter/styles.css

@@ -0,0 +1,18 @@
+/* Styles supplémentaires */
+#dynamic-box {
+    width: 150px;
+    height: 150px;
+    background-color: yellow;
+    border: 3px dashed green;
+    margin-top: 20px;
+    animation: rotate 5s infinite linear;
+}
+
+@keyframes rotate {
+    from {
+        transform: rotate(0deg);
+    }
+    to {
+        transform: rotate(360deg);
+    }
+}