Live Demo

{:patch, "demo-counter-value", rendered, assigns} を使用。 カウンター部分の要素だけが更新され、ページ全体は再描画されません。

自由入力フォームは ws-submit で送信します（入力値は動的なため <.dialup_action> の静的パラメータでは表現できません）。 同じ操作は declare_action で AI にも公開されます。

送信

テキスト入力は ws-change + ws-debounce でサーバーへ同期します。 確定ボタンは <.dialup_action> です。

入力内容がここにリアルタイム表示されます

{:update, assigns} を使用。送信のたびに #dialup-root 全体を idiomorph で差し替えます。

送信

まだメッセージがありません。

ページ移動は <.dialup_action navigate="/path"> で宣言します。 人間のリンクと AI のナビゲーションツールが同時に生成されます。