reflex-charts 0.1.0__tar.gz

reflex_charts-0.1.0/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_charts-0.1.0/NOTICE

@@ -0,0 +1,13 @@
+reflex-charts
+Copyright 2026 Ernesto Crespo
+
+This product is a Reflex (https://reflex.dev) custom component that wraps the
+following third-party software, which is downloaded at build time and is NOT
+redistributed as part of this source repository:
+
+  - Chart.js          (MIT License)  https://www.chartjs.org
+  - react-chartjs-2   (MIT License)  https://react-chartjs-2.js.org
+
+Chart.js and react-chartjs-2 are the property of their respective authors and
+are used here under the terms of the MIT License. This repository itself is
+licensed under the Apache License, Version 2.0 (see the LICENSE file).

reflex_charts-0.1.0/PKG-INFO

@@ -0,0 +1,186 @@
+Metadata-Version: 2.4
+Name: reflex-charts
+Version: 0.1.0
+Summary: A Reflex custom component that wraps Chart.js (via react-chartjs-2), usable from pure Python.
+Author-email: Ernesto Crespo <ecrespo@gmail.com>
+License: Apache-2.0
+Project-URL: Homepage, https://github.com/ecrespo/reflex-charts
+Project-URL: Repository, https://github.com/ecrespo/reflex-charts
+Project-URL: Issues, https://github.com/ecrespo/reflex-charts/issues
+Keywords: reflex,reflex-custom-components,chartjs,chart.js,charts,react-chartjs-2,dataviz
+Classifier: Development Status :: 3 - Alpha
+Classifier: License :: OSI Approved :: Apache Software License
+Classifier: Programming Language :: Python :: 3
+Classifier: Topic :: Scientific/Engineering :: Visualization
+Requires-Python: >=3.11
+Description-Content-Type: text/markdown
+License-File: LICENSE
+License-File: NOTICE
+Requires-Dist: reflex>=0.8.6
+Provides-Extra: dev
+Requires-Dist: pytest>=8; extra == "dev"
+Provides-Extra: publish
+Requires-Dist: build; extra == "publish"
+Requires-Dist: twine; extra == "publish"
+Dynamic: license-file
+
+# reflex-charts
+
+**Chart.js for [Reflex](https://reflex.dev) — every chart type, from pure Python.**
+
+`reflex-charts` is a Reflex custom component that wraps
+[Chart.js](https://www.chartjs.org) (via its React bindings,
+[react-chartjs-2](https://react-chartjs-2.js.org)). It exposes the full Chart.js
+feature set through a small, Pythonic API so you can build interactive,
+reactive charts in a Reflex app without writing any JavaScript.
+
+> Status: **v0.1.0 — foundation.** Base wrapper, generic component, typed
+> factories, data builders, and a demo gallery covering every chart type.
+
+## Features
+
+- **All eight Chart.js types** from one versatile component: line, bar, radar,
+  doughnut, pie, polar area, bubble, scatter — plus area, horizontal bar and
+  mixed variants.
+- **Pure Python.** Configure charts with `data`/`options` dicts that mirror the
+  Chart.js docs one-to-one. Any chartjs.org example pastes straight in.
+- **Reactive.** Bind chart data to `rx.State` computed vars; charts update when
+  state changes.
+- **Interactive.** Surface the canvas `on_click` event (with the clicked
+  elements) as a Reflex event handler.
+- **Zero setup.** All Chart.js controllers, scales and plugins are registered
+  automatically — no manual `Chart.register(...)`.
+- **Optional builders** for datasets, palettes and options; raw dicts always work.
+
+## Install
+
+```bash
+pip install reflex-charts        # once published to PyPI
+# or from a clone:
+pip install -e .
+```
+
+Requires Reflex ≥ 0.8.6 and Python ≥ 3.11.
+
+## Quick start
+
+```python
+import reflex as rx
+import reflex_charts as rxc
+
+data = rxc.chart_data(
+    labels=["Jan", "Feb", "Mar", "Apr"],
+    datasets=[rxc.dataset("Sales", [10, 25, 18, 30], tension=0.3)],
+)
+
+def index() -> rx.Component:
+    return rx.box(
+        rxc.line(data=data, options=rxc.options(title="Monthly sales")),
+        height="320px",
+        width="100%",
+    )
+
+app = rx.App()
+app.add_page(index)
+```
+
+Put charts in a **fixed-height box** — the `options()` builder sets
+`maintainAspectRatio=False` so the chart fills its container.
+
+## Chart types
+
+| Factory | Type | Notes |
+|---------|------|-------|
+| `rxc.line(...)` | `line` | area via dataset `fill` |
+| `rxc.bar(...)` | `bar` | horizontal via `options(indexAxis="y")` |
+| `rxc.radar(...)` | `radar` | |
+| `rxc.doughnut(...)` | `doughnut` | |
+| `rxc.pie(...)` | `pie` | |
+| `rxc.polar_area(...)` | `polarArea` | |
+| `rxc.bubble(...)` | `bubble` | points `{x, y, r}` |
+| `rxc.scatter(...)` | `scatter` | points `{x, y}` |
+| `rxc.chart(type=..., ...)` | any | generic / mixed / runtime-chosen |
+
+See [`docs/usage.md`](docs/usage.md) for an example of each.
+
+## Run the demo
+
+A standalone demo app (`reflex_charts_demo/`) shows a gallery of every chart
+type plus a state-driven, click-aware interactive example.
+
+```bash
+pip install -e .                 # install the component (editable)
+cd reflex_charts_demo
+reflex run                       # open http://localhost:3000
+```
+
+## Build & publish (custom component)
+
+This repo follows the [Reflex custom-component](https://reflex.dev/docs/custom-components/overview/)
+layout, so the standard tooling works:
+
+```bash
+reflex component build           # build the wheel/sdist into dist/
+reflex component publish         # upload to PyPI (needs a PyPI token)
+```
+
+The build ships typed `.pyi` stubs (and a `py.typed` marker) for editor
+autocomplete. To **regenerate** the stubs after changing component props, make
+the source importable by its on-disk path so Reflex's stub generator can load it:
+
+```bash
+PYTHONPATH="$PWD" reflex component build
+```
+
+## Project layout
+
+```
+reflex-charts/
+├── custom_components/
+│   └── reflex_charts/          # the importable component package (PyPI: reflex-charts)
+│       ├── base.py             # ChartJSBase: deps + Chart.js registration
+│       ├── chart.py            # ChartCanvas + typed factories
+│       ├── helpers.py          # dataset / chart_data / options builders
+│       ├── constants.py        # npm pins, chart types, palette
+│       └── examples/data.py    # canonical sample figures
+├── reflex_charts_demo/         # standalone demo app (gallery + interactive)
+│   ├── rxconfig.py
+│   └── reflex_charts_demo/reflex_charts_demo.py
+├── specs/                      # Spec-Driven Design artifacts (see below)
+├── docs/usage.md               # usage guide
+├── tests/                      # unit tests
+└── scripts/                    # GitHub bootstrap helper
+```
+
+## Design docs (Spec-Driven Design)
+
+This repository is built spec-first. The full SDD set lives in
+[`specs/`](specs/README.md):
+
+- [Specification / PRD](specs/prd/reflex-charts-prd.md)
+- [Architecture](specs/technical/architecture.md) (incl. ADRs)
+- [Component API v1](specs/api/component-api-v1.md)
+- [Data model](specs/data-model/chart-data-schemas.md)
+- [Phases](specs/phases/phases.md)
+- [Implementation plan](specs/plans/implementation-plan.md)
+- [Task breakdown](specs/tasks/task-breakdown.md)
+
+## How it works
+
+Reflex compiles Python components to React. `reflex-charts` declares a component
+whose generated JSX is the generic `<Chart>` from `react-chartjs-2`, with
+Chart.js registered globally (`Chart.register(...registerables)`) so any `type`
+renders. Your `data`/`options` dicts are serialized to props; on interaction,
+Chart.js events are forwarded back to your Reflex state. See the
+[architecture doc](specs/technical/architecture.md) for the details and the
+decision records.
+
+## Acknowledgements
+
+Built on the excellent [Chart.js](https://www.chartjs.org) and
+[react-chartjs-2](https://react-chartjs-2.js.org) projects (both MIT licensed —
+see [`NOTICE`](NOTICE)) and the [Reflex](https://reflex.dev) framework.
+
+## License
+
+[Apache-2.0](LICENSE) © 2026 Ernesto Crespo.

reflex_charts-0.1.0/README.md

@@ -0,0 +1,160 @@
+# reflex-charts
+
+**Chart.js for [Reflex](https://reflex.dev) — every chart type, from pure Python.**
+
+`reflex-charts` is a Reflex custom component that wraps
+[Chart.js](https://www.chartjs.org) (via its React bindings,
+[react-chartjs-2](https://react-chartjs-2.js.org)). It exposes the full Chart.js
+feature set through a small, Pythonic API so you can build interactive,
+reactive charts in a Reflex app without writing any JavaScript.
+
+> Status: **v0.1.0 — foundation.** Base wrapper, generic component, typed
+> factories, data builders, and a demo gallery covering every chart type.
+
+## Features
+
+- **All eight Chart.js types** from one versatile component: line, bar, radar,
+  doughnut, pie, polar area, bubble, scatter — plus area, horizontal bar and
+  mixed variants.
+- **Pure Python.** Configure charts with `data`/`options` dicts that mirror the
+  Chart.js docs one-to-one. Any chartjs.org example pastes straight in.
+- **Reactive.** Bind chart data to `rx.State` computed vars; charts update when
+  state changes.
+- **Interactive.** Surface the canvas `on_click` event (with the clicked
+  elements) as a Reflex event handler.
+- **Zero setup.** All Chart.js controllers, scales and plugins are registered
+  automatically — no manual `Chart.register(...)`.
+- **Optional builders** for datasets, palettes and options; raw dicts always work.
+
+## Install
+
+```bash
+pip install reflex-charts        # once published to PyPI
+# or from a clone:
+pip install -e .
+```
+
+Requires Reflex ≥ 0.8.6 and Python ≥ 3.11.
+
+## Quick start
+
+```python
+import reflex as rx
+import reflex_charts as rxc
+
+data = rxc.chart_data(
+    labels=["Jan", "Feb", "Mar", "Apr"],
+    datasets=[rxc.dataset("Sales", [10, 25, 18, 30], tension=0.3)],
+)
+
+def index() -> rx.Component:
+    return rx.box(
+        rxc.line(data=data, options=rxc.options(title="Monthly sales")),
+        height="320px",
+        width="100%",
+    )
+
+app = rx.App()
+app.add_page(index)
+```
+
+Put charts in a **fixed-height box** — the `options()` builder sets
+`maintainAspectRatio=False` so the chart fills its container.
+
+## Chart types
+
+| Factory | Type | Notes |
+|---------|------|-------|
+| `rxc.line(...)` | `line` | area via dataset `fill` |
+| `rxc.bar(...)` | `bar` | horizontal via `options(indexAxis="y")` |
+| `rxc.radar(...)` | `radar` | |
+| `rxc.doughnut(...)` | `doughnut` | |
+| `rxc.pie(...)` | `pie` | |
+| `rxc.polar_area(...)` | `polarArea` | |
+| `rxc.bubble(...)` | `bubble` | points `{x, y, r}` |
+| `rxc.scatter(...)` | `scatter` | points `{x, y}` |
+| `rxc.chart(type=..., ...)` | any | generic / mixed / runtime-chosen |
+
+See [`docs/usage.md`](docs/usage.md) for an example of each.
+
+## Run the demo
+
+A standalone demo app (`reflex_charts_demo/`) shows a gallery of every chart
+type plus a state-driven, click-aware interactive example.
+
+```bash
+pip install -e .                 # install the component (editable)
+cd reflex_charts_demo
+reflex run                       # open http://localhost:3000
+```
+
+## Build & publish (custom component)
+
+This repo follows the [Reflex custom-component](https://reflex.dev/docs/custom-components/overview/)
+layout, so the standard tooling works:
+
+```bash
+reflex component build           # build the wheel/sdist into dist/
+reflex component publish         # upload to PyPI (needs a PyPI token)
+```
+
+The build ships typed `.pyi` stubs (and a `py.typed` marker) for editor
+autocomplete. To **regenerate** the stubs after changing component props, make
+the source importable by its on-disk path so Reflex's stub generator can load it:
+
+```bash
+PYTHONPATH="$PWD" reflex component build
+```
+
+## Project layout
+
+```
+reflex-charts/
+├── custom_components/
+│   └── reflex_charts/          # the importable component package (PyPI: reflex-charts)
+│       ├── base.py             # ChartJSBase: deps + Chart.js registration
+│       ├── chart.py            # ChartCanvas + typed factories
+│       ├── helpers.py          # dataset / chart_data / options builders
+│       ├── constants.py        # npm pins, chart types, palette
+│       └── examples/data.py    # canonical sample figures
+├── reflex_charts_demo/         # standalone demo app (gallery + interactive)
+│   ├── rxconfig.py
+│   └── reflex_charts_demo/reflex_charts_demo.py
+├── specs/                      # Spec-Driven Design artifacts (see below)
+├── docs/usage.md               # usage guide
+├── tests/                      # unit tests
+└── scripts/                    # GitHub bootstrap helper
+```
+
+## Design docs (Spec-Driven Design)
+
+This repository is built spec-first. The full SDD set lives in
+[`specs/`](specs/README.md):
+
+- [Specification / PRD](specs/prd/reflex-charts-prd.md)
+- [Architecture](specs/technical/architecture.md) (incl. ADRs)
+- [Component API v1](specs/api/component-api-v1.md)
+- [Data model](specs/data-model/chart-data-schemas.md)
+- [Phases](specs/phases/phases.md)
+- [Implementation plan](specs/plans/implementation-plan.md)
+- [Task breakdown](specs/tasks/task-breakdown.md)
+
+## How it works
+
+Reflex compiles Python components to React. `reflex-charts` declares a component
+whose generated JSX is the generic `<Chart>` from `react-chartjs-2`, with
+Chart.js registered globally (`Chart.register(...registerables)`) so any `type`
+renders. Your `data`/`options` dicts are serialized to props; on interaction,
+Chart.js events are forwarded back to your Reflex state. See the
+[architecture doc](specs/technical/architecture.md) for the details and the
+decision records.
+
+## Acknowledgements
+
+Built on the excellent [Chart.js](https://www.chartjs.org) and
+[react-chartjs-2](https://react-chartjs-2.js.org) projects (both MIT licensed —
+see [`NOTICE`](NOTICE)) and the [Reflex](https://reflex.dev) framework.
+
+## License
+
+[Apache-2.0](LICENSE) © 2026 Ernesto Crespo.

reflex_charts-0.1.0/custom_components/reflex_charts/__init__.py

@@ -0,0 +1,70 @@
+"""reflex-charts: a pure-Python Reflex wrapper around Chart.js.
+
+Wraps `react-chartjs-2 <https://react-chartjs-2.js.org>`_ (the React bindings
+for `Chart.js <https://www.chartjs.org>`_) as a Reflex custom component, so the
+full Chart.js feature set is usable from Python without writing any JavaScript.
+
+Quick start::
+
+    import reflex as rx
+    import reflex_charts as rxc
+
+    data = rxc.chart_data(
+        labels=["Jan", "Feb", "Mar"],
+        datasets=[rxc.dataset("Sales", [10, 25, 18])],
+    )
+
+    def index() -> rx.Component:
+        return rx.box(
+            rxc.line(data=data, options=rxc.options(title="Monthly sales")),
+            height="320px",
+        )
+
+Every chart type (line, bar, radar, doughnut, pie, polarArea, bubble, scatter)
+is available either through the generic :func:`chart` factory or its named
+helper. The :func:`dataset`, :func:`categorical_dataset`, :func:`chart_data`
+and :func:`options` builders are optional sugar over raw Chart.js dicts.
+"""
+
+from __future__ import annotations
+
+from .chart import (
+    ChartCanvas,
+    bar,
+    bubble,
+    chart,
+    doughnut,
+    line,
+    pie,
+    polar_area,
+    radar,
+    scatter,
+)
+from .constants import CHART_TYPES, PALETTE
+from .helpers import categorical_dataset, chart_data, dataset, options
+
+__version__ = "0.1.0"
+
+__all__ = [
+    "__version__",
+    # component
+    "ChartCanvas",
+    # factories
+    "chart",
+    "line",
+    "bar",
+    "radar",
+    "doughnut",
+    "pie",
+    "polar_area",
+    "bubble",
+    "scatter",
+    # builders
+    "dataset",
+    "categorical_dataset",
+    "chart_data",
+    "options",
+    # constants
+    "CHART_TYPES",
+    "PALETTE",
+]

reflex_charts-0.1.0/custom_components/reflex_charts/base.py

@@ -0,0 +1,56 @@
+"""Base wrapper around Chart.js / react-chartjs-2 for Reflex.
+
+This module defines the low-level bridge between Reflex (pure Python) and the
+``react-chartjs-2`` React bindings for Chart.js. Every public chart component in
+:mod:`reflex_charts` ultimately inherits from :class:`ChartJSBase`.
+
+The base class is responsible for three things:
+
+1. Declaring the npm dependencies (``react-chartjs-2`` and ``chart.js``).
+2. Importing the Chart.js registry symbols on the generated frontend.
+3. Registering **all** Chart.js controllers, elements, scales and plugins via
+   ``ChartJS.register(...registerables)`` so that any chart ``type`` works out
+   of the box without the user having to register pieces manually.
+
+Pinning the npm versions keeps generated apps reproducible. Bump the constants
+in :mod:`reflex_charts.constants` to upgrade.
+"""
+
+from __future__ import annotations
+
+import reflex as rx
+
+from .constants import CHARTJS_NPM, REACT_CHARTJS_2_NPM
+
+
+class ChartJSBase(rx.Component):
+    """Common base for every Chart.js powered Reflex component.
+
+    Subclasses only need to set ``tag`` (the export name from
+    ``react-chartjs-2``) and declare the props they accept. The dependency
+    wiring and global registration handled here are inherited automatically.
+    """
+
+    # The npm package that provides the React bindings.
+    library = REACT_CHARTJS_2_NPM
+
+    # Chart.js itself is a peer dependency of react-chartjs-2.
+    lib_dependencies: list[str] = [CHARTJS_NPM]
+
+    def add_imports(self) -> dict[str, list[str]]:
+        """Import the Chart.js registry helpers on the frontend.
+
+        ``registerables`` is the bundle of all built-in controllers, elements,
+        scales and plugins shipped with Chart.js.
+        """
+        return {"chart.js": ["Chart as ChartJS", "registerables"]}
+
+    def add_custom_code(self) -> list[str]:
+        """Register every Chart.js building block exactly once per module.
+
+        Chart.js de-duplicates repeated registrations, so emitting this for each
+        component class is safe. It is what lets a single generic ``Chart``
+        component render line, bar, radar, doughnut, pie, polar-area, bubble and
+        scatter charts interchangeably.
+        """
+        return ["ChartJS.register(...registerables);"]