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

figrecipe/_editor/_templates/_html_components/_composition_toolbar.py

@@ -0,0 +1,79 @@
+#!/usr/bin/env python3
+# -*- coding: utf-8 -*-
+"""HTML component for composition toolbar."""
+
+HTML_COMPOSITION_TOOLBAR = """
+<!-- Composition Toolbar -->
+<div id="composition-toolbar" class="composition-toolbar">
+    <span class="toolbar-label">Align:</span>
+    <button onclick="alignPanels('left')" title="Align Left" class="toolbar-btn">
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+            <rect x="2" y="2" width="2" height="12"/>
+            <rect x="6" y="4" width="8" height="3"/>
+            <rect x="6" y="9" width="5" height="3"/>
+        </svg>
+    </button>
+    <button onclick="alignPanels('center_h')" title="Center Horizontal" class="toolbar-btn">
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+            <rect x="7" y="2" width="2" height="12"/>
+            <rect x="3" y="4" width="10" height="3"/>
+            <rect x="4" y="9" width="8" height="3"/>
+        </svg>
+    </button>
+    <button onclick="alignPanels('right')" title="Align Right" class="toolbar-btn">
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+            <rect x="12" y="2" width="2" height="12"/>
+            <rect x="2" y="4" width="8" height="3"/>
+            <rect x="5" y="9" width="5" height="3"/>
+        </svg>
+    </button>
+    <span class="toolbar-separator"></span>
+    <button onclick="alignPanels('top')" title="Align Top" class="toolbar-btn">
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+            <rect x="2" y="2" width="12" height="2"/>
+            <rect x="3" y="6" width="3" height="8"/>
+            <rect x="9" y="6" width="3" height="5"/>
+        </svg>
+    </button>
+    <button onclick="alignPanels('center_v')" title="Center Vertical" class="toolbar-btn">
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+            <rect x="2" y="7" width="12" height="2"/>
+            <rect x="3" y="2" width="3" height="12"/>
+            <rect x="9" y="4" width="3" height="8"/>
+        </svg>
+    </button>
+    <button onclick="alignPanels('bottom')" title="Align Bottom" class="toolbar-btn">
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+            <rect x="2" y="12" width="12" height="2"/>
+            <rect x="3" y="2" width="3" height="8"/>
+            <rect x="9" y="5" width="3" height="5"/>
+        </svg>
+    </button>
+    <span class="toolbar-separator"></span>
+    <span class="toolbar-label">Distribute:</span>
+    <button onclick="distributePanels('horizontal')" title="Distribute Horizontally" class="toolbar-btn">
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+            <rect x="2" y="4" width="3" height="8"/>
+            <rect x="6.5" y="4" width="3" height="8"/>
+            <rect x="11" y="4" width="3" height="8"/>
+        </svg>
+    </button>
+    <button onclick="distributePanels('vertical')" title="Distribute Vertically" class="toolbar-btn">
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+            <rect x="4" y="2" width="8" height="3"/>
+            <rect x="4" y="6.5" width="8" height="3"/>
+            <rect x="4" y="11" width="8" height="3"/>
+        </svg>
+    </button>
+    <span class="toolbar-separator"></span>
+    <button onclick="smartAlign()" title="Smart Align (auto-align rows and columns)" class="toolbar-btn toolbar-btn-primary">
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+            <path d="M8 1l2 3H6l2-3zm0 14l-2-3h4l-2 3zM1 8l3-2v4l-3-2zm14 0l-3 2V6l3 2z"/>
+            <rect x="6" y="6" width="4" height="4"/>
+        </svg>
+        <span>Smart</span>
+    </button>
+</div>
+"""
+
+__all__ = ["HTML_COMPOSITION_TOOLBAR"]

figrecipe/_editor/_templates/_html_components/_file_browser.py

@@ -0,0 +1,41 @@
+#!/usr/bin/env python3
+# -*- coding: utf-8 -*-
+"""File browser panel HTML for the figure editor."""
+
+HTML_FILE_BROWSER = """
+        <!-- File Browser Panel -->
+        <div class="file-browser-panel" id="file-browser-panel">
+            <div class="file-browser-header">
+                <div class="header-title">
+                    <span>FILES</span>
+                </div>
+                <div class="file-browser-actions">
+                    <button id="btn-new-file" class="btn-new-file" title="Create new figure">+</button>
+                    <button id="btn-refresh-files" title="Refresh file list">&#x21bb;</button>
+                    <button id="btn-collapse-browser" class="btn-collapse" title="Collapse panel">&#x276E;</button>
+                </div>
+            </div>
+            <div class="file-tree-container" id="file-tree-container">
+                <ul class="file-tree" id="file-tree">
+                    <!-- File tree items populated by JavaScript -->
+                </ul>
+            </div>
+            <div class="file-browser-footer">
+                <a href="https://scitex.ai" target="_blank" class="brand-link" title="FigRecipe - Part of SciTeX">
+                    <img src="data:image/png;base64,SCITEX_ICON_PLACEHOLDER" alt="SciTeX" class="brand-icon">
+                    <div class="brand-info">
+                        <span class="brand-name">FigRecipe</span>
+                        <span class="brand-version">vVERSION_PLACEHOLDER by SciTeX™</span>
+                    </div>
+                </a>
+                <div class="brand-meta" DEBUG_META_DISPLAY_PLACEHOLDER>
+                    <span class="server-time">Started: SERVER_START_TIME_PLACEHOLDER</span>
+                </div>
+            </div>
+            <div class="file-browser-resize" id="file-browser-resize"></div>
+        </div>
+"""
+
+__all__ = ["HTML_FILE_BROWSER"]
+
+# EOF

figrecipe/_editor/_templates/_html_datatable.py

@@ -0,0 +1,92 @@
+#!/usr/bin/env python3
+# -*- coding: utf-8 -*-
+"""HTML template component for the datatable panel.
+
+This module contains the HTML for the collapsible datatable panel
+that appears on the left side of the editor.
+Plot type options are generated dynamically from the registry.
+"""
+
+from .._plot_types_registry import generate_html_options
+
+
+def get_html_datatable_panel() -> str:
+    """Generate HTML for datatable panel with dynamic plot type options."""
+    plot_options = generate_html_options()
+
+    return f"""
+        <!-- Datatable Panel (always visible, collapsible) -->
+        <div id="datatable-panel" class="datatable-panel">
+            <div class="datatable-header">
+                <div class="header-title">
+                    <span>DATA</span>
+                </div>
+                <div class="datatable-header-actions">
+                    <button id="btn-shortcuts-info" class="btn-small btn-icon" title="Keyboard shortcuts">&#x2328;</button>
+                    <button id="btn-collapse-datatable" class="btn-collapse" title="Collapse panel">&#x276E;</button>
+                </div>
+            </div>
+
+            <!-- Tab bar for multiple datatables -->
+            <div class="datatable-tabs">
+                <div id="datatable-tab-list" class="datatable-tab-list">
+                    <!-- Tabs dynamically populated -->
+                </div>
+                <button id="btn-new-tab" class="btn-new-tab" title="New data tab">+</button>
+            </div>
+
+            <!-- Tab content container -->
+            <div id="datatable-tab-content" class="datatable-tab-content">
+                <!-- Import dropzone -->
+                <div class="datatable-import" id="datatable-import-section">
+                    <div id="datatable-dropzone" class="datatable-import-dropzone">
+                        <p>Drop CSV, TSV, or JSON file here</p>
+                        <p class="hint">or click to browse</p>
+                        <input type="file" id="datatable-file-input" accept=".csv,.tsv,.txt,.json">
+                        <div class="dropzone-divider">or</div>
+                        <button class="btn-create-new" onclick="event.stopPropagation(); createNewCSV()">Create New Table</button>
+                    </div>
+                </div>
+
+                <!-- Toolbar (hidden until data loaded) -->
+                <div class="datatable-toolbar" style="display: none;">
+                    <select id="datatable-plot-type" class="plot-type-select" title="Plot type">
+{plot_options}
+                    </select>
+                    <div class="split-btn">
+                        <button id="btn-datatable-plot" class="btn-plot" disabled title="Create new plot">New</button>
+                        <button id="btn-plot-dropdown" class="btn-plot-dropdown" title="Add to panel">▼</button>
+                        <div id="plot-dropdown-menu" class="plot-dropdown-menu">
+                            <!-- Panels populated dynamically -->
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Variable assignment (dynamic based on plot type) -->
+                <div id="datatable-var-assign" class="datatable-var-assign" style="display: none;">
+                    <div class="var-assign-header">Assign columns to variables:</div>
+                    <div id="var-assign-slots" class="var-assign-slots">
+                        <!-- Slots dynamically populated by JS -->
+                    </div>
+                </div>
+
+                <!-- Spreadsheet content -->
+                <div id="datatable-content" class="datatable-content"></div>
+
+                <!-- Selection info -->
+                <div id="datatable-selection-info" class="datatable-selection-info">
+                    <span class="selected-count">0</span> columns selected
+                </div>
+            </div>
+            <!-- Resize handle -->
+            <div class="datatable-resize" id="datatable-resize"></div>
+        </div>
+"""
+
+
+# For backward compatibility
+HTML_DATATABLE_PANEL = get_html_datatable_panel()
+
+__all__ = ["HTML_DATATABLE_PANEL", "get_html_datatable_panel"]
+
+# EOF

figrecipe/_editor/_templates/_scripts/__init__.py

@@ -3,6 +3,7 @@
 """JavaScript modules for the figure editor.
 
 This package contains modular JavaScript organized by functionality:
+- _accordion.py: Panel collapse/expand with state persistence
 - _api.py: API calls (save, load, update, download)
 - _colors.py: Color presets and conversion utilities
 - _core.py: State variables and initialization
@@ -13,32 +14,51 @@ This package contains modular JavaScript organized by functionality:
 - _inspector.py: Element inspector debugging
 - _labels.py: Label inputs and axis/legend controls
 - _modals.py: Theme and shortcuts modals
+- _panel_snap.py: Panel snapping (grid, edge, center alignment)
 - _panel_drag.py: Panel drag-to-move (click+drag on empty panel area)
+- _panel_resize.py: Panel divider drag-to-resize
 - _legend_drag.py: Legend drag-to-move (click+drag on legend)
 - _panel_position.py: Panel position editing (left, bottom, width, height)
+- _multi_select.py: Multi-selection with Ctrl+Click
 - _overlays.py: Measurement overlays (ruler, grid, columns)
+- _region_select.py: Region/marquee selection by dragging rectangle
 - _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
+- _undo_redo.py: Undo/redo history (Ctrl+Z, Ctrl+Shift+Z)
 """
 
+from ._accordion import SCRIPTS_ACCORDION
+from ._annotation_drag import SCRIPTS_ANNOTATION_DRAG
 from ._api import SCRIPTS_API
+from ._canvas_context_menu import JS_CANVAS_CONTEXT_MENU
+from ._captions import SCRIPTS_CAPTIONS
 from ._colors import SCRIPTS_COLORS
 from ._core import SCRIPTS_CORE
+from ._datatable import SCRIPTS_DATATABLE
 from ._debug_snapshot import SCRIPTS_DEBUG_SNAPSHOT
 from ._element_editor import SCRIPTS_ELEMENT_EDITOR
 from ._files import SCRIPTS_FILES
+from ._files_context_menu import JS_FILES_CONTEXT_MENU
 from ._hitmap import SCRIPTS_HITMAP
+from ._image_drop import SCRIPTS_IMAGE_DROP
 from ._inspector import SCRIPTS_INSPECTOR
 from ._labels import SCRIPTS_LABELS
 from ._legend_drag import SCRIPTS_LEGEND_DRAG
 from ._modals import SCRIPTS_MODALS
+from ._multi_select import SCRIPTS_MULTI_SELECT
 from ._overlays import SCRIPTS_OVERLAYS
 from ._panel_drag import SCRIPTS_PANEL_DRAG
+from ._panel_drag_snapshot import SCRIPTS_PANEL_DRAG_SNAPSHOT
 from ._panel_position import SCRIPTS_PANEL_POSITION
+from ._panel_resize import SCRIPTS_PANEL_RESIZE
+from ._panel_snap import SCRIPTS_PANEL_SNAP
+from ._region_select import SCRIPTS_REGION_SELECT
 from ._selection import SCRIPTS_SELECTION
+from ._sync import SCRIPTS_SYNC
 from ._tabs import SCRIPTS_TABS
+from ._undo_redo import SCRIPTS_UNDO_REDO
 from ._view_mode import SCRIPTS_VIEW_MODE
 from ._zoom import SCRIPTS_ZOOM
 
@@ -52,8 +72,11 @@ SCRIPTS = (
     + SCRIPTS_COLORS
     + SCRIPTS_HITMAP
     + SCRIPTS_SELECTION
+    + SCRIPTS_MULTI_SELECT
+    + SCRIPTS_REGION_SELECT
     + SCRIPTS_ELEMENT_EDITOR
     + SCRIPTS_LABELS
+    + SCRIPTS_CAPTIONS
     + SCRIPTS_API
     + SCRIPTS_MODALS
     + SCRIPTS_ZOOM
@@ -61,8 +84,19 @@ SCRIPTS = (
     + SCRIPTS_INSPECTOR
     + SCRIPTS_FILES
     + SCRIPTS_PANEL_POSITION
+    + SCRIPTS_PANEL_SNAP
+    + SCRIPTS_PANEL_DRAG_SNAPSHOT
     + SCRIPTS_PANEL_DRAG
+    + SCRIPTS_PANEL_RESIZE
+    + SCRIPTS_ACCORDION
     + SCRIPTS_LEGEND_DRAG
+    + SCRIPTS_ANNOTATION_DRAG
+    + SCRIPTS_IMAGE_DROP
+    + SCRIPTS_UNDO_REDO
+    + SCRIPTS_DATATABLE
+    + SCRIPTS_SYNC
+    + JS_CANVAS_CONTEXT_MENU
+    + JS_FILES_CONTEXT_MENU
 )
 
 
@@ -75,22 +109,34 @@ def get_all_scripts():
         Mapping of script name to script content.
     """
     return {
+        "accordion": SCRIPTS_ACCORDION,
+        "annotation_drag": SCRIPTS_ANNOTATION_DRAG,
         "api": SCRIPTS_API,
+        "captions": SCRIPTS_CAPTIONS,
         "colors": SCRIPTS_COLORS,
         "core": SCRIPTS_CORE,
+        "datatable": SCRIPTS_DATATABLE,
         "debug_snapshot": SCRIPTS_DEBUG_SNAPSHOT,
         "element_editor": SCRIPTS_ELEMENT_EDITOR,
         "files": SCRIPTS_FILES,
         "hitmap": SCRIPTS_HITMAP,
+        "image_drop": SCRIPTS_IMAGE_DROP,
         "inspector": SCRIPTS_INSPECTOR,
         "labels": SCRIPTS_LABELS,
         "legend_drag": SCRIPTS_LEGEND_DRAG,
         "modals": SCRIPTS_MODALS,
         "overlays": SCRIPTS_OVERLAYS,
+        "multi_select": SCRIPTS_MULTI_SELECT,
         "panel_drag": SCRIPTS_PANEL_DRAG,
+        "panel_drag_snapshot": SCRIPTS_PANEL_DRAG_SNAPSHOT,
         "panel_position": SCRIPTS_PANEL_POSITION,
+        "panel_resize": SCRIPTS_PANEL_RESIZE,
+        "panel_snap": SCRIPTS_PANEL_SNAP,
+        "region_select": SCRIPTS_REGION_SELECT,
         "selection": SCRIPTS_SELECTION,
+        "sync": SCRIPTS_SYNC,
         "tabs": SCRIPTS_TABS,
+        "undo_redo": SCRIPTS_UNDO_REDO,
         "view_mode": SCRIPTS_VIEW_MODE,
         "zoom": SCRIPTS_ZOOM,
     }
@@ -98,22 +144,34 @@ def get_all_scripts():
 
 __all__ = [
     "SCRIPTS",
+    "SCRIPTS_ACCORDION",
+    "SCRIPTS_ANNOTATION_DRAG",
     "SCRIPTS_API",
+    "SCRIPTS_CAPTIONS",
     "SCRIPTS_COLORS",
     "SCRIPTS_CORE",
+    "SCRIPTS_DATATABLE",
     "SCRIPTS_DEBUG_SNAPSHOT",
     "SCRIPTS_ELEMENT_EDITOR",
     "SCRIPTS_FILES",
     "SCRIPTS_HITMAP",
+    "SCRIPTS_IMAGE_DROP",
     "SCRIPTS_INSPECTOR",
     "SCRIPTS_LABELS",
     "SCRIPTS_LEGEND_DRAG",
     "SCRIPTS_MODALS",
+    "SCRIPTS_MULTI_SELECT",
     "SCRIPTS_OVERLAYS",
     "SCRIPTS_PANEL_DRAG",
+    "SCRIPTS_PANEL_DRAG_SNAPSHOT",
     "SCRIPTS_PANEL_POSITION",
+    "SCRIPTS_PANEL_RESIZE",
+    "SCRIPTS_PANEL_SNAP",
+    "SCRIPTS_REGION_SELECT",
     "SCRIPTS_SELECTION",
+    "SCRIPTS_SYNC",
     "SCRIPTS_TABS",
+    "SCRIPTS_UNDO_REDO",
     "SCRIPTS_VIEW_MODE",
     "SCRIPTS_ZOOM",
     "get_all_scripts",