ivoryos 1.0.9__py3-none-any.whl → 1.4.4__py3-none-any.whl

ivoryos/static/js/action_handlers.js

@@ -0,0 +1,384 @@
+// ============================================================================
+// STATE MANAGEMENT
+// ============================================================================
+
+let previousHtmlState = null;  // Store previous instrument panel state
+let lastFocusedElement = null; // Track focus for modal management
+
+// ============================================================================
+// MODE & BATCH MANAGEMENT
+// ============================================================================
+
+function getMode() {
+    return sessionStorage.getItem("mode") || "single";
+}
+
+function setMode(mode, triggerUpdate = true) {
+    sessionStorage.setItem("mode", mode);
+
+    const modeButtons = document.querySelectorAll(".mode-toggle");
+    const batchOptions = document.getElementById("batch-options");
+
+    modeButtons.forEach(b => b.classList.toggle("active", b.dataset.mode === mode));
+
+    if (batchOptions) {
+        batchOptions.style.display = (mode === "batch") ? "inline-flex" : "none";
+    }
+
+    if (triggerUpdate) updateCode();
+}
+
+function getBatch() {
+    return sessionStorage.getItem("batch") || "sample";
+}
+
+function setBatch(batch, triggerUpdate = true) {
+    sessionStorage.setItem("batch", batch);
+
+    const batchButtons = document.querySelectorAll(".batch-toggle");
+    batchButtons.forEach(b => b.classList.toggle("active", b.dataset.batch === batch));
+
+    if (triggerUpdate) updateCode();
+}
+
+// ============================================================================
+// CODE OVERLAY MANAGEMENT
+// ============================================================================
+
+async function updateCode() {
+    try {
+        const params = new URLSearchParams({ mode: getMode(), batch: getBatch() });
+        const res = await fetch(scriptCompileUrl + "?" + params.toString());
+        if (!res.ok) return;
+
+        const data = await res.json();
+        const codeElem = document.getElementById("python-code");
+
+        codeElem.removeAttribute("data-highlighted"); // Reset highlight.js flag
+        codeElem.textContent = data.code['script'] || "# No code found";
+
+        if (window.hljs) {
+            hljs.highlightElement(codeElem);
+        }
+    } catch (err) {
+        console.error("Error updating code:", err);
+    }
+}
+
+function initializeCodeOverlay() {
+    const codeElem = document.getElementById("python-code");
+    const copyBtn = document.getElementById("copy-code");
+    const downloadBtn = document.getElementById("download-code");
+
+    if (!copyBtn || !downloadBtn) return; // Elements don't exist
+
+    // Remove old listeners by cloning (prevents duplicate bindings)
+    const newCopyBtn = copyBtn.cloneNode(true);
+    const newDownloadBtn = downloadBtn.cloneNode(true);
+    copyBtn.parentNode.replaceChild(newCopyBtn, copyBtn);
+    downloadBtn.parentNode.replaceChild(newDownloadBtn, downloadBtn);
+
+    // Copy to clipboard
+    newCopyBtn.addEventListener("click", () => {
+        navigator.clipboard.writeText(codeElem.textContent)
+            .then(() => alert("Code copied!"))
+            .catch(err => console.error("Failed to copy", err));
+    });
+
+    // Download current code
+    newDownloadBtn.addEventListener("click", () => {
+        const blob = new Blob([codeElem.textContent], { type: "text/plain" });
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement("a");
+        a.href = url;
+        a.download = "script.py";
+        a.click();
+        URL.revokeObjectURL(url);
+    });
+    updateCode();
+}
+
+// ============================================================================
+// UI UPDATE FUNCTIONS
+// ============================================================================
+
+function updateActionCanvas(html) {
+    document.getElementById("canvas-action-wrapper").innerHTML = html;
+    initializeCanvas();
+
+    const mode = getMode();
+    const batch = getBatch();
+
+    // Rebind event handlers for mode/batch toggles
+    document.querySelectorAll(".mode-toggle").forEach(btn => {
+        btn.addEventListener("click", () => setMode(btn.dataset.mode));
+    });
+    document.querySelectorAll(".batch-toggle").forEach(btn => {
+        btn.addEventListener("click", () => setBatch(btn.dataset.batch));
+    });
+
+    // Restore toggle UI state (without triggering updates)
+    setMode(mode, false);
+    setBatch(batch, false);
+
+    // Reinitialize code overlay buttons
+    initializeCodeOverlay();
+
+}
+
+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();
+            }
+        })
+        .catch(err => console.error("Error updating instrument panel:", err));
+}
+
+// ============================================================================
+// WORKFLOW MANAGEMENT
+// ============================================================================
+
+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) {
+            window.location.reload();
+        } else {
+            alert("Failed to save workflow: " + data.error);
+        }
+    })
+    .catch(err => {
+        console.error("Save error:", err);
+        alert("Something went wrong.");
+    });
+}
+
+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));
+}
+
+// ============================================================================
+// ACTION MANAGEMENT (CRUD Operations)
+// ============================================================================
+
+function addMethodToDesign(event, form) {
+    event.preventDefault();
+
+    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 editAction(uuid) {
+    if (!uuid) {
+        console.error('Invalid UUID');
+        return;
+    }
+
+    // Store current state for rollback
+    previousHtmlState = document.getElementById('instrument-panel').innerHTML;
+
+    fetch(scriptStepUrl.replace('0', uuid), {
+        method: 'GET',
+        headers: {
+            'Content-Type': 'application/json'
+        }
+    })
+    .then(response => {
+        if (!response.ok) {
+            return response.json().then(err => {
+                if (err.warning) {
+                    alert(err.warning);
+                }
+                // Restore panel so user isn't stuck
+                if (previousHtmlState) {
+                    document.getElementById('instrument-panel').innerHTML = previousHtmlState;
+                    previousHtmlState = null;
+                }
+                throw new Error("Step fetch failed: " + response.status);
+            });
+        }
+        return response.text();
+    })
+    .then(html => {
+        document.getElementById('instrument-panel').innerHTML = html;
+
+        // Set up back button
+        const backButton = document.getElementById('back');
+        if (backButton) {
+            backButton.addEventListener('click', function(e) {
+                e.preventDefault();
+                if (previousHtmlState) {
+                    document.getElementById('instrument-panel').innerHTML = previousHtmlState;
+                    previousHtmlState = null;
+                }
+            });
+        }
+    })
+    .catch(error => console.error('Error:', error));
+}
+
+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) {
+            updateActionCanvas(html);
+
+            // Restore previous instrument panel state
+            if (previousHtmlState) {
+                document.getElementById('instrument-panel').innerHTML = previousHtmlState;
+                previousHtmlState = null;
+            }
+
+            // Check for warnings
+            showWarningIfExists(html);
+        }
+    })
+    .catch(error => console.error('Error:', error));
+}
+
+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);
+        showWarningIfExists(html);
+    })
+    .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 => {
+        updateActionCanvas(html);
+        showWarningIfExists(html);
+    })
+    .catch(error => console.error('Error:', error));
+}
+
+// ============================================================================
+// MODAL MANAGEMENT
+// ============================================================================
+
+function hideModal() {
+    if (document.activeElement) {
+        document.activeElement.blur();
+    }
+
+    $('#dropModal').modal('hide');
+
+    if (lastFocusedElement) {
+        lastFocusedElement.focus();
+    }
+}
+
+// ============================================================================
+// UTILITY FUNCTIONS
+// ============================================================================
+
+function showWarningIfExists(html) {
+    const parser = new DOMParser();
+    const doc = parser.parseFromString(html, 'text/html');
+    const warningDiv = doc.querySelector('#warning');
+
+    if (warningDiv && warningDiv.textContent.trim()) {
+        alert(warningDiv.textContent.trim());
+    }
+}
+
+// ============================================================================
+// INITIALIZATION
+// ============================================================================
+
+document.addEventListener("DOMContentLoaded", function() {
+    const mode = getMode();
+    const batch = getBatch();
+
+    // Set up mode/batch toggle listeners
+    document.querySelectorAll(".mode-toggle").forEach(btn => {
+        btn.addEventListener("click", () => setMode(btn.dataset.mode));
+    });
+
+    document.querySelectorAll(".batch-toggle").forEach(btn => {
+        btn.addEventListener("click", () => setBatch(btn.dataset.batch));
+    });
+
+    // Restore UI state (without triggering updates)
+    setMode(mode, false);
+    setBatch(batch, false);
+
+    // Initialize code overlay
+    initializeCodeOverlay();
+
+});

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/socket_handler.js

@@ -1,5 +1,5 @@
 document.addEventListener("DOMContentLoaded", function() {
-    var socket = io.connect('http://' + document.domain + ':' + location.port);
+    var socket = io();
     socket.on('connect', function() {
         console.log('Connected');
     });
@@ -37,13 +37,43 @@ document.addEventListener("DOMContentLoaded", function() {
         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
+        progressBar.classList.remove('bg-success', 'bg-warning');
+        progressBar.classList.add('bg-danger');
+
         var errorModal = new bootstrap.Modal(document.getElementById('error-modal'));
-        document.getElementById('error-message').innerText = "An error occurred: " + errorData.message;
+        document.getElementById('errorModalLabel').innerText = "Error Detected";
+        document.getElementById('error-message').innerText =
+            "An error occurred: " + errorData.message;
+
+        // Show all buttons again
+        document.getElementById('retry-btn').style.display = "inline-block";
+        document.getElementById('continue-btn').style.display = "inline-block";
+        document.getElementById('stop-btn').style.display = "inline-block";
+
         errorModal.show();
+    });
+
+
+    socket.on('human_intervention', function(data) {
+        console.warn("Human intervention required:", data);
+        var progressBar = document.getElementById('progress-bar-inner');
 
+        // Set progress bar to yellow
+        progressBar.classList.remove('bg-success', 'bg-danger');
+        progressBar.classList.add('bg-warning');
+
+        // Reuse error modal but update content
+        var errorModal = new bootstrap.Modal(document.getElementById('error-modal'));
+        document.getElementById('errorModalLabel').innerText = "Human Intervention Required";
+        document.getElementById('error-message').innerText =
+            "Workflow paused: " + (data.message || "Please check and manually resume.");
+
+        // Optionally: hide retry button, since it may not apply
+        document.getElementById('retry-btn').style.display = "none";
+        document.getElementById('continue-btn').style.display = "inline-block";
+        document.getElementById('stop-btn').style.display = "inline-block";
+
+        errorModal.show();
     });
 
     // Handle Pause/Resume Button
@@ -71,6 +101,11 @@ document.addEventListener("DOMContentLoaded", function() {
     document.getElementById('continue-btn').addEventListener('click', function() {
         socket.emit('pause');  // Resume execution
         console.log("Execution resumed.");
+
+        // Reset progress bar color to running (blue)
+        var progressBar = document.getElementById('progress-bar-inner');
+        progressBar.classList.remove('bg-danger', 'bg-warning');
+        progressBar.classList.add('bg-primary');
     });
 
     document.getElementById('retry-btn').addEventListener('click', function() {