ivoryos 1.2.2__py3-none-any.whl → 1.2.3__py3-none-any.whl

ivoryos/static/js/action_handlers.js

@@ -0,0 +1,213 @@
+
+
+
+
+function saveWorkflow(link) {
+    const url = link.dataset.postUrl;
+
+    fetch(url, {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json'
+        }
+    })
+    .then(res => res.json())
+    .then(data => {
+        if (data.success) {
+            // flash a success message
+            flash("Workflow saved successfully", "success");
+            window.location.reload();  // or update the UI dynamically
+        } else {
+            alert("Failed to save workflow: " + data.error);
+        }
+    })
+    .catch(err => {
+        console.error("Save error:", err);
+        alert("Something went wrong.");
+    });
+}
+
+
+function updateInstrumentPanel(link) {
+    const url = link.dataset.getUrl;
+    fetch(url)
+    .then(res => res.json())
+    .then(data => {
+        if (data.html) {
+            document.getElementById("sidebar-wrapper").innerHTML = data.html;
+            initializeDragHandlers()
+        }
+    })
+}
+
+function addMethodToDesign(event, form) {
+    event.preventDefault(); // Prevent default form submission
+
+    const formData = new FormData(form);
+
+    fetch(form.action, {
+        method: 'POST',
+        body: formData
+    })
+    .then(response => response.json())
+    .then(data => {
+        if (data.success) {
+            updateActionCanvas(data.html);
+            hideModal();
+        } else {
+            alert("Failed to add method: " + data.error);
+        }
+    })
+    .catch(error => console.error('Error:', error));
+}
+
+
+function updateActionCanvas(html) {
+    document.getElementById("canvas-action-wrapper").innerHTML = html;
+    initializeCanvas(); // Reinitialize canvas functionality
+    document.querySelectorAll('#pythonCodeOverlay pre code').forEach((block) => {
+        hljs.highlightElement(block);
+    });
+}
+
+
+let lastFocusedElement = null;
+
+
+function hideModal() {
+    if (document.activeElement) {
+        document.activeElement.blur();
+    }
+    $('#dropModal').modal('hide');
+    if (lastFocusedElement) {
+        lastFocusedElement.focus();  // Return focus to the triggering element
+    }
+}
+
+function submitEditForm(event) {
+    event.preventDefault();
+    const form = event.target;
+    const formData = new FormData(form);
+
+    fetch(form.action, {
+        method: 'POST',
+        body: formData
+    })
+    .then(response => response.text())
+    .then(html => {
+        if (html) {
+            // Update only the action list
+            updateActionCanvas(html);
+
+            if (previousHtmlState) {
+                document.getElementById('instrument-panel').innerHTML = previousHtmlState;
+                previousHtmlState = null;  // Clear the stored state
+            }
+        }
+    })
+    .catch(error => {
+        console.error('Error:', error);
+    });
+}
+
+function clearDraft() {
+    fetch(scriptDeleteUrl, {
+        method: "DELETE",
+        headers: {
+            "Content-Type": "application/json",
+        },
+    })
+    .then(res => res.json())
+    .then(data => {
+        if (data.success) {
+            window.location.reload();
+        } else {
+            alert("Failed to clear draft");
+        }
+    })
+    .catch(error => console.error("Failed to clear draft", error));
+}
+
+
+
+
+let previousHtmlState = null;  // Store the previous state
+
+function duplicateAction(uuid) {
+    if (!uuid) {
+        console.error('Invalid UUID');
+        return;
+    }
+
+    fetch(scriptStepDupUrl.replace('0', uuid), {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json'
+        }
+    })
+
+    .then(response => response.text())
+    .then(html => {
+        updateActionCanvas(html);
+    })
+    .catch(error => console.error('Error:', error));
+}
+
+function editAction(uuid) {
+    if (!uuid) {
+        console.error('Invalid UUID');
+        return;
+    }
+
+    // Save current state before fetching new content
+    previousHtmlState = document.getElementById('instrument-panel').innerHTML;
+
+    fetch(scriptStepUrl.replace('0', uuid), {
+        method: 'GET',
+        headers: {
+            'Content-Type': 'application/json'
+        }
+    })
+    .then(response => response.text())
+    .then(html => {
+        document.getElementById('instrument-panel').innerHTML = html;
+
+        // Add click handler for back button
+        document.getElementById('back').addEventListener('click', function(e) {
+            e.preventDefault();
+            if (previousHtmlState) {
+                document.getElementById('instrument-panel').innerHTML = previousHtmlState;
+                previousHtmlState = null;  // Clear the stored state
+            }
+        });
+    })
+    .catch(error => console.error('Error:', error));
+}
+
+
+
+function deleteAction(uuid) {
+    if (!uuid) {
+        console.error('Invalid UUID');
+        return;
+    }
+
+    fetch(scriptStepUrl.replace('0', uuid), {
+        method: 'DELETE',
+        headers: {
+            'Content-Type': 'application/json'
+        }
+    })
+    .then(response => response.text())
+    .then(html => {
+        // Find the first list element's content and replace it
+        updateActionCanvas(html);
+    })
+    .catch(error => console.error('Error:', error));
+}
+
+
+
+
+
+

ivoryos/static/js/db_delete.js

@@ -0,0 +1,23 @@
+
+function deleteWorkflow(link) {
+    const url = link.dataset.deleteUrl;
+
+    fetch(url, {
+        method: 'DELETE',
+        headers: {
+            'Content-Type': 'application/json'
+        }
+    })
+    .then(res => res.json())
+    .then(data => {
+        if (data.success) {
+            window.location.reload();  // or remove the row dynamically
+        } else {
+            alert("Failed to delete workflow: " + data.error);
+        }
+    })
+    .catch(err => {
+        console.error("Delete error:", err);
+        alert("Something went wrong.");
+    });
+}

ivoryos/static/js/overlay.js

@@ -0,0 +1,12 @@
+function addOverlayToButtons(buttonIds) {
+    buttonIds.forEach(function(buttonId) {
+        document.getElementById(buttonId).addEventListener('submit', function() {
+            // Display the overlay
+            document.getElementById('overlay').style.display = 'block';
+            document.getElementById('overlay-text').innerText = `Processing ${buttonId}...`;
+        });
+    });
+}
+
+// buttonIds should be set dynamically in your HTML template
+addOverlayToButtons(buttonIds);

ivoryos/static/js/script_metadata.js

@@ -0,0 +1,39 @@
+function editScriptName(event) {
+    event.preventDefault();  // Prevent full form submission
+    const newName = document.getElementById("new-name").value;
+    fetch(scriptMetaUrl, {
+        method: "PATCH",
+        headers: {
+            "Content-Type": "application/json",
+        },
+        body: JSON.stringify({name: newName})
+    })
+        .then(res => res.json())
+        .then(data => {
+            if (data.success) {
+                window.location.reload();  // or update the title on page directly
+            } else {
+                alert("Failed to rename script");
+            }
+        })
+        .catch(error => console.error("Failed to rename script", error));
+}
+
+function lockScriptEditing() {
+    fetch(scriptMetaUrl, {
+        method: "PATCH",
+        headers: {
+            "Content-Type": "application/json",
+        },
+        body: JSON.stringify({ status: "finalized" })
+    })
+    .then(res => res.json())
+    .then(data => {
+        if (data.success) {
+            window.location.reload();
+        } else {
+            alert("Failed to update script status");
+        }
+    })
+    .catch(error => console.error("Failed to update script status", error));
+}

ivoryos/static/js/socket_handler.js

@@ -0,0 +1,125 @@
+document.addEventListener("DOMContentLoaded", function() {
+    var socket = io.connect('http://' + document.domain + ':' + location.port);
+    socket.on('connect', function() {
+        console.log('Connected');
+    });
+    socket.on('progress', function(data) {
+        var progress = data.progress;
+        console.log(progress);
+        // Update the progress bar's width and appearance
+        var progressBar = document.getElementById('progress-bar-inner');
+        progressBar.style.width = progress + '%';
+        progressBar.setAttribute('aria-valuenow', progress);
+        const runPanel = document.getElementById("run-panel");
+        const codePanel = document.getElementById("code-panel");
+        if (progress === 1) {
+            if (runPanel) runPanel.style.display = "none";
+            if (codePanel) {
+                codePanel.style.display = "block";
+                codePanel.scrollIntoView({ behavior: "smooth" });
+            }
+            progressBar.classList.remove('bg-success');
+            progressBar.classList.remove('bg-danger');
+            progressBar.classList.add('progress-bar-animated');
+        }
+        if (progress === 100) {
+            // Remove animation and set green color when 100% is reached
+            progressBar.classList.remove('progress-bar-animated');
+            progressBar.classList.add('bg-success'); // Bootstrap class for green color
+            setTimeout(() => {
+                if (runPanel) runPanel.style.display = "block";
+                if (codePanel) codePanel.style.display = "none";
+            }, 1000);  // Small delay to let users see the completion
+        }
+    });
+
+    socket.on('error', function(errorData) {
+        console.error("Error received:", errorData);
+        var progressBar = document.getElementById('progress-bar-inner');
+
+        progressBar.classList.remove('bg-success');
+        progressBar.classList.add('bg-danger'); // Red color for error
+                // Show error modal
+        var errorModal = new bootstrap.Modal(document.getElementById('error-modal'));
+        document.getElementById('error-message').innerText = "An error occurred: " + errorData.message;
+        errorModal.show();
+
+    });
+
+    // Handle Pause/Resume Button
+    document.getElementById('pause-resume').addEventListener('click', function() {
+        socket.emit('pause');
+        console.log('Pause/Resume is toggled.');
+        var button = this;
+        var icon = button.querySelector("i");
+
+        // Toggle Pause and Resume
+        if (icon.classList.contains("bi-pause-circle")) {
+            icon.classList.remove("bi-pause-circle");
+            icon.classList.add("bi-play-circle");
+            button.innerHTML = '<i class="bi bi-play-circle"></i>';
+            button.setAttribute("title", "Resume execution");
+        } else {
+            icon.classList.remove("bi-play-circle");
+            icon.classList.add("bi-pause-circle");
+            button.innerHTML = '<i class="bi bi-pause-circle"></i>';
+            button.setAttribute("title", "Pause execution");
+        }
+    });
+
+    // Handle Modal Buttons
+    document.getElementById('continue-btn').addEventListener('click', function() {
+        socket.emit('pause');  // Resume execution
+        console.log("Execution resumed.");
+    });
+
+    document.getElementById('retry-btn').addEventListener('click', function() {
+        socket.emit('retry');  // Resume execution
+        console.log("Execution resumed, retrying.");
+    });
+
+    document.getElementById('stop-btn').addEventListener('click', function() {
+        socket.emit('pause');  // Resume execution
+        socket.emit('abort_current');  // Stop execution
+        console.log("Execution stopped.");
+
+        // Reset UI back to initial state
+        document.getElementById("code-panel").style.display = "none";
+        document.getElementById("run-panel").style.display = "block";
+    });
+
+    socket.on('log', function(data) {
+        var logMessage = data.message;
+        console.log(logMessage);
+        $('#logging-panel').append(logMessage + "<br>");
+        $('#logging-panel').scrollTop($('#logging-panel')[0].scrollHeight);
+    });
+
+    document.getElementById('abort-pending').addEventListener('click', function() {
+        var confirmation = confirm("Are you sure you want to stop after this iteration?");
+        if (confirmation) {
+            socket.emit('abort_pending');
+            console.log('Abort action sent to server.');
+        }
+    });
+    document.getElementById('abort-current').addEventListener('click', function() {
+        var confirmation = confirm("Are you sure you want to stop after this step?");
+        if (confirmation) {
+            socket.emit('abort_current');
+            console.log('Stop action sent to server.');
+    }
+    });
+
+    socket.on('execution', function(data) {
+        // Remove highlighting from all lines
+        document.querySelectorAll('pre code').forEach(el => el.style.backgroundColor = '');
+
+        // Get the currently executing line and highlight it
+        let executingLine = document.getElementById(data.section);
+        if (executingLine) {
+            executingLine.style.backgroundColor = '#cce5ff'; // Highlight
+            executingLine.style.transition = 'background-color 0.3s ease-in-out';
+
+        }
+    });
+});

ivoryos/static/js/sortable_card.js

@@ -0,0 +1,24 @@
+$(function() {
+    $("#sortable-grid").sortable({
+        items: ".card",
+        cursor: "move",
+        opacity: 0.7,
+        revert: true,
+        placeholder: "ui-state-highlight",
+        start: function(event, ui) {
+            ui.placeholder.height(ui.item.height());
+        },
+        update: function() {
+            const newOrder = $("#sortable-grid").sortable("toArray");
+            $.ajax({
+                url: saveOrderUrl,  // saveOrderUrl should be set dynamically in your HTML template
+                method: 'POST',
+                contentType: 'application/json',
+                data: JSON.stringify({ order: newOrder }),
+                success: function() {
+                    console.log('Order saved');
+                }
+            });
+        }
+    }).disableSelection();
+});

ivoryos/static/js/sortable_design.js

@@ -0,0 +1,138 @@
+// Move triggerModal to global scope
+function triggerModal(formHtml, actionName, actionId, dropTargetId) {
+    if (formHtml && formHtml.trim() !== "") {
+        var $form = $("<div>").html(formHtml);
+
+        var $hiddenInput = $("<input>")
+            .attr("type", "hidden")
+            .attr("name", "drop_target_id")
+            .attr("id", "dropTargetInput")
+            .val(dropTargetId);
+
+        $form.find("button[type='submit']").before($hiddenInput);
+
+        $("#modalFormFields").empty().append($form.children());
+
+        const $modal = $("#dropModal");
+
+        setTimeout(() => {
+            showModal($modal);
+        }, 0);
+
+        $("#modalDropTarget").text(dropTargetId || "N/A");
+        $("#modalFormFields")
+            .data("action-id", actionId)
+            .data("action-name", actionName)
+            .data("drop-target-id", dropTargetId);
+    } else {
+        console.error("Form HTML is undefined or empty!");
+    }
+}
+
+function showModal($modal) {
+    $modal.modal({
+        backdrop: 'static',
+        keyboard: true,
+        focus: true
+    }).modal('show');
+}
+
+const state = {
+    dropTargetId: ""
+};
+
+function initializeCanvas() {
+    $("#list ul").sortable({
+        cancel: ".unsortable",
+        opacity: 0.8,
+        cursor: "move",
+        placeholder: "drop-placeholder",
+        update: function () {
+            const item_order = $("ul.reorder li").map(function () {
+                return this.id;
+            }).get();
+            var order_string = "order=" + item_order.join(",");
+
+            $.ajax({
+                method: "POST",
+                url: updateListUrl,
+                data: order_string,
+                cache: false,
+                success: function (data) {
+                    // Update the canvas content with the new HTML
+                    updateActionCanvas(data)
+                }
+            }).fail(function (jqXHR, textStatus, errorThrown) {
+                console.error("Failed to update order:", textStatus, errorThrown);
+            });
+        }
+    });
+
+    // Make Entire Accordion Item Draggable
+    $(".accordion-item").off("dragstart").on("dragstart", function (event) {
+        let formHtml = $(this).find(".accordion-body").html();
+        event.originalEvent.dataTransfer.setData("form", formHtml || "");
+        event.originalEvent.dataTransfer.setData("action", $(this).find(".draggable-action").data("action"));
+        event.originalEvent.dataTransfer.setData("id", $(this).find(".draggable-action").attr("id"));
+        $(this).addClass("dragging");
+    });
+
+    $("#list ul, .canvas").off("dragover").on("dragover", function (event) {
+        event.preventDefault();
+        let $target = $(event.target).closest("li");
+
+        if ($target.length) {
+            state.dropTargetId = $target.attr("id") || "";
+            insertDropPlaceholder($target);
+        } else if (!$("#list ul").children().length && $(this).hasClass("canvas")) {
+            $(".drop-placeholder").remove();
+        } else {
+            state.dropTargetId = "";
+        }
+    });
+
+    $("#list ul, .canvas").off("dragleave").on("dragleave", function () {
+        $(".drop-placeholder").remove();
+    });
+
+    $("#list ul, .canvas").off("drop").on("drop", function (event) {
+        event.preventDefault();
+        var actionName = event.originalEvent.dataTransfer.getData("action");
+        var actionId = event.originalEvent.dataTransfer.getData("id");
+        var formHtml = event.originalEvent.dataTransfer.getData("form");
+        let listLength = $("ul.reorder li").length;
+        state.dropTargetId = state.dropTargetId || listLength + 1;
+        $(".drop-placeholder").remove();
+        document.activeElement?.blur();
+        triggerModal(formHtml, actionName, actionId, state.dropTargetId);
+    });
+}
+
+function insertDropPlaceholder($target) {
+    $(".drop-placeholder").remove();
+    $("<li class='drop-placeholder'></li>").insertBefore($target);
+}
+
+// Add this function to sortable_design.js
+function initializeDragHandlers() {
+    $(".accordion-item").off("dragstart").on("dragstart", function (event) {
+        let formHtml = $(this).find(".accordion-body form").prop('outerHTML');
+
+        if (!formHtml) {
+            console.error("Form not found in accordion-body");
+            return false;
+        }
+
+        event.originalEvent.dataTransfer.setData("form", formHtml);
+        event.originalEvent.dataTransfer.setData("action", $(this).find(".draggable-action").data("action"));
+        event.originalEvent.dataTransfer.setData("id", $(this).find(".draggable-action").attr("id"));
+
+        $(this).addClass("dragging");
+    });
+}
+
+// Make sure it's called in the document ready function
+$(document).ready(function () {
+    initializeCanvas();
+    initializeDragHandlers(); // Add this line
+});

ivoryos/static/js/ui_state.js

@@ -0,0 +1,113 @@
+// Toggle visibility of line numbers
+function toggleLineNumbers(save = true) {
+    const show = document.getElementById('toggleLineNumbers').checked;
+    document.querySelectorAll('.line-number').forEach(el => {
+        el.classList.toggle('d-none', !show);
+    });
+
+    if (save) {
+        localStorage.setItem('showLineNumbers', show ? 'true' : 'false');
+    }
+}
+
+// Toggle visibility of Python code overlay
+function toggleCodeOverlay(state = null) {
+    const overlay = document.getElementById("pythonCodeOverlay");
+    const checkbox = document.getElementById("showPythonCodeSwitch");
+
+    const isVisible = overlay.classList.contains("show");
+    const newState = state !== null ? state : !isVisible;
+
+    if (newState) {
+        overlay.classList.add("show");
+        checkbox.checked = true;
+    } else {
+        overlay.classList.remove("show");
+        checkbox.checked = false;
+    }
+
+    // Save state to session via PATCH
+    fetch(scriptUIStateUrl, {
+        method: "PATCH",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ show_code: newState })
+    });
+}
+
+
+function setScriptPhase(stype) {
+    fetch(scriptUIStateUrl, {
+        method: "PATCH",
+        headers: {
+            "Content-Type": "application/json",
+        },
+        body: JSON.stringify({ editing_type: stype })
+    })
+    .then(res => res.json())
+    .then(data => {
+        if (data.html) {
+            document.getElementById("canvas-wrapper").innerHTML = data.html;
+            initializeCanvas(); // Reinitialize the canvas functionality
+            document.querySelectorAll('#pythonCodeOverlay pre code').forEach((block) => {
+                hljs.highlightElement(block);
+            });
+        }
+    })
+    .catch(error => console.error("Failed to update editing type", error));
+}
+
+
+
+function changeDeck(deck) {
+    fetch(scriptUIStateUrl, {
+        method: "PATCH",
+        headers: {
+            "Content-Type": "application/json",
+        },
+        body: JSON.stringify({ deck_name: deck })
+    })
+    .then(res => res.json())
+    .then(data => {
+        if (data.html) {
+            document.getElementById("sidebar-wrapper").innerHTML = data.html;
+        }
+    })
+    .catch(error => console.error("Failed to change deck", error));
+}
+
+
+
+function toggleAutoFill() {
+    const instrumentValue = document.querySelector('.form-check.form-switch').dataset.instrument;
+
+    fetch(scriptUIStateUrl, {
+        method: "PATCH",
+        headers: {
+            "Content-Type": "application/json",
+        },
+        body: JSON.stringify({
+            autofill: document.getElementById("autoFillCheck").checked,
+            instrument: instrumentValue
+        })
+    })
+    .then(res => res.json())
+    .then(data => {
+        if (data.html) {
+            document.getElementById("instrument-panel").innerHTML = data.html;
+        }
+    })
+}
+// Restore state on page load
+document.addEventListener('DOMContentLoaded', () => {
+    const savedState = localStorage.getItem('showLineNumbers');
+    const checkbox = document.getElementById('toggleLineNumbers');
+
+    if (savedState === 'true') {
+        checkbox.checked = true;
+    }
+    if (checkbox) {
+        toggleLineNumbers(false);  // don't overwrite localStorage on load
+        checkbox.addEventListener('change', () => toggleLineNumbers());
+    }
+
+});