tessl/npm-vkontakte--vk-bridge
Bridge library for VK Mini Apps to communicate with VK clients across iOS, Android, and Web platforms
—
Pending
ui-display.mddocs/
UI & Display Control
User interface management including view settings, window resizing, scrolling, appearance control, and display-related functionality.
Capabilities
View Settings
Control appearance, status bar style, and color scheme of the Mini App interface.
/**
* Set view appearance and status bar styling
* @param props.status_bar_style - Status bar appearance (light/dark)
* @param props.action_bar_color - Action bar color (optional)
* @param props.navigation_bar_color - Navigation bar color (optional)
*/
function send(method: 'VKWebAppSetViewSettings', props: {
status_bar_style: AppearanceType;
action_bar_color?: 'none' | string;
navigation_bar_color?: string;
}): Promise<{ result: true }>;
type AppearanceType = 'light' | 'dark';Window Management
Resize application window (desktop only) and manage viewport dimensions.
/**
* Resize application window (desktop web only)
* @param props.width - New window width
* @param props.height - New window height (optional)
*/
function send(method: 'VKWebAppResizeWindow', props: {
width: number;
height?: number;
}): Promise<{ width: number; height: number }>;Image Display
Show image gallery with navigation and zoom capabilities.
/**
* Show image gallery
* @param props.images - Array of image URLs
* @param props.start_index - Starting image index (optional)
*/
function send(method: 'VKWebAppShowImages', props: {
images: string[];
start_index?: number;
}): Promise<{ result: true }>;Scrolling Control
Control page scrolling position and behavior.
/**
* Scroll to specific position
* @param props.top - Scroll position from top
* @param props.speed - Scroll animation speed (optional)
*/
function send(method: 'VKWebAppScroll', props: {
top: number;
speed?: number;
}): Promise<{ top: number; height: number }>;Install with Tessl CLI
npx tessl i tessl/npm-vkontakte--vk-bridge