フック

useConnection

useConnection フックは、アクティブな接続インタラクションがある場合、現在の接続を返します。接続インタラクションがアクティブでない場合、すべてプロパティに対して null を返します。このフックの典型的なユースケースは、特定の条件(例えば、接続が有効かどうか)に基づいてハンドルを着色することです。

続きを読む

useNodes

このフックは、現在のノード配列のストアを返します。このストアに登録すると、ノード配列が変更されるたびにトリガーされます。これは、ノードが追加、削除、または更新(例えばドラッグ)されたときに発生します。

続きを読む

useNodesInitialized

useNodesInitialized フックは、すべてのノードが初期化されているかどうかを確認するために使用できます。

続きを読む

useSvelteFlow

useSvelteFlow フックは、ビューポートの更新、座標の変換、ノードの交差の取得などを行うための関数を返します。

続きを読む

useStore

useStore フックは、Svelte Flow の内部ストアにアクセスするために使用できます。

続きを読む

useUpdateNodeInternals

ノードにハンドルをプログラムで追加または削除したり、ノードのハンドルの位置を更新したりする場合、このフックを使用して Svelte Flow に通知する必要があります。 これにより、ノードの内部ディメンションが更新され、必要に応じてキャンバス上のハンドルが適切に再配置されます。

続きを読む