mesop

doc

content_component

code:content_component.py

@me.content_component

def wrapper():

with me.box(

style=me.Style(

width="min(960px, 100%)",

min_height="100vh",

margin=me.Margin.symmetric(horizontal="auto"),

)

):

me.slot()

@me.page(path="/")

def page():

with wrapper():

header(...)

Angular で例えられても分からん

ジェネレータをイベントハンドラで呼ぶ

code:sample.py

def on_click(event: me.ClickEvent):

yield from call_api()

def call_api():

# Do initial work

yield

# Do more work

yield

AppEngine Standard でも動く

Flex Env 案内されている

いやー動くんじゃね?

startar サンプルデプロイしたら動いてそう

entrypoint: gunicorn -b :$PORT app.main:me

SSE うまく動かんので結果だけ来る感じになるね...

同じイベントハンドラを別々のイベントに設定すると変になる

icon

code:icon_button.py

with me.content_button(on_click=delete):

me.icon("delete")

subscript_sizing="dynamic" で余白を消す

なんか上下揃わないなと思っていたらエラーフィードバックのためにスペースが確保されている (Angular MUI 由来)

https://gyazo.com/6c38742430473bc488140c9cb68d336b

dataclass がネストしているとおかしい問題