triggerdotdev/trigger-realtime

trigger-realtime は何をしますか？

フロントエンドおよびバックエンドからTrigger.devのタスク実行をリアルタイムで購読します。進行状況インジケーター、ライブダッシュボード、AI/LLM応答のストリーミング、タスクステータスを表示するReactコンポーネントを構築する際に使用します。

概要

Trigger.devのタスク実行をリアルタイムで監視するためのスキルです。WebSocketを介してタスクの状態変化を購読し、UIやバックエンドサービスに即座に反映できます。

使い方

インストール

npm install @trigger.dev/realtime

基本的な使用例（React）

import { useTaskRun } from '@trigger.dev/realtime/react';

function TaskStatus({ taskRunId }) {
  const { data, error, isLoading } = useTaskRun(taskRunId);

  if (isLoading) return <div>読み込み中...</div>;
  if (error) return <div>エラーが発生しました</div>;

  return (
    <div>
      <p>ステータス: {data.status}</p>
      <p>進捗: {data.progress}%</p>
    </div>
  );
}

サーバーサイドでの使用例（Node.js）

import { subscribeToTaskRun } from '@trigger.dev/realtime/server';

const subscription = subscribeToTaskRun('task-run-id', (event) => {
  console.log('タスク更新:', event);
  // カスタムロジック（例: データベース更新、通知送信）
});

// 購読解除
subscription.unsubscribe();

対応プラットフォーム

• React (フロントエンド)
• Node.js / Next.js (バックエンド)
• Trigger.dev ワークフローと直接統合

ライセンス

MIT