Foblex Flow — Angular ノードエディタ&ワークフロービルダーライブラリ

Foblex

Flow とは Foblex Flow は Angular 向けのノードエディタライブラリで、本番向けワークフロービルダー、AI パイプライン、インタラクティブな図を構築できます。ドラッグ、接続、元に戻す/やり直しは組み込み済みのため、開発者はこれらのインタラクションをゼロから実装する必要がありません。

主な機能

• 組み込みインタラクション:ドラッグ、接続、元に戻す/やり直しがエディタに統合されています。
• ジェスチャマッピング:エディタ全体のアクションにジェスチャをマッピングでき、Miro のような操作と描画をサポートします。
• レイアウト応答性:ノードのサイズ変更、コンテンツの流入、カードの展開時に、ユーザーがエディタを使用している間もレイアウトが機能します。
• 設定可能な制御スキーム:クリック接続、キーボード編集、単一のコネクタモデルをサポートします。
• オプションプラグイン:Managed Flow State プラグインは、削除などのサポートされたジェスチャを明示的な型付きストアに適用できます。
• 接続検証:許可されるペア、最大次数、コネクタタイプなどのビジネスルールを確認できます。
• 選択同期:選択状態がインスペクタパネルやツールバーを駆動します。
• アクセシビリティ:デフォルトで ARIA セマンティクスを提供し、オプトインのキーボードレイヤーでマウスなしの選択、移動、削除、接続作成が可能です。
• AI 対応ツールチェーン:開発モードの診断、安定したエラーコード、ng add でインストールされるエージェントルール、npm パッケージ内のバージョン一致 LLM ドキュメント。

ユースケース

Foblex Flow は、ローコードプラットフォーム、インタラクティブな図、ワークフロービルダー、ノードエディタ、AI パイプラインの構築に使用されます。対象は Angular 開発者、ワークフロービルダー開発者、AI パイプライン構築者です。

プラットフォームとライセンス

Foblex Flow は Web プラットフォームで動作し、オープンソースで、学習曲線は中程度です。