Fix Slider2D infinite recursion on latest marimo (#82)

* Fix Slider2D infinite recursion on latest marimo

The widget was triggering an infinite loop because syncFromModel()
called drawSlider() which updated the model, triggering change events
that called syncFromModel() again. Add updateModel parameter to
drawSlider() to prevent model updates when syncing from model state.

Bump version from 0.2.9 to 0.2.10

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* Add CHANGELOG.md

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>

Author: koaning

CHANGELOG.md

@@ -0,0 +1,8 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+## [0.2.10] - 2026-01-07
+
+### Fixed
+- Fixed "Maximum call stack size exceeded" error when rendering `Slider2D` widget on latest marimo. The widget had an infinite loop where model change handlers would trigger redraws that updated the model again.

pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "wigglystuff"
-version = "0.2.9"
+version = "0.2.10"
 description = "Collection of Anywidget Widgets"
 readme = "README.md"
 requires-python = ">=3.10"

uv.lock

@@ -4,10 +4,10 @@ function render({ model, el }) {
   canvas.setAttribute("width", model.get("width").toString());
   canvas.setAttribute("height", model.get("height").toString());
   canvas.setAttribute("style", "border: 1px solid #ccc; background: #eee;");
-  
+
   const sliderValuesDiv = document.createElement("div");
   sliderValuesDiv.setAttribute("id", "sliderValues");
-  
+
   el.appendChild(canvas);
   el.appendChild(sliderValuesDiv);
 
@@ -21,7 +21,7 @@ function render({ model, el }) {
   let currentX = 0;
   let currentY = 0;
 
-  function drawSlider() {
+  function drawSlider(updateModel = true) {
       ctx.clearRect(0, 0, canvas.width, canvas.height);
 
       ctx.beginPath();
@@ -39,9 +39,11 @@ function render({ model, el }) {
       const mappedY = y_min + ((-currentY / radius) + 1) / 2 * (y_max - y_min); // Y is inverted
 
       sliderValuesDiv.textContent = `X: ${mappedX.toFixed(2)}, Y: ${mappedY.toFixed(2)}`;
-      model.set('x', mappedX);
-      model.set('y', mappedY);
-      model.save_changes();
+      if (updateModel) {
+        model.set('x', mappedX);
+        model.set('y', mappedY);
+        model.save_changes();
+      }
   }
 
   function syncFromModel() {
@@ -53,9 +55,9 @@ function render({ model, el }) {
       // Inverse mapping from user coordinates to pixel coordinates
       currentX = radius * (2 * (modelX - x_min) / (x_max - x_min) - 1);
       currentY = -radius * (2 * (modelY - y_min) / (y_max - y_min) - 1); // Y is inverted
-      
+
       if (!isDragging) {
-        drawSlider();
+        drawSlider(false);  // Don't update model when syncing from model
       }
   }