Iniciando
Copie una línea de configuración con los pasos de instalación y la guía markdown completa para este plugin.
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.
Instalar
Sección titulada “Instalar”bun add @capgo/capacitor-widget-kitbunx cap syncImportar
Sección titulada “Importar”import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';API Resumen
Sección titulada “API Resumen”areActivitiesSupported
Sección titulada “areActivitiesSupported”Comprobar si el puente de actividad de plantilla nativa puede ejecutarse en el dispositivo actual.
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.areActivitiesSupported();startTemplateActivity
Sección titulada “startTemplateActivity”Almacena un modelo de actividad SVG genérico y inicia el puente de actividad nativa correspondiente.
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.startTemplateActivity({} as StartTemplateActivityOptions);updateTemplateActivity
Sección titulada “actualizar actividad de modelo”Reemplazar parte o toda la definición/estado de la actividad almacenada.
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.updateTemplateActivity({} as UpdateTemplateActivityOptions);endTemplateActivity
Sección titulada “finalizar actividad de modelo”Finalizar una actividad en ejecución mientras se persiste opcionalmente una instantánea de estado final.
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.endTemplateActivity({} as EndTemplateActivityOptions);performTemplateAction
Sección titulada “realizar acción de modelo”Ejecutar una acción declarativa y registrar el evento resultante.
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.performTemplateAction({} as PerformTemplateActionOptions);getTemplateActivity
Sección titulada “obtener actividad de modelo”Lee una actividad desde el almacén compartido.
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.getTemplateActivity({} as GetTemplateActivityOptions);listTemplateActivities
Sección titulada “listTemplateActivities”Listar todas las actividades conocidas actualmente por el plugin.
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.listTemplateActivities();listTemplateEvents
Sección titulada “listTemplateEvents”Listar eventos de acciones almacenados para que la aplicación pueda reaccionar a las interacciones del widget más tarde.
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.listTemplateEvents();acknowledgeTemplateEvents
Sección titulada “acknowledgeTemplateEvents”Marcar eventos procesados previamente como reconocidos.
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.acknowledgeTemplateEvents({} as AcknowledgeTemplateEventsOptions);Referencia de tipos
Sección titulada “Referencia de tipos”ActivitiesSupportedResult
Sección titulada “Resultados de actividades admitidas”Resultado de una comprobación de capacidad de actividades en vivo.
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
Sección titulada “Opciones de inicio de plantilla de actividad”Opciones para iniciar una plantilla de actividad SVG genérica.
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
Sección titulada “Resultado de inicio de actividad de plantilla”Resultado al iniciar una plantilla de actividad genérica.
export interface StartTemplateActivityResult { /** * Stored activity snapshot. */ activity: SvgTemplateActivityRecord;}UpdateTemplateActivityOptions
Sección titulada “Opciones de actualización de actividad de plantilla”Opciones para actualizar una actividad de plantilla existente.
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
Sección titulada “Resultado de la actividad de plantilla”Resultado al leer o actualizar una actividad individual.
export interface TemplateActivityResult { /** * Stored activity snapshot, or `null` when not found. */ activity: SvgTemplateActivityRecord | null;}EndTemplateActivityOptions
Sección titulada “Opciones de finalización de actividad de plantilla”Opciones para finalizar una actividad de plantilla.
export interface EndTemplateActivityOptions { /** * Activity identifier returned by `startTemplateActivity`. */ activityId: string;
/** * Optional final state persisted before ending. */ state?: SvgTemplateState;}PerformTemplateActionOptions
Sección titulada “Opciones de ejecución de acción de plantilla”Opciones para ejecutar una acción declarativa.
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
Sección titulada “Resultado de la acción de plantilla”Resultado después de ejecutar una acción.
export interface PerformTemplateActionResult { /** * Updated activity snapshot. */ activity: SvgTemplateActivityRecord;
/** * Action event emitted by the runtime. */ event: SvgTemplateActionEvent;}GetTemplateActivityOptions
Sección titulada “Obtener opciones de actividad de plantilla”Opciones para leer una actividad almacenada.
export interface GetTemplateActivityOptions { /** * Activity identifier to load. */ activityId: string;}ListTemplateActivitiesResult
Sección titulada “Resultado de listar actividades de plantilla”Resultado cuando se listan actividades almacenadas.
export interface ListTemplateActivitiesResult { /** * Stored activity snapshots. */ activities: SvgTemplateActivityRecord[];}ListTemplateEventsOptions
Sección titulada “Opciones para listar eventos de acción de plantilla”Opciones cuando se listan eventos de acción.
export interface ListTemplateEventsOptions { /** * Optional activity filter. */ activityId?: string;
/** * When true, only unacknowledged events are returned. */ unacknowledgedOnly?: boolean;}ListTemplateEventsResult
Sección titulada “Resultado de listar eventos de acción de plantilla”Resultado cuando se listan eventos de acción.
export interface ListTemplateEventsResult { /** * Matching action events. */ events: SvgTemplateActionEvent[];}Fuente de Verdad
Sección titulada “Fuente de Verdad”Esta página se genera desde el plugin’s src/definitions.tsRe-ejecutar la sincronización cuando el público API cambia en la fuente.