1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
|
# -----------------------------------------------------------------------------
# Dependencies (pip install): trame reloading
# Run: python ./30_reloading.py
# Test: Click on the burger icon next to "Dynamic reload" title
# -----------------------------------------------------------------------------
# DEPRECATED
# Since trame-server>=2.7.2 the hot_reload capability is now built-in
# which make that example less relevant than the 17_hot_reload.py one
from reloading import reloading
from trame.app import get_server
from trame.ui.vuetify import SinglePageLayout
from trame.widgets import html, vuetify
# -----------------------------------------------------------------------------
# Trame setup
# -----------------------------------------------------------------------------
server = get_server(client_type="vue2")
state, ctrl = server.state, server.controller
state.message = "Hello world"
state.side_effect = ""
# -----------------------------------------------------------------------------
# Dynamic reloading
# -----------------------------------------------------------------------------
IDX = 1
@ctrl.set("update_message")
def update_message():
_update_message()
@state.change("message")
def message_change(message, **kwargs):
_message_change(message)
@reloading
def _update_message():
global IDX
IDX += 1
state.message = f"New message {IDX}" # Edit that line
@reloading
def _message_change(message, **kwargs):
state.side_effect = f">>> {message} <<<" # Edit that line
# -----------------------------------------------------------------------------
# Ideally want to be able to write it like that
# -----------------------------------------------------------------------------
#
# @ctrl.set("update_message")
# @reloading
# def update_message():
# pass
#
# @state.change("message")
# @reloading
# def message_change(message, **kwargs):
# pass
#
# -----------------------------------------------------------------------------
# -----------------------------------------------------------------------------
# UI setup
# -----------------------------------------------------------------------------
with SinglePageLayout(server) as layout:
layout.icon.click = ctrl.update_message
layout.title.set_text("Dynamic reload")
with layout.content:
with vuetify.VContainer(fluid=True):
with vuetify.VCol():
with vuetify.VRow():
html.Div("Message", classes="pa-6 text-h6")
html.Div("{{ message }}", classes="pa-6")
with vuetify.VRow():
html.Div("Side effect", classes="pa-6 text-h6")
html.Div("{{ side_effect }}", classes="pa-6")
# -----------------------------------------------------------------------------
# start server
# -----------------------------------------------------------------------------
if __name__ == "__main__":
server.start()
|
