reflex-xyflow 0.0.1__tar.gz

reflex_xyflow-0.0.1/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or Derivative
+          Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work, excluding
+          those notices that do not pertain to any part of the Derivative
+          Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and do
+          not modify the License. You may add Your own attribution notices
+          within Derivative Works that You distribute, alongside or as an
+          addendum to the NOTICE text from the Work, provided that such
+          additional attribution notices cannot be construed as modifying
+          the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions for
+      use, reproduction, or distribution of Your modifications, or for any
+      such Derivative Works as a whole, provided Your use, reproduction,
+      and distribution of the Work otherwise complies with the conditions
+      stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2026 Ernesto Crespo
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

reflex_xyflow-0.0.1/PKG-INFO

@@ -0,0 +1,191 @@
+Metadata-Version: 2.4
+Name: reflex-xyflow
+Version: 0.0.1
+Summary: A Reflex custom component wrapping xyflow / React Flow (@xyflow/react) for building node-based UIs, flow charts, diagrams and graphs in pure Python.
+Author-email: Ernesto Crespo <ecrespo@gmail.com>
+License: Apache-2.0
+Project-URL: Homepage, https://github.com/ecrespo/reflex-xyflow
+Project-URL: Repository, https://github.com/ecrespo/reflex-xyflow
+Project-URL: Documentation, https://github.com/ecrespo/reflex-xyflow#readme
+Project-URL: Bug Tracker, https://github.com/ecrespo/reflex-xyflow/issues
+Keywords: reflex,reflex-custom-components,xyflow,react-flow,reactflow,node-editor,diagrams,graphs,flowchart
+Classifier: Development Status :: 3 - Alpha
+Classifier: Intended Audience :: Developers
+Classifier: License :: OSI Approved :: Apache Software License
+Classifier: Programming Language :: Python :: 3
+Classifier: Programming Language :: Python :: 3.10
+Classifier: Programming Language :: Python :: 3.11
+Classifier: Programming Language :: Python :: 3.12
+Classifier: Operating System :: OS Independent
+Classifier: Topic :: Software Development :: Libraries :: Python Modules
+Requires-Python: >=3.10
+Description-Content-Type: text/markdown
+License-File: LICENSE
+Requires-Dist: reflex>=0.7.0
+Provides-Extra: dev
+Requires-Dist: build; extra == "dev"
+Requires-Dist: twine; extra == "dev"
+Requires-Dist: pytest>=7.0; extra == "dev"
+Requires-Dist: pytest-cov; extra == "dev"
+Requires-Dist: pre-commit; extra == "dev"
+Requires-Dist: ruff; extra == "dev"
+Dynamic: license-file
+
+# reflex-xyflow
+
+A [Reflex](https://reflex.dev) custom component that wraps
+[xyflow / React Flow](https://github.com/xyflow/xyflow) (`@xyflow/react`, v12),
+so you can build node-based UIs — flow charts, diagrams, graphs, pipelines and
+no-code editors — in **pure Python**.
+
+> Status: **alpha** (v0.0.1). Core controlled-graph functionality works; see the
+> [roadmap](docs/sdd/01-phases.md).
+
+---
+
+## Features
+
+- Controlled graph driven entirely from Reflex server state (`nodes` / `edges`
+  as plain dicts).
+- Wrapped components: `ReactFlow`, `Background`, `Controls`, `MiniMap`, `Panel`,
+  `Handle`, `NodeResizer`, `NodeToolbar`.
+- Rich event surface: change / connect / drag / selection / pane / delete
+  handlers, forwarded as Python event handlers.
+- Pure-Python state reducers (`apply_node_changes`, `apply_edge_changes`,
+  `add_edge`) that mirror React Flow's client-side helpers.
+- Automatic stylesheet injection and React Flow 12 color modes
+  (`light` / `dark` / `system`).
+
+## Installation
+
+Using `uv` (recommended):
+
+```bash
+uv pip install reflex-xyflow
+```
+
+Using `pip`:
+
+```bash
+pip install reflex-xyflow
+```
+
+## Quick start
+
+```python
+import reflex as rx
+import reflex_xyflow as xyflow
+from reflex_xyflow import add_edge, apply_node_changes, apply_edge_changes
+
+
+class State(rx.State):
+    nodes: list[dict] = [
+        {"id": "1", "type": "input", "data": {"label": "Start"},
+         "position": {"x": 250, "y": 25}},
+        {"id": "2", "data": {"label": "Middle"}, "position": {"x": 100, "y": 125}},
+        {"id": "3", "type": "output", "data": {"label": "End"},
+         "position": {"x": 250, "y": 250}},
+    ]
+    edges: list[dict] = [
+        {"id": "e1-2", "source": "1", "target": "2", "animated": True},
+        {"id": "e2-3", "source": "2", "target": "3"},
+    ]
+
+    @rx.event
+    def on_nodes_change(self, changes: list[dict]):
+        self.nodes = apply_node_changes(changes, self.nodes)
+
+    @rx.event
+    def on_edges_change(self, changes: list[dict]):
+        self.edges = apply_edge_changes(changes, self.edges)
+
+    @rx.event
+    def on_connect(self, connection: dict):
+        self.edges = add_edge(connection, self.edges)
+
+
+def index() -> rx.Component:
+    return rx.box(
+        xyflow.react_flow(
+            xyflow.background(variant="dots", gap=16),
+            xyflow.controls(),
+            xyflow.mini_map(zoomable=True, pannable=True),
+            nodes=State.nodes,
+            edges=State.edges,
+            on_nodes_change=State.on_nodes_change,
+            on_edges_change=State.on_edges_change,
+            on_connect=State.on_connect,
+            fit_view=True,
+        ),
+        width="100vw",
+        height="100vh",
+    )
+
+
+app = rx.App()
+app.add_page(index)
+```
+
+> **Sizing**: `ReactFlow` fills its parent (`width/height: 100%`). Always place
+> it inside a sized container (e.g. a `rx.box` with an explicit height).
+
+## Components
+
+| Component | Factory | Purpose |
+|-----------|---------|---------|
+| `ReactFlow` | `xyflow.react_flow` | The canvas; holds nodes, edges and events. |
+| `ReactFlowProvider` | `xyflow.react_flow_provider` | Context for hooks outside the canvas. |
+| `Background` | `xyflow.background` | Dots / lines / cross pattern. |
+| `Controls` | `xyflow.controls` | Zoom / fit-view / lock controls. |
+| `MiniMap` | `xyflow.mini_map` | Overview map. |
+| `Panel` | `xyflow.panel` | Positioned overlay for toolbars. |
+| `Handle` | `xyflow.handle` | Connection point in a custom node. |
+| `NodeResizer` | `xyflow.node_resizer` | Resize handles for a node. |
+| `NodeToolbar` | `xyflow.node_toolbar` | Floating toolbar on a node. |
+
+See the [specification](docs/sdd/02-specification.md) for the full prop and
+event catalogue, and the [data model](docs/sdd/04-data-model.md) for node/edge
+shapes.
+
+## Demo app
+
+A multi-page demo (Overview, Interactive, Backgrounds, Styling) lives in
+[`xyflow_demo/`](xyflow_demo/):
+
+```bash
+cd xyflow_demo
+uv pip install -e ..        # install the component in editable mode
+reflex run
+```
+
+## Documentation
+
+- [SDD overview](docs/sdd/00-overview.md)
+- [Phases & roadmap](docs/sdd/01-phases.md)
+- [Specification](docs/sdd/02-specification.md)
+- [Architecture](docs/sdd/03-architecture.md)
+- [Data model](docs/sdd/04-data-model.md)
+- [Implementation plan](docs/sdd/05-implementation-plan.md)
+- [Tasks](docs/sdd/06-tasks.md)
+- [Publishing guide](docs/PUBLISHING.md)
+
+## Development
+
+This project uses `uv`. Reproduce the Reflex custom-component layout via
+`reflex component init` or work directly in this repo:
+
+```bash
+uv venv && source .venv/bin/activate
+uv pip install -e ".[dev]"
+ruff check .
+```
+
+## Acknowledgements
+
+- [xyflow / React Flow](https://github.com/xyflow/xyflow) by the xyflow team
+  (MIT).
+- [Reflex](https://github.com/reflex-dev/reflex) (Apache-2.0).
+
+## License
+
+Apache-2.0 — see [LICENSE](LICENSE).

reflex_xyflow-0.0.1/README.md

@@ -0,0 +1,158 @@
+# reflex-xyflow
+
+A [Reflex](https://reflex.dev) custom component that wraps
+[xyflow / React Flow](https://github.com/xyflow/xyflow) (`@xyflow/react`, v12),
+so you can build node-based UIs — flow charts, diagrams, graphs, pipelines and
+no-code editors — in **pure Python**.
+
+> Status: **alpha** (v0.0.1). Core controlled-graph functionality works; see the
+> [roadmap](docs/sdd/01-phases.md).
+
+---
+
+## Features
+
+- Controlled graph driven entirely from Reflex server state (`nodes` / `edges`
+  as plain dicts).
+- Wrapped components: `ReactFlow`, `Background`, `Controls`, `MiniMap`, `Panel`,
+  `Handle`, `NodeResizer`, `NodeToolbar`.
+- Rich event surface: change / connect / drag / selection / pane / delete
+  handlers, forwarded as Python event handlers.
+- Pure-Python state reducers (`apply_node_changes`, `apply_edge_changes`,
+  `add_edge`) that mirror React Flow's client-side helpers.
+- Automatic stylesheet injection and React Flow 12 color modes
+  (`light` / `dark` / `system`).
+
+## Installation
+
+Using `uv` (recommended):
+
+```bash
+uv pip install reflex-xyflow
+```
+
+Using `pip`:
+
+```bash
+pip install reflex-xyflow
+```
+
+## Quick start
+
+```python
+import reflex as rx
+import reflex_xyflow as xyflow
+from reflex_xyflow import add_edge, apply_node_changes, apply_edge_changes
+
+
+class State(rx.State):
+    nodes: list[dict] = [
+        {"id": "1", "type": "input", "data": {"label": "Start"},
+         "position": {"x": 250, "y": 25}},
+        {"id": "2", "data": {"label": "Middle"}, "position": {"x": 100, "y": 125}},
+        {"id": "3", "type": "output", "data": {"label": "End"},
+         "position": {"x": 250, "y": 250}},
+    ]
+    edges: list[dict] = [
+        {"id": "e1-2", "source": "1", "target": "2", "animated": True},
+        {"id": "e2-3", "source": "2", "target": "3"},
+    ]
+
+    @rx.event
+    def on_nodes_change(self, changes: list[dict]):
+        self.nodes = apply_node_changes(changes, self.nodes)
+
+    @rx.event
+    def on_edges_change(self, changes: list[dict]):
+        self.edges = apply_edge_changes(changes, self.edges)
+
+    @rx.event
+    def on_connect(self, connection: dict):
+        self.edges = add_edge(connection, self.edges)
+
+
+def index() -> rx.Component:
+    return rx.box(
+        xyflow.react_flow(
+            xyflow.background(variant="dots", gap=16),
+            xyflow.controls(),
+            xyflow.mini_map(zoomable=True, pannable=True),
+            nodes=State.nodes,
+            edges=State.edges,
+            on_nodes_change=State.on_nodes_change,
+            on_edges_change=State.on_edges_change,
+            on_connect=State.on_connect,
+            fit_view=True,
+        ),
+        width="100vw",
+        height="100vh",
+    )
+
+
+app = rx.App()
+app.add_page(index)
+```
+
+> **Sizing**: `ReactFlow` fills its parent (`width/height: 100%`). Always place
+> it inside a sized container (e.g. a `rx.box` with an explicit height).
+
+## Components
+
+| Component | Factory | Purpose |
+|-----------|---------|---------|
+| `ReactFlow` | `xyflow.react_flow` | The canvas; holds nodes, edges and events. |
+| `ReactFlowProvider` | `xyflow.react_flow_provider` | Context for hooks outside the canvas. |
+| `Background` | `xyflow.background` | Dots / lines / cross pattern. |
+| `Controls` | `xyflow.controls` | Zoom / fit-view / lock controls. |
+| `MiniMap` | `xyflow.mini_map` | Overview map. |
+| `Panel` | `xyflow.panel` | Positioned overlay for toolbars. |
+| `Handle` | `xyflow.handle` | Connection point in a custom node. |
+| `NodeResizer` | `xyflow.node_resizer` | Resize handles for a node. |
+| `NodeToolbar` | `xyflow.node_toolbar` | Floating toolbar on a node. |
+
+See the [specification](docs/sdd/02-specification.md) for the full prop and
+event catalogue, and the [data model](docs/sdd/04-data-model.md) for node/edge
+shapes.
+
+## Demo app
+
+A multi-page demo (Overview, Interactive, Backgrounds, Styling) lives in
+[`xyflow_demo/`](xyflow_demo/):
+
+```bash
+cd xyflow_demo
+uv pip install -e ..        # install the component in editable mode
+reflex run
+```
+
+## Documentation
+
+- [SDD overview](docs/sdd/00-overview.md)
+- [Phases & roadmap](docs/sdd/01-phases.md)
+- [Specification](docs/sdd/02-specification.md)
+- [Architecture](docs/sdd/03-architecture.md)
+- [Data model](docs/sdd/04-data-model.md)
+- [Implementation plan](docs/sdd/05-implementation-plan.md)
+- [Tasks](docs/sdd/06-tasks.md)
+- [Publishing guide](docs/PUBLISHING.md)
+
+## Development
+
+This project uses `uv`. Reproduce the Reflex custom-component layout via
+`reflex component init` or work directly in this repo:
+
+```bash
+uv venv && source .venv/bin/activate
+uv pip install -e ".[dev]"
+ruff check .
+```
+
+## Acknowledgements
+
+- [xyflow / React Flow](https://github.com/xyflow/xyflow) by the xyflow team
+  (MIT).
+- [Reflex](https://github.com/reflex-dev/reflex) (Apache-2.0).
+
+## License
+
+Apache-2.0 — see [LICENSE](LICENSE).

reflex_xyflow-0.0.1/custom_components/reflex_xyflow/__init__.py

@@ -0,0 +1,147 @@
+"""reflex-xyflow: a Reflex custom component wrapping ``@xyflow/react``.
+
+Import the factory functions to build node-based UIs in pure Python::
+
+    import reflex as rx
+    import reflex_xyflow as xyflow
+
+    def index():
+        return rx.box(
+            xyflow.react_flow(
+                xyflow.background(),
+                xyflow.controls(),
+                xyflow.mini_map(),
+                nodes=State.nodes,
+                edges=State.edges,
+                on_nodes_change=State.on_nodes_change,
+                on_connect=State.on_connect,
+                fit_view=True,
+            ),
+            width="100vw",
+            height="100vh",
+        )
+"""
+
+from __future__ import annotations
+
+from ._base import XYFLOW_NPM_PACKAGE, XYFLOW_NPM_VERSION
+from .components import (
+    Background,
+    Controls,
+    Handle,
+    MiniMap,
+    NodeResizer,
+    NodeToolbar,
+    Panel,
+    background,
+    controls,
+    handle,
+    mini_map,
+    node_resizer,
+    node_toolbar,
+    panel,
+)
+from .custom import XYFlowCustomTypes, custom_types, js_component
+from .enums import (
+    BackgroundVariant,
+    ColorMode,
+    ConnectionLineType,
+    ConnectionMode,
+    HandleType,
+    MarkerType,
+    PanOnScrollMode,
+    Position,
+    SelectionMode,
+)
+from .flow import (
+    ReactFlow,
+    ReactFlowProvider,
+    react_flow,
+    react_flow_provider,
+)
+from .imperative import (
+    XYFlowController,
+    download_image,
+    fit_view,
+    flow_controller,
+    get_edges,
+    get_nodes,
+    get_viewport,
+    set_center,
+    set_viewport,
+    zoom_in,
+    zoom_out,
+)
+from .utils import (
+    add_edge,
+    apply_edge_changes,
+    apply_node_changes,
+    deserialize_graph,
+    layout_nodes,
+    reconnect_edge,
+    serialize_graph,
+)
+
+__version__ = "0.0.1"
+
+__all__ = [
+    # version / package metadata
+    "__version__",
+    "XYFLOW_NPM_PACKAGE",
+    "XYFLOW_NPM_VERSION",
+    # core flow
+    "ReactFlow",
+    "ReactFlowProvider",
+    "react_flow",
+    "react_flow_provider",
+    # components (classes)
+    "Background",
+    "Controls",
+    "MiniMap",
+    "Panel",
+    "Handle",
+    "NodeResizer",
+    "NodeToolbar",
+    # components (factories)
+    "background",
+    "controls",
+    "mini_map",
+    "panel",
+    "handle",
+    "node_resizer",
+    "node_toolbar",
+    # enums
+    "Position",
+    "HandleType",
+    "BackgroundVariant",
+    "ConnectionMode",
+    "ConnectionLineType",
+    "MarkerType",
+    "PanOnScrollMode",
+    "SelectionMode",
+    "ColorMode",
+    # utils
+    "apply_node_changes",
+    "apply_edge_changes",
+    "add_edge",
+    "reconnect_edge",
+    "serialize_graph",
+    "deserialize_graph",
+    "layout_nodes",
+    # imperative useReactFlow API
+    "XYFlowController",
+    "flow_controller",
+    "fit_view",
+    "zoom_in",
+    "zoom_out",
+    "set_viewport",
+    "set_center",
+    "get_nodes",
+    "get_edges",
+    "get_viewport",
+    "download_image",
+    # custom node/edge types
+    "js_component",
+    "custom_types",
+    "XYFlowCustomTypes",
+]