Packages

CKEditor 5 integration for Phoenix Framework

Retired package: Renamed - Moved to ckeditor5-phoenix

Current section

Files

Jump to
ckeditor5 dist src shared hook.d.ts
Raw

dist/src/shared/hook.d.ts

import { Hook, LiveSocket } from 'phoenix_live_view';
import { RequiredBy } from '../types';
/**
* An abstract class that provides a class-based API for creating Phoenix LiveView hooks.
*
* This class defines the structure and lifecycle methods of a hook, which can be extended
* to implement custom client-side behavior that integrates with LiveView.
*/
export declare abstract class ClassHook {
/**
* The DOM element the hook is attached to.
* It includes an `instance` property to hold the hook instance.
*/
el: HTMLElement & {
instance: Hook;
};
/**
* The LiveView socket instance, providing connection to the server.
*/
liveSocket: LiveSocket;
/**
* Pushes an event from the client to the LiveView server process.
* @param _event The name of the event.
* @param _payload The data to send with the event.
* @param _callback An optional function to be called with the server's reply.
*/
pushEvent: (_event: string, _payload: any, _callback?: (reply: any, ref: number) => void) => void;
/**
* Pushes an event to another hook on the page.
* @param _selector The CSS selector of the target element with the hook.
* @param _event The name of the event.
* @param _payload The data to send with the event.
* @param _callback An optional function to be called with the reply.
*/
pushEventTo: (_selector: string, _event: string, _payload: any, _callback?: (reply: any, ref: number) => void) => void;
/**
* Registers a handler for an event pushed from the server.
* @param _event The name of the event to handle.
* @param _callback The function to execute when the event is received.
*/
handleEvent: (_event: string, _callback: (payload: any) => void) => void;
/**
* Called when the hook has been mounted to the DOM.
* This is the ideal place for initialization code.
*/
abstract mounted(): void;
/**
* Called when the element has been removed from the DOM.
* Perfect for cleanup tasks.
*/
abstract destroyed(): void;
/**
* Called before the element is updated by a LiveView patch.
*/
beforeUpdate?(): void;
/**
* Called when the client has disconnected from the server.
*/
disconnected?(): void;
/**
* Called when the client has reconnected to the server.
*/
reconnected?(): void;
}
/**
* A factory function that adapts a class-based hook to the object-based API expected by Phoenix LiveView.
*
* @param constructor The constructor of the class that extends the `Hook` abstract class.
*/
export declare function makeHook(constructor: new () => ClassHook): RequiredBy<Hook<any>, 'mounted' | 'destroyed'>;
//# sourceMappingURL=hook.d.ts.map