feat: Add experimental signals bridge

Wraps model into a signal-ed interface. Works with any signal framework.

import anywidget
import traitlets

class Counter(anywidget.AnyWidget):
    _esm = "index.js"
    value = traitlets.Int(0).tag(sync=True)

Counter()

Preact signals


import { signal, effect } from "https://esm.sh/@preact/signals-core";
import signalify from "https://esm.sh/jsr/@anywidget/signals";

export default signalify(signal, { render({ model, el }) { let btn = document.createElement("button"); // model.count is a getter/setter for a signal btn.addEventListener("click", () => model.count += 1); effect(() => { btn.innerText = Count is ${model.count}; }); el.appendChild(btn); } })


- Solid signals
```javascript
import { createSignal, createEffect } from "https://esm.sh/solid-js";
import signalify from "https://esm.sh/jsr/@anywidget/signals";

export default signalify(createSignal, {
  render({ model, el }) {
    let btn = document.createElement("button");
    btn.addEventListener("click", () => model.value += 1);
    createEffect(() => {
      btn.innerText = `Count is ${model.value}`;
    });
    el.appendChild(btn);
  }
})

manzt / anywidget

feat: Add experimental signals bridge #614

⚠️ No Changeset found