Mula-Mula
Copas prompt pengaturan dengan langkah instalasi dan panduan markdown lengkap untuk plugin ini.
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.
Install
Bagian berjudul “Install”bun add @capgo/capacitor-live-reloadbunx cap syncimport { LiveReload } from '@capgo/capacitor-live-reload';API Pengantar
Judul Bagian “API Pengantar”configureServer
Judul Bagian “configureServer”Simpan pengaturan server jarak jauh yang digunakan untuk koneksi-koneksi berikutnya.
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.configureServer({} as ConfigureServerOptions);connect
Judul Bagian “hubungkan”Buat koneksi WebSocket jika koneksi aktif tidak ada.
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.connect();disconnect
Judul Bagian “putuskan koneksi”Tutup koneksi WebSocket saat ini dan nonaktifkan ulang koneksi otomatis.
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.disconnect();getStatus
Bagian berjudul “getStatus”Mengembalikan status koneksi saat ini.
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.getStatus();reload
Bagian berjudul “reload”Aktifkan ulang penuh WebView Capacitor.
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.reload();reloadFile
Bagian berjudul “reloadFile”Ulangi file/module tunggal jika runtime mendukung (jatuh ke ulang penuh).
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.reloadFile({} as FileUpdatePayload);Referensi Tipe
Bagian berjudul “Referensi Tipe”ConfigureServerOptions
Bagian berjudul “Konfigurasi Opsi Server”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
Bagian berjudul “Status LiveReload”export interface LiveReloadStatus { connected: boolean; url?: string;}FileUpdatePayload
Bagian berjudul “Payload Perbarui File”export interface FileUpdatePayload { path: string; hash?: string;}LiveReloadEventCallback
Bagian berjudul “Panggilan Balik Callback LiveReload”export type LiveReloadEventCallback = (event: LiveReloadEventPayload) => void;LiveReloadStatusCallback
Bagian berjudul “Panggilan Balik Status LiveReload”export type LiveReloadStatusCallback = (status: LiveReloadStatus) => void;LiveReloadEventPayload
Bagian berjudul “Payload Event 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
Bagian berjudul “Tipe Pesan LiveReload”export type LiveReloadMessageType = 'full-reload' | 'file-update' | 'error' | 'connected' | 'disconnected';Sumber Kebenaran
Judul bagian “Sumber Kebenaran”Halaman ini dihasilkan dari plugin’s src/definitions.tsRe-run sinkronisasi ketika publik API berubah di atas