Démarrage
Copiez un prompt de configuration avec les étapes d'installation et la guide markdown complète pour ce plugin.
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-live-reload`
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/live-reload/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.
Installer
Section intitulée « Installer »bun add @capgo/capacitor-live-reloadbunx cap syncImporter
Section intitulée « Import »import { LiveReload } from '@capgo/capacitor-live-reload';API Aperçu
Section intitulée « API Aperçu »configureServer
Section intitulée « configureServer »Stocker les paramètres du serveur de développement distant utilisés pour les connexions ultérieures.
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.configureServer({} as ConfigureServerOptions);Establisher une connexion WebSocket si une connexion n'est pas déjà active.
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.connect();disconnect
Section intitulée « disconnect »Fermer la connexion WebSocket actuelle et désactiver la reconnexion automatique.
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.disconnect();getStatus
Section intitulée “getStatus”Renvoie le statut de connexion actuel.
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.getStatus();Déclenche un rechargement complet de la vue Capacitor.
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.reload();reloadFile
Section intitulée “reloadFile”Recharge un seul fichier/module si le runtime le supporte (retourne à un rechargement complet).
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.reloadFile({} as FileUpdatePayload);Référence de type
Section intitulée “Référence de type”ConfigureServerOptions
Section intitulée « ConfigureServerOptions »export interface ConfigureServerOptions { /** * Base URL for the dev server (e.g. https://dev.local:5173). * When a connection is established the Capacitor WebView navigates to this URL. */ url: string; /** Optional WebSocket path override when different from /ws. */ websocketPath?: string; /** Extra headers sent when creating the WebSocket connection. */ headers?: Record<string, string>; /** Automatically reconnect when the socket closes unexpectedly. Default: true. */ autoReconnect?: boolean; /** Delay (ms) between reconnection attempts. Default: 2000. */ reconnectInterval?: number;}LiveReloadStatus
Section intitulée « Statut de LiveReload »export interface LiveReloadStatus { connected: boolean; url?: string;}FileUpdatePayload
Section intitulée « Paquet d'actualisation de fichier »export interface FileUpdatePayload { path: string; hash?: string;}LiveReloadEventCallback
Section intitulée « Appel de rappel d'événement de LiveReload »export type LiveReloadEventCallback = (event: LiveReloadEventPayload) => void;LiveReloadStatusCallback
Section intitulée « Appel de rappel de statut de LiveReload »export type LiveReloadStatusCallback = (status: LiveReloadStatus) => void;LiveReloadEventPayload
Section intitulée « Paquet d'événement de LiveReload »export interface LiveReloadEventPayload { type: LiveReloadMessageType; /** Populated when type === 'file-update'. */ file?: FileUpdatePayload; /** Optional human-readable message for errors or status changes. */ message?: string;}LiveReloadMessageType
Section intitulée « LiveReloadMessageType »export type LiveReloadMessageType = 'full-reload' | 'file-update' | 'error' | 'connected' | 'disconnected';Source De Vérité
Section intitulée « Source De Vérité »Cette page est générée à partir du plugin’s src/definitions.tsRe-faire la synchronisation lorsque le public API change en amont.
Continuer depuis Getting Started
Section intitulée « Continuer depuis Getting Started »Si vous utilisez Getting Started pour planifier le tableau de bord et les API opérations, connectez-le avec En utilisant @capgo/capacitor-live-reload pour la capacité native en utilisant @capgo/capacitor-live-reload, API Vue d'ensemble pour le détail d'implémentation dans API Vue d'ensemble, Introduction pour le détail d'implémentation dans Introduction, API Clés pour le détail d'implémentation dans API Clés, et Appareils pour le détail d'implémentation dans Appareils.