atome 0.5.7.0.3 → 0.3191

data/vendor/assets/src/js/atome/atome_helpers/atome_drag.js

@@ -1,124 +0,0 @@
-const atomeDrag = {
-    check: function (options, atome_id, _atome) {
-     alert('full_success')
-    },
-    drag: function (options, atome_id, atome) {
-
-        let element = document.getElementById(atome_id)
-        const position = {x: 0, y: 0}
-        interact(element).draggable({
-            listeners: {
-                start(event) {
-                    atome.$drag_start_callback(event.pageX, event.pageY, event.rect.left, event.rect.top);
-                },
-                move(event) {
-                    position.x += event.dx
-                    position.y += event.dy
-                    //  we feed the callback method below
-                    atome.$drag_move_callback(event.pageX, event.pageY, event.rect.left, event.rect.top);
-
-                    if (options === true) {
-                        target = event.target
-                        var x = (parseFloat(target.getAttribute('data-x')) || 0) + event.dx
-                        var y = (parseFloat(target.getAttribute('data-y')) || 0) + event.dy
-
-                        // translate the element
-                        target.style.transform = 'translate(' + x + 'px, ' + y + 'px)'
-
-                        // update the position attributes
-                        target.setAttribute('data-x', x)
-                        target.setAttribute('data-y', y)
-
-
-                    }
-
-                },
-                end(event) {
-
-                    // We remove the translate and update the position of the atome
-
-                    const transformValue = window.getComputedStyle(element).getPropertyValue('transform');
-                    const matrix = transformValue.match(/^matrix\(([^\(]*)\)$/);
-                    const transformData = matrix ? matrix[1].split(', ') : null;
-                    const translateX = transformData ? parseFloat(transformData[4]) : 0;
-                    const translateY = transformData ? parseFloat(transformData[5]) : 0;
-                    const positionLeft = element.offsetLeft + translateX;
-                    const positionTop = element.offsetTop + translateY;
-
-                    element.style.left = positionLeft+ 'px';
-                    element.style.top = positionTop + 'px';
-                    // we remove the transform tag
-                    element.style.transform = '';
-                    // now we reset the interactJS
-                    element.setAttribute('data-x', 0)
-                    element.setAttribute('data-y', 0)
-                    atome.$drag_end_callback(event.pageX, event.pageY, positionLeft, positionTop);
-
-                },
-            }
-        })
-
-    },
-
-    inertia: function (options, atome_id, _atome) {
-        let element = document.getElementById(atome_id)
-        interact(element).draggable({
-            inertia: options
-        })
-    },
-
-    lock: function (options, atome_id, _atome) {
-        let element = document.getElementById(atome_id)
-        interact(element).draggable({
-            startAxis: 'xy',
-            lockAxis: options
-        });
-    },
-
-    remove: function (options, atome_id, _atome) {
-        let element = document.getElementById(atome_id)
-// now we reset the position
-        var position = element.getBoundingClientRect();
-        var transform = element.style.transform;
-        var newTransform = transform.replace(/translate\([^\)]*\)/g, "");
-        element.style.transform = newTransform;
-        element.style.left = position.left + "px";
-        element.style.top = position.top + "px";
-
-
-        interact(element).draggable(options);
-    },
-
-    snap: function (options, atome_id, _atome) {
-        let element = document.getElementById(atome_id)
-        interact(element)
-            .draggable({
-                modifiers: [
-                    interact.modifiers.snap({
-                        targets: [
-                            interact.snappers.grid(options),
-                        ],
-                        range: Infinity,
-                        relativePoints: [{x: 0, y: 0}]
-                    }),
-                ],
-            })
-    },
-
-    constraint: function (params, atome_id, _atome) {
-        let element = document.getElementById(atome_id)
-        if ((typeof params) != 'object' && params !== 'parent') {
-            params = document.getElementById(params);
-        }
-        interact(element)
-            .draggable({
-                modifiers: [
-                    interact.modifiers.restrict({
-                        restriction: params,
-                        elementRect: {top: 0, left: 0, bottom: 1, right: 1},
-                        // endOnly: false
-                    })
-                ],
-            })
-    }
-}

data/vendor/assets/src/js/atome/atome_helpers/atome_drop.js

@@ -1,12 +0,0 @@
-const atomeDrop = {
-    drop: function (options, atome_id, atome) {
-
-        // internal drop cf a div dropped on a div
-        let element = document.getElementById(atome_id)
-        mouse_interaction(element,atome)
-
-        file_drop(atome_id,atome);
-    }
-
-}
-

data/vendor/assets/src/js/atome/atome_helpers/atome_events.js

@@ -1,171 +0,0 @@
-function mouse_interaction(element, atome) {
-    interact(element).dropzone({
-        listeners: {
-            dragenter(event) {
-
-                atome.$enter_action_callback(Opal.hash({id: event.relatedTarget.id}));
-                // console.log(event)
-                // event.relatedTarget.textContent = 'Dropped'
-            },
-            dragleave(event) {
-                atome.$leave_action_callback(Opal.hash({id: event.relatedTarget.id}));
-                // event.relatedTarget.textContent = 'Dropped'
-            },
-            dropactivate: function (event) {
-                // add active dropzone feedback
-                // event.target.classList.add('drop-active')
-            },
-            drop(event) {
-                // console.log(event)
-                atome.$drop_action_callback(Opal.hash({id: event.relatedTarget.id}));
-                // event.relatedTarget.textContent = 'Dropped'
-            },
-            dropdeactivate: function (event) {
-                // remove active dropzone feedback
-                // event.target.classList.remove('drop-active')
-                // event.target.classList.remove('drop-target')
-            }
-            // dropdeactivate: function (event) {
-            //     // remove active dropzone feedback
-            //     // event.target.classList.remove('drop-active')
-            //     // event.target.classList.remove('drop-target')
-            // }
-            // start(event) {
-            //     console.log("satring")
-            //     atome.$drag_action_callback(event.pageX, event.pageY, event.rect.left, event.rect.top);
-            // },
-            // move(event) {
-            //     console.log("0000")
-            //     position.x += event.dx
-            //     position.y += event.dy
-            //     //  we feed the callback method below
-            //     atome.$drag_action_callback(event.pageX, event.pageY, event.rect.left, event.rect.top);
-            //
-            //     if (options === true) {
-            //         event.target.style.transform =
-            //             event.target.style.transform = 'translate(' + position.x + 'px, ' + position.y + 'px)'
-            //     }
-            //
-            // },
-            // end(event) {
-            //     console.log("endinfring")
-            //
-            //     atome.$drag_action_callback(event.pageX, event.pageY, event.rect.left, event.rect.top);
-            //
-            //
-            // },
-        }
-    })
-}
-
-
-function file_drop(atome_id, atome) {
-    const dropzone = document.querySelector('#' + atome_id)
-    dropzone.addEventListener('dragover', evt => evt.preventDefault())
-    dropzone.addEventListener('drop', async evt => {
-        evt.preventDefault()
-        const files = await window.getFilesFromDataTransferItems(evt.dataTransfer.items)
-        for (const file of files) {
-            const reader = new FileReader();
-            reader.readAsDataURL(file);
-            reader.onloadend = function () {
-                const base64data = reader.result;
-                let type_found = file.type.split('/')[0]
-                atome.$drop_action_callback(Opal.hash({
-                    path: file.filepath,
-                    type: type_found,
-                    size: file.size,
-                    data: base64data
-                }));
-            }
-        }
-    })
-
-
-    async function getFilesFromDataTransferItems(dataTransferItems, options = {raw: false}) {
-        const checkErr = (err) => {
-            if (getFilesFromDataTransferItems.didShowInfo) return
-            if (err.name !== 'EncodingError') return
-            getFilesFromDataTransferItems.didShowInfo = true
-            const infoMsg = `${err.name} occured within datatransfer-files-promise module\n`
-                + `Error message: "${err.message}"\n`
-                + 'Try serving html over http if currently you are running it from the filesystem.'
-            console.warn(infoMsg)
-        }
-
-        const readFile = (entry, path = '') => {
-            return new Promise((resolve, reject) => {
-                entry.file(file => {
-                    if (!options.raw) file.filepath = path + file.name // save full path
-
-                    resolve(file)
-                }, (err) => {
-                    checkErr(err)
-                    reject(err)
-                })
-            })
-        }
-
-        const dirReadEntries = (dirReader, path) => {
-            return new Promise((resolve, reject) => {
-                dirReader.readEntries(async entries => {
-                    let files = []
-                    for (let entry of entries) {
-                        const itemFiles = await getFilesFromEntry(entry, path)
-                        // console.log(itemFiles)
-                        files = files.concat(itemFiles)
-                    }
-                    resolve(files)
-                }, (err) => {
-                    checkErr(err)
-                    reject(err)
-                })
-            })
-        }
-
-        const readDir = async (entry, path) => {
-            const dirReader = entry.createReader()
-            const newPath = path + entry.name + '/'
-            let files = []
-            let newFiles
-            do {
-                newFiles = await dirReadEntries(dirReader, newPath)
-                files = files.concat(newFiles)
-            } while (newFiles.length > 0)
-            return files
-        }
-
-        const getFilesFromEntry = async (entry, path = '') => {
-            if (entry.isFile) {
-                const file = await readFile(entry, path)
-                return [file]
-            }
-            if (entry.isDirectory) {
-                const files = await readDir(entry, path)
-                return files
-            }
-            // throw new Error('Entry not isFile and not isDirectory - unable to get files')
-        }
-
-        let files = []
-        let entries = []
-
-        // Pull out all entries before reading them
-        for (let i = 0, ii = dataTransferItems.length; i < ii; i++) {
-            entries.push(dataTransferItems[i].webkitGetAsEntry())
-        }
-
-        // Recursively read through all entries
-        for (let entry of entries) {
-            const newFiles = await getFilesFromEntry(entry)
-            files = files.concat(newFiles)
-        }
-
-        return files
-    }
-
-    if (this.window && this === this.window) this.getFilesFromDataTransferItems = getFilesFromDataTransferItems
-    else module.exports.getFilesFromDataTransferItems = getFilesFromDataTransferItems
-
-}
-

data/vendor/assets/src/js/atome/atome_helpers/atome_over.js

@@ -1,43 +0,0 @@
-// const atomeOver = {
-//
-//     over_enter: function (atome_id, atome, proc_passed, state) {
-//         let element = document.getElementById(atome_id)
-//         // let dropzone = document.getElementById('dropzone');
-//         element.addEventListener('dragover', handleDragOver);
-//
-//         function handleDragOver(evt) {
-//             evt.preventDefault();
-//             if (state == 'enter') {
-//                 atome.$enter_action_callback(proc_passed);
-//                 state = false
-//             }
-//
-//         }
-//
-//         // mouse_interaction(element, atome)
-//
-//
-//     }
-//     // ,
-//     // over_leave: function (atome_id, atome, proc_passed, state) {
-//     //     let element = document.getElementById(atome_id)
-//     //     // let dropzone = document.getElementById('dropzone');
-//     //     element.addEventListener('dragover', handleDragOver);
-//     //
-//     //     function handleDragOver(evt) {
-//     //         evt.preventDefault();
-//     //         if (state == 'leave') {
-//     //             atome.$leave_action_callback(proc_passed);
-//     //             state = false
-//     //         }
-//     //
-//     //     }
-//     //
-//     //     // mouse_interaction(element, atome)
-//     //
-//     //
-//     // },
-//
-//
-// }
-//

data/vendor/assets/src/js/atome/atome_helpers/atome_sort.js

@@ -1,20 +0,0 @@
-const atomeSort = {
-    sort: function (options, atome_id, atome) {
-        let element = document.getElementById(atome_id)
-        let children = Array.from(element.children);
-        children.forEach((element, _index) => {
-            element.style.position = 'relative'
-            element.style.webkitUserDrag = 'element'
-        })
-        Sortable.create(element, {
-            animation: 1150,
-            ghostClass: 'selected',
-            onSort: function () {
-                // alert('sorted');
-                atome.$sort_callback(atome)
-
-                // sortable({sort: onSort, change:onChange, start:onStart })
-            }
-        })
-    },
-}

data/vendor/assets/src/js/atome/atome_helpers/atome_time.js

@@ -1,10 +0,0 @@
-const atomeTime = {
-    schedule: function (years, months, days, hours, minutes, seconds, atome, proc) {
-        const now = new Date();
-        const formatDate = new Date(years, months - 1, days, hours, minutes, seconds);
-        const diffTime = Math.abs(formatDate - now);
-        setTimeout(function () {
-            atome.$schedule_callback(proc);
-        }, diffTime);
-    }
-}

data/vendor/assets/src/js/atome/atome_helpers/atome_video.js

@@ -1,12 +0,0 @@
-const atomeVideo = {
-    fullscreen: function (atome_id) {
-        let elem = document.getElementById(atome_id)
-        if (elem.requestFullscreen) {
-            elem.requestFullscreen();
-        } else if (elem.webkitRequestFullscreen) { /* Safari */
-            elem.webkitEnterFullscreen();
-        } else if (elem.msRequestFullscreen) { /* IE11 */
-            elem.msRequestFullscreen();
-        }
-    }
-}

data/vendor/assets/src/js/atome/atome_helpers/communication.js

@@ -1,35 +0,0 @@
-
-
-/////////////////////////// connection ws
-
-//
-// function connect(address) {
-//
-//     websocket = new WebSocket(address);
-//
-//     websocket.onopen = function (event) {
-//         atomeJsToRuby("puts 'Connected to WebSocket'")
-//
-//     };
-//
-//     websocket.onmessage = function (event) {
-//         // atomeJsToRuby("puts 'object ruby callback : " + event.data + "'")
-//     };
-//
-//     websocket.onclose = function (event) {
-//         atomeJsToRuby("puts 'WebSocket closed'")
-//     };
-//
-//     websocket.onerror = function (event) {
-//         // to prevent error disturbing the console
-//         event.preventDefault();
-//         console.log('connection lost!')
-//     };
-//
-// }
-
-
-// function controller_message(msg) {
-//     // let json_msgs = JSON.parse(msg);
-//     atomeJsToRuby("A.receptor("+msg+")")
-// }

data/vendor/assets/src/js/atome/atome_helpers/file.js

@@ -1,12 +0,0 @@
-const file = {
-
-
-    reader: function(file, atome, proc) {
-        fetch('medias/' + file)
-            .then(response => response.text())
-            .then(text => atome.$read_callback(text, proc))
-    }
-
-}
-
-

data/vendor/assets/src/js/atome/specific/opal.js

@@ -1,111 +0,0 @@
-function atomeJsToRuby(rubycode) {
-    Opal.eval(rubycode);
-}
-
-
-function controller_message(msg) {
-    Opal.Object.$receptor(msg);
-}
-
-
-function loadApplicationJs() {
-    var script = document.createElement('script');
-    script.src = 'js/application.js';
-    script.onload = function () {
-        Opal.Object.$init_database();
-    };
-    document.body.appendChild(script);
-}
-
-window.addEventListener('load', function () {
-    Opal.Object.$atome_genesis();
-})
-
-
-const communication = {
-    controller_sender: function (msg) {
-        let json_msg = JSON.parse(msg);
-
-        if (window.webkit) {
-            try {
-                window.webkit.messageHandlers.wkHandler.postMessage(json_msg);
-            } catch (error) {
-                console.log('no server, unable to post message')
-            }
-
-        } else {
-            try {
-                window.chrome.webview.postMessage(json_msg);
-            } catch (error) {
-                console.log('no server, unable to post message')
-            }
-        }
-    },
-    controller_listener: function () {
-        if (window.webkit) {
-            try {
-                ///
-            } catch (error) {
-                console.log('no server, unable to receive message')
-            }
-        } else {
-
-            try {
-                window.chrome.webview.addEventListener('message', arg => {
-                    Opal.Object.$response_listener(arg.data)
-                });
-            } catch (error) {
-                console.log('no server, unable to receive message')
-            }
-
-
-        }
-    },
-    connect: function (type, server, user, pass, atomes, particles) {
-        // websocket for server
-        this.websocket = new WebSocket(type + '://' + server);
-        this.websocket.onopen = function (event) {
-
-            // now new can exec user code : loadApplicationJs in index.html
-            loadApplicationJs();
-            // atomeJsToRuby("A.user_login");
-        };
-        this.websocket.onmessage = function (event) {
-            Opal.eval("Atome.server_receiver(" + event.data + ")");
-            // Opal.Atome.$server_receiver(event.data);
-        };
-
-        this.websocket.onclose = function (event) {
-            console.log("puts 'WebSocket closed'")
-
-        };
-
-        this.websocket.onerror = function (event) {
-            // to prevent error disturbing the console
-            event.preventDefault();
-            console.log('connection lost!')
-        };
-
-    },
-    ws_sender: function (message) {
-        // now we send the data to the server
-        // puts "--> message : #{message}"
-        this.websocket.send(message)
-    },
-}
-
-
-function my_ruby_wasm_js_fct(val) {
-    Opal.eval("my_ruby_meth('ruby wasm eval: " + val + "')");
-}
-
-function fetchSVGContent(svgPath, target) {
-    fetch(svgPath)
-        .then(response => response.text())
-        .then(data => {
-            // Opal.eval("A.handleSVGContent('"+data+"', '"+target+"')") ;
-            Opal.Atome.$handleSVGContent(data, target);
-        })
-        .catch(error => console.error('Erreur de chargement du SVG :', error));
-
-}

data/vendor/assets/src/js/atome/specific/wasm.js

@@ -1,123 +0,0 @@
-function atomeJsToRuby(rubycode) {
-    rubyVM.eval(rubycode);
-}
-
-function controller_message(msg) {
-    rubyVM.eval(rubycode);
-}
-
-// window.addEventListener('load', function () {
-//     // Opal.Object.$atome_genesis();
-//     atomeJsToRuby('atome_genesis');
-// })
-
-const communication = {
-    // websocket: null,// websocket init  for server
-    // initialize: function () {
-    //     this.websocket = new WebSocket('ws://localhost:9292')
-    //     // this.websocket = new WebSocket(address);
-    //
-    //     this.websocket.onopen = function (event) {
-    //         rubyVM.eval("puts 'Connected to WebSocket'")
-    //     };
-    //
-    //     this.websocket.onmessage = function (event) {
-    //         rubyVM.eval('message', "('" + event.data + "')")
-    //     };
-    //
-    //     this.websocket.onclose = function (event) {
-    //         rubyVM.eval("puts 'WebSocket closed'")
-    //
-    //     };
-    //
-    //     this.websocket.onerror = function (event) {
-    //         // to prevent error disturbing the console
-    //         event.preventDefault();
-    //         console.log('connection lost!')
-    //     };
-    // },// Controller for native core
-    controller_sender: function (msg) {
-        let json_msg = JSON.parse(msg);
-
-        if (window.webkit) {
-            try {
-                window.webkit.messageHandlers.wkHandler.postMessage(json_msg);
-            } catch (error) {
-                console.log('no server, unable to post message')
-            }
-
-        } else {
-            try {
-                window.chrome.webview.postMessage(json_msg);
-            } catch (error) {
-                console.log('no server, unable to post message')
-            }
-        }
-    },
-    controller_listener: function () {
-        if (window.webkit) {
-            try {
-                ///
-            } catch (error) {
-                console.log('no server, unable to receive message')
-            }
-        } else {
-
-            try {
-                window.chrome.webview.addEventListener('message', arg => {
-                    Opal.Object.$response_listener(arg.data)
-                });
-            } catch (error) {
-                console.log('no server, unable to receive message')
-            }
-
-
-        }
-    },
-    connect: function (type, server, user, pass, atomes, particles) {
-        // websocket for server
-        this.websocket = new WebSocket(type + '://' + server);
-        this.websocket.onopen = function (event) {
-
-            // now new can exec user code : loadApplicationJs in index.html
-            loadApplicationJs();
-            // rubyVM.eval("A.user_login");
-        };
-        this.websocket.onmessage = function (event) {
-            // console.log(event.data)
-            rubyVM.eval("A.server_receiver(" + event.data + ")");
-        };
-
-        this.websocket.onclose = function (event) {
-            rubyVM.eval("puts 'WebSocket closed'")
-
-        };
-
-        this.websocket.onerror = function (event) {
-            // to prevent error disturbing the console
-            event.preventDefault();
-            console.log('connection lost!')
-        };
-
-    },
-    ws_sender: function (message) {
-        // now we send the data to the server
-        // puts "--> message : #{message}"
-        this.websocket.send(message)
-    },
-}
-
-
-function my_ruby_wasm_js_fct(val){
-    rubyVM.eval("my_ruby_meth('ruby wasm eval: "+val+"')");
-}
-function fetchSVGContent(svgPath, target) {
-    fetch(svgPath)
-        .then(response => response.text())
-        .then(data => {
-            rubyVM.eval("Atome.handleSVGContent('"+data+"', '"+target+"')") ;
-            // Module.call('handleSVGContent', 'void', ['string'], [data]);
-        })
-        .catch(error => console.error('Erreur de chargement du SVG :', error));
-
-}

data/vendor/assets/src/js/molecules/web.js

@@ -1,4 +0,0 @@
-
-
-rb_file='circle({left: 166, color: :orange})'
-atomeJsToRuby(rb_file);