Streamsyncを試してみる

$ mkdir streamsync-test && cd streamsync-test
$ python -m venv .venv
$ source .venv/bin/activate

$ pip install "streamsync[ds]"

$ streamsync--help
usage: streamsync [-h] [--port PORT] [--host HOST] [--enable-remote-edit] {run,edit,create,hello} [path]

Run, edit or create a Streamsync app.

positional arguments:
  {run,edit,create,hello}
  path                  Path to the app's folder

options:
  -h, --help            show this help message and exit
  --port PORT           The port on which to run the server.
  --host HOST           The host on which to run the server. Use 0.0.0.0 to share in your local network.
  --enable-remote-edit  Set this flag to allow non-local requests in edit mode.

$ streamsync hello

     _
 ___| |_ ___ ___ ___ _____ ___ _ _ ___ ___
|_ -|  _|  _| -_| .'|     |_ -| | |   |  _|
|___|_| |_| |___|__,|_|_|_|___|_  |_|_|___|  v0.3.0
                              |___|

Builder is available at: http://127.0.0.1:3006

$ streamsync --host 0.0.0.0 hello

A session request with origin http://X.X.X.X:3006 was rejected. For security reasons, only local origins are allowed in edit mode. To circumvent this protection, use the --enable-remote-edit flag if running via command line.

$ streamsync --host 0.0.0.0 --enable-remote-edit hello

$ streamsync create testapp

$ tree testapp
testapp
├── __pycache__
│   └── main.cpython-311.pyc
├── main.py
├── static
│   ├── README.md
│   └── favicon.png
└── ui.json

2 directories, 5 files

$ streamsync edit testapp

$ streamsync edit testapp --host 0.0.0.0 --enable-remote-edit

$ streamsync run testapp

$ streamsync edit testapp --host 0.0.0.0

App is available at: http://0.0.0.0:3005

$ python -m streamsync.command_line run testapp --host.0.0.0

$ streamsync edit testapp --host 0.0.0.0 --enable-remote-edit

import streamsync as ss

# この文章は、あなたが書き始めたり、記憶を呼び覚ましたりするためのプレースホルダです。
# 必要に応じて削除したり、脚色したりしてください。
# ドキュメントはhttps://streamsync.cloudにあります。

# アプリの起動時にログに表示される
print("Hello world!")


# 名前が_で始まる関数は公開されない
def _update_message(state):
    is_even = state["counter"] % 2 == 0
    message = ("+Even" if is_even else "-Odd")
    state["message"] = message

def decrement(state):
    state["counter"] -= 1
    _update_message(state)

def increment(state):
    state["counter"] += 1
    # イベントハンドラの実行時にログに表示
    print(f"The counter has been incremented.")
    _update_message(state)
    
# stateを初期化

# アンダースコアで始まる、"_my_private_element "はシリアライズされず、
# フロントエンドに送られない

initial_state = ss.init_state({
    "my_app": {
        "title": "My App"
    },
    "_my_private_element": 1337,
    "message": None,
    "counter": 26,
})

_update_message(initial_state)