はじめに
このプラグインのインストール手順とフルマークダウンガイドを含むセットアップ用質問をコピーしてください。
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-widget-kit`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/widget-kit/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
インストール
Section titled “テストログ”bun add @capgo/capacitor-widget-kitbunx cap syncimport { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';API パティショナの図がからだ
Section titled “API パティショナの図がからだ”areActivitiesSupported
Section titled “アシユントアストムートアストムート”アシユントアストムートアストムートを、トーストムートアストムートをからだ
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.areActivitiesSupported();startTemplateActivity
Section titled “アシユントアストムートアストムート”SVGテンプレートの一般的なアクティビティを保存し、対応するネイティブのライブアクティビティブリッジを開始します。
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.startTemplateActivity({} as StartTemplateActivityOptions);updateTemplateActivity
「updateTemplateActivity」セクション保存されたアクティビティ定義/状態の部分または全てを置き換えます。
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.updateTemplateActivity({} as UpdateTemplateActivityOptions);endTemplateActivity
「endTemplateActivity」セクション実行中のアクティビティを終了し、オプションで最後の状態スナップショットを保存します。
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.endTemplateActivity({} as EndTemplateActivityOptions);performTemplateAction
「performTemplateAction」セクション宣言的アクションを実行し、結果のイベントを記録します。
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.performTemplateAction({} as PerformTemplateActionOptions);getTemplateActivity
「getTemplateActivity」セクション共有ストアから1つ前のアクティビティを読み戻す。
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.getTemplateActivity({} as GetTemplateActivityOptions);listTemplateActivities
「listTemplateActivities」セクションプラグインが現在知っているすべてのアクティビティをリストする。
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.listTemplateActivities();listTemplateEvents
「listTemplateEvents」セクションアプリがウィジェットのインタラクションに反応できるように、保存されたアクションイベントをリストする。
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.listTemplateEvents();acknowledgeTemplateEvents
「acknowledgeTemplateEvents」セクション以前処理済みのイベントを認識する。
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.acknowledgeTemplateEvents({} as AcknowledgeTemplateEventsOptions);ActivitiesSupportedResult
「活動がサポートされている結果」セクションライブ アクティビティの機能チェックの結果
export interface ActivitiesSupportedResult { /** * Whether the current device and runtime can run the native template activity bridge. */ supported: boolean;
/** * Human-readable reason when support is unavailable. */ reason?: string;}StartTemplateActivityOptions
「スタート テンプレート アクティビティ オプション」セクション一般的な SVG テンプレートのアクティビティを開始するためのオプション
export interface StartTemplateActivityOptions { /** * Optional explicit activity identifier. When omitted, the native runtime creates one. */ activityId?: string;
/** * Generic SVG template definition. */ definition: SvgTemplateDefinition;
/** * Initial JSON state exposed under `state.*`. */ state: SvgTemplateState;
/** * Optional deep link used when the widget body is tapped. */ openUrl?: string;}StartTemplateActivityResult
「スタート テンプレート アクティビティ 結果」セクション一般的なテンプレートのアクティビティを開始したときの結果
export interface StartTemplateActivityResult { /** * Stored activity snapshot. */ activity: SvgTemplateActivityRecord;}UpdateTemplateActivityOptions
「アップデート テンプレート アクティビティ オプション」セクション既存のテンプレート アクティビティを更新するためのオプション
export interface UpdateTemplateActivityOptions { /** * Activity identifier returned by `startTemplateActivity`. */ activityId: string;
/** * Optional replacement definition. */ definition?: SvgTemplateDefinition;
/** * Optional replacement state. */ state?: SvgTemplateState;
/** * Optional replacement deep link. */ openUrl?: string;}TemplateActivityResult
「テンプレートアクティビティの結果」セクション1 つのアクティビティを読み取りまたは更新したときの結果。
export interface TemplateActivityResult { /** * Stored activity snapshot, or `null` when not found. */ activity: SvgTemplateActivityRecord | null;}EndTemplateActivityOptions
「テンプレートアクティビティの終了オプション」セクションテンプレートアクティビティを終了するためのオプション。
export interface EndTemplateActivityOptions { /** * Activity identifier returned by `startTemplateActivity`. */ activityId: string;
/** * Optional final state persisted before ending. */ state?: SvgTemplateState;}PerformTemplateActionOptions
「テンプレートアクションの実行オプション」セクション宣言的なアクションを実行するためのオプション。
export interface PerformTemplateActionOptions { /** * Activity identifier returned by `startTemplateActivity`. */ activityId: string;
/** * Action identifier declared in the template definition. */ actionId: string;
/** * Optional source identifier, typically the hotspot id that triggered the action. */ sourceId?: string;
/** * Optional payload stored with the emitted event and exposed to declarative patches under `{{action.payload.*}}`. */ payload?: JsonObject;}PerformTemplateActionResult
「テンプレートアクションの結果」セクションアクションを実行した後の結果。
export interface PerformTemplateActionResult { /** * Updated activity snapshot. */ activity: SvgTemplateActivityRecord;
/** * Action event emitted by the runtime. */ event: SvgTemplateActionEvent;}GetTemplateActivityOptions
「テンプレートアクティビティの取得オプション」のセクション保存されたアクティビティを読み取るためのオプション
export interface GetTemplateActivityOptions { /** * Activity identifier to load. */ activityId: string;}ListTemplateActivitiesResult
「テンプレートアクティビティの一覧結果」のセクション保存されたアクティビティの一覧を表示するときの結果
export interface ListTemplateActivitiesResult { /** * Stored activity snapshots. */ activities: SvgTemplateActivityRecord[];}ListTemplateEventsOptions
アクションイベントの一覧を表示するためのオプションクリップボードにコピー
export interface ListTemplateEventsOptions { /** * Optional activity filter. */ activityId?: string;
/** * When true, only unacknowledged events are returned. */ unacknowledgedOnly?: boolean;}ListTemplateEventsResult
アクションイベントの一覧を表示するときの結果クリップボードにコピー
export interface ListTemplateEventsResult { /** * Matching action events. */ events: SvgTemplateActionEvent[];}真実の源
「真実の源」というセクションこのページはプラグインの src/definitions.ts公開された API がアップストリームで変更された場合に再度同期を実行してください。