syd 0.1.6__py3-none-any.whl → 0.2.0__py3-none-any.whl

syd-0.2.0.dist-info/METADATA

@@ -0,0 +1,126 @@
+Metadata-Version: 2.4
+Name: syd
+Version: 0.2.0
+Summary: A Python package for making GUIs for data science easy.
+Project-URL: Homepage, https://github.com/landoskape/syd
+Author-email: Andrew Landau <andrew+tyler+landau+getridofthisanddtheplusses@gmail.com>
+License-Expression: GPL-3.0-or-later
+License-File: LICENSE
+Keywords: data-science,gui,interactive,jupyter,machine-learning,notebook,python
+Classifier: Development Status :: 4 - Beta
+Classifier: Intended Audience :: Developers
+Classifier: Intended Audience :: Science/Research
+Classifier: License :: OSI Approved :: GNU General Public License v3 or later (GPLv3+)
+Classifier: Operating System :: OS Independent
+Classifier: Programming Language :: Python :: 3.9
+Classifier: Programming Language :: Python :: 3.10
+Classifier: Programming Language :: Python :: 3.11
+Classifier: Programming Language :: Python :: 3.12
+Classifier: Programming Language :: Python :: 3.13
+Requires-Python: >=3.9
+Requires-Dist: flask
+Requires-Dist: ipykernel
+Requires-Dist: ipympl
+Requires-Dist: ipywidgets
+Requires-Dist: matplotlib
+Provides-Extra: test
+Requires-Dist: pytest-cov>=4.0.0; extra == 'test'
+Requires-Dist: pytest>=7.0.0; extra == 'test'
+Description-Content-Type: text/markdown
+
+# Syd
+
+[![PyPI version](https://badge.fury.io/py/syd.svg)](https://badge.fury.io/py/syd)
+[![Tests](https://github.com/landoskape/syd/actions/workflows/tests.yml/badge.svg)](https://github.com/landoskape/syd/actions/workflows/tests.yml)
+[![Documentation Status](https://readthedocs.org/projects/shareyourdata/badge/?version=stable)](https://shareyourdata.readthedocs.io/en/stable/?badge=stable)
+[![codecov](https://codecov.io/gh/landoskape/syd/branch/main/graph/badge.svg)](https://codecov.io/gh/landoskape/syd)
+[![Code style: black](https://img.shields.io/badge/code%20style-black-000000.svg)](https://github.com/psf/black)
+
+
+A package to help you share your data!
+
+Have you ever wanted to look through all your data really quickly interactively? Of course you have. Mo data mo problems, but only if you don't know what to do with it. And that's why Syd stands for show your data! 
+
+Syd is a system for creating a data viewing GUI that you can view in a jupyter notebook or in a web browser. And guess what? Since it can open in a web browser, you can even open it on any other computer on your local network! For example, your PI's computer. Gone are the days of single random examples that they make infinitely stubborn conclusions about. Now, you can look at all the examples, quickly and easily, on their computer. And that's why Syd stands for share your data!
+
+Okay, so what is it? Syd is an automated system to convert some basic python plotting code into an interactive GUI. This means you only have to think about _**what**_ you want to plot and _**which**_ parameters you want to be interactive. Syd handles all the behind-the-scenes action required to make an interface. And do you know what that means? It means you get to spend your time _thinking_ about your data, rather than writing code to look at it. And that's why Syd stands for Science, Yes! Dayummmm!
+
+## Installation
+It's easy, just use pip install. The dependencies are light so it should work in most environments.
+```bash
+pip install syd
+```
+
+## Quick Start
+This is an example of a sine wave viewer which is about as simple as it gets. You can choose which env to use - if you use ``env="notebook"`` then the GUI will deploy as the output of a jupyter cell (this only works in jupyter!). If you use ``env="browser"`` then the GUI will open a page in your default web browser and you can interact with the data there (works in jupyter notebooks and also from python scripts!).
+```python
+import matplotlib.pyplot as plt
+import numpy as np
+from syd import make_viewer
+def plot(viewer, state):
+    fig, ax = plt.subplots()
+    x = np.linspace(0, 10, 1000)
+    y = state['amplitude'] * np.sin(state['frequency'] * x)
+    ax.plot(x, y)
+    return fig
+        
+viewer = make_viewer()
+viewer.set_plot(plot)
+viewer.add_float('amplitude', value=1.0, min=0, max=2)
+viewer.add_float('frequency', value=1.0, min=0.1, max=5)
+
+# env = "browser" # for viewing in a web browser
+env = "notebook" # for viewing within a jupyter notebook
+viewer.deploy(env=env)
+```
+
+We have several examples of more complex viewers in the [examples](examples) folder. A good one to start with is the [simple example](examples/1-simple_example.ipynb) because this has detailed explanations of how to use the core elements of Syd. To see an example that showcases everything you can do with Syd, try [complex example](examples/2a-complex_example.ipynb). And to see what the same viewer looks like when written as a class, check out [subclass example](examples/2b-subclass_example.ipynb). This format is pretty useful when you want complex functionality - for example if you want to add extra supporting methods for processing data and updating parameters that require more complex logic or if your data processing requires some clever preprocessing to make plotting fast. 
+
+#### Data loading
+Thinking about how to get data into a Syd viewer can be non-intuitive. For some examples that showcase different ways to get your data into a Syd viewer, check out the [data loading example](examples/3-data_loading.ipynb).
+
+## Documentation
+
+Full documentation is available at [shareyourdata.readthedocs.io](https://shareyourdata.readthedocs.io/).
+
+## License
+
+This project is licensed under the GNU General Public License v3.0 - see the [LICENSE](LICENSE) file for details.
+
+## Contributing
+
+Contributions are welcome! Here's how you can help:
+
+1. Fork the repository
+2. Create a new branch (`git checkout -b feature/amazing-feature`)
+3. Make your changes
+4. Run the tests (`pytest`)
+5. Commit your changes (`git commit -m 'Add amazing feature'`)
+6. Push to the branch (`git push origin feature/amazing-feature`)
+7. Open a Pull Request online
+
+Please make sure to update tests as appropriate and adhere to the existing coding style (black, line-length=88, other style guidelines not capture by black, generally following pep8 guidelines).
+
+
+## To-Do List
+- Layout controls
+  - [ ] Improve the display and make it look better
+  - [ ] Add a "save" button that saves the current state of the viewer to a json file
+  - [ ] Add a "load" button that loads the viewer state from a json file
+  - [ ] Add a "freeze" button that allows the user to update state variables without updating the plot until unfreezing
+  - [ ] Add a window for capturing any error messages that might be thrown by the plot function. Maybe we could have a little interface for looking at each one (up to a point) and the user could press a button to throw an error for the traceback. 
+- [ ] Consider "app_deployed" context for each deployer...
+- [ ] Consider the error messages and if they can be more informative and less opaque -- especially when debugging (e.g. when we always get routed to the decorators that check things...)
+- Notebook deployment debouncer: 
+  - [ ] Probably make this dependent on whether the user is in %matplotlib widget mode or not
+  - [ ] Also probably make it dependent on whether the deployer is in continuous mode or not
+  - [ ] Potentially make the wait_time dynamic depending on how fast the plot method is and how frequently the no comm messages show up... (if we can catch them)
+- [ ] Consider adding a step to the integer parameter...
+- Idea for figure management:
+  - [ ] We could make fig=?, ax=? arguments optional for the plot function and add a
+    "recycle_figure: bool = False" flag be part of the deploy API. This way, an
+    advanced user that wants snappy responsivity or complex figure management can
+    do so, but the default is for the user to generate a new figure object each time.
+- Export options:
+  - [ ] Export lite: export the viewer as a HTML/Java package that contains an incomplete set of renderings of figures -- using a certain set of parameters.
+  - [ ] Export full: export the viewer in a way that contains the data to give full functionality.

syd-0.2.0.dist-info/RECORD

@@ -0,0 +1,19 @@
+syd/__init__.py,sha256=zvTnj6iGMWKHmfuwvTf6bt4A7laMPIJZgNmzVI7Ki3Y,250
+syd/parameters.py,sha256=8LUJz7YwaC1sHmf3q0SevxgT_x78vBBtIpkZbs-WrOU,43846
+syd/support.py,sha256=D-DbzyC1KfQlNYKGQTrDakPw2Yqqqa_Aqtk3bEIMYFw,5523
+syd/viewer.py,sha256=NiQ29y5Kgqfq66OF0Mx70bsm74o4WHeGS6XEbSk4avA,49118
+syd/flask_deployment/__init__.py,sha256=oEa9ttsX_uM27dGIhKKwgvVr-WsQYoD1tzahtRI4TMk,190
+syd/flask_deployment/deployer.py,sha256=ig7LBuIPNkydA31YQBlt0z6LrJzNFQLqyk0p3MexfGU,20518
+syd/flask_deployment/testing_principles.md,sha256=GyULM97sDeie8h3tSPoduOckdMNGyWuwm1RdHo5jzK0,10130
+syd/flask_deployment/static/__init__.py,sha256=ieWE8NKR-APw7h4Ge0ooZGk6wZrneSSs_1cMyTPbQSA,65
+syd/flask_deployment/static/css/styles.css,sha256=ADXqBfc9LaoteY44ZeUajoWluY6fMsh0aEPKtYYZSQM,4326
+syd/flask_deployment/static/js/viewer.js,sha256=LihDHzJBAs8KU6RREl4uN8KOhUibpydzWDRFWN9cz2g,22700
+syd/flask_deployment/templates/__init__.py,sha256=ieWE8NKR-APw7h4Ge0ooZGk6wZrneSSs_1cMyTPbQSA,65
+syd/flask_deployment/templates/index.html,sha256=CAk08WJQ95GcqGjcvXU2GwI7UfBLvyp0BMEUVz04MUQ,1593
+syd/notebook_deployment/__init__.py,sha256=0DZ-psAZBt6dx_a5Dc8wLK-rKTn8yDvTmQOcL6Le3l8,39
+syd/notebook_deployment/deployer.py,sha256=cURP4V3TU5LsB8EDZK_x6oqIqyQAMuojn1onwmf-9_s,11671
+syd/notebook_deployment/widgets.py,sha256=La-mFXyMRlGNgIZo3eWQ91NABVFBJMMLTL2zV5RK1pY,20060
+syd-0.2.0.dist-info/METADATA,sha256=MjOvWcKSGmPbiNjrY1zNHgqAHn_Jv482Gz5Lly50BBI,8025
+syd-0.2.0.dist-info/WHEEL,sha256=qtCwoSJWgHk21S1Kb4ihdzI2rlJ1ZKaIurTj_ngOhyQ,87
+syd-0.2.0.dist-info/licenses/LICENSE,sha256=YF6QR6Vjxcg5b_sYIyqkME7FZYau5TfEUGTG-0JeRK0,35129
+syd-0.2.0.dist-info/RECORD,,

syd/flask_deployment/components.py

@@ -1,497 +0,0 @@
-from abc import ABC, abstractmethod
-from typing import Any, Dict, Generic, List, TypeVar, Union, Optional
-from dataclasses import dataclass
-from markupsafe import Markup
-
-from ..parameters import (
-    Parameter,
-    TextParameter,
-    SelectionParameter,
-    MultipleSelectionParameter,
-    BooleanParameter,
-    IntegerParameter,
-    FloatParameter,
-    IntegerRangeParameter,
-    FloatRangeParameter,
-    UnboundedIntegerParameter,
-    UnboundedFloatParameter,
-    ButtonParameter,
-)
-
-T = TypeVar("T", bound=Parameter[Any])
-
-
-class BaseWebComponent(Generic[T], ABC):
-    """
-    Abstract base class for all web components.
-
-    This class defines the interface for HTML/JS components that correspond
-    to different parameter types in the web deployment.
-    """
-
-    def __init__(self, parameter: T, component_id: str):
-        """
-        Initialize the web component.
-
-        Args:
-            parameter: The parameter this component represents
-            component_id: Unique ID for this component in the DOM
-        """
-        self.parameter = parameter
-        self.component_id = component_id
-
-    @abstractmethod
-    def render_html(self) -> str:
-        """
-        Render the HTML for this component.
-
-        Returns:
-            str: HTML markup for the component
-        """
-        pass
-
-    @abstractmethod
-    def get_js_init(self) -> str:
-        """
-        Get JavaScript code needed to initialize this component.
-
-        Returns:
-            str: JavaScript code that sets up event listeners etc.
-        """
-        pass
-
-    def get_js_update(self, value: Any) -> str:
-        """
-        Get JavaScript code needed to update this component's value.
-
-        Args:
-            value: New value to set
-
-        Returns:
-            str: JavaScript code that updates the component's value
-        """
-        # Default implementation for simple components
-        return f"document.getElementById('{self.component_id}').value = {self._value_to_js(value)};"
-
-    def _value_to_js(self, value: Any) -> str:
-        """Convert a Python value to its JavaScript representation."""
-        if isinstance(value, bool):
-            return str(value).lower()
-        elif isinstance(value, (int, float)):
-            return str(value)
-        elif isinstance(value, str):
-            return f"'{value}'"
-        elif isinstance(value, (list, tuple)):
-            return f"[{', '.join(self._value_to_js(v) for v in value)}]"
-        else:
-            raise ValueError(f"Cannot convert {type(value)} to JavaScript")
-
-
-class TextComponent(BaseWebComponent[TextParameter]):
-    """Component for text input parameters."""
-
-    def render_html(self) -> str:
-        return f"""
-            <div class="form-group">
-                <label for="{self.component_id}">{self.parameter.name}</label>
-                <input type="text" 
-                       class="form-control" 
-                       id="{self.component_id}" 
-                       value="{self.parameter.value}">
-            </div>
-        """
-
-    def get_js_init(self) -> str:
-        return f"""
-            document.getElementById('{self.component_id}').addEventListener('change', (e) => {{
-                updateParameter('{self.parameter.name}', e.target.value);
-            }});
-        """
-
-
-class BooleanComponent(BaseWebComponent[BooleanParameter]):
-    """Component for boolean parameters."""
-
-    def render_html(self) -> str:
-        checked = "checked" if self.parameter.value else ""
-        return f"""
-            <div class="form-check">
-                <input type="checkbox" 
-                       class="form-check-input" 
-                       id="{self.component_id}" 
-                       {checked}>
-                <label class="form-check-label" 
-                       for="{self.component_id}">
-                    {self.parameter.name}
-                </label>
-            </div>
-        """
-
-    def get_js_init(self) -> str:
-        return f"""
-            document.getElementById('{self.component_id}').addEventListener('change', (e) => {{
-                updateParameter('{self.parameter.name}', e.target.checked);
-            }});
-        """
-
-    def get_js_update(self, value: bool) -> str:
-        return f"document.getElementById('{self.component_id}').checked = {str(value).lower()};"
-
-
-class SelectionComponent(BaseWebComponent[SelectionParameter]):
-    """Component for single selection parameters."""
-
-    def render_html(self) -> str:
-        options = []
-        for opt in self.parameter.options:
-            selected = "selected" if opt == self.parameter.value else ""
-            options.append(f'<option value="{opt}" {selected}>{opt}</option>')
-
-        return f"""
-            <div class="form-group">
-                <label for="{self.component_id}">{self.parameter.name}</label>
-                <select class="form-control" id="{self.component_id}">
-                    {"".join(options)}
-                </select>
-            </div>
-        """
-
-    def get_js_init(self) -> str:
-        return f"""
-            document.getElementById('{self.component_id}').addEventListener('change', (e) => {{
-                updateParameter('{self.parameter.name}', e.target.value);
-            }});
-        """
-
-
-class MultipleSelectionComponent(BaseWebComponent[MultipleSelectionParameter]):
-    """Component for multiple selection parameters."""
-
-    def render_html(self) -> str:
-        options = []
-        for opt in self.parameter.options:
-            selected = "selected" if opt in self.parameter.value else ""
-            options.append(f'<option value="{opt}" {selected}>{opt}</option>')
-
-        return f"""
-            <div class="form-group">
-                <label for="{self.component_id}">{self.parameter.name}</label>
-                <select multiple class="form-control" id="{self.component_id}">
-                    {"".join(options)}
-                </select>
-            </div>
-        """
-
-    def get_js_init(self) -> str:
-        return f"""
-            document.getElementById('{self.component_id}').addEventListener('change', (e) => {{
-                const selected = Array.from(e.target.selectedOptions).map(opt => opt.value);
-                updateParameter('{self.parameter.name}', selected);
-            }});
-        """
-
-    def get_js_update(self, values: List[str]) -> str:
-        # More complex update for multi-select
-        return f"""
-            const sel = document.getElementById('{self.component_id}');
-            Array.from(sel.options).forEach(opt => {{
-                opt.selected = {self._value_to_js(values)}.includes(opt.value);
-            }});
-        """
-
-
-class SliderMixin:
-    """Shared functionality for slider components."""
-
-    def _get_slider_js_init(self, component_id: str, param_name: str) -> str:
-        return f"""
-            noUiSlider.create(document.getElementById('{component_id}'), {{
-                start: {self._value_to_js(self.parameter.value)},
-                connect: true,
-                range: {{
-                    'min': {self.parameter.min_value},
-                    'max': {self.parameter.max_value}
-                }}
-            }}).on('change', (values) => {{
-                updateParameter('{param_name}', parseFloat(values[0]));
-                const value = parseFloat(values[0]);
-                // Update the display text
-                document.getElementById('{component_id}_display').textContent = value.toFixed(2);
-                debouncedUpdateParameter('{param_name}', value);
-            }});
-        """
-
-
-class IntegerComponent(SliderMixin, BaseWebComponent[IntegerParameter]):
-    """Component for integer parameters."""
-
-    def render_html(self) -> str:
-        return f"""
-            <div class="form-group">
-                <label for="{self.component_id}">{self.parameter.name}</label>
-                <div id="{self.component_id}" class="slider"></div>
-                <span id="{self.component_id}_display" class="value-display">{self.parameter.value}</span>
-            </div>
-        """
-
-    def get_js_init(self) -> str:
-        return self._get_slider_js_init(self.component_id, self.parameter.name)
-
-
-class FloatComponent(SliderMixin, BaseWebComponent[FloatParameter]):
-    """Component for float parameters."""
-
-    def render_html(self) -> str:
-        return f"""
-            <div class="form-group">
-                <label for="{self.component_id}">{self.parameter.name}</label>
-                <div id="{self.component_id}" class="slider"></div>
-                <span id="{self.component_id}_display" class="value-display">{self.parameter.value:.2f}</span>
-            </div>
-        """
-
-    def get_js_init(self) -> str:
-        return self._get_slider_js_init(self.component_id, self.parameter.name)
-
-
-class RangeSliderMixin:
-    """Shared functionality for range slider components."""
-
-    def _get_range_slider_js_init(self, component_id: str, param_name: str) -> str:
-        return f"""
-            noUiSlider.create(document.getElementById('{component_id}'), {{
-                start: {self._value_to_js(self.parameter.value)},
-                connect: true,
-                range: {{
-                    'min': {self.parameter.min_value},
-                    'max': {self.parameter.max_value}
-                }}
-            }}).on('change', (values) => {{
-                updateParameter('{param_name}', [
-                    parseFloat(values[0]), 
-                    parseFloat(values[1])
-                ]);
-            }});
-        """
-
-
-class IntegerRangeComponent(RangeSliderMixin, BaseWebComponent[IntegerRangeParameter]):
-    """Component for integer range parameters."""
-
-    def render_html(self) -> str:
-        low, high = self.parameter.value
-        return f"""
-            <div class="form-group">
-                <label for="{self.component_id}">{self.parameter.name}</label>
-                <div id="{self.component_id}" class="range-slider"></div>
-                <span class="value-display">{low} - {high}</span>
-            </div>
-        """
-
-    def get_js_init(self) -> str:
-        return self._get_range_slider_js_init(self.component_id, self.parameter.name)
-
-
-class FloatRangeComponent(RangeSliderMixin, BaseWebComponent[FloatRangeParameter]):
-    """Component for float range parameters."""
-
-    def render_html(self) -> str:
-        low, high = self.parameter.value
-        return f"""
-            <div class="form-group">
-                <label for="{self.component_id}">{self.parameter.name}</label>
-                <div id="{self.component_id}" class="range-slider"></div>
-                <span class="value-display">{low:.2f} - {high:.2f}</span>
-            </div>
-        """
-
-    def get_js_init(self) -> str:
-        return self._get_range_slider_js_init(self.component_id, self.parameter.name)
-
-
-class UnboundedIntegerComponent(BaseWebComponent[UnboundedIntegerParameter]):
-    """Component for unbounded integer parameters."""
-
-    def render_html(self) -> str:
-        min_attr = (
-            f'min="{self.parameter.min_value}"'
-            if self.parameter.min_value is not None
-            else ""
-        )
-        max_attr = (
-            f'max="{self.parameter.max_value}"'
-            if self.parameter.max_value is not None
-            else ""
-        )
-
-        return f"""
-            <div class="form-group">
-                <label for="{self.component_id}">{self.parameter.name}</label>
-                <input type="number" 
-                       class="form-control" 
-                       id="{self.component_id}" 
-                       value="{self.parameter.value}"
-                       {min_attr}
-                       {max_attr}
-                       step="1">
-            </div>
-        """
-
-    def get_js_init(self) -> str:
-        return f"""
-            document.getElementById('{self.component_id}').addEventListener('change', (e) => {{
-                updateParameter('{self.parameter.name}', parseInt(e.target.value));
-            }});
-        """
-
-
-class UnboundedFloatComponent(BaseWebComponent[UnboundedFloatParameter]):
-    """Component for unbounded float parameters."""
-
-    def render_html(self) -> str:
-        min_attr = (
-            f'min="{self.parameter.min_value}"'
-            if self.parameter.min_value is not None
-            else ""
-        )
-        max_attr = (
-            f'max="{self.parameter.max_value}"'
-            if self.parameter.max_value is not None
-            else ""
-        )
-        step_attr = (
-            f'step="{self.parameter.step}"' if self.parameter.step is not None else ""
-        )
-
-        return f"""
-            <div class="form-group">
-                <label for="{self.component_id}">{self.parameter.name}</label>
-                <input type="number" 
-                       class="form-control" 
-                       id="{self.component_id}" 
-                       value="{self.parameter.value}"
-                       {min_attr}
-                       {max_attr}
-                       {step_attr}>
-            </div>
-        """
-
-    def get_js_init(self) -> str:
-        return f"""
-            document.getElementById('{self.component_id}').addEventListener('change', (e) => {{
-                updateParameter('{self.parameter.name}', parseFloat(e.target.value));
-            }});
-        """
-
-
-class ButtonComponent(BaseWebComponent[ButtonParameter]):
-    """Component for button parameters."""
-
-    def render_html(self) -> str:
-        return f"""
-            <div class="form-group">
-                <button type="button" 
-                        class="btn btn-primary" 
-                        id="{self.component_id}">
-                    {self.parameter.label}
-                </button>
-            </div>
-        """
-
-    def get_js_init(self) -> str:
-        return f"""
-            document.getElementById('{self.component_id}').addEventListener('click', () => {{
-                buttonClick('{self.parameter.name}');
-            }});
-        """
-
-
-def create_web_component(
-    parameter: Parameter[Any], component_id: str
-) -> BaseWebComponent[Parameter[Any]]:
-    """Create and return the appropriate web component for the given parameter."""
-
-    component_map = {
-        TextParameter: TextComponent,
-        BooleanParameter: BooleanComponent,
-        SelectionParameter: SelectionComponent,
-        MultipleSelectionParameter: MultipleSelectionComponent,
-        IntegerParameter: IntegerComponent,
-        FloatParameter: FloatComponent,
-        IntegerRangeParameter: IntegerRangeComponent,
-        FloatRangeParameter: FloatRangeComponent,
-        UnboundedIntegerParameter: UnboundedIntegerComponent,
-        UnboundedFloatParameter: UnboundedFloatComponent,
-        ButtonParameter: ButtonComponent,
-    }
-
-    component_class = component_map.get(type(parameter))
-    if component_class is None:
-        raise ValueError(
-            f"No component implementation for parameter type: {type(parameter)}"
-        )
-
-    return component_class(parameter, component_id)
-
-
-class WebComponentCollection:
-    """
-    Manages a collection of web components for a viewer's parameters.
-
-    This class helps organize all the components needed for a viewer,
-    handling their creation, initialization, and updates.
-    """
-
-    def __init__(self):
-        self.components: Dict[str, BaseWebComponent] = {}
-
-    def add_component(self, name: str, parameter: Parameter[Any]) -> None:
-        """Add a new component for the given parameter."""
-        component_id = f"param_{name}"
-        self.components[name] = create_web_component(parameter, component_id)
-
-    def get_all_html(self) -> str:
-        """Get the combined HTML for all components."""
-        return "\n".join(comp.render_html() for comp in self.components.values())
-
-    def get_init_js(self) -> str:
-        """Get the combined initialization JavaScript for all components."""
-        return "\n".join(comp.get_js_init() for comp in self.components.values())
-
-    def get_update_js(self, name: str, value: Any) -> str:
-        """Get the JavaScript to update a specific component's value."""
-        if name not in self.components:
-            raise ValueError(f"No component found for parameter: {name}")
-        return self.components[name].get_js_update(value)
-
-    def get_required_css(self) -> List[str]:
-        """Get list of CSS files required by the components."""
-        return [
-            "https://cdn.jsdelivr.net/npm/nouislider@14.6.3/distribute/nouislider.min.css",
-            "https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css",
-        ]
-
-    def get_required_js(self) -> List[str]:
-        """Get list of JavaScript files required by the components."""
-        return [
-            "https://cdn.jsdelivr.net/npm/nouislider@14.6.3/distribute/nouislider.min.js",
-            "https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js",
-        ]
-
-    def get_custom_styles(self) -> str:
-        """Get custom CSS styles needed for the components."""
-        return """
-            .slider, .range-slider {
-                margin: 10px 0;
-            }
-            .value-display {
-                display: block;
-                text-align: center;
-                margin-top: 5px;
-                font-size: 0.9em;
-                color: #666;
-            }
-            .form-group {
-                margin-bottom: 1rem;
-            }
-        """