ivoryos 1.0.9__py3-none-any.whl → 1.2.0b1__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/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/sortable_design.js

@@ -1,16 +1,56 @@
-$(document).ready(function () {
-    let dropTargetId = ""; // Store the ID of the drop target
+// 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 () {
-            var item_order = [];
-            $("ul.reorder li").each(function () {
-                item_order.push($(this).attr("id"));
-            });
+            const item_order = $("ul.reorder li").map(function () {
+                return this.id;
+            }).get();
             var order_string = "order=" + item_order.join(",");
 
             $.ajax({
@@ -19,87 +59,80 @@ $(document).ready(function () {
                 data: order_string,
                 cache: false,
                 success: function (data) {
-                    $("#response").html(data);
-                    $("#response").slideDown("slow");
-                    window.location.href = window.location.href;
+                    // 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").on("dragstart", function (event) {
-        let formHtml = $(this).find(".accordion-body").html(); // Get the correct form
-        event.originalEvent.dataTransfer.setData("form", formHtml || ""); // Store form HTML
+    $(".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").on("dragover", function (event) {
+    $("#list ul, .canvas").off("dragover").on("dragover", function (event) {
         event.preventDefault();
         let $target = $(event.target).closest("li");
 
-        // If we're over a valid <li> element in the list
         if ($target.length) {
-            dropTargetId = $target.attr("id") || ""; // Store the drop target ID
-
-            $(".drop-placeholder").remove(); // Remove existing placeholders
-            $("<li class='drop-placeholder'></li>").insertBefore($target); // Insert before the target element
+            state.dropTargetId = $target.attr("id") || "";
+            insertDropPlaceholder($target);
         } else if (!$("#list ul").children().length && $(this).hasClass("canvas")) {
-            $(".drop-placeholder").remove();  // Remove any placeholder
-            // $("#list ul").append("<li class='drop-placeholder'></li>"); // Append placeholder to canvas
+            $(".drop-placeholder").remove();
         } else {
-            dropTargetId = "";  // Append placeholder to canvas
+            state.dropTargetId = "";
         }
     });
 
-    $("#list ul, .canvas").on("dragleave", function () {
-        $(".drop-placeholder").remove(); // Remove placeholder on leave
+    $("#list ul, .canvas").off("dragleave").on("dragleave", function () {
+        $(".drop-placeholder").remove();
     });
 
-    $("#list ul, .canvas").on("drop", function (event) {
+    $("#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"); // Retrieve form HTML
+        var formHtml = event.originalEvent.dataTransfer.getData("form");
         let listLength = $("ul.reorder li").length;
-        dropTargetId = dropTargetId || listLength + 1;  // Assign a "last" ID or unique identifier
+        state.dropTargetId = state.dropTargetId || listLength + 1;
         $(".drop-placeholder").remove();
-            // Trigger the modal with the appropriate action
-        triggerModal(formHtml, actionName, actionId, dropTargetId);
-
+        document.activeElement?.blur();
+        triggerModal(formHtml, actionName, actionId, state.dropTargetId);
     });
+}
 
-    // Function to trigger the modal (same for both buttons and accordion items)
-    function triggerModal(formHtml, actionName, actionId, dropTargetId) {
-        if (formHtml && formHtml.trim() !== "") {
-            var $form = $("<div>").html(formHtml); // Convert HTML string to jQuery object
+function insertDropPlaceholder($target) {
+    $(".drop-placeholder").remove();
+    $("<li class='drop-placeholder'></li>").insertBefore($target);
+}
 
-            // Create a hidden input for the drop target ID
-            var $hiddenInput = $("<input>")
-                .attr("type", "hidden")
-                .attr("name", "drop_target_id")
-                .attr("id", "dropTargetInput")
-                .val(dropTargetId);
+// 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');
 
-            // Insert before the submit button
-            $form.find("button[type='submit']").before($hiddenInput);
+        if (!formHtml) {
+            console.error("Form not found in accordion-body");
+            return false;
+        }
 
-            $("#modalFormFields").empty().append($form.children());
-            $("#dropModal").modal("show"); // Show modal
+        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"));
 
-            // Store and display drop target ID in the modal
-            $("#modalDropTarget").text(dropTargetId || "N/A");
+        $(this).addClass("dragging");
+    });
+}
 
-            $("#modalFormFields").data("action-id", actionId);
-            $("#modalFormFields").data("action-name", actionName);
-            $("#modalFormFields").data("drop-target-id", dropTargetId);
-        } else {
-            console.error("Form HTML is undefined or empty!");
-        }
-    }
-});
+// 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());
+    }
+
+});

ivoryos/templates/base.html

@@ -38,16 +38,16 @@
                     </li>
                     {% if enable_design %}
                         <li class="nav-item">
-                            <a class="nav-link" href="{{ url_for('database.load_from_database') }}" aria-current="page">Library</a>
+                            <a class="nav-link" href="{{ url_for('library.load_from_database') }}" aria-current="page">Library</a>
                         </li>
                         <li class="nav-item">
                             <a class="nav-link" href="{{ url_for('design.experiment_builder') }}">Design</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link" href="{{ url_for('design.experiment_run') }}">Compile/Run</a>
+                            <a class="nav-link" href="{{ url_for('execute.experiment_run') }}">Compile/Run</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link" href="{{ url_for('database.list_workflows') }}">Data</a>
+                            <a class="nav-link" href="{{ url_for('data.list_workflows') }}">Data</a>
                         </li>
                     {% endif %}
 
@@ -116,7 +116,7 @@
                     <h1 class="modal-title fs-5" id="importModal">Import deck by file path</h1>
                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                 </div>
-                <form method="POST" action="{{ url_for('control.import_deck') }}" enctype="multipart/form-data">
+                <form method="POST" action="{{ url_for('control.temp.import_deck') }}" enctype="multipart/form-data">
                     <div class="modal-body">
                         <h5>from connection history</h5>
                         <div class="form-group">