janito 1.6.0__py3-none-any.whl → 1.8.0__py3-none-any.whl

janito/termweb/static/termweb.css.bak

@@ -0,0 +1,286 @@
+/* --- Layout and Theme --- */
+html, body {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+body {
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+    background: #181a1b;
+    color: #f1f1f1;
+    transition: background 0.2s, color 0.2s;
+}
+body.light-theme {
+    background: #f5f5f5;
+    color: #181a1b;
+}
+
+.header {
+    background: #23272b;
+    color: #f1f1f1;
+    padding: 1em 2em;
+    font-size: 1.5em;
+    font-weight: bold;
+    letter-spacing: 0.04em;
+    border-bottom: 2px solid #1a73e8;
+    position: relative;
+    transition: background 0.2s, color 0.2s;
+}
+body.dark-theme .header {
+    background: #181a1b;
+    color: #f1f1f1;
+    border-bottom: 2px solid #1976d2;
+}
+body.light-theme .header {
+    background: #eaeaea;
+    color: #181a1b;
+    border-bottom: 2px solid #1565c0;
+}
+
+/* --- Enhanced Header --- */
+.header-logo {
+    width: 2.4em;
+    height: 2.4em;
+    margin-right: 0.5em;
+    vertical-align: middle;
+}
+.header-title {
+    font-size: 1.7em;
+    font-weight: bold;
+    letter-spacing: 0.04em;
+    color: #8be9fd;
+    text-shadow: 0 2px 8px #222a, 0 1px 0 #222a;
+}
+.header-subtitle {
+    font-size: 1.1em;
+    font-weight: 400;
+    opacity: 0.7;
+    margin-left: 0.5em;
+    color: #90caf9;
+}
+
+/* --- Explorer Entry Flex Alignment --- */
+.explorer-entry {
+    display: flex;
+    align-items: center;
+    gap: 0.7em;
+}
+.explorer-icon {
+    font-size: 1.2em;
+    min-width: 1.6em;
+    text-align: center;
+    margin-right: 0.2em;
+}
+.explorer-name {
+    font-size: 1em;
+    word-break: break-all;
+}
+
+.main {
+    flex: 1 1 auto;
+    display: flex;
+    flex-direction: column;
+    justify-content: stretch;
+    align-items: stretch;
+    min-height: 0;
+    padding: 0;
+    background: transparent;
+}
+
+.editor-pane {
+    flex: 1 1 auto;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    min-height: 0;
+}
+
+.CodeMirror {
+    flex: 1 1 auto;
+    height: 100% !important;
+    min-height: 0;
+    font-size: 1.1em;
+    background: #23272b;
+    color: #f8f8f2;
+    border-radius: 0;
+    border: none;
+    transition: background 0.2s, color 0.2s;
+}
+body.light-theme .CodeMirror {
+    background: #fff;
+    color: #181a1b;
+}
+
+.footer {
+    flex-shrink: 0;
+    background: #23272b;
+    color: #f1f1f1;
+    padding: 1.2em 2em 1em 2em;
+    font-size: 1em;
+    border-top: 2px solid #1a73e8;
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    z-index: 100;
+    transition: background 0.2s, color 0.2s;
+}
+body.dark-theme .footer {
+    background: #181a1b;
+    color: #f1f1f1;
+    border-top: 2px solid #1976d2;
+}
+body.light-theme .footer {
+    background: #eaeaea;
+    color: #181a1b;
+    border-top: 2px solid #1565c0;
+}
+.footer a {
+    color: #90caf9;
+    text-decoration: underline;
+}
+body.light-theme .footer a {
+    color: #1976d2;
+}
+.footer ul {
+    list-style: none;
+    padding: 0;
+    margin: 0.5em 0 0 0;
+    display: flex;
+    gap: 1.5em;
+    justify-content: center;
+    align-items: center;
+}
+.footer li {
+    display: inline;
+}
+
+.theme-switcher {
+    position: absolute;
+    right: 20px;
+    top: 10px;
+    background: #444;
+    color: #f1f1f1;
+    border: none;
+    border-radius: 4px;
+    padding: 6px 14px;
+    cursor: pointer;
+    font-size: 1em;
+    transition: background 0.2s, color 0.2s;
+}
+body.light-theme .theme-switcher {
+    background: #ddd;
+    color: #181a1b;
+}
+body.dark-theme .theme-switcher {
+    background: #23272b;
+    color: #f1f1f1;
+}
+
+/* Explorer file/dir links */
+.explorer-link, .explorer-link:visited {
+    color: #90caf9;
+    text-decoration: none;
+    font-weight: 500;
+}
+body.light-theme .explorer-link, body.light-theme .explorer-link:visited {
+    color: #1976d2;
+}
+.explorer-link:hover {
+    text-decoration: underline;
+    color: #42a5f5;
+}
+body.light-theme .explorer-link:hover {
+    color: #0d47a1;
+}
+
+/* Error and status messages */
+.error {
+    color: #ff5252;
+    background: #2d2d2d;
+    padding: 0.5em 1em;
+    border-radius: 4px;
+    margin: 1em 0;
+}
+body.light-theme .error {
+    color: #b71c1c;
+    background: #fff3f3;
+}
+
+/* Spinner for loading */
+.spinner {
+    border: 4px solid #f3f3f3;
+    border-top: 4px solid #1976d2;
+    border-radius: 50%;
+    width: 24px;
+    height: 24px;
+    animation: spin 1s linear infinite;
+    display: inline-block;
+}
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+
+/* --- Enhanced Toolbar & Panes --- */
+.toolbar {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    gap: 0.7em;
+    background: #23272b;
+    border-bottom: 1px solid #1a73e8;
+    padding: 0.7em 2em;
+    margin-bottom: 0.5em;
+    box-shadow: 0 2px 8px #0002;
+}
+.view-toggle {
+    background: #23272b;
+    color: #90caf9;
+    border: 1px solid #1a73e8;
+    border-radius: 0.5em;
+    padding: 0.5em 1.2em;
+    font-size: 1.1em;
+    cursor: pointer;
+    transition: background 0.15s, color 0.15s, box-shadow 0.15s;
+    margin-left: 0.2em;
+}
+.view-toggle.active, .view-toggle:hover {
+    background: #1a73e8;
+    color: #fff;
+    box-shadow: 0 2px 8px #1976d255;
+}
+
+#explorer-main, #explorer-preview {
+    background: #22262b;
+    border-radius: 1.1em;
+    box-shadow: 0 4px 24px #0004;
+    border: 1px solid #1a73e8;
+    padding: 1.5em 1.2em;
+    min-height: 40vh;
+    overflow: auto;
+}
+#explorer-main {
+    margin-right: 0.5em;
+}
+#explorer-preview {
+    margin-left: 0.5em;
+}
+@media (max-width: 900px) {
+    .main {
+        flex-direction: column;
+        gap: 1em;
+        padding: 1em;
+    }
+    #explorer-main, #explorer-preview {
+        min-height: 20vh;
+        padding: 1em 0.7em;
+    }
+}

janito/termweb/static/termweb.js

@@ -0,0 +1,187 @@
+// Directory/File browser logic for explorer with right-side preview and URL sync (using /path)
+let explorerView = localStorage.getItem('explorerView') || 'list';
+let currentExplorerPath = '.';
+
+function getPaiPath(path) {
+    // Normalize slashes
+    path = (path || '').replace(/\\/g, '/').replace(/^\/+|\/+$/g, '');
+    if (!path || path === '.' || path === '') return '.';
+    const parts = path.split('/');
+    if (parts.length <= 1) return '.';
+    parts.pop();
+    const parent = parts.join('/');
+    return parent === '' ? '.' : parent;
+}
+
+function setExplorerView(view) {
+    explorerView = view;
+    localStorage.setItem('explorerView', view);
+    document.getElementById('view-list').classList.toggle('active', view === 'list');
+    document.getElementById('view-icons').classList.toggle('active', view === 'icons');
+}
+
+function normalizeExplorerPath(path) {
+    if (!path || path === '/' || path === '' || path === '.') return '.';
+    return path.replace(/^\/+|\/+$/g, '');
+}
+
+function updateExplorerUrl(path, push=true) {
+    let url = '/';
+    if (path && path !== '.' && path !== '/') {
+        url = '/' + path.replace(/^\/+|\/+$/g, '');
+    }
+    if (push) {
+        window.history.pushState({ explorerPath: path }, '', url);
+    }
+}
+
+function renderExplorer(path, pushUrl=true) {
+    currentExplorerPath = normalizeExplorerPath(path);
+    fetch(`/api/explorer/${encodeURIComponent(currentExplorerPath)}`)
+        .then(resp => resp.json())
+        .then(data => {
+            const main = document.getElementById('explorer-main');
+            if (!main) return;
+            if (data.error) {
+                main.innerHTML = `<div class='error'>${data.error}</div>`;
+                return;
+            }
+            if (data.type === 'dir') {
+                let html = `<h3>Diretório: ${data.path}</h3>`;
+                if (explorerView === 'list') {
+                    html += `<ul class='explorer-list'>`;
+                    if (data.path !== '.') {
+                        const parent = getPaiPath(data.path);
+                        html += `<li><a href='#' data-path='${parent}' class='explorer-link'><span class='explorer-entry'><span class='explorer-icon'>⬆️</span><span class='explorer-name'>(.. parent)</span></span></a></li>`;
+                    }
+                    for (const entry of data.entries) {
+                        const entryPath = data.path === '.' ? entry.name : data.path + '/' + entry.name;
+                        if (entry.is_dir) {
+                            html += `<li><a href='#' data-path='${entryPath}' class='explorer-link'><span class='explorer-entry'><span class='explorer-icon'>📁</span><span class='explorer-name'>${entry.name}</span></span></a></li>`;
+                        } else {
+                            html += `<li><a href='#' data-path='${entryPath}' class='explorer-link file-link'><span class='explorer-entry'><span class='explorer-icon'>📄</span><span class='explorer-name'>${entry.name}</span></span></a></li>`;
+                        }
+                    }
+                    html += '</ul>';
+                } else {
+                    html += `<div class='explorer-icons'>`;
+                    if (data.path !== '.') {
+                        const parent = getPaiPath(data.path);
+                        html += `<div class='explorer-icon'><a href='#' data-path='${parent}' class='explorer-link' title='Pai'>(..)</a></div>`;
+                    }
+                    for (const entry of data.entries) {
+                        const entryPath = data.path === '.' ? entry.name : data.path + '/' + entry.name;
+                        if (entry.is_dir) {
+                            html += `<div class='explorer-icon'><a href='#' data-path='${entryPath}' class='explorer-link' title='${entry.name}'>📁<br>${entry.name}</a></div>`;
+                        } else {
+                            html += `<div class='explorer-icon'><a href='#' data-path='${entryPath}' class='explorer-link file-link' title='${entry.name}'>📄<br>${entry.name}</a></div>`;
+                        }
+                    }
+                    html += '</div>';
+                }
+                main.innerHTML = html;
+                // Clear preview panel when changing directories
+                const preview = document.getElementById('explorer-preview');
+                if (preview) preview.innerHTML = '';
+                if (pushUrl) updateExplorerUrl(currentExplorerPath, true);
+            }
+            // Attach click handlers
+            document.querySelectorAll('.explorer-link').forEach(link => {
+                link.onclick = function(e) {
+                    e.preventDefault();
+                    const p = this.getAttribute('data-path');
+                    // If file, show preview; if dir, update explorer
+                    if (this.classList.contains('file-link')) {
+                        const preview = document.getElementById('explorer-preview');
+                        if (preview) {
+                            preview.innerHTML = `<div class='spinner' style='display:inline-block;vertical-align:middle;'></div> <span style='vertical-align:middle;'>Carregando arquivo...</span>`;
+                        }
+                        fetch(`/api/explorer/${encodeURIComponent(p)}`)
+                            .then(resp => resp.json())
+                            .then(fileData => {
+                                if (preview && fileData.type === 'file') {
+                                    if (window.renderCodePreview) {
+                                        preview.innerHTML = `<h3>Arquivo: ${fileData.path}</h3><div id='explorer-codemirror-preview'></div>`;
+                                        window.renderCodePreview(document.getElementById('explorer-codemirror-preview'), fileData.content, 'python');
+                                    } else {
+                                        preview.innerHTML = `<h3>Arquivo: ${fileData.path}</h3><pre class='explorer-file'>${escapeHtml(fileData.content)}</pre>`;
+                                    }
+                                }
+                            });
+                    } else {
+                        renderExplorer(p, true);
+                    }
+                };
+            });
+        });
+}
+
+function escapeHtml(text) {
+    if (!text) return '';
+    return text.replace(/[&<>"']/g, function (c) {
+        return {'&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;'}[c];
+    });
+}
+
+// Patch: Use CodeMirror for explorer preview in read-only mode
+window.renderCodePreview = function(container, content, mode) {
+    if (!container) return;
+    container.innerHTML = '';
+    try {
+        var textarea = document.createElement('textarea');
+        textarea.value = (typeof content === 'string') ? content : '';
+        container.appendChild(textarea);
+        if (window.CodeMirror && container.offsetPai !== null) {
+            var editor = CodeMirror.fromTextArea(textarea, {
+                lineNumbers: true,
+                mode: mode || 'python',
+                theme: (document.body.classList.contains('light-theme') ? 'default' : 'dracula'),
+                readOnly: true,
+                indentUnit: 4,
+                tabSize: 4,
+            });
+            editor.setSize('100%', 'calc(60vh)');
+            return editor;
+        } else {
+            container.innerHTML = '<pre>' + (content ? String(content) : '') + '</pre>';
+        }
+    } catch (e) {
+        container.innerHTML = '<pre>' + (content ? String(content) : '') + '</pre>';
+    }
+}
+
+// Theme switcher logic
+function setTheme(dark) {
+    if (dark) {
+        document.body.classList.add('dark-theme');
+        document.body.classList.remove('light-theme');
+        localStorage.setItem('theme', 'dark');
+        document.getElementById('theme-switcher').textContent = 'Switch to Light Theme';
+    } else {
+        document.body.classList.remove('dark-theme');
+        document.body.classList.add('light-theme');
+        localStorage.setItem('theme', 'light');
+        document.getElementById('theme-switcher').textContent = 'Switch to Dark Theme';
+    }
+}
+document.addEventListener('DOMContentLoaded', function() {
+    // Initial theme
+    var theme = localStorage.getItem('theme') || 'dark';
+    setTheme(theme === 'dark');
+    document.getElementById('theme-switcher').onclick = function() {
+        setTheme(document.body.classList.contains('light-theme'));
+    };
+    renderExplorer('.')
+    setExplorerView(localStorage.getItem('explorerView') || 'list');
+    document.getElementById('view-list').onclick = function() {
+        setExplorerView('list');
+        renderExplorer('.')
+    };
+    document.getElementById('view-icons').onclick = function() {
+        setExplorerView('icons');
+        renderExplorer('.')
+    };
+});
+
+window.renderExplorer = renderExplorer;
+window.setExplorerView = setExplorerView;

janito/termweb/static/termweb.js.bak

@@ -0,0 +1,187 @@
+// Directory/File browser logic for explorer with right-side preview and URL sync (using /path)
+let explorerView = localStorage.getItem('explorerView') || 'list';
+let currentExplorerPath = '.';
+
+function getPaiPath(path) {
+    // Normalize slashes
+    path = (path || '').replace(/\\/g, '/').replace(/^\/+|\/+$/g, '');
+    if (!path || path === '.' || path === '') return '.';
+    const parts = path.split('/');
+    if (parts.length <= 1) return '.';
+    parts.pop();
+    const parent = parts.join('/');
+    return parent === '' ? '.' : parent;
+}
+
+function setExplorerView(view) {
+    explorerView = view;
+    localStorage.setItem('explorerView', view);
+    document.getElementById('view-list').classList.toggle('active', view === 'list');
+    document.getElementById('view-icons').classList.toggle('active', view === 'icons');
+}
+
+function normalizeExplorerPath(path) {
+    if (!path || path === '/' || path === '' || path === '.') return '.';
+    return path.replace(/^\/+|\/+$/g, '');
+}
+
+function updateExplorerUrl(path, push=true) {
+    let url = '/';
+    if (path && path !== '.' && path !== '/') {
+        url = '/' + path.replace(/^\/+|\/+$/g, '');
+    }
+    if (push) {
+        window.history.pushState({ explorerPath: path }, '', url);
+    }
+}
+
+function renderExplorer(path, pushUrl=true) {
+    currentExplorerPath = normalizeExplorerPath(path);
+    fetch(`/api/explorer/${encodeURIComponent(currentExplorerPath)}`)
+        .then(resp => resp.json())
+        .then(data => {
+            const main = document.getElementById('explorer-main');
+            if (!main) return;
+            if (data.error) {
+                main.innerHTML = `<div class='error'>${data.error}</div>`;
+                return;
+            }
+            if (data.type === 'dir') {
+                let html = `<h3>Diretório: ${data.path}</h3>`;
+                if (explorerView === 'list') {
+                    html += `<ul class='explorer-list'>`;
+                    if (data.path !== '.') {
+                        const parent = getPaiPath(data.path);
+                        html += `<li><a href='#' data-path='${parent}' class='explorer-link'><span class='explorer-entry'><span class='explorer-icon'>\u2b06\ufe0f</span><span class='explorer-name'>(.. parent)</span></span></a></li>`;
+                    }
+                    for (const entry of data.entries) {
+                        const entryPath = data.path === '.' ? entry.name : data.path + '/' + entry.name;
+                        if (entry.is_dir) {
+                            html += `<li><a href='#' data-path='${entryPath}' class='explorer-link'><span class='explorer-entry'><span class='explorer-icon'>\ud83d\udcc1</span><span class='explorer-name'>${entry.name}</span></span></a></li>`;
+                        } else {
+                            html += `<li><a href='#' data-path='${entryPath}' class='explorer-link file-link'><span class='explorer-entry'><span class='explorer-icon'>\ud83d\udcc4</span><span class='explorer-name'>${entry.name}</span></span></a></li>`;
+                        }
+                    }
+                    html += '</ul>';
+                } else {
+                    html += `<div class='explorer-icons'>`;
+                    if (data.path !== '.') {
+                        const parent = getPaiPath(data.path);
+                        html += `<div class='explorer-icon'><a href='#' data-path='${parent}' class='explorer-link' title='Pai'>(..)</a></div>`;
+                    }
+                    for (const entry of data.entries) {
+                        const entryPath = data.path === '.' ? entry.name : data.path + '/' + entry.name;
+                        if (entry.is_dir) {
+                            html += `<div class='explorer-icon'><a href='#' data-path='${entryPath}' class='explorer-link' title='${entry.name}'>\ud83d\udcc1<br>${entry.name}</a></div>`;
+                        } else {
+                            html += `<div class='explorer-icon'><a href='#' data-path='${entryPath}' class='explorer-link file-link' title='${entry.name}'>\ud83d\udcc4<br>${entry.name}</a></div>`;
+                        }
+                    }
+                    html += '</div>';
+                }
+                main.innerHTML = html;
+                // Clear preview panel when changing directories
+                const preview = document.getElementById('explorer-preview');
+                if (preview) preview.innerHTML = '';
+                if (pushUrl) updateExplorerUrl(currentExplorerPath, true);
+            }
+            // Attach click handlers
+            document.querySelectorAll('.explorer-link').forEach(link => {
+                link.onclick = function(e) {
+                    e.preventDefault();
+                    const p = this.getAttribute('data-path');
+                    // If file, show preview; if dir, update explorer
+                    if (this.classList.contains('file-link')) {
+                        const preview = document.getElementById('explorer-preview');
+                        if (preview) {
+                            preview.innerHTML = `<div class='spinner' style='display:inline-block;vertical-align:middle;'></div> <span style='vertical-align:middle;'>Carregando arquivo...</span>`;
+                        }
+                        fetch(`/api/explorer/${encodeURIComponent(p)}`)
+                            .then(resp => resp.json())
+                            .then(fileData => {
+                                if (preview && fileData.type === 'file') {
+                                    if (window.renderCodePreview) {
+                                        preview.innerHTML = `<h3>Arquivo: ${fileData.path}</h3><div id='explorer-codemirror-preview'></div>`;
+                                        window.renderCodePreview(document.getElementById('explorer-codemirror-preview'), fileData.content, 'python');
+                                    } else {
+                                        preview.innerHTML = `<h3>Arquivo: ${fileData.path}</h3><pre class='explorer-file'>${escapeHtml(fileData.content)}</pre>`;
+                                    }
+                                }
+                            });
+                    } else {
+                        renderExplorer(p, true);
+                    }
+                };
+            });
+        });
+}
+
+function escapeHtml(text) {
+    if (!text) return '';
+    return text.replace(/[&<>"']/g, function (c) {
+        return {'&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;'}[c];
+    });
+}
+
+// Patch: Use CodeMirror for explorer preview in read-only mode
+window.renderCodePreview = function(container, content, mode) {
+    if (!container) return;
+    container.innerHTML = '';
+    try {
+        var textarea = document.createElement('textarea');
+        textarea.value = (typeof content === 'string') ? content : '';
+        container.appendChild(textarea);
+        if (window.CodeMirror && container.offsetPai !== null) {
+            var editor = CodeMirror.fromTextArea(textarea, {
+                lineNumbers: true,
+                mode: mode || 'python',
+                theme: (document.body.classList.contains('light-theme') ? 'default' : 'dracula'),
+                readOnly: true,
+                indentUnit: 4,
+                tabSize: 4,
+            });
+            editor.setSize('100%', 'calc(60vh)');
+            return editor;
+        } else {
+            container.innerHTML = '<pre>' + (content ? String(content) : '') + '</pre>';
+        }
+    } catch (e) {
+        container.innerHTML = '<pre>' + (content ? String(content) : '') + '</pre>';
+    }
+}
+
+// Theme switcher logic
+function setTheme(dark) {
+    if (dark) {
+        document.body.classList.add('dark-theme');
+        document.body.classList.remove('light-theme');
+        localStorage.setItem('theme', 'dark');
+        document.getElementById('theme-switcher').textContent = 'Switch to Light Theme';
+    } else {
+        document.body.classList.remove('dark-theme');
+        document.body.classList.add('light-theme');
+        localStorage.setItem('theme', 'light');
+        document.getElementById('theme-switcher').textContent = 'Switch to Dark Theme';
+    }
+}
+document.addEventListener('DOMContentLoaded', function() {
+    // Initial theme
+    var theme = localStorage.getItem('theme') || 'dark';
+    setTheme(theme === 'dark');
+    document.getElementById('theme-switcher').onclick = function() {
+        setTheme(document.body.classList.contains('light-theme'));
+    };
+    renderExplorer('.')
+    setExplorerView(localStorage.getItem('explorerView') || 'list');
+    document.getElementById('view-list').onclick = function() {
+        setExplorerView('list');
+        renderExplorer('.')
+    };
+    document.getElementById('view-icons').onclick = function() {
+        setExplorerView('icons');
+        renderExplorer('.')
+    };
+});
+
+window.renderExplorer = renderExplorer;
+window.setExplorerView = setExplorerView;