pywebexec 1.1.10__tar.gz → 1.1.12__tar.gz

{pywebexec-1.1.10/pywebexec.egg-info → pywebexec-1.1.12}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.2
 Name: pywebexec
-Version: 1.1.10
+Version: 1.1.12
 Summary: Simple Python HTTP Exec Server
 Home-page: https://github.com/joknarf/pywebexec
 Author: Franck Jouvanceau

{pywebexec-1.1.10 → pywebexec-1.1.12}/pywebexec/static/css/style.css

@@ -139,3 +139,29 @@ input {
 tr.clickable-row {
     cursor: pointer;
 }
+body.dimmed {
+    background-color: rgba(0, 0, 0, 0.5);
+    pointer-events: none;
+}
+body.dimmed * {
+    pointer-events: none;
+}
+.dimmer {
+    display: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+    z-index: 1000;
+}
+.dimmer-text {
+    color: white;
+    font-size: 24px;
+    text-align: center;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}

pywebexec-1.1.12/pywebexec/static/js/script.js

@@ -0,0 +1,255 @@
+let currentCommandId = null;
+let outputInterval = null;
+
+document.getElementById('launchForm').addEventListener('submit', async (event) => {
+    event.preventDefault();
+    const commandName = document.getElementById('commandName').value;
+    const params = document.getElementById('params').value.split(' ');
+    try {
+        const response = await fetch('/run_command', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({ command: commandName, params: params })
+        });
+        if (!response.ok) {
+            throw new Error('Failed to launch command');
+        }
+        const data = await response.json();
+        fetchCommands();
+        viewOutput(data.command_id);
+    } catch (error) {
+        console.log('Error running command:', error);
+    }
+});
+
+async function fetchCommands() {
+    try {
+        const response = await fetch('/commands');
+        if (!response.ok) {
+            document.getElementById('dimmer').style.display = 'block';
+            return;
+        }
+        const commands = await response.json();
+        commands.sort((a, b) => new Date(b.start_time) - new Date(a.start_time));
+        const commandsTbody = document.getElementById('commands');
+        commandsTbody.innerHTML = '';
+        if (!currentCommandId && commands.length) {
+            currentCommandId = commands[0].command_id;
+            viewOutput(currentCommandId);
+        }
+        commands.forEach(command => {
+            const commandRow = document.createElement('tr');
+            commandRow.className = `clickable-row ${command.command_id === currentCommandId ? 'currentcommand' : ''}`;
+            commandRow.onclick = () => viewOutput(command.command_id);
+            commandRow.innerHTML = `
+                <td class="monospace">
+                    ${navigator.clipboard == undefined ? `${command.command_id}` : `<span class="copy_clip" onclick="copyToClipboard('${command.command_id.slice(0, 8)}', this, event)">${command.command_id.slice(0, 8)}</span>`}
+                </td>
+                <td><span class="status-icon status-${command.status}"></span>${command.status}</td>
+                <td>${formatTime(command.start_time)}</td>
+                <td>${command.status === 'running' ? formatDuration(command.start_time, new Date().toISOString()) : formatDuration(command.start_time, command.end_time)}</td>
+                <td>${command.exit_code}</td>
+                <td>${command.command.replace(/^\.\//, '')}</td>
+                <td>
+                    ${command.status === 'running' ? `<button onclick="stopCommand('${command.command_id}')">Stop</button>` : `<button onclick="relaunchCommand('${command.command_id}')">Run</button>`}
+                </td>
+                <td class="monospace outcol">${command.last_output_line || ''}</td>
+            `;
+            commandsTbody.appendChild(commandRow);
+        });
+        document.getElementById('dimmer').style.display = 'none';
+    } catch (error) {
+        console.log('Error fetching commands:', error);
+    }
+}
+
+async function fetchExecutables() {
+    try {
+        const response = await fetch('/executables');
+        if (!response.ok) {
+            throw new Error('Failed to fetch command status');
+        }
+        const executables = await response.json();
+        const commandNameSelect = document.getElementById('commandName');
+        commandNameSelect.innerHTML = '';
+        executables.forEach(executable => {
+            const option = document.createElement('option');
+            option.value = executable;
+            option.textContent = executable;
+            commandNameSelect.appendChild(option);
+        });
+    } catch (error) {
+        console.log('Error fetching executables:', error);
+        alert("Failed to fetch executables");
+    }
+}
+
+async function fetchOutput(command_id) {
+    try {
+        const outputDiv = document.getElementById('output');
+        const response = await fetch(`/command_output/${command_id}`);
+        if (!response.ok) {
+            return;
+        }
+        const data = await response.json();
+        if (data.error) {
+            outputDiv.innerHTML = data.error;
+            clearInterval(outputInterval);
+        } else {
+            outputDiv.innerHTML = data.output;
+            outputDiv.scrollTop = outputDiv.scrollHeight;
+            if (data.status != 'running') {
+                clearInterval(outputInterval);
+            }
+        }
+    } catch (error) {
+        console.log('Error fetching output:', error);
+    }
+}
+
+async function viewOutput(command_id) {
+    adjustOutputHeight();
+    currentCommandId = command_id;
+    clearInterval(outputInterval);
+    try {
+        const response = await fetch(`/command_status/${command_id}`);
+        if (!response.ok) {
+            return;
+        }
+        const data = await response.json();
+        if (data.status === 'running') {
+            fetchOutput(command_id);
+            outputInterval = setInterval(() => fetchOutput(command_id), 1000);
+        } else {
+            fetchOutput(command_id);
+        }
+        fetchCommands(); // Refresh the command list to highlight the current command
+    } catch (error) {
+        console.log('Error viewing output:', error);
+    }
+}
+
+async function relaunchCommand(command_id) {
+    try {
+        const response = await fetch(`/command_status/${command_id}`);
+        if (!response.ok) {
+            throw new Error('Failed to fetch command status');
+        }
+        const data = await response.json();
+        if (data.error) {
+            alert(data.error);
+            return;
+        }
+        const relaunchResponse = await fetch('/run_command', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+                command: data.command,
+                params: data.params
+            })
+        });
+        if (!relaunchResponse.ok) {
+            throw new Error('Failed to relaunch command');
+        }
+        const relaunchData = await relaunchResponse.json();
+        fetchCommands();
+        viewOutput(relaunchData.command_id);
+    } catch (error) {
+        console.log('Error relaunching command:', error);
+        alert('Failed to relaunch command. Please try again.');
+    }
+}
+
+async function stopCommand(command_id) {
+    try {
+        const response = await fetch(`/stop_command/${command_id}`, {
+            method: 'POST'
+        });
+        if (!response.ok) {
+            throw new Error('Failed to stop command');
+        }
+        const data = await response.json();
+        if (data.error) {
+            alert(data.error);
+        } else {
+            alert(data.message);
+            fetchCommands();
+        }
+    } catch (error) {
+        console.log('Error stopping command:', error);
+        alert('Failed to stop command. Please try again.');
+    }
+}
+
+function formatTime(time) {
+    if (!time || time === 'N/A') return 'N/A';
+    const date = new Date(time);
+    return date.toISOString().slice(0, 16).replace('T', ' ');
+}
+
+function formatDuration(startTime, endTime) {
+    if (!startTime || !endTime) return 'N/A';
+    const start = new Date(startTime);
+    const end = new Date(endTime);
+    const duration = (end - start) / 1000;
+    const hours = Math.floor(duration / 3600);
+    const minutes = Math.floor((duration % 3600) / 60);
+    const seconds = Math.floor(duration % 60);
+    return `${hours}h ${minutes}m ${seconds}s`;
+}
+
+function copyToClipboard(text, element, event) {
+    event.stopPropagation();
+    event.stopImmediatePropagation();
+    navigator.clipboard.writeText(text).then(() => {
+        element.classList.add('copy_clip_ok');
+        setTimeout(() => {
+            element.classList.remove('copy_clip_ok');
+        }, 1000);
+    });
+}
+
+function adjustOutputHeight() {
+    const outputDiv = document.getElementById('output');
+    const windowHeight = window.innerHeight;
+    const outputTop = outputDiv.getBoundingClientRect().top;
+    const maxHeight = windowHeight - outputTop - 30; // 20px for padding/margin
+    outputDiv.style.maxHeight = `${maxHeight}px`;
+}
+
+function initResizer() {
+    const resizer = document.getElementById('resizer');
+    const tableContainer = document.getElementById('tableContainer');
+    let startY, startHeight;
+
+    resizer.addEventListener('mousedown', (e) => {
+        startY = e.clientY;
+        startHeight = parseInt(document.defaultView.getComputedStyle(tableContainer).height, 10);
+        document.documentElement.addEventListener('mousemove', doDrag, false);
+        document.documentElement.addEventListener('mouseup', stopDrag, false);
+    });
+
+    function doDrag(e) {
+        tableContainer.style.height = `${startHeight + e.clientY - startY}px`;
+        adjustOutputHeight();
+    }
+
+    function stopDrag() {
+        document.documentElement.removeEventListener('mousemove', doDrag, false);
+        document.documentElement.removeEventListener('mouseup', stopDrag, false);
+    }
+}
+
+window.addEventListener('resize', adjustOutputHeight);
+window.addEventListener('load', () => {
+    adjustOutputHeight();
+    initResizer();
+});
+
+fetchExecutables();
+fetchCommands();
+setInterval(fetchCommands, 5000);

{pywebexec-1.1.10 → pywebexec-1.1.12}/pywebexec/templates/index.html

@@ -7,6 +7,9 @@
     <link rel="stylesheet" href="/static/css/style.css">
 </head>
 <body>
+    <div id="dimmer" class="dimmer">
+        <div class="dimmer-text">Server not reachable</div>
+    </div>
     <h2><span class="status-icon title-icon"></span>{{ title }}</h2>
     <form id="launchForm">
         <label for="commandName">Command</label>

{pywebexec-1.1.10 → pywebexec-1.1.12}/pywebexec/version.py

@@ -12,5 +12,5 @@ __version__: str
 __version_tuple__: VERSION_TUPLE
 version_tuple: VERSION_TUPLE
 
-__version__ = version = '1.1.10'
-__version_tuple__ = version_tuple = (1, 1, 10)
+__version__ = version = '1.1.12'
+__version_tuple__ = version_tuple = (1, 1, 12)

{pywebexec-1.1.10 → pywebexec-1.1.12/pywebexec.egg-info}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.2
 Name: pywebexec
-Version: 1.1.10
+Version: 1.1.12
 Summary: Simple Python HTTP Exec Server
 Home-page: https://github.com/joknarf/pywebexec
 Author: Franck Jouvanceau

pywebexec-1.1.10/pywebexec/static/js/script.js

@@ -1,198 +0,0 @@
-let currentCommandId = null;
-let outputInterval = null;
-
-document.getElementById('launchForm').addEventListener('submit', async (event) => {
-    event.preventDefault();
-    const commandName = document.getElementById('commandName').value;
-    const params = document.getElementById('params').value.split(' ');
-    const response = await fetch('/run_command', {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json'
-        },
-        body: JSON.stringify({ command: commandName, params: params })
-    });
-    const data = await response.json();
-    fetchCommands();
-    viewOutput(data.command_id);
-});
-
-async function fetchCommands() {
-    const response = await fetch('/commands');
-    const commands = await response.json();
-    commands.sort((a, b) => new Date(b.start_time) - new Date(a.start_time));
-    const commandsTbody = document.getElementById('commands');
-    commandsTbody.innerHTML = '';
-    if (!currentCommandId && commands.length) {
-        currentCommandId = commands[0].command_id;
-        viewOutput(currentCommandId);
-    }
-    commands.forEach(command => {
-        const commandRow = document.createElement('tr');
-        commandRow.className = `clickable-row ${command.command_id === currentCommandId ? 'currentcommand' : ''}`;
-        commandRow.onclick = () => viewOutput(command.command_id);
-        commandRow.innerHTML = `
-            <td class="monospace">
-                <span class="copy_clip" onclick="copyToClipboard('${command.command_id}', this, event)">${command.command_id.slice(0, 8)}</span>
-            </td>
-            <td><span class="status-icon status-${command.status}"></span>${command.status}</td>
-            <td>${formatTime(command.start_time)}</td>
-            <td>${command.status === 'running' ? formatDuration(command.start_time, new Date().toISOString()) : formatDuration(command.start_time, command.end_time)}</td>
-            <td>${command.exit_code}</td>
-            <td>${command.command.replace(/^\.\//, '')}</td>
-            <td>
-                ${command.status === 'running' ? `<button onclick="stopCommand('${command.command_id}')">Stop</button>` : `<button onclick="relaunchCommand('${command.command_id}')">Run</button>`}
-            </td>
-            <td class="monospace outcol">${command.last_output_line || ''}</td>
-        `;
-        commandsTbody.appendChild(commandRow);
-    });
-}
-
-async function fetchExecutables() {
-    const response = await fetch('/executables');
-    const executables = await response.json();
-    const commandNameSelect = document.getElementById('commandName');
-    commandNameSelect.innerHTML = '';
-    executables.forEach(executable => {
-        const option = document.createElement('option');
-        option.value = executable;
-        option.textContent = executable;
-        commandNameSelect.appendChild(option);
-    });
-}
-
-async function fetchOutput(command_id) {
-    const outputDiv = document.getElementById('output');
-    const response = await fetch(`/command_output/${command_id}`);
-    const data = await response.json();
-    if (data.error) {
-        outputDiv.innerHTML = data.error;
-        clearInterval(outputInterval);
-    } else {
-        outputDiv.innerHTML = data.output;
-        outputDiv.scrollTop = outputDiv.scrollHeight;
-        if (data.status != 'running') {
-            clearInterval(outputInterval);
-        }
-    }
-}
-
-async function viewOutput(command_id) {
-    adjustOutputHeight();
-    currentCommandId = command_id;
-    clearInterval(outputInterval);
-    const response = await fetch(`/command_status/${command_id}`);
-    const data = await response.json();
-    if (data.status === 'running') {
-        fetchOutput(command_id);
-        outputInterval = setInterval(() => fetchOutput(command_id), 1000);
-    } else {
-        fetchOutput(command_id);
-    }
-    fetchCommands(); // Refresh the command list to highlight the current command
-}
-
-async function relaunchCommand(command_id) {
-    const response = await fetch(`/command_status/${command_id}`);
-    const data = await response.json();
-    if (data.error) {
-        alert(data.error);
-        return;
-    }
-    const relaunchResponse = await fetch('/run_command', {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json'
-        },
-        body: JSON.stringify({
-            command: data.command,
-            params: data.params
-        })
-    });
-    const relaunchData = await relaunchResponse.json();
-    fetchCommands();
-    viewOutput(relaunchData.command_id);
-}
-
-async function stopCommand(command_id) {
-    const response = await fetch(`/stop_command/${command_id}`, {
-        method: 'POST'
-    });
-    const data = await response.json();
-    if (data.error) {
-        alert(data.error);
-    } else {
-        alert(data.message);
-        fetchCommands();
-    }
-}
-
-function formatTime(time) {
-    if (!time || time === 'N/A') return 'N/A';
-    const date = new Date(time);
-    return date.toISOString().slice(0, 16).replace('T', ' ');
-}
-
-function formatDuration(startTime, endTime) {
-    if (!startTime || !endTime) return 'N/A';
-    const start = new Date(startTime);
-    const end = new Date(endTime);
-    const duration = (end - start) / 1000;
-    const hours = Math.floor(duration / 3600);
-    const minutes = Math.floor((duration % 3600) / 60);
-    const seconds = Math.floor(duration % 60);
-    return `${hours}h ${minutes}m ${seconds}s`;
-}
-
-function copyToClipboard(text, element, event) {
-    event.stopPropagation();
-    event.stopImmediatePropagation();
-    navigator.clipboard.writeText(text).then(() => {
-        element.classList.add('copy_clip_ok');
-        setTimeout(() => {
-            element.classList.remove('copy_clip_ok');
-        }, 1000);
-    });
-}
-
-function adjustOutputHeight() {
-    const outputDiv = document.getElementById('output');
-    const windowHeight = window.innerHeight;
-    const outputTop = outputDiv.getBoundingClientRect().top;
-    const maxHeight = windowHeight - outputTop - 30; // 20px for padding/margin
-    outputDiv.style.maxHeight = `${maxHeight}px`;
-}
-
-function initResizer() {
-    const resizer = document.getElementById('resizer');
-    const tableContainer = document.getElementById('tableContainer');
-    let startY, startHeight;
-
-    resizer.addEventListener('mousedown', (e) => {
-        startY = e.clientY;
-        startHeight = parseInt(document.defaultView.getComputedStyle(tableContainer).height, 10);
-        document.documentElement.addEventListener('mousemove', doDrag, false);
-        document.documentElement.addEventListener('mouseup', stopDrag, false);
-    });
-
-    function doDrag(e) {
-        tableContainer.style.height = `${startHeight + e.clientY - startY}px`;
-        adjustOutputHeight();
-    }
-
-    function stopDrag() {
-        document.documentElement.removeEventListener('mousemove', doDrag, false);
-        document.documentElement.removeEventListener('mouseup', stopDrag, false);
-    }
-}
-
-window.addEventListener('resize', adjustOutputHeight);
-window.addEventListener('load', () => {
-    adjustOutputHeight();
-    initResizer();
-});
-
-fetchExecutables();
-fetchCommands();
-setInterval(fetchCommands, 5000);