figrecipe 0.6.0__py3-none-any.whl → 0.7.4__py3-none-any.whl

figrecipe/_editor/_routes_style.py

@@ -0,0 +1,223 @@
+#!/usr/bin/env python3
+# -*- coding: utf-8 -*-
+"""
+Style and theme Flask route handlers for the figure editor.
+"""
+
+from flask import jsonify, request
+
+from ._helpers import get_form_values_from_style, render_with_overrides
+
+
+def register_style_routes(app, editor):
+    """Register style/theme routes with the Flask app."""
+    from ._overrides import save_overrides
+
+    @app.route("/style")
+    def get_style():
+        """Get current style configuration."""
+        return jsonify(
+            {
+                "base_style": editor.style_overrides.base_style,
+                "programmatic_style": editor.style_overrides.programmatic_style,
+                "manual_overrides": editor.style_overrides.manual_overrides,
+                "effective_style": editor.get_effective_style(),
+                "has_overrides": editor.style_overrides.has_manual_overrides(),
+                "manual_timestamp": editor.style_overrides.manual_timestamp,
+            }
+        )
+
+    @app.route("/theme")
+    def get_theme():
+        """Get current theme YAML content for display."""
+        import io as yaml_io
+
+        from ruamel.yaml import YAML
+
+        style = editor.get_effective_style()
+        style_name = style.get("_name", "SCITEX")
+
+        yaml = YAML()
+        yaml.default_flow_style = False
+        yaml.indent(mapping=2, sequence=4, offset=2)
+        stream = yaml_io.StringIO()
+        yaml.dump(style, stream)
+        yaml_content = stream.getvalue()
+
+        return jsonify(
+            {
+                "name": style_name,
+                "content": yaml_content,
+            }
+        )
+
+    @app.route("/list_themes")
+    def list_themes():
+        """List available theme presets."""
+        from ..styles._style_loader import list_presets
+
+        presets = list_presets()
+        current = editor.get_effective_style().get("_name", "SCITEX")
+
+        return jsonify(
+            {
+                "themes": presets,
+                "current": current,
+            }
+        )
+
+    @app.route("/switch_theme", methods=["POST"])
+    def switch_theme():
+        """Switch to a different theme preset by reproducing the figure."""
+        from .._reproducer import reproduce_from_record
+        from ..styles._style_loader import load_preset
+
+        data = request.get_json() or {}
+        theme_name = data.get("theme")
+
+        if not theme_name:
+            return jsonify({"error": "No theme specified"}), 400
+
+        try:
+            new_style = load_preset(theme_name)
+
+            if new_style is None:
+                return jsonify({"error": f"Theme '{theme_name}' not found"}), 404
+
+            # Convert nested style to flat style dict with color_palette
+            flat_style = dict(new_style)
+            flat_style["_name"] = theme_name
+
+            # Extract color_palette from nested colors.palette
+            if "colors" in new_style and isinstance(new_style["colors"], dict):
+                colors_dict = new_style["colors"]
+                if "palette" in colors_dict:
+                    flat_style["color_palette"] = list(colors_dict["palette"])
+
+            editor.style_overrides.base_style = flat_style
+
+            if hasattr(editor.fig, "record") and editor.fig.record is not None:
+                editor.fig.record.style = flat_style
+                new_fig, _ = reproduce_from_record(editor.fig.record)
+                editor.fig = new_fig
+                # Keep the new style (don't restore old style)
+
+            mpl_fig = editor.fig.fig if hasattr(editor.fig, "fig") else editor.fig
+            behavior = new_style.get("behavior", {})
+            for ax in mpl_fig.get_axes():
+                hide_top = behavior.get("hide_top_spine", True)
+                hide_right = behavior.get("hide_right_spine", True)
+                ax.spines["top"].set_visible(not hide_top)
+                ax.spines["right"].set_visible(not hide_right)
+
+                if behavior.get("grid", False):
+                    ax.grid(True, alpha=0.3)
+                else:
+                    ax.grid(False)
+
+            base64_img, bboxes, img_size = render_with_overrides(
+                editor.fig,
+                editor.get_effective_style(),
+                editor.dark_mode,
+            )
+
+            form_values = get_form_values_from_style(editor.get_effective_style())
+
+            return jsonify(
+                {
+                    "success": True,
+                    "theme": theme_name,
+                    "image": base64_img,
+                    "bboxes": bboxes,
+                    "img_size": {"width": img_size[0], "height": img_size[1]},
+                    "values": form_values,
+                }
+            )
+
+        except Exception as e:
+            import traceback
+
+            traceback.print_exc()
+            return jsonify({"error": f"Failed to switch theme: {str(e)}"}), 500
+
+    @app.route("/save", methods=["POST"])
+    def save():
+        """Save style overrides (stored separately from recipe)."""
+        data = request.get_json() or {}
+        editor.style_overrides.update_manual_overrides(data.get("overrides", {}))
+
+        if editor.recipe_path:
+            path = save_overrides(editor.style_overrides, editor.recipe_path)
+            return jsonify(
+                {
+                    "success": True,
+                    "path": str(path),
+                    "has_overrides": editor.style_overrides.has_manual_overrides(),
+                    "timestamp": editor.style_overrides.manual_timestamp,
+                }
+            )
+
+        return jsonify(
+            {
+                "success": True,
+                "overrides": editor.overrides,
+                "has_overrides": editor.style_overrides.has_manual_overrides(),
+            }
+        )
+
+    @app.route("/restore", methods=["POST"])
+    def restore():
+        """Restore to original style (clear manual overrides and axes positions)."""
+        from ._bbox import extract_bboxes
+
+        # Clear all manual overrides (including position overrides)
+        editor.style_overrides.clear_manual_overrides()
+
+        # Restore original axes positions
+        editor.restore_axes_positions()
+
+        if editor._initial_base64 and not editor.dark_mode:
+            base64_img = editor._initial_base64
+            import base64 as b64
+            import io
+
+            from PIL import Image
+
+            img_data = b64.b64decode(base64_img)
+            img = Image.open(io.BytesIO(img_data))
+            img_size = img.size
+            mpl_fig = editor.fig.fig if hasattr(editor.fig, "fig") else editor.fig
+            original_dpi = mpl_fig.dpi
+            mpl_fig.set_dpi(150)
+            mpl_fig.canvas.draw()
+            bboxes = extract_bboxes(mpl_fig, img_size[0], img_size[1])
+            mpl_fig.set_dpi(original_dpi)
+        else:
+            base64_img, bboxes, img_size = render_with_overrides(
+                editor.fig,
+                None,
+                editor.dark_mode,
+            )
+
+        return jsonify(
+            {
+                "success": True,
+                "image": base64_img,
+                "bboxes": bboxes,
+                "img_size": {"width": img_size[0], "height": img_size[1]},
+                "original_style": editor.style,
+            }
+        )
+
+    @app.route("/diff")
+    def get_diff():
+        """Get differences between original and manual overrides."""
+        return jsonify(
+            {
+                "diff": editor.style_overrides.get_diff(),
+                "has_overrides": editor.style_overrides.has_manual_overrides(),
+            }
+        )
+
+
+__all__ = ["register_style_routes"]

figrecipe/_editor/_templates/__init__.py

@@ -8,13 +8,28 @@ single source of truth. No custom key mapping is needed since all keys
 now match the HTML input IDs directly.
 """
 
+import base64
 import json
+from datetime import datetime
+from pathlib import Path
 from typing import Any, Dict, Tuple
 
 from ._html import HTML_TEMPLATE
 from ._scripts import SCRIPTS
 from ._styles import STYLES
 
+# Server start time for debugging template reloads
+_SERVER_START_TIME = datetime.now().strftime("%H:%M:%S")
+
+# Load SciTeX icon as base64
+_SCITEX_ICON_PATH = (
+    Path(__file__).parent.parent.parent.parent.parent / "docs" / "scitex-icon.png"
+)
+_SCITEX_ICON_BASE64 = ""
+if _SCITEX_ICON_PATH.exists():
+    with open(_SCITEX_ICON_PATH, "rb") as f:
+        _SCITEX_ICON_BASE64 = base64.b64encode(f.read()).decode("utf-8")
+
 
 def build_html_template(
     image_base64: str,
@@ -24,6 +39,8 @@ def build_html_template(
     overrides: Dict[str, Any],
     img_size: Tuple[int, int],
     style_name: str = "SCITEX",
+    hot_reload: bool = False,
+    dark_mode: bool = False,
 ) -> str:
     """
     Build complete HTML template for figure editor.
@@ -47,6 +64,10 @@ def build_html_template(
         (width, height) of preview image.
     style_name : str
         Name of the applied style preset (e.g., "SCITEX", "MATPLOTLIB").
+    hot_reload : bool
+        Enable hot reload auto-reconnect JavaScript.
+    dark_mode : bool
+        Initial dark mode state from saved preferences.
 
     Returns
     -------
@@ -57,10 +78,58 @@ def build_html_template(
     # Keys should already match HTML input IDs (YAML-compatible flattened)
     initial_values = {**style, **overrides}
 
+    # Hot reload JavaScript for auto-reconnect on server restart
+    hot_reload_script = ""
+    if hot_reload:
+        hot_reload_script = """
+// Hot Reload: Auto-reconnect when server restarts
+(function() {
+    let isReconnecting = false;
+    let pingInterval = null;
+
+    function showReloadBanner(show) {
+        let banner = document.getElementById('hot-reload-banner');
+        if (!banner && show) {
+            banner = document.createElement('div');
+            banner.id = 'hot-reload-banner';
+            banner.style.cssText = 'position:fixed;top:0;left:0;right:0;background:#f59e0b;' +
+                'color:#000;text-align:center;padding:8px;z-index:9999;font-weight:bold;';
+            banner.textContent = 'Server restarting... will reload automatically';
+            document.body.prepend(banner);
+        }
+        if (banner) {
+            banner.style.display = show ? 'block' : 'none';
+        }
+    }
+
+    function ping() {
+        fetch('/ping', {cache: 'no-store'})
+            .then(r => {
+                if (r.ok && isReconnecting) {
+                    // Server is back! Reload the page
+                    console.log('[Hot Reload] Server is back, reloading...');
+                    window.location.reload();
+                }
+            })
+            .catch(() => {
+                if (!isReconnecting) {
+                    console.log('[Hot Reload] Server disconnected, waiting for restart...');
+                    isReconnecting = true;
+                    showReloadBanner(true);
+                }
+            });
+    }
+
+    // Start pinging every 500ms
+    pingInterval = setInterval(ping, 500);
+    console.log('[Hot Reload] Enabled - watching for server restarts');
+})();
+"""
+
     # Inject data into template
     html = HTML_TEMPLATE
     html = html.replace("/* STYLES_PLACEHOLDER */", STYLES)
-    html = html.replace("/* SCRIPTS_PLACEHOLDER */", SCRIPTS)
+    html = html.replace("/* SCRIPTS_PLACEHOLDER */", SCRIPTS + hot_reload_script)
     html = html.replace("IMAGE_BASE64_PLACEHOLDER", image_base64)
     html = html.replace("BBOXES_PLACEHOLDER", json.dumps(bboxes))
     html = html.replace("COLOR_MAP_PLACEHOLDER", json.dumps(color_map))
@@ -68,6 +137,14 @@ def build_html_template(
     html = html.replace("IMG_WIDTH_PLACEHOLDER", str(img_size[0]))
     html = html.replace("IMG_HEIGHT_PLACEHOLDER", str(img_size[1]))
     html = html.replace("STYLE_NAME_PLACEHOLDER", style_name)
+    html = html.replace("SCITEX_ICON_PLACEHOLDER", _SCITEX_ICON_BASE64)
+
+    # Dark mode preference - set initial state
+    html = html.replace("DARK_MODE_THEME_PLACEHOLDER", "dark" if dark_mode else "light")
+    html = html.replace("DARK_MODE_CHECKED_PLACEHOLDER", "checked" if dark_mode else "")
+
+    # Server start time for debugging
+    html = html.replace("SERVER_START_TIME_PLACEHOLDER", _SERVER_START_TIME)
 
     return html
 

figrecipe/_editor/_templates/_html.py

@@ -6,11 +6,12 @@ HTML template for figure editor.
 
 HTML_TEMPLATE = """
 <!DOCTYPE html>
-<html lang="en" data-theme="light">
+<html lang="en" data-theme="DARK_MODE_THEME_PLACEHOLDER">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>figrecipe Editor</title>
+    <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script>
     <style>
         /* STYLES_PLACEHOLDER */
     </style>
@@ -20,7 +21,17 @@ HTML_TEMPLATE = """
         <!-- Preview Panel -->
         <div class="preview-panel">
             <div class="preview-header">
-                <h2>Preview</h2>
+                <a href="https://scitex.ai" target="_blank" class="scitex-branding" title="FigRecipe - Part of SciTeX">
+                    <img src="data:image/png;base64,SCITEX_ICON_PLACEHOLDER" alt="SciTeX" class="scitex-icon">
+                    <span class="figrecipe-title">FigRecipe Editor</span>
+                </a>
+                <span id="server-start-time" style="font-size: 10px; color: #888; margin-left: 8px;">Started: SERVER_START_TIME_PLACEHOLDER</span>
+                <div class="file-switcher">
+                    <select id="file-selector" class="file-selector" title="Switch between recipe files">
+                        <option value="">Loading files...</option>
+                    </select>
+                    <button id="btn-new-figure" class="btn-new" title="Create new blank figure">+</button>
+                </div>
                 <div class="preview-controls">
                     <div class="download-dropdown">
                         <button id="btn-download-main" class="btn-primary download-main" title="Download as PNG">Download PNG</button>
@@ -29,24 +40,36 @@ HTML_TEMPLATE = """
                             <button id="btn-download-png-menu" class="download-option active" data-format="png">PNG</button>
                             <button id="btn-download-svg-menu" class="download-option" data-format="svg">SVG</button>
                             <button id="btn-download-pdf-menu" class="download-option" data-format="pdf">PDF</button>
+                            <hr style="margin: 4px 0; border: none; border-top: 1px solid #ddd;">
+                            <button id="btn-download-csv-menu" class="download-option" data-format="csv" title="Export plot data as CSV">CSV (Data)</button>
                         </div>
                     </div>
                     <button id="btn-refresh" title="Refresh preview">Refresh</button>
-                    <button id="btn-show-hitmap" title="Toggle hitmap overlay for debugging" style="display: none;">Show Hit Regions</button>
+                    <div class="zoom-controls">
+                        <button id="btn-zoom-out" title="Zoom out (-)">−</button>
+                        <span id="zoom-level">100%</span>
+                        <button id="btn-zoom-in" title="Zoom in (+)">+</button>
+                        <button id="btn-zoom-reset" title="Reset zoom (0)">⟲</button>
+                        <button id="btn-zoom-fit" title="Fit to view (F)">Fit</button>
+                    </div>
+                    <button id="btn-ruler-grid" class="btn-ruler" title="Toggle rulers and grid overlay (G)">Ruler & Grid</button>
+                    <button id="btn-shortcuts" class="btn-shortcuts" title="Show keyboard shortcuts (?)">⌨</button>
                     <label class="theme-toggle">
-                        <input type="checkbox" id="dark-mode-toggle">
+                        <input type="checkbox" id="dark-mode-toggle" DARK_MODE_CHECKED_PLACEHOLDER>
                         <span>Dark Mode</span>
                     </label>
                 </div>
             </div>
-            <div class="preview-wrapper">
-                <img id="preview-image" src="data:image/png;base64,IMAGE_BASE64_PLACEHOLDER" alt="Figure preview">
-                <svg id="hitregion-overlay" class="hitregion-overlay"></svg>
-                <svg id="selection-overlay" class="selection-overlay"></svg>
-                <canvas id="hitmap-canvas" style="display: none;"></canvas>
-            </div>
-            <div class="selected-element-info" id="selected-info">
-                Click on an element to select it
+            <div class="preview-wrapper" id="preview-wrapper">
+                <div class="zoom-container" id="zoom-container">
+                    <img id="preview-image" src="data:image/png;base64,IMAGE_BASE64_PLACEHOLDER" alt="Figure preview">
+                    <svg id="hitregion-overlay" class="hitregion-overlay"></svg>
+                    <svg id="selection-overlay" class="selection-overlay"></svg>
+                    <svg id="ruler-overlay" class="ruler-overlay"></svg>
+                    <svg id="grid-overlay" class="grid-overlay"></svg>
+                    <svg id="column-overlay" class="column-overlay"></svg>
+                    <canvas id="hitmap-canvas" style="display: none;"></canvas>
+                </div>
             </div>
         </div>
 
@@ -86,6 +109,45 @@ HTML_TEMPLATE = """
                     </div>
                 </div>
             </div>
+            <!-- Shortcuts Modal -->
+            <div id="shortcuts-modal" class="modal" style="display: none;">
+                <div class="modal-content shortcuts-modal-content">
+                    <div class="modal-header">
+                        <h3>Keyboard Shortcuts</h3>
+                        <button id="shortcuts-modal-close" class="modal-close">&times;</button>
+                    </div>
+                    <div class="shortcuts-content">
+                        <div class="shortcut-section">
+                            <h4>General</h4>
+                            <div class="shortcut-row"><span class="shortcut-keys"><kbd>Ctrl</kbd>+<kbd>S</kbd></span><span class="shortcut-desc">Save overrides</span></div>
+                            <div class="shortcut-row"><span class="shortcut-keys"><kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>S</kbd></span><span class="shortcut-desc">Download PNG</span></div>
+                            <div class="shortcut-row"><span class="shortcut-keys"><kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>I</kbd></span><span class="shortcut-desc">Debug snapshot</span></div>
+                            <div class="shortcut-row"><span class="shortcut-keys"><kbd>F5</kbd> / <kbd>Ctrl</kbd>+<kbd>R</kbd></span><span class="shortcut-desc">Refresh preview</span></div>
+                            <div class="shortcut-row"><span class="shortcut-keys"><kbd>Esc</kbd></span><span class="shortcut-desc">Clear selection</span></div>
+                            <div class="shortcut-row"><span class="shortcut-keys"><kbd>R</kbd></span><span class="shortcut-desc">Reset to theme defaults</span></div>
+                        </div>
+                        <div class="shortcut-section">
+                            <h4>Navigation</h4>
+                            <div class="shortcut-row"><span class="shortcut-keys"><kbd>1</kbd></span><span class="shortcut-desc">Figure tab</span></div>
+                            <div class="shortcut-row"><span class="shortcut-keys"><kbd>2</kbd></span><span class="shortcut-desc">Axis tab</span></div>
+                            <div class="shortcut-row"><span class="shortcut-keys"><kbd>3</kbd></span><span class="shortcut-desc">Element tab</span></div>
+                        </div>
+                        <div class="shortcut-section">
+                            <h4>View</h4>
+                            <div class="shortcut-row"><span class="shortcut-keys"><kbd>G</kbd></span><span class="shortcut-desc">Toggle ruler &amp; grid</span></div>
+                            <div class="shortcut-row"><span class="shortcut-keys"><kbd>+</kbd> / <kbd>-</kbd></span><span class="shortcut-desc">Zoom in/out</span></div>
+                            <div class="shortcut-row"><span class="shortcut-keys"><kbd>0</kbd></span><span class="shortcut-desc">Reset zoom</span></div>
+                            <div class="shortcut-row"><span class="shortcut-keys"><kbd>F</kbd></span><span class="shortcut-desc">Fit to view</span></div>
+                            <div class="shortcut-row"><span class="shortcut-keys"><kbd>?</kbd></span><span class="shortcut-desc">Show this help</span></div>
+                        </div>
+                        <div class="shortcut-section">
+                            <h4>Developer</h4>
+                            <div class="shortcut-row"><span class="shortcut-keys"><kbd>Alt</kbd>+<kbd>I</kbd></span><span class="shortcut-desc">Toggle element inspector</span></div>
+                            <div class="shortcut-row"><span class="shortcut-keys"><kbd>Alt</kbd>+<kbd>Shift</kbd>+<kbd>I</kbd></span><span class="shortcut-desc">Screenshot + console logs</span></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
             <div id="override-status" class="override-status" style="display: none;">
                 <span class="override-indicator">Manual overrides active</span>
                 <span id="override-timestamp" class="override-timestamp"></span>
@@ -160,8 +222,42 @@ HTML_TEMPLATE = """
                 <div id="tab-content-axis" class="tab-content">
                     <div class="tab-hint" id="axis-tab-hint">Select an axis element (title, label, ticks, legend) to edit</div>
 
-                    <!-- Axes Size Section -->
+                    <!-- Panel Position Section -->
                     <details class="section" open>
+                        <summary>Panel Position</summary>
+                        <div class="section-content">
+                            <div class="form-row">
+                                <label>Panel</label>
+                                <select id="panel_selector">
+                                    <option value="0">Panel 0</option>
+                                </select>
+                            </div>
+                            <div class="position-grid">
+                                <div class="form-row">
+                                    <label>Left (mm)</label>
+                                    <input type="number" id="panel_left" step="1" min="0" placeholder="20">
+                                </div>
+                                <div class="form-row">
+                                    <label>Top (mm)</label>
+                                    <input type="number" id="panel_top" step="1" min="0" placeholder="15">
+                                </div>
+                                <div class="form-row">
+                                    <label>Width (mm)</label>
+                                    <input type="number" id="panel_width" step="1" min="0" placeholder="120">
+                                </div>
+                                <div class="form-row">
+                                    <label>Height (mm)</label>
+                                    <input type="number" id="panel_height" step="1" min="0" placeholder="90">
+                                </div>
+                            </div>
+                            <div class="form-row" style="margin-top: 8px;">
+                                <button id="apply_panel_position" class="btn-small">Apply Position</button>
+                            </div>
+                        </div>
+                    </details>
+
+                    <!-- Axes Size Section -->
+                    <details class="section">
                         <summary>Axes Size</summary>
                         <div class="section-content">
                             <div class="form-row">

figrecipe/_editor/_templates/_scripts/__init__.py

@@ -0,0 +1,120 @@
+#!/usr/bin/env python3
+# -*- coding: utf-8 -*-
+"""JavaScript modules for the figure editor.
+
+This package contains modular JavaScript organized by functionality:
+- _api.py: API calls (save, load, update, download)
+- _colors.py: Color presets and conversion utilities
+- _core.py: State variables and initialization
+- _debug_snapshot.py: Screenshot + console log capture (Ctrl+Alt+I)
+- _element_editor.py: Dynamic form fields and call properties
+- _files.py: File switching functionality
+- _hitmap.py: Hitmap loading and hit region drawing
+- _inspector.py: Element inspector debugging
+- _labels.py: Label inputs and axis/legend controls
+- _modals.py: Theme and shortcuts modals
+- _panel_drag.py: Panel drag-to-move (click+drag on empty panel area)
+- _legend_drag.py: Legend drag-to-move (click+drag on legend)
+- _panel_position.py: Panel position editing (left, bottom, width, height)
+- _overlays.py: Measurement overlays (ruler, grid, columns)
+- _selection.py: Selection drawing and property sync
+- _tabs.py: Tab navigation (Figure/Axis/Element)
+- _view_mode.py: View mode management (all/selected)
+- _zoom.py: Zoom/pan functionality
+"""
+
+from ._api import SCRIPTS_API
+from ._colors import SCRIPTS_COLORS
+from ._core import SCRIPTS_CORE
+from ._debug_snapshot import SCRIPTS_DEBUG_SNAPSHOT
+from ._element_editor import SCRIPTS_ELEMENT_EDITOR
+from ._files import SCRIPTS_FILES
+from ._hitmap import SCRIPTS_HITMAP
+from ._inspector import SCRIPTS_INSPECTOR
+from ._labels import SCRIPTS_LABELS
+from ._legend_drag import SCRIPTS_LEGEND_DRAG
+from ._modals import SCRIPTS_MODALS
+from ._overlays import SCRIPTS_OVERLAYS
+from ._panel_drag import SCRIPTS_PANEL_DRAG
+from ._panel_position import SCRIPTS_PANEL_POSITION
+from ._selection import SCRIPTS_SELECTION
+from ._tabs import SCRIPTS_TABS
+from ._view_mode import SCRIPTS_VIEW_MODE
+from ._zoom import SCRIPTS_ZOOM
+
+# Combined SCRIPTS constant for backward compatibility
+# Order matters: debug snapshot first (for console interception), then core/state, then features
+SCRIPTS = (
+    SCRIPTS_DEBUG_SNAPSHOT
+    + SCRIPTS_CORE
+    + SCRIPTS_TABS
+    + SCRIPTS_VIEW_MODE
+    + SCRIPTS_COLORS
+    + SCRIPTS_HITMAP
+    + SCRIPTS_SELECTION
+    + SCRIPTS_ELEMENT_EDITOR
+    + SCRIPTS_LABELS
+    + SCRIPTS_API
+    + SCRIPTS_MODALS
+    + SCRIPTS_ZOOM
+    + SCRIPTS_OVERLAYS
+    + SCRIPTS_INSPECTOR
+    + SCRIPTS_FILES
+    + SCRIPTS_PANEL_POSITION
+    + SCRIPTS_PANEL_DRAG
+    + SCRIPTS_LEGEND_DRAG
+)
+
+
+def get_all_scripts():
+    """Return all scripts as a dictionary for testing.
+
+    Returns
+    -------
+    dict
+        Mapping of script name to script content.
+    """
+    return {
+        "api": SCRIPTS_API,
+        "colors": SCRIPTS_COLORS,
+        "core": SCRIPTS_CORE,
+        "debug_snapshot": SCRIPTS_DEBUG_SNAPSHOT,
+        "element_editor": SCRIPTS_ELEMENT_EDITOR,
+        "files": SCRIPTS_FILES,
+        "hitmap": SCRIPTS_HITMAP,
+        "inspector": SCRIPTS_INSPECTOR,
+        "labels": SCRIPTS_LABELS,
+        "legend_drag": SCRIPTS_LEGEND_DRAG,
+        "modals": SCRIPTS_MODALS,
+        "overlays": SCRIPTS_OVERLAYS,
+        "panel_drag": SCRIPTS_PANEL_DRAG,
+        "panel_position": SCRIPTS_PANEL_POSITION,
+        "selection": SCRIPTS_SELECTION,
+        "tabs": SCRIPTS_TABS,
+        "view_mode": SCRIPTS_VIEW_MODE,
+        "zoom": SCRIPTS_ZOOM,
+    }
+
+
+__all__ = [
+    "SCRIPTS",
+    "SCRIPTS_API",
+    "SCRIPTS_COLORS",
+    "SCRIPTS_CORE",
+    "SCRIPTS_DEBUG_SNAPSHOT",
+    "SCRIPTS_ELEMENT_EDITOR",
+    "SCRIPTS_FILES",
+    "SCRIPTS_HITMAP",
+    "SCRIPTS_INSPECTOR",
+    "SCRIPTS_LABELS",
+    "SCRIPTS_LEGEND_DRAG",
+    "SCRIPTS_MODALS",
+    "SCRIPTS_OVERLAYS",
+    "SCRIPTS_PANEL_DRAG",
+    "SCRIPTS_PANEL_POSITION",
+    "SCRIPTS_SELECTION",
+    "SCRIPTS_TABS",
+    "SCRIPTS_VIEW_MODE",
+    "SCRIPTS_ZOOM",
+    "get_all_scripts",
+]