scitex 2.7.0__py3-none-any.whl → 2.8.1__py3-none-any.whl

scitex/fig/editor/flask_editor/static/js/shortcuts/keyboard.js

@@ -0,0 +1,265 @@
+/**
+ * Keyboard Shortcuts
+ * Handles all keyboard shortcuts for the editor
+ */
+
+// ============================================================================
+// Main Keyboard Event Handler
+// ============================================================================
+document.addEventListener('keydown', (e) => {
+    const key = e.key.toLowerCase();
+    const isCtrl = e.ctrlKey || e.metaKey;
+    const isShift = e.shiftKey;
+    const isAlt = e.altKey;
+
+    // Don't capture shortcuts when typing in inputs
+    if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA' || e.target.tagName === 'SELECT') {
+        return;
+    }
+
+    // =========================================================================
+    // Multi-key shortcut mode (Alt+A → alignment, Alt+Shift+A → axis alignment)
+    // =========================================================================
+    if (shortcutMode === 'align') {
+        e.preventDefault();
+        handleAlignShortcut(key, isShift);
+        shortcutMode = null;
+        return;
+    }
+
+    if (shortcutMode === 'alignByAxis') {
+        e.preventDefault();
+        handleAlignByAxisShortcut(key);
+        shortcutMode = null;
+        return;
+    }
+
+    // =========================================================================
+    // Basic Operations
+    // =========================================================================
+
+    // Ctrl+S: Save
+    if (isCtrl && key === 's') {
+        e.preventDefault();
+        saveToBundle();
+        return;
+    }
+
+    // Ctrl+Z: Undo
+    if (isCtrl && !isShift && key === 'z') {
+        e.preventDefault();
+        undoLastChange();
+        return;
+    }
+
+    // Ctrl+Y or Ctrl+Shift+Z: Redo
+    if ((isCtrl && key === 'y') || (isCtrl && isShift && key === 'z')) {
+        e.preventDefault();
+        redoLastChange();
+        return;
+    }
+
+    // Delete: Remove selected element override
+    if (key === 'delete' || key === 'backspace') {
+        if (selectedElement && !isCtrl) {
+            e.preventDefault();
+            deleteSelectedOverride();
+            return;
+        }
+    }
+
+    // =========================================================================
+    // Panel/Element Movement (Arrow keys)
+    // =========================================================================
+
+    // Arrow keys: Move selected panel by 1mm (or 5mm with Shift)
+    if (['arrowup', 'arrowdown', 'arrowleft', 'arrowright'].includes(key)) {
+        e.preventDefault();
+        const amount = isShift ? 5 : 1;  // 5mm or 1mm
+        moveSelectedPanel(key.replace('arrow', ''), amount);
+        return;
+    }
+
+    // =========================================================================
+    // View Controls
+    // =========================================================================
+
+    // + or =: Zoom in
+    if ((key === '+' || key === '=') && !isCtrl) {
+        e.preventDefault();
+        zoomCanvas(1.1);
+        return;
+    }
+
+    // -: Zoom out
+    if (key === '-' && !isCtrl) {
+        e.preventDefault();
+        zoomCanvas(0.9);
+        return;
+    }
+
+    // 0: Fit to window
+    if (key === '0' && !isCtrl) {
+        e.preventDefault();
+        fitCanvasToWindow();
+        return;
+    }
+
+    // Ctrl++ : Increase canvas size
+    if (isCtrl && (key === '+' || key === '=')) {
+        e.preventDefault();
+        resizeCanvas(1.1);
+        return;
+    }
+
+    // Ctrl+- : Decrease canvas size
+    if (isCtrl && key === '-') {
+        e.preventDefault();
+        resizeCanvas(0.9);
+        return;
+    }
+
+    // =========================================================================
+    // Alignment Modes (Alt+A → basic, Alt+Shift+A → by axis)
+    // =========================================================================
+    if (isAlt && isShift && key === 'a') {
+        // Alt+Shift+A: Align by Axis (scientific alignment based on plot axes)
+        e.preventDefault();
+        shortcutMode = 'alignByAxis';
+        setStatus('Align by Axis: L=Y-Axis(left) R=Right T=Top B=X-Axis(bottom) C=Center-H M=Center-V S=Stack', false);
+        setTimeout(() => {
+            if (shortcutMode === 'alignByAxis') {
+                shortcutMode = null;
+                setStatus('Ready', false);
+            }
+        }, 3000);
+        return;
+    }
+    if (isAlt && !isShift && key === 'a') {
+        // Alt+A: Basic alignment (by bounding box)
+        e.preventDefault();
+        shortcutMode = 'align';
+        setStatus('Alignment mode: L=Left R=Right T=Top B=Bottom C=Center H=DistH V=DistV', false);
+        setTimeout(() => {
+            if (shortcutMode === 'align') {
+                shortcutMode = null;
+                setStatus('Ready', false);
+            }
+        }, 3000);
+        return;
+    }
+
+    // =========================================================================
+    // Arrange (Alt+F, Alt+B)
+    // =========================================================================
+    if (isAlt && key === 'f') {
+        e.preventDefault();
+        bringPanelToFront();
+        return;
+    }
+
+    if (isAlt && key === 'b') {
+        e.preventDefault();
+        sendPanelToBack();
+        return;
+    }
+
+    // =========================================================================
+    // Escape: Deselect/Cancel mode
+    // =========================================================================
+    if (key === 'escape') {
+        e.preventDefault();
+        deselectAllPanels();
+        shortcutMode = null;
+        return;
+    }
+
+    // =========================================================================
+    // G: Toggle grid visibility
+    // =========================================================================
+    if (key === 'g' && !isCtrl && !isAlt) {
+        e.preventDefault();
+        toggleGridVisibility();
+        return;
+    }
+
+    // =========================================================================
+    // Ctrl+A: Select all panels
+    // =========================================================================
+    if (isCtrl && key === 'a') {
+        e.preventDefault();
+        selectAllPanels();
+        return;
+    }
+
+    // =========================================================================
+    // Help (? or F1)
+    // =========================================================================
+    if (key === '?' || key === 'f1') {
+        e.preventDefault();
+        showShortcutHelp();
+        return;
+    }
+});
+
+// ============================================================================
+// Undo/Redo Functions
+// ============================================================================
+function undoLastChange() {
+    if (undoStack.length === 0) {
+        setStatus('Nothing to undo', true);
+        return;
+    }
+
+    const prevState = undoStack.pop();
+    redoStack.push({...overrides});
+    overrides = prevState;
+    updatePreview();
+    setStatus('Undone');
+}
+
+function redoLastChange() {
+    if (redoStack.length === 0) {
+        setStatus('Nothing to redo', true);
+        return;
+    }
+
+    const nextState = redoStack.pop();
+    undoStack.push({...overrides});
+    overrides = nextState;
+    updatePreview();
+    setStatus('Redone');
+}
+
+function saveUndoState() {
+    undoStack.push({...overrides});
+    redoStack = [];  // Clear redo stack on new change
+}
+
+// ============================================================================
+// Delete Override
+// ============================================================================
+function deleteSelectedOverride() {
+    if (!selectedElement) return;
+
+    // Remove from element_overrides
+    if (overrides.element_overrides && overrides.element_overrides[selectedElement]) {
+        delete overrides.element_overrides[selectedElement];
+        setStatus(`Deleted override for ${selectedElement}`);
+        updatePreview();
+    }
+}
+
+// ============================================================================
+// Grid Visibility Toggle
+// ============================================================================
+function toggleGridVisibility() {
+    gridVisible = !gridVisible;
+    const canvas = document.getElementById('panel-canvas');
+    if (canvas) {
+        canvas.style.backgroundImage = gridVisible ?
+            'linear-gradient(rgba(128,128,128,0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(128,128,128,0.1) 1px, transparent 1px)' :
+            'none';
+    }
+    setStatus(`Grid ${gridVisible ? 'visible' : 'hidden'}`);
+}

scitex/fig/editor/flask_editor/static/js/ui/controls.js

@@ -0,0 +1,184 @@
+/**
+ * Controls Panel
+ * Handles all form controls and data collection
+ */
+
+// ============================================================================
+// Collect Overrides from Form
+// ============================================================================
+function collectOverrides() {
+    const o = {};
+
+    // Labels - Title
+    const title = document.getElementById('title')?.value;
+    if (title) o.title = title;
+    o.show_title = document.getElementById('show_title')?.checked;
+    o.title_fontsize = parseInt(document.getElementById('title_fontsize')?.value) || 8;
+
+    // Labels - Caption
+    const caption = document.getElementById('caption')?.value;
+    if (caption) o.caption = caption;
+    o.show_caption = document.getElementById('show_caption')?.checked;
+    o.caption_fontsize = parseInt(document.getElementById('caption_fontsize')?.value) || 7;
+
+    // Labels - Axis
+    const xlabel = document.getElementById('xlabel')?.value;
+    const ylabel = document.getElementById('ylabel')?.value;
+    if (xlabel) o.xlabel = xlabel;
+    if (ylabel) o.ylabel = ylabel;
+
+    // Axis limits
+    const xmin = document.getElementById('xmin')?.value;
+    const xmax = document.getElementById('xmax')?.value;
+    if (xmin !== '' && xmax !== '') o.xlim = [parseFloat(xmin), parseFloat(xmax)];
+
+    const ymin = document.getElementById('ymin')?.value;
+    const ymax = document.getElementById('ymax')?.value;
+    if (ymin !== '' && ymax !== '') o.ylim = [parseFloat(ymin), parseFloat(ymax)];
+
+    // Traces
+    o.traces = traces;
+
+    // Legend
+    o.legend_visible = document.getElementById('legend_visible')?.checked;
+    o.legend_loc = document.getElementById('legend_loc')?.value;
+    o.legend_frameon = document.getElementById('legend_frameon')?.checked;
+    o.legend_fontsize = parseInt(document.getElementById('legend_fontsize')?.value) || 6;
+    o.legend_ncols = parseInt(document.getElementById('legend_ncols')?.value) || 1;
+    o.legend_x = parseFloat(document.getElementById('legend_x')?.value) || 0.95;
+    o.legend_y = parseFloat(document.getElementById('legend_y')?.value) || 0.95;
+
+    // Axis and Ticks - X Axis (Bottom)
+    o.x_n_ticks = parseInt(document.getElementById('x_n_ticks')?.value) || 4;
+    o.hide_x_ticks = document.getElementById('hide_x_ticks')?.checked;
+    o.x_tick_fontsize = parseInt(document.getElementById('x_tick_fontsize')?.value) || 7;
+    o.x_tick_direction = document.getElementById('x_tick_direction')?.value;
+    o.x_tick_length = parseFloat(document.getElementById('x_tick_length')?.value) || 0.8;
+    o.x_tick_width = parseFloat(document.getElementById('x_tick_width')?.value) || 0.2;
+
+    // X Axis (Top)
+    o.show_x_top = document.getElementById('show_x_top')?.checked;
+    o.x_top_mirror = document.getElementById('x_top_mirror')?.checked;
+
+    // Y Axis (Left)
+    o.y_n_ticks = parseInt(document.getElementById('y_n_ticks')?.value) || 4;
+    o.hide_y_ticks = document.getElementById('hide_y_ticks')?.checked;
+    o.y_tick_fontsize = parseInt(document.getElementById('y_tick_fontsize')?.value) || 7;
+    o.y_tick_direction = document.getElementById('y_tick_direction')?.value;
+    o.y_tick_length = parseFloat(document.getElementById('y_tick_length')?.value) || 0.8;
+    o.y_tick_width = parseFloat(document.getElementById('y_tick_width')?.value) || 0.2;
+
+    // Y Axis (Right)
+    o.show_y_right = document.getElementById('show_y_right')?.checked;
+    o.y_right_mirror = document.getElementById('y_right_mirror')?.checked;
+
+    // Spines
+    o.hide_bottom_spine = document.getElementById('hide_bottom_spine')?.checked;
+    o.hide_left_spine = document.getElementById('hide_left_spine')?.checked;
+
+    // Z Axis (3D)
+    o.hide_z_ticks = document.getElementById('hide_z_ticks')?.checked;
+    o.z_n_ticks = parseInt(document.getElementById('z_n_ticks')?.value) || 4;
+    o.z_tick_fontsize = parseInt(document.getElementById('z_tick_fontsize')?.value) || 7;
+    o.z_tick_direction = document.getElementById('z_tick_direction')?.value;
+
+    // Style
+    o.grid = document.getElementById('grid')?.checked;
+    o.hide_top_spine = document.getElementById('hide_top_spine')?.checked;
+    o.hide_right_spine = document.getElementById('hide_right_spine')?.checked;
+    o.axis_width = parseFloat(document.getElementById('axis_width')?.value) || 0.2;
+    o.axis_fontsize = parseInt(document.getElementById('axis_fontsize')?.value) || 7;
+    o.facecolor = document.getElementById('facecolor')?.value;
+    o.transparent = document.getElementById('transparent')?.value === 'true';
+
+    // Dimensions (always in inches for matplotlib)
+    o.fig_size = getFigSizeInches();
+    o.dpi = parseInt(document.getElementById('dpi')?.value) || 300;
+
+    // Annotations
+    o.annotations = overrides.annotations || [];
+
+    // Element-specific overrides (per-element styles)
+    if (overrides.element_overrides) {
+        o.element_overrides = overrides.element_overrides;
+    }
+
+    return o;
+}
+
+// ============================================================================
+// Update Controls from Overrides
+// ============================================================================
+function updateControlsFromOverrides() {
+    // This function updates the form fields from the overrides object
+    // (Would be populated from the server data)
+}
+
+// ============================================================================
+// Axis Tab Switching
+// ============================================================================
+function switchAxisTab(axis) {
+    // Update tab buttons
+    document.querySelectorAll('.axis-tab-btn').forEach(btn => {
+        btn.classList.toggle('active', btn.dataset.axis === axis);
+    });
+
+    // Update panels
+    document.querySelectorAll('.axis-panel').forEach(panel => {
+        panel.style.display = panel.dataset.axis === axis ? 'block' : 'none';
+    });
+}
+
+// ============================================================================
+// Custom Legend Position Toggle
+// ============================================================================
+function toggleCustomLegendPosition() {
+    const customPos = document.getElementById('legend-custom-position');
+    const legendLoc = document.getElementById('legend_loc');
+    if (customPos && legendLoc) {
+        customPos.style.display = legendLoc.value === 'custom' ? 'block' : 'none';
+    }
+}
+
+// ============================================================================
+// Background Type Toggle
+// ============================================================================
+function setBackgroundType(type) {
+    backgroundType = type;
+
+    // Update hidden inputs for collectOverrides
+    const transparentInput = document.getElementById('transparent');
+    const facecolorInput = document.getElementById('facecolor');
+
+    if (type === 'white') {
+        if (transparentInput) transparentInput.value = 'false';
+        if (facecolorInput) facecolorInput.value = 'white';
+    } else if (type === 'black') {
+        if (transparentInput) transparentInput.value = 'false';
+        if (facecolorInput) facecolorInput.value = 'black';
+    } else {
+        // transparent
+        if (transparentInput) transparentInput.value = 'true';
+        if (facecolorInput) facecolorInput.value = 'none';
+    }
+
+    // Update button states
+    document.querySelectorAll('.background-btn').forEach(btn => {
+        btn.classList.toggle('active', btn.dataset.type === type);
+    });
+
+    // Trigger update only after initialization
+    if (!initializingBackground) {
+        scheduleUpdate();
+    }
+}
+
+// ============================================================================
+// Reset Overrides
+// ============================================================================
+function resetOverrides() {
+    if (confirm('Reset all settings to defaults?')) {
+        overrides = {};
+        updatePreview();
+    }
+}

scitex/fig/editor/flask_editor/static/js/ui/download.js

@@ -0,0 +1,57 @@
+/**
+ * Download Menu
+ * Handles file download functionality
+ */
+
+// ============================================================================
+// Toggle Download Menu
+// ============================================================================
+function toggleDownloadMenu() {
+    const menu = document.getElementById('download-menu');
+    if (menu.style.display === 'block') {
+        menu.style.display = 'none';
+        document.removeEventListener('click', closeDownloadMenuOnClickOutside);
+    } else {
+        menu.style.display = 'block';
+        // Close when clicking outside
+        setTimeout(() => {
+            document.addEventListener('click', closeDownloadMenuOnClickOutside);
+        }, 0);
+    }
+}
+
+function closeDownloadMenuOnClickOutside(e) {
+    const menu = document.getElementById('download-menu');
+    const btn = document.getElementById('download-btn');
+    if (menu && btn && !menu.contains(e.target) && !btn.contains(e.target)) {
+        menu.style.display = 'none';
+        document.removeEventListener('click', closeDownloadMenuOnClickOutside);
+    }
+}
+
+// ============================================================================
+// Download Handlers
+// ============================================================================
+function downloadAs(format) {
+    saveToBundle().then(() => {
+        // First export to bundle
+        const data = collectOverrides();
+        data.format = format;
+
+        fetch('/export', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify(data)
+        })
+        .then(r => r.json())
+        .then(result => {
+            // Then trigger download
+            const filename = result.path.split('/').pop();
+            window.location.href = '/download/' + filename;
+            toggleDownloadMenu();
+        })
+        .catch(err => {
+            setStatus('Error exporting: ' + err, true);
+        });
+    });
+}

scitex/fig/editor/flask_editor/static/js/ui/help.js

@@ -0,0 +1,100 @@
+/**
+ * Help System
+ * Keyboard shortcut help dialog
+ */
+
+// ============================================================================
+// Show Shortcut Help
+// ============================================================================
+function showShortcutHelp() {
+    const helpHtml = `
+        <div id="shortcut-help-overlay" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 10000; display: flex; justify-content: center; align-items: center;" onclick="this.remove();">
+            <div style="background: var(--bg-primary); padding: 30px; border-radius: 8px; max-width: 600px; max-height: 80vh; overflow-y: auto;" onclick="event.stopPropagation();">
+                <h2 style="margin-top: 0;">Keyboard Shortcuts</h2>
+
+                <h3>Basic Operations</h3>
+                <table style="width: 100%; margin-bottom: 20px;">
+                    <tr><td><kbd>Ctrl</kbd>+<kbd>S</kbd></td><td>Save changes</td></tr>
+                    <tr><td><kbd>Ctrl</kbd>+<kbd>Z</kbd></td><td>Undo</td></tr>
+                    <tr><td><kbd>Ctrl</kbd>+<kbd>Y</kbd></td><td>Redo</td></tr>
+                    <tr><td><kbd>Delete</kbd></td><td>Remove selected override</td></tr>
+                    <tr><td><kbd>Esc</kbd></td><td>Deselect all</td></tr>
+                </table>
+
+                <h3>Panel Movement</h3>
+                <table style="width: 100%; margin-bottom: 20px;">
+                    <tr><td><kbd>Arrow Keys</kbd></td><td>Move panel by 1mm</td></tr>
+                    <tr><td><kbd>Shift</kbd>+<kbd>Arrows</kbd></td><td>Move panel by 5mm</td></tr>
+                </table>
+
+                <h3>View Controls</h3>
+                <table style="width: 100%; margin-bottom: 20px;">
+                    <tr><td><kbd>+</kbd> / <kbd>=</kbd></td><td>Zoom in</td></tr>
+                    <tr><td><kbd>-</kbd></td><td>Zoom out</td></tr>
+                    <tr><td><kbd>0</kbd></td><td>Fit to window</td></tr>
+                    <tr><td><kbd>G</kbd></td><td>Toggle grid</td></tr>
+                </table>
+
+                <h3>Alignment (Basic)</h3>
+                <table style="width: 100%; margin-bottom: 20px;">
+                    <tr><td><kbd>Alt</kbd>+<kbd>A</kbd> then <kbd>L</kbd></td><td>Align left</td></tr>
+                    <tr><td><kbd>Alt</kbd>+<kbd>A</kbd> then <kbd>R</kbd></td><td>Align right</td></tr>
+                    <tr><td><kbd>Alt</kbd>+<kbd>A</kbd> then <kbd>T</kbd></td><td>Align top</td></tr>
+                    <tr><td><kbd>Alt</kbd>+<kbd>A</kbd> then <kbd>B</kbd></td><td>Align bottom</td></tr>
+                    <tr><td><kbd>Alt</kbd>+<kbd>A</kbd> then <kbd>C</kbd></td><td>Center horizontally</td></tr>
+                    <tr><td><kbd>Alt</kbd>+<kbd>A</kbd> then <kbd>M</kbd></td><td>Center vertically</td></tr>
+                </table>
+
+                <h3>Alignment (By Axis)</h3>
+                <table style="width: 100%; margin-bottom: 20px;">
+                    <tr><td><kbd>Alt</kbd>+<kbd>Shift</kbd>+<kbd>A</kbd> then <kbd>L</kbd></td><td>Align by Y-axis (left)</td></tr>
+                    <tr><td><kbd>Alt</kbd>+<kbd>Shift</kbd>+<kbd>A</kbd> then <kbd>B</kbd></td><td>Align by X-axis (bottom)</td></tr>
+                    <tr><td><kbd>Alt</kbd>+<kbd>Shift</kbd>+<kbd>A</kbd> then <kbd>S</kbd></td><td>Stack vertically</td></tr>
+                </table>
+
+                <h3>Selection</h3>
+                <table style="width: 100%; margin-bottom: 20px;">
+                    <tr><td><kbd>Ctrl</kbd>+<kbd>A</kbd></td><td>Select all panels</td></tr>
+                    <tr><td><kbd>Ctrl</kbd>+<kbd>Click</kbd></td><td>Toggle panel selection</td></tr>
+                </table>
+
+                <h3>Arrange</h3>
+                <table style="width: 100%; margin-bottom: 20px;">
+                    <tr><td><kbd>Alt</kbd>+<kbd>F</kbd></td><td>Bring to front</td></tr>
+                    <tr><td><kbd>Alt</kbd>+<kbd>B</kbd></td><td>Send to back</td></tr>
+                </table>
+
+                <h3>Developer Tools</h3>
+                <table style="width: 100%; margin-bottom: 20px;">
+                    <tr><td><kbd>Alt</kbd>+<kbd>I</kbd></td><td>Toggle element inspector</td></tr>
+                    <tr><td><kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>I</kbd></td><td>Rectangle selection mode</td></tr>
+                    <tr><td><kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>I</kbd></td><td>Copy console logs</td></tr>
+                </table>
+
+                <button onclick="this.closest('#shortcut-help-overlay').remove()" style="margin-top: 20px;">Close</button>
+            </div>
+        </div>
+    `;
+
+    // Remove existing help if any
+    const existing = document.getElementById('shortcut-help-overlay');
+    if (existing) existing.remove();
+
+    // Add to DOM
+    document.body.insertAdjacentHTML('beforeend', helpHtml);
+}
+
+// Add kbd styling
+const kbdStyle = document.createElement('style');
+kbdStyle.textContent = `
+    kbd {
+        background: var(--bg-tertiary, #333);
+        border: 1px solid var(--border-color, #555);
+        border-radius: 3px;
+        padding: 2px 6px;
+        font-family: monospace;
+        font-size: 0.85em;
+        margin-right: 8px;
+    }
+`;
+document.head.appendChild(kbdStyle);

scitex/fig/editor/flask_editor/static/js/ui/theme.js

@@ -0,0 +1,34 @@
+/**
+ * Theme Management
+ * Dark/light theme toggle
+ */
+
+// ============================================================================
+// Theme Toggle
+// ============================================================================
+function toggleTheme() {
+    document.body.classList.toggle('dark-theme');
+    const isDark = document.body.classList.contains('dark-theme');
+
+    // Save theme preference
+    localStorage.setItem('theme', isDark ? 'dark' : 'light');
+
+    // Re-render single panel preview with dark/light mode colors (if visible)
+    if (!showingPanelGrid) {
+        updatePreview();
+    }
+}
+
+// ============================================================================
+// Initialize Theme
+// ============================================================================
+function initializeTheme() {
+    // Load saved theme
+    const savedTheme = localStorage.getItem('theme');
+    if (savedTheme === 'dark') {
+        document.body.classList.add('dark-theme');
+    }
+}
+
+// Initialize on load
+document.addEventListener('DOMContentLoaded', initializeTheme);