ipymolstar (anywidget) in solar app

I'm trying to put the ipymolstar PDBemolstar widget in a solara app.
(https://github.com/Jhsmit/ipymolstar; use master branch, release is broken)

this works:

molecule_id = solara.reactive("1qyn")
count = solara.reactive(0)


@solara.component
def Page():
    with solara.Card(style="width: 500px; height: 750px;"):
        solara.InputText(
            label="molecule id", value=molecule_id.value, on_value=molecule_id.set
        )

        c = PDBeMolstar(molecule_id=molecule_id.value, theme="dark")
        solara.display(c)
        solara.Button(label="increment", on_click=lambda: count.set(count.value + 1))
        solara.Text(f"molecule_id: {molecule_id.value}, count: {count.value}")

molecule_id = solara.reactive("1qyn")
count = solara.reactive(0)


@solara.component
def Page():
    with solara.Card(style="width: 500px; height: 750px;"):
        solara.InputText(
            label="molecule id", value=molecule_id.value, on_value=molecule_id.set
        )

        c = PDBeMolstar(molecule_id=molecule_id.value, theme="dark")
        solara.display(c)
        solara.Button(label="increment", on_click=lambda: count.set(count.value + 1))
        solara.Text(f"molecule_id: {molecule_id.value}, count: {count.value}")

and a new protien is loaded when you enter a PDB id
(also the viewer reloads when button is pressed but might be fixed with

use_memo

use_memo

)

I've tried the .element API since I thought anywidgets count as ipywidgets?

c = PDBeMolstar.element(molecule_id=molecule_id.value)

c = PDBeMolstar.element(molecule_id=molecule_id.value)

but in this way there is no rerender when I change

molecule_id

molecule_id

. Do i need to do anything else for that to work? the ipyleaflet example seem to work like this

Solara•3y ago•

17 replies

Jochem Smit

ipymolstar (anywidget) in solar app

I'm trying to put the ipymolstar PDBemolstar widget in a solara app.
(https://github.com/Jhsmit/ipymolstar; use master branch, release is broken)

this works:

molecule_id = solara.reactive("1qyn")
count = solara.reactive(0)


@solara.component
def Page():
    with solara.Card(style="width: 500px; height: 750px;"):
        solara.InputText(
            label="molecule id", value=molecule_id.value, on_value=molecule_id.set
        )

        c = PDBeMolstar(molecule_id=molecule_id.value, theme="dark")
        solara.display(c)
        solara.Button(label="increment", on_click=lambda: count.set(count.value + 1))
        solara.Text(f"molecule_id: {molecule_id.value}, count: {count.value}")

molecule_id = solara.reactive("1qyn")
count = solara.reactive(0)


@solara.component
def Page():
    with solara.Card(style="width: 500px; height: 750px;"):
        solara.InputText(
            label="molecule id", value=molecule_id.value, on_value=molecule_id.set
        )

        c = PDBeMolstar(molecule_id=molecule_id.value, theme="dark")
        solara.display(c)
        solara.Button(label="increment", on_click=lambda: count.set(count.value + 1))
        solara.Text(f"molecule_id: {molecule_id.value}, count: {count.value}")

and a new protien is loaded when you enter a PDB id
(also the viewer reloads when button is pressed but might be fixed with

use_memo

use_memo

)

I've tried the .element API since I thought anywidgets count as ipywidgets?

c = PDBeMolstar.element(molecule_id=molecule_id.value)

c = PDBeMolstar.element(molecule_id=molecule_id.value)

but in this way there is no rerender when I change

molecule_id

molecule_id

. Do i need to do anything else for that to work? the ipyleaflet example seem to work like this

ipymolstar (anywidget) in solar app

Similar Threads

ipymolstar (anywidget) in solar app

Similar Threads

Similar Threads

Similar Threads