More

Author: martinRenou

examples/simple-yjs-widget/notebooks/simple.ipynb

@@ -19,7 +19,7 @@
    "outputs": [],
    "source": [
     "class MySlider(CommWidget):\n",
-    "    def __init__(self):\n",
+    "    def __init__(self, value=50, min=0, max=100, step=1):\n",
     "        super().__init__(\n",
     "            comm_metadata={\n",
     "                \"ymodel_name\": \"MySlider\",\n",
@@ -29,6 +29,11 @@
     "\n",
     "        self.ydoc[\"state\"] = self._state = Map()\n",
     "\n",
+    "        self.min = min\n",
+    "        self.max = max\n",
+    "        self.step = step\n",
+    "        self.value = value\n",
+    "\n",
     "    @property\n",
     "    def value(self):\n",
     "        return self._state['value']\n",
@@ -39,23 +44,23 @@
     "\n",
     "    @property\n",
     "    def min(self):\n",
-    "        return self._state.get('min')\n",
+    "        return self._state['min']\n",
     "\n",
     "    @min.setter\n",
     "    def min(self, v):\n",
     "        self._state['min'] = v\n",
     "\n",
     "    @property\n",
     "    def max(self):\n",
-    "        return self._state.get('max')\n",
+    "        return self._state['max']\n",
     "\n",
     "    @max.setter\n",
     "    def max(self, v):\n",
     "        self._state['max'] = v\n",
     "\n",
     "    @property\n",
     "    def step(self):\n",
-    "        return self._state.get('step')\n",
+    "        return self._state['step']\n",
     "\n",
     "    @step.setter\n",
     "    def step(self, v):\n",
@@ -112,6 +117,37 @@
    "source": [
     "w.value"
    ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "55896ccc-a128-4abf-a34d-4a50272946dd",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "w2 = MySlider(max=200, step=2, value=152)\n",
+    "w2"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "c54528b0-6eae-4601-b6f6-ab2f31630815",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "w2.value"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "id": "23380f74-83ea-4409-a990-a0b8958dde2b",
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "w2.value"
+   ]
   }
  ],
  "metadata": {

examples/simple-yjs-widget/src/index.ts

@@ -23,11 +23,6 @@ class MySlider {
     this.slider = document.createElement('input');
     this.slider.setAttribute('type', 'range');
 
-    this.state.set('min', 0);
-    this.state.set('max', 100);
-    this.state.set('value', 50);
-    this.state.set('step', 1);
-
     this.slider.min = this.state.get('min');
     this.slider.max = this.state.get('max');
     this.slider.value = this.state.get('value');