pywebexec 1.4.6__tar.gz → 1.4.7__tar.gz

{pywebexec-1.4.6/pywebexec.egg-info → pywebexec-1.4.7}/PKG-INFO

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

{pywebexec-1.4.6 → pywebexec-1.4.7}/pywebexec/pywebexec.py

@@ -682,6 +682,10 @@ def list_executables():
     executables.sort()  # Sort the list of executables alphabetically
     return jsonify(executables)
 
+@app.route('/popup/<command_id>')
+def popup(command_id):
+    return render_template('popup.html', command_id=command_id)
+
 def main():
     basef = f"{CONFDIR}/pywebexec_{args.listen}:{args.port}"
     if args.action == "start":

{pywebexec-1.4.6 → pywebexec-1.4.7}/pywebexec/static/css/style.css

@@ -266,4 +266,16 @@ span {
 #outputSlider {
     width: 100%;
 }
+.popup-button {
+    background: none;
+    border: none;
+    cursor: pointer;
+    padding: 0;
+    margin-left: 5px;
+    vertical-align: middle;
+}
+.popup-button img {
+    width: 16px;
+    height: 16px;
+}
 

pywebexec-1.4.7/pywebexec/static/images/popup.svg

@@ -0,0 +1 @@
+<svg fill="#000000" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>popout</title> <path d="M15.694 13.541l2.666 2.665 5.016-5.017 2.59 2.59 0.004-7.734-7.785-0.046 2.526 2.525-5.017 5.017zM25.926 16.945l-1.92-1.947 0.035 9.007-16.015 0.009 0.016-15.973 8.958-0.040-2-2h-7c-1.104 0-2 0.896-2 2v16c0 1.104 0.896 2 2 2h16c1.104 0 2-0.896 2-2l-0.074-7.056z"></path> </g></svg>

pywebexec-1.4.7/pywebexec/static/js/popup.js

@@ -0,0 +1,130 @@
+let terminal = new Terminal({
+    cursorBlink: false,
+    cursorInactiveStyle: 'none',
+    disableStdin: true,
+    convertEol: true,
+    fontFamily: 'Consolas NF, monospace, courier-new, courier',
+    scrollback: 999999,
+    theme: {
+        background: '#111412',
+        black: '#111412',
+        green: '#088a5b',
+        blue: "#2760aa",
+        red: '#ba1611',
+        yellow: "#cf8700",
+        magenta: "#4c3d80",
+        cyan: "#00a7aa",
+        brightBlack: "#243C4F",
+        brightBlue: "#5584b1",
+    },
+    customGlyphs: false,
+    rescaleOverlappingGlyphs: true,
+});
+
+const fitAddon = new FitAddon.FitAddon();
+terminal.loadAddon(fitAddon);
+terminal.open(document.getElementById('output'));
+fitAddon.fit();
+
+let currentCommandId = null;
+let outputInterval = null;
+let nextOutputLink = null;
+let fullOutput = '';
+let outputLength = 0;
+
+function getTokenParam() {
+    const urlParams = new URLSearchParams(window.location.search);
+    return urlParams.get('token') ? `?token=${urlParams.get('token')}` : '';
+}
+const urlToken = getTokenParam();
+
+async function fetchOutput(url) {
+    try {
+        const response = await fetch(url);
+        if (!response.ok) {
+            return;
+        }
+        const data = await response.json();
+        if (data.error) {
+            terminal.write(data.error);
+            clearInterval(outputInterval);
+        } else {
+            slider = document.getElementById('outputSlider')
+            percentage = slider.value;
+            fullOutput += data.output;
+            if (percentage == 100)
+                terminal.write(data.output);
+            else {
+                percentage = Math.round((outputLength * 100)/fullOutput.length);
+                slider.value = percentage;
+                document.getElementById('outputPercentage').innerText = `${percentage}%`;
+            }
+            nextOutputLink = data.links.next;
+            if (data.status != 'running') {
+                clearInterval(outputInterval);
+            }
+        }
+    } catch (error) {
+        console.log('Error fetching output:', error);
+    }
+}
+
+async function viewOutput(command_id) {
+    document.getElementById('outputSlider').value = 100;
+    adjustOutputHeight();
+    currentCommandId = command_id;
+    nextOutputLink = `/command_output/${command_id}${urlToken}`;
+    clearInterval(outputInterval);
+    terminal.clear();
+    terminal.reset();
+    fullOutput = '';
+    try {
+        const response = await fetch(`/command_status/${command_id}${urlToken}`);
+        if (!response.ok) {
+            return;
+        }
+        const data = await response.json();
+        document.getElementsByTagName('title')[0].innerText = `${data.command} ${data.status}`;
+        if (data.command == 'term')
+            terminal.options.cursorInactiveStyle = 'outline';
+        else
+            terminal.options.cursorInactiveStyle = 'none';
+        if (data.status === 'running') {
+            fetchOutput(nextOutputLink);
+            outputInterval = setInterval(() => fetchOutput(nextOutputLink), 1000);
+        } else {
+            fetchOutput(nextOutputLink);
+        }
+    } catch (error) {
+        console.log('Error viewing output:', error);
+    }
+}
+
+function adjustOutputHeight() {
+    const outputDiv = document.getElementById('output');
+    const windowHeight = window.innerHeight;
+    const outputTop = outputDiv.getBoundingClientRect().top;
+    const maxHeight = windowHeight - outputTop - 60; // Adjusted for slider height
+    outputDiv.style.height = `${maxHeight}px`;
+    fitAddon.fit();
+}
+
+function sliderUpdateOutput() {
+    const slider = document.getElementById('outputSlider');
+    const percentage = slider.value;
+    outputLength = Math.floor((fullOutput.length * percentage) / 100);
+    const limitedOutput = fullOutput.slice(0, outputLength);
+    terminal.clear();
+    terminal.reset();
+    terminal.write(limitedOutput);
+    document.getElementById('outputPercentage').innerText = `${percentage}%`;
+}
+
+document.getElementById('outputSlider').addEventListener('input', sliderUpdateOutput);
+
+window.addEventListener('resize', adjustOutputHeight);
+window.addEventListener('load', () => {
+    const commandId = window.location.pathname.split('/').slice(-1)[0];
+    viewOutput(commandId);
+});
+

{pywebexec-1.4.6 → pywebexec-1.4.7}/pywebexec/static/js/script.js

@@ -107,7 +107,12 @@ async function fetchCommands() {
                 <td>
                     ${command.command.startsWith('term') ? '' : command.status === 'running' ? `<button onclick="stopCommand('${command.command_id}', event)">Stop</button>` : `<button onclick="relaunchCommand('${command.command_id}', event)">Run</button>`}
                 </td>
-                <td class="monospace outcol">${command.last_output_line || ''}</td>
+                <td class="monospace outcol">
+                    <button class="popup-button" onclick="openPopup('${command.command_id}', event)">
+                        <img src="/static/images/popup.svg" alt="Popup">
+                    </button>
+                    ${command.last_output_line || ''}
+                </td>
             `;
             commandsTbody.appendChild(commandRow);
         });
@@ -180,6 +185,11 @@ async function viewOutput(command_id) {
     }
 }
 
+async function openPopup(command_id) {
+    const popupUrl = `/popup/${command_id}${urlToken}`;
+    window.open(popupUrl, '_blank', 'width=800,height=600');
+}
+
 async function relaunchCommand(command_id, event) {
     event.stopPropagation();
     event.stopImmediatePropagation();

pywebexec-1.4.7/pywebexec/templates/popup.html

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/static/images/favicon.svg" type="image/svg+xml">
+    <title>Command Output</title>
+    <link rel="stylesheet" href="/static/css/style.css">
+    <link rel="stylesheet" href="/static/css/xterm.css">
+</head>
+<body>
+    <div id="output" class="output"></div>
+    <div class="slider-container">
+        <input type="range" id="outputSlider" min="0" max="100" value="100">
+        <label for="outputSlider"><span id="outputPercentage">100%</span></label>
+    </div>
+    <script src="/static/js/xterm/ansi_up.min.js"></script>
+    <script src="/static/js/xterm/xterm.js"></script>
+    <script src="/static/js/xterm/xterm-addon-fit.js"></script>
+    <script type="text/javascript" src="/static/js/popup.js"></script>
+</body>
+</html>

{pywebexec-1.4.6 → pywebexec-1.4.7}/pywebexec/version.py

@@ -12,5 +12,5 @@ __version__: str
 __version_tuple__: VERSION_TUPLE
 version_tuple: VERSION_TUPLE
 
-__version__ = version = '1.4.6'
-__version_tuple__ = version_tuple = (1, 4, 6)
+__version__ = version = '1.4.7'
+__version_tuple__ = version_tuple = (1, 4, 7)

{pywebexec-1.4.6 → pywebexec-1.4.7/pywebexec.egg-info}/PKG-INFO

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

{pywebexec-1.4.6 → pywebexec-1.4.7}/pywebexec.egg-info/SOURCES.txt

@@ -22,13 +22,16 @@ pywebexec/static/images/copy_ok.svg
 pywebexec/static/images/down-arrow.svg
 pywebexec/static/images/failed.svg
 pywebexec/static/images/favicon.svg
+pywebexec/static/images/popup.svg
 pywebexec/static/images/running.gif
 pywebexec/static/images/success.svg
 pywebexec/static/js/commands.js
+pywebexec/static/js/popup.js
 pywebexec/static/js/script.js
 pywebexec/static/js/xterm/LICENSE
 pywebexec/static/js/xterm/ansi_up.min.js
 pywebexec/static/js/xterm/xterm-addon-fit.js
 pywebexec/static/js/xterm/xterm.js
 pywebexec/templates/__init__.py
-pywebexec/templates/index.html
+pywebexec/templates/index.html
+pywebexec/templates/popup.html