atome 0.5.7.6.0 → 0.5.7.6.5

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

@@ -0,0 +1,317 @@
+# frozen_string_literal: true
+
+
+video({id: :video, path: 'medias/videos/avengers.mp4', width: 300, height: 222 })
+waveform_container=box({id: 'thumbnails-container', top: 190,width: 666, height: 39, color: :gray})
+waveform_container.draw({width: 666, height: 33,  id: :thumbnails})
+waveform_container.box({id: 'progress', width: 3, height: '100%', color: :red})
+
+
+box({id: :file, top: 666, left: 12, width: 300, height: 40, smooth: 9, color: { red: 0.3, green: 0.3, blue: 0.3 } })
+box({id: :load_file, top: 777, left: 12, width: 300, height: 40, smooth: 9, color: { red: 0.3, green: 0.3, blue: 0.3 } })
+
+
+  JS.eval <<~JS
+
+const video = document.getElementById('video');
+
+		const thumbnailsCanvas = document.getElementById('thumbnails');
+		const thumbnailsCtx = thumbnailsCanvas.getContext('2d');
+		const progress = document.getElementById('progress');
+		// const loadFileButton = document.getElementById('load-file');
+		// const fileInput = document.getElementById('file-input');
+		let isDragging = false;
+
+		// Charger la vidéo par défaut
+		video.addEventListener('loadeddata', () => {
+			drawThumbnails(12);
+		});
+
+		video.addEventListener('timeupdate', () => {
+			const progressPosition = (video.currentTime / video.duration) * thumbnailsCanvas.clientWidth;
+			progress.style.left = `${progressPosition}px`;
+		});
+
+		// Drag and Drop Events
+		// loadFileButton.addEventListener('dragover', (event) => {
+		// 	event.preventDefault();
+		// 	loadFileButton.classList.add('dragover');
+		// });
+        //
+		// loadFileButton.addEventListener('dragleave', () => {
+		// 	loadFileButton.classList.remove('dragover');
+		// });
+        //
+		// loadFileButton.addEventListener('drop', (event) => {
+		// 	event.preventDefault();
+		// 	loadFileButton.classList.remove('dragover');
+		// 	const file = event.dataTransfer.files[0];
+		// 	if (file && file.type.startsWith('video/')) {
+		// 		loadVideoFile(file);
+		// 	}
+		// });
+
+		// loadFileButton.addEventListener('click', () => {
+		// 	fileInput.click();
+		// });
+        //
+		// fileInput.addEventListener('change', (event) => {
+		// 	const file = event.target.files[0];
+		// 	if (file) {
+		// 		loadVideoFile(file);
+		// 	}
+		// });
+
+		async function loadVideoFile(file) {
+			try {
+				const objectURL = URL.createObjectURL(file);
+				video.src = objectURL;
+				video.load(); // Reload the video to apply the new source
+			} catch (error) {
+				console.error('Error loading video file:', error);
+			}
+		}
+
+		function drawThumbnails(maxImages) {
+			const samples = Math.min(maxImages, maxImages);
+			const interval = video.duration / samples;
+			const videoAspectRatio = video.videoWidth / video.videoHeight;
+
+			// Adjust the canvas height based on the video's aspect ratio
+			const canvasWidth = thumbnailsCanvas.width;
+			const canvasHeight = canvasWidth / videoAspectRatio / maxImages;
+			thumbnailsCanvas.height = canvasHeight;
+
+			video.pause();
+			video.currentTime = 0;
+
+			let i = 0;
+			const captureFrames = () => {
+				if (i >= samples) return;
+
+				video.currentTime = i * interval;
+
+				video.addEventListener('seeked', function capture() {
+					const width = canvasWidth / samples;
+					const height = canvasHeight;
+
+					thumbnailsCtx.drawImage(video, i * width, 0, width, height);
+
+					video.removeEventListener('seeked', capture);
+					i++;
+					captureFrames();
+				});
+			};
+			captureFrames();
+		}
+
+		thumbnailsCanvas.addEventListener('mousedown', (event) => {
+			video.pause();
+			isDragging = true;
+			handleScrub(event);
+		});
+
+		// Attach mouseup event to the document to ensure it is captured even if mouse leaves the canvas
+		document.addEventListener('mouseup', (event) => {
+			video.play();
+			if (isDragging) {
+				isDragging = false;
+			}
+		});
+
+		thumbnailsCanvas.addEventListener('mousemove', (event) => {
+			if (isDragging) {
+				handleScrub(event);
+			}
+		});
+
+		function handleScrub(event) {
+			const rect = thumbnailsCanvas.getBoundingClientRect();
+			const scrubX = event.clientX - rect.left;
+			const newTime = (scrubX / thumbnailsCanvas.clientWidth) * video.duration;
+			video.currentTime = newTime;
+		}
+
+
+  JS
+
+
+
+
+def api_infos
+  {
+  "example": "Purpose of the example",
+  "methods_found": [
+    "3",
+    "addEventListener",
+    "box",
+    "classList",
+    "click",
+    "clientWidth",
+    "clientX",
+    "createObjectURL",
+    "currentTime",
+    "dataTransfer",
+    "draw",
+    "drawImage",
+    "duration",
+    "error",
+    "eval",
+    "getBoundingClientRect",
+    "getContext",
+    "getElementById",
+    "height",
+    "left",
+    "load",
+    "min",
+    "mp4",
+    "pause",
+    "play",
+    "preventDefault",
+    "removeEventListener",
+    "src",
+    "style",
+    "target",
+    "type",
+    "videoHeight",
+    "videoWidth",
+    "width"
+  ],
+  "3": {
+    "aim": "The `3` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `3`."
+  },
+  "addEventListener": {
+    "aim": "The `addEventListener` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `addEventListener`."
+  },
+  "box": {
+    "aim": "The `box` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `box`."
+  },
+  "classList": {
+    "aim": "The `classList` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `classList`."
+  },
+  "click": {
+    "aim": "The `click` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `click`."
+  },
+  "clientWidth": {
+    "aim": "The `clientWidth` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `clientWidth`."
+  },
+  "clientX": {
+    "aim": "The `clientX` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `clientX`."
+  },
+  "createObjectURL": {
+    "aim": "The `createObjectURL` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `createObjectURL`."
+  },
+  "currentTime": {
+    "aim": "The `currentTime` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `currentTime`."
+  },
+  "dataTransfer": {
+    "aim": "The `dataTransfer` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `dataTransfer`."
+  },
+  "draw": {
+    "aim": "The `draw` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `draw`."
+  },
+  "drawImage": {
+    "aim": "The `drawImage` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `drawImage`."
+  },
+  "duration": {
+    "aim": "The `duration` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `duration`."
+  },
+  "error": {
+    "aim": "The `error` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `error`."
+  },
+  "eval": {
+    "aim": "The `eval` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `eval`."
+  },
+  "getBoundingClientRect": {
+    "aim": "The `getBoundingClientRect` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `getBoundingClientRect`."
+  },
+  "getContext": {
+    "aim": "The `getContext` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `getContext`."
+  },
+  "getElementById": {
+    "aim": "The `getElementById` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `getElementById`."
+  },
+  "height": {
+    "aim": "The `height` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `height`."
+  },
+  "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."
+  },
+  "load": {
+    "aim": "The `load` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `load`."
+  },
+  "min": {
+    "aim": "The `min` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `min`."
+  },
+  "mp4": {
+    "aim": "The `mp4` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `mp4`."
+  },
+  "pause": {
+    "aim": "The `pause` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `pause`."
+  },
+  "play": {
+    "aim": "The `play` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `play`."
+  },
+  "preventDefault": {
+    "aim": "The `preventDefault` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `preventDefault`."
+  },
+  "removeEventListener": {
+    "aim": "The `removeEventListener` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `removeEventListener`."
+  },
+  "src": {
+    "aim": "The `src` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `src`."
+  },
+  "style": {
+    "aim": "The `style` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `style`."
+  },
+  "target": {
+    "aim": "The `target` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `target`."
+  },
+  "type": {
+    "aim": "The `type` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `type`."
+  },
+  "videoHeight": {
+    "aim": "The `videoHeight` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `videoHeight`."
+  },
+  "videoWidth": {
+    "aim": "The `videoWidth` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `videoWidth`."
+  },
+  "width": {
+    "aim": "The `width` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `width`."
+  }
+}
+end

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

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

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

@@ -1,4 +1,28 @@
 # frozen_string_literal: true
 
+new({molecule: :system}) do |params|
+  alert Atome::host
+  alert Universe.engine
+end
 
-puts "connect a midi devide and run atome in native mode th elook in te console"
+puts "connect a midi device and run atome in native mode then look in the console"
+
+system({message: "open 'test autoload.bwproject'"})
+
+def api_infos
+  {
+  "example": "Purpose of the example",
+  "methods_found": [
+    "bwproject",
+    "engine"
+  ],
+  "bwproject": {
+    "aim": "The `bwproject` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `bwproject`."
+  },
+  "engine": {
+    "aim": "The `engine` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `engine`."
+  }
+}
+end

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

@@ -12,3 +12,26 @@ puts 'deprecated use clone monitoring'
 #     c.left(444)
 #   end
 # end
+
+def api_infos
+  {
+  "example": "Purpose of the example",
+  "methods_found": [
+    "id",
+    "left",
+    "monitor"
+  ],
+  "id": {
+    "aim": "The `id` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `id`."
+  },
+  "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."
+  },
+  "monitor": {
+    "aim": "The `monitor` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `monitor`."
+  }
+}
+end

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

@@ -18,4 +18,21 @@ c.touch(true) do
   view.on(:resize) do |event|
     puts "Now size is : #{event}"
   end
-end
+end
+def api_infos
+  {
+  "example": "Purpose of the example",
+  "methods_found": [
+    "on",
+    "touch"
+  ],
+  "on": {
+    "aim": "The `on` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `on`."
+  },
+  "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/on_the_fly_ruby_code_loading.rb

@@ -7,3 +7,26 @@ b.touch(true) do
   JS.eval('loadFeature()') # found in atome.js file
 end
 
+
+def api_infos
+  {
+  "example": "Purpose of the example",
+  "methods_found": [
+    "eval",
+    "js",
+    "touch"
+  ],
+  "eval": {
+    "aim": "The `eval` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `eval`."
+  },
+  "js": {
+    "aim": "The `js` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `js`."
+  },
+  "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/online.rb

@@ -1,3 +1,9 @@
 # frozen_string_literal: true
 
-text online?
+text online?
+def api_infos
+  {
+  "example": "Purpose of the example",
+  "methods_found": []
+}
+end

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

@@ -7,3 +7,26 @@ b=box({width: 66, height: 66, color: :yellowgreen})
 
     b.opacity(0.3)
   end
+
+def api_infos
+  {
+  "example": "Purpose of the example",
+  "methods_found": [
+    "3",
+    "opacity",
+    "png"
+  ],
+  "3": {
+    "aim": "The `3` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `3`."
+  },
+  "opacity": {
+    "aim": "The `opacity` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `opacity`."
+  },
+  "png": {
+    "aim": "The `png` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `png`."
+  }
+}
+end

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

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

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

@@ -25,3 +25,46 @@ c.touch(:up) do
   end
 end
 
+
+def api_infos
+  {
+  "example": "Purpose of the example",
+  "methods_found": [
+    "box",
+    "circle",
+    "delete",
+    "height",
+    "overflow",
+    "touch",
+    "width"
+  ],
+  "box": {
+    "aim": "The `box` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `box`."
+  },
+  "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`."
+  },
+  "height": {
+    "aim": "The `height` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `height`."
+  },
+  "overflow": {
+    "aim": "The `overflow` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `overflow`."
+  },
+  "touch": {
+    "aim": "Handles touch or click events to trigger specific actions.",
+    "usage": "Example: `touch(:tap) do ... end` triggers an action when tapped."
+  },
+  "width": {
+    "aim": "The `width` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `width`."
+  }
+}
+end

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

@@ -27,3 +27,41 @@ wait 0.5 do
     end
   end
 end
+
+def api_infos
+  {
+  "example": "Purpose of the example",
+  "methods_found": [
+    "5",
+    "6",
+    "color",
+    "delete",
+    "paint",
+    "remove"
+  ],
+  "5": {
+    "aim": "The `5` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `5`."
+  },
+  "6": {
+    "aim": "The `6` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `6`."
+  },
+  "color": {
+    "aim": "Sets or modifies the color of the object.",
+    "usage": "For example, `color(:red)` changes the object's color to red."
+  },
+  "delete": {
+    "aim": "The `delete` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `delete`."
+  },
+  "paint": {
+    "aim": "The `paint` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `paint`."
+  },
+  "remove": {
+    "aim": "The `remove` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `remove`."
+  }
+}
+end

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

@@ -1,4 +1,16 @@
 # frozen_string_literal: true
 
 b = box({ left: 777 })
-puts "b contain the following particles : #{b.particles}"
+puts "b contain the following particles : #{b.particles}"
+def api_infos
+  {
+  "example": "Purpose of the example",
+  "methods_found": [
+    "particles"
+  ],
+  "particles": {
+    "aim": "The `particles` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `particles`."
+  }
+}
+end

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

@@ -1,4 +1,16 @@
 # frozen_string_literal: true
 
 bb=box({width: '90%'})
-puts bb.to_px(:width)
+puts bb.to_px(:width)
+def api_infos
+  {
+  "example": "Purpose of the example",
+  "methods_found": [
+    "to_px"
+  ],
+  "to_px": {
+    "aim": "The `to_px` method's purpose is determined by its specific functionality.",
+    "usage": "Refer to Atome documentation for detailed usage of `to_px`."
+  }
+}
+end