janito 1.10.0__py3-none-any.whl → 1.11.1__py3-none-any.whl

janito/termweb/static/editor.js

@@ -4,39 +4,92 @@ function getQueryParam(name) {
     return url.searchParams.get(name);
 }
 const filePath = getQueryParam('path');
-let initialContent = `# Bem-vindo ao TermWeb!\n# Este é um editor CodeMirror ao vivo.\n\nprint("Olá, janito.dev!")`;
-if (filePath) {
-    fetch(`/api/explorer/${encodeURIComponent(filePath)}`)
-        .then(resp => resp.json())
-        .then(data => {
-            if (data.type === 'file') {
-                initialContent = data.content;
-                if (window.editorInstance) {
-                    window.editorInstance.setValue(initialContent);
+
+// Updates the theme icon based on the current theme
+function updateThemeIcon() {
+    var icon = document.getElementById('theme-icon');
+    if (!icon) return;
+    if (document.body.classList.contains('light-theme')) {
+        icon.textContent = '☀️'; // Sun for light mode
+        icon.title = 'Switch to dark mode';
+    } else {
+        icon.textContent = '🌙'; // Moon for dark mode
+        icon.title = 'Switch to light mode';
+    }
+}
+
+document.addEventListener('DOMContentLoaded', function() {
+    // Display filename in header if present
+    if (filePath) {
+        const filename = filePath.split(/[\\\/]/).pop();
+        const filenameDisplay = document.getElementById('filename-display');
+        if (filenameDisplay) {
+            filenameDisplay.textContent = '— ' + filePath;
+            filenameDisplay.title = filePath;
+        }
+    }
+
+    let initialContent = "";
+    if (filePath) {
+        fetch(`/api/explorer/${encodeURIComponent(filePath)}`)
+            .then(resp => resp.json())
+            .then(data => {
+                if (data.type === 'file') {
+                    initialContent = data.content;
+                    if (window.editorInstance) {
+                        window.editorInstance.setValue(initialContent);
+                    }
+                } else if (data.error) {
+                    initialContent = '# Error: ' + data.error;
+                    if (window.editorInstance) {
+                        window.editorInstance.setValue(initialContent);
+                    }
                 }
-            } else if (data.error) {
-                initialContent = '# Error: ' + data.error;
+            })
+            .catch(err => {
+                initialContent = '# Error ao carregar arquivo: ' + err;
                 if (window.editorInstance) {
                     window.editorInstance.setValue(initialContent);
                 }
-            }
-        })
-        .catch(err => {
-            initialContent = '# Error ao carregar arquivo: ' + err;
-            if (window.editorInstance) {
-                window.editorInstance.setValue(initialContent);
-            }
-        });
-}
-document.addEventListener('DOMContentLoaded', function() {
+            });
+    }
+
+    // --- Detect file extension and set CodeMirror mode ---
+    function detectMode(filename) {
+        if (!filename) return 'python';
+        const ext = filename.split('.').pop().toLowerCase();
+        const map = {
+            'py': 'python',
+            'js': 'javascript',
+            'json': 'javascript',
+            'md': 'markdown',
+            'html': {name: 'htmlmixed', scriptingModeSpec: 'django'},
+            'htm': {name: 'htmlmixed', scriptingModeSpec: 'django'},
+            'jinja': 'django',
+            'j2': 'django',
+            'jinja2': 'django',
+            'css': 'css',
+            'sh': 'shell',
+            'bash': 'shell',
+            'yml': 'yaml',
+            'yaml': 'yaml',
+        };
+        return map[ext] || 'python';
+    }
+    var initialMode = detectMode(filePath);
     var editorInstance = CodeMirror.fromTextArea(document.getElementById('code'), {
         lineNumbers: true,
-        mode: 'python',
+        mode: initialMode,
         theme: 'dracula',
         indentUnit: 4,
         tabSize: 4,
         styleActiveLine: true,
     });
+    // If file loaded later, update mode
+    if (filePath) {
+        const mode = detectMode(filePath);
+        editorInstance.setOption('mode', mode);
+    }
     window.editorInstance = editorInstance;
     // Add Ctrl-F handler for find
     editorInstance.addKeyMap({
@@ -54,6 +107,10 @@ document.addEventListener('DOMContentLoaded', function() {
         'Cmd-S': function(cm) {
             document.getElementById('save-btn').click();
             return false;
+        },
+        'Alt-W': function(cm) {
+            const current = cm.getOption('lineWrapping');
+            cm.setOption('lineWrapping', !current);
         }
     });
     // --- Custom floating find navigation panel ---
@@ -153,29 +210,26 @@ document.addEventListener('DOMContentLoaded', function() {
     window.addEventListener('resize', resizeEditor);
     setTimeout(resizeEditor, 0);
     editorInstance.setValue(initialContent);
+    updateThemeIcon();
 
-    // Theme switcher logic
-    var themeSwitcher = document.getElementById('theme-switcher');
-    var themeIcon = document.getElementById('theme-icon');
-    var isDark = true;
-    function updateThemeIcon() {
-        themeIcon.textContent = isDark ? '🌙' : '☀️';
-    }
-    themeSwitcher.addEventListener('click', function() {
-        isDark = !isDark;
-        if (isDark) {
-            document.body.classList.remove('light-theme');
-            editorInstance.setOption('theme', 'dracula');
-        } else {
-            document.body.classList.add('light-theme');
-            editorInstance.setOption('theme', 'default');
-        }
-        updateThemeIcon();
-    });
     // Set initial state
     document.body.classList.remove('light-theme');
     editorInstance.setOption('theme', 'dracula');
     updateThemeIcon();
+
+    // Theme switch button logic
+    var themeSwitcher = document.getElementById('theme-switcher');
+    if (themeSwitcher) {
+        themeSwitcher.addEventListener('click', function() {
+            var isLight = document.body.classList.toggle('light-theme');
+            if (isLight) {
+                editorInstance.setOption('theme', 'default');
+            } else {
+                editorInstance.setOption('theme', 'dracula');
+            }
+            updateThemeIcon();
+        });
+    }
     // Botão de Gravar
     var saveBtn = document.getElementById('save-btn');
     saveBtn.addEventListener('click', function() {

janito/termweb/static/editor.js.bak

@@ -4,39 +4,92 @@ function getQueryParam(name) {
     return url.searchParams.get(name);
 }
 const filePath = getQueryParam('path');
-let initialContent = `# Bem-vindo ao TermWeb!\n# Este é um editor CodeMirror ao vivo.\n\nprint("Olá, janito.dev!")`;
-if (filePath) {
-    fetch(`/api/explorer/${encodeURIComponent(filePath)}`)
-        .then(resp => resp.json())
-        .then(data => {
-            if (data.type === 'file') {
-                initialContent = data.content;
-                if (window.editorInstance) {
-                    window.editorInstance.setValue(initialContent);
+
+// Updates the theme icon based on the current theme
+function updateThemeIcon() {
+    var icon = document.getElementById('theme-icon');
+    if (!icon) return;
+    if (document.body.classList.contains('light-theme')) {
+        icon.textContent = '☀️'; // Sun for light mode
+        icon.title = 'Switch to dark mode';
+    } else {
+        icon.textContent = '🌙'; // Moon for dark mode
+        icon.title = 'Switch to light mode';
+    }
+}
+
+document.addEventListener('DOMContentLoaded', function() {
+    // Display filename in header if present
+    if (filePath) {
+        const filename = filePath.split(/[\\\/]/).pop();
+        const filenameDisplay = document.getElementById('filename-display');
+        if (filenameDisplay) {
+            filenameDisplay.textContent = '— ' + filePath;
+            filenameDisplay.title = filePath;
+        }
+    }
+
+    let initialContent = "";
+    if (filePath) {
+        fetch(`/api/explorer/${encodeURIComponent(filePath)}`)
+            .then(resp => resp.json())
+            .then(data => {
+                if (data.type === 'file') {
+                    initialContent = data.content;
+                    if (window.editorInstance) {
+                        window.editorInstance.setValue(initialContent);
+                    }
+                } else if (data.error) {
+                    initialContent = '# Error: ' + data.error;
+                    if (window.editorInstance) {
+                        window.editorInstance.setValue(initialContent);
+                    }
                 }
-            } else if (data.error) {
-                initialContent = '# Error: ' + data.error;
+            })
+            .catch(err => {
+                initialContent = '# Error ao carregar arquivo: ' + err;
                 if (window.editorInstance) {
                     window.editorInstance.setValue(initialContent);
                 }
-            }
-        })
-        .catch(err => {
-            initialContent = '# Error ao carregar arquivo: ' + err;
-            if (window.editorInstance) {
-                window.editorInstance.setValue(initialContent);
-            }
-        });
-}
-document.addEventListener('DOMContentLoaded', function() {
+            });
+    }
+
+    // --- Detect file extension and set CodeMirror mode ---
+    function detectMode(filename) {
+        if (!filename) return 'python';
+        const ext = filename.split('.').pop().toLowerCase();
+        const map = {
+            'py': 'python',
+            'js': 'javascript',
+            'json': 'javascript',
+            'md': 'markdown',
+            'html': {name: 'htmlmixed', scriptingModeSpec: 'django'},
+            'htm': {name: 'htmlmixed', scriptingModeSpec: 'django'},
+            'jinja': 'django',
+            'j2': 'django',
+            'jinja2': 'django',
+            'css': 'css',
+            'sh': 'shell',
+            'bash': 'shell',
+            'yml': 'yaml',
+            'yaml': 'yaml',
+        };
+        return map[ext] || 'python';
+    }
+    var initialMode = detectMode(filePath);
     var editorInstance = CodeMirror.fromTextArea(document.getElementById('code'), {
         lineNumbers: true,
-        mode: 'python',
+        mode: initialMode,
         theme: 'dracula',
         indentUnit: 4,
         tabSize: 4,
         styleActiveLine: true,
     });
+    // If file loaded later, update mode
+    if (filePath) {
+        const mode = detectMode(filePath);
+        editorInstance.setOption('mode', mode);
+    }
     window.editorInstance = editorInstance;
     // Add Ctrl-F handler for find
     editorInstance.addKeyMap({
@@ -45,15 +98,15 @@ document.addEventListener('DOMContentLoaded', function() {
         },
         'Cmd-F': function(cm) {
             cm.execCommand('find');
-        }
-    });
-    // Add Ctrl+S/Cmd+S handler for save
-    editorInstance.addKeyMap({
+        },
         'Ctrl-S': function(cm) {
             document.getElementById('save-btn').click();
+            // Prevent default browser save dialog
+            return false;
         },
         'Cmd-S': function(cm) {
             document.getElementById('save-btn').click();
+            return false;
         }
     });
     // --- Custom floating find navigation panel ---
@@ -153,41 +206,27 @@ document.addEventListener('DOMContentLoaded', function() {
     window.addEventListener('resize', resizeEditor);
     setTimeout(resizeEditor, 0);
     editorInstance.setValue(initialContent);
+    updateThemeIcon();
 
-    // Theme switcher logic
-    var themeSwitcher = document.getElementById('theme-switcher');
-    var themeIcon = document.getElementById('theme-icon');
-    var isDark = true;
-    function updateThemeIcon() {
-        themeIcon.textContent = isDark ? '🌙' : '☀️';
-    }
-    themeSwitcher.addEventListener('click', function() {
-        isDark = !isDark;
-        if (isDark) {
-            document.body.classList.remove('light-theme');
-            editorInstance.setOption('theme', 'dracula');
-        } else {
-            document.body.classList.add('light-theme');
-            editorInstance.setOption('theme', 'default');
-        }
-        updateThemeIcon();
-    });
     // Set initial state
     document.body.classList.remove('light-theme');
     editorInstance.setOption('theme', 'dracula');
     updateThemeIcon();
 
-    // Toast notification logic
-    function showToast(message) {
-        var toast = document.getElementById('toast');
-        toast.textContent = message;
-        toast.className = 'toast show';
-        setTimeout(function() {
-            toast.className = 'toast';
-        }, 1800);
+    // Theme switch button logic
+    var themeSwitcher = document.getElementById('theme-switcher');
+    if (themeSwitcher) {
+        themeSwitcher.addEventListener('click', function() {
+            var isLight = document.body.classList.toggle('light-theme');
+            if (isLight) {
+                editorInstance.setOption('theme', 'default');
+            } else {
+                editorInstance.setOption('theme', 'dracula');
+            }
+            updateThemeIcon();
+        });
     }
-
-    // Save Button
+    // Botão de Gravar
     var saveBtn = document.getElementById('save-btn');
     saveBtn.addEventListener('click', function() {
         if (!filePath) {
@@ -205,9 +244,10 @@ document.addEventListener('DOMContentLoaded', function() {
         .then(resp => resp.json())
         .then(data => {
             if (data.success) {
-                showToast('Saved!');
-                saveBtn.textContent = 'Saved!';
-                setTimeout(() => saveBtn.textContent = 'Save', 1200);
+                // Show popup
+                var popup = document.getElementById('save-popup');
+                popup.style.display = 'block';
+                setTimeout(() => { popup.style.display = 'none'; }, 1500);
             } else {
                 alert('Error saving: ' + (data.error || 'desconhecido'));
             }
@@ -216,12 +256,4 @@ document.addEventListener('DOMContentLoaded', function() {
             alert('Error saving: ' + err);
         });
     });
-
-    // Prevent browser default save dialog on Ctrl+S/Cmd+S
-    window.addEventListener('keydown', function(e) {
-        if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === 's') {
-            e.preventDefault();
-            document.getElementById('save-btn').click();
-        }
-    });
 });

janito/termweb/static/index.html

@@ -24,8 +24,7 @@
         <img src="/static/termicon.svg" alt="TermWeb Logo" class="header-logo">
         <span class="header-title">TermWeb</span>
         <span class="header-subtitle">Explorador de Projetos com IA</span>
-        <button class="theme-switcher" id="theme-switcher" title="Alternate tema"><span id="theme-icon">🌙</span></button>
-    </div>
+            </div>
     <div class="toolbar" id="explorer-toolbar">
 
     </div>

janito/termweb/static/index.html.bak

@@ -24,7 +24,7 @@
         <img src="/static/termicon.svg" alt="TermWeb Logo" class="header-logo">
         <span class="header-title">TermWeb</span>
         <span class="header-subtitle">Explorador de Projetos com IA</span>
-        <button class="theme-switcher" id="theme-switcher" title="Alternar tema"><span id="theme-icon">🌙</span></button>
+        <button class="theme-switcher" id="theme-switcher" title="Alternate tema"><span id="theme-icon">🌙</span></button>
     </div>
     <div class="toolbar" id="explorer-toolbar">
 

janito/termweb/static/termweb.css

@@ -20,7 +20,7 @@ body.light-theme {
 .header {
     background: #23272b;
     color: #f1f1f1;
-    padding: 1em 2em;
+    padding: 0.2em 2em 1em 2em;
     font-size: 1.5em;
     font-weight: bold;
     letter-spacing: 0.04em;
@@ -180,27 +180,6 @@ body.light-theme .footer a {
     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 {

janito/termweb/static/termweb.css.bak

@@ -20,7 +20,7 @@ body.light-theme {
 .header {
     background: #23272b;
     color: #f1f1f1;
-    padding: 1em 2em;
+    padding: 0.2em 2em 1em 2em;
     font-size: 1.5em;
     font-weight: bold;
     letter-spacing: 0.04em;
@@ -183,14 +183,16 @@ body.light-theme .footer a {
 .theme-switcher {
     position: absolute;
     right: 20px;
-    top: 10px;
+    top: 2px;
     background: #444;
     color: #f1f1f1;
     border: none;
     border-radius: 4px;
-    padding: 6px 14px;
+    padding: 0px 6px;
+    margin-top: -0.2em;
+    margin-bottom: 2px;
     cursor: pointer;
-    font-size: 1em;
+    font-size: 0.85em;
     transition: background 0.2s, color 0.2s;
 }
 body.light-theme .theme-switcher {

janito/termweb/static/termweb.js

@@ -154,12 +154,6 @@ document.addEventListener('DOMContentLoaded', function() {
     // Initial theme
     var theme = localStorage.getItem('theme') || 'dark';
     setTheme(theme === 'dark');
-    var themeSwitcher = document.getElementById('theme-switcher');
-    if (themeSwitcher) {
-        themeSwitcher.onclick = function() {
-            setTheme(document.body.classList.contains('light-theme'));
-        };
-    }
     setExplorerView('list'); // Always use list view
     renderExplorer('.')
 });

janito/termweb/static/termweb.js.bak

@@ -16,7 +16,6 @@ function getPaiPath(path) {
 function setExplorerView(view) {
     explorerView = view;
     localStorage.setItem('explorerView', view);
-
 }
 
 function normalizeExplorerPath(path) {
@@ -133,7 +132,7 @@ window.renderCodePreview = function(container, content, mode) {
     } catch (e) {
         container.innerHTML = '<pre>' + (content ? String(content) : '') + '</pre>';
     }
-}
+};
 
 // Theme switcher logic
 function setTheme(dark) {

{janito-1.10.0.dist-info → janito-1.11.1.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: janito
-Version: 1.10.0
+Version: 1.11.1
 Summary: Natural Language Coding Agent,
 Author-email: João Pinto <joao.pinto@gmail.com>
 License-Expression: MIT