@divkitframework/divkit 28.13.0 → 29.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@divkitframework/divkit",
-    "version": "28.13.0",
+    "version": "29.0.0",
     "description": "DivKit for the web",
     "keywords": [
         "server-driven-ui",

package/typings/client-devtool.d.ts

@@ -18,6 +18,7 @@ import type { CustomComponentDescription } from './custom';
 
 export interface DivkitDebugInstance extends DivkitInstance {
     getDebugVariables(): Map<string, Variable>;
+    getDebugAllVariables(): Map<string, Variable>;
 }
 
 export function render(opts: {

package/typings/common.d.ts

@@ -228,14 +228,11 @@ export type StatCallback = (details: {
 export type CustomActionCallback = (action: Action & { url: string }) => void;
 
 export type ComponentCallback = (details: {
-    type: 'mount';
+    type: 'mount' | 'update' | 'destroy';
     node: HTMLElement;
     json: DivBase;
     origJson: DivBase | undefined;
     templateContext: TemplateContext;
-} | {
-    type: 'destroy';
-    node: HTMLElement;
 }) => void;
 
 export interface WrappedError extends Error {
@@ -256,7 +253,10 @@ export type FetchInit = RequestInit | ((url: string) => RequestInit);
 export interface DivkitInstance {
     $destroy(): void;
     execAction(action: Action | VisibilityAction): void;
+    /** @deprecated */
     setTheme(theme: Theme): void;
+    /** Experimental */
+    setData(json: DivJson): void;
 }
 
 export type Platform = 'desktop' | 'touch' | 'auto';
@@ -266,6 +266,8 @@ export type Theme = 'system' | 'light' | 'dark';
 export interface Customization {
     galleryLeftClass?: string;
     galleryRightClass?: string;
+    pagerLeftClass?: string;
+    pagerRightClass?: string;
 }
 
 export interface DivExtensionContext {

package/typings/variables.d.ts

@@ -1,35 +1,51 @@
 /* eslint-disable @typescript-eslint/no-empty-interface */
 
-import type { Subscriber, Unsubscriber } from 'svelte/store';
+type Subscriber<T> = (value: T) => void;
+type Unsubscriber = () => void;
 
-export interface Variable<T = any> {
+export type VariableType = 'string' | 'number' | 'integer' | 'boolean' | 'color' | 'url' | 'dict' | 'array';
+export type VariableValue = string | number | bigint | boolean | null | undefined | object | unknown[];
+
+export declare class Variable<ValueType = any, TypeName = VariableType> {
+    constructor(name: string, value: ValueType);
     getName(): string;
-    subscribe(cb: Subscriber<T>): Unsubscriber;
+    subscribe(cb: Subscriber<ValueType>): Unsubscriber;
     set(val: string): void;
-    setValue(value: T): void;
-    getValue(): T;
-    getType(): string;
+    setValue(val: ValueType): void;
+    getValue(): ValueType;
+    getType(): TypeName;
 }
 
-export interface StringVariable extends Variable<string> {}
-export interface NumberVariable extends Variable<number> {}
-export interface IntegerVariable extends Variable<number> {}
-export interface BooleanVariable extends Variable<number> {}
-export interface ColorVariable extends Variable<string> {}
-export interface UrlVariable extends Variable<string> {}
-export interface DictVariable extends Variable<object> {}
-export interface ArrayVariable extends Variable<unknown[]> {}
+export declare class StringVariable extends Variable<string, 'string'> {}
+export declare class IntegerVariable extends Variable<number | bigint, 'integer'> {}
+export declare class NumberVariable extends Variable<number, 'number'> {}
+export declare class BooleanVariable extends Variable<number, 'boolean'> {}
+export declare class ColorVariable extends Variable<string, 'color'> {}
+export declare class UrlVariable extends Variable<string, 'url'> {}
+export declare class DictVariable extends Variable<object, 'dict'> {}
+export declare class ArrayVariable extends Variable<unknown[], 'array'> {}
+
+declare const TYPE_TO_CLASS: {
+    string: typeof StringVariable;
+    number: typeof NumberVariable;
+    integer: typeof IntegerVariable;
+    boolean: typeof BooleanVariable;
+    color: typeof ColorVariable;
+    url: typeof UrlVariable;
+    dict: typeof DictVariable;
+    array: typeof ArrayVariable;
+};
 
 export type AnyVariable = StringVariable | NumberVariable | IntegerVariable |
     BooleanVariable | ColorVariable | UrlVariable | DictVariable | ArrayVariable;
 
-export type VariableType = 'string' | 'number' | 'integer' | 'boolean' | 'color' | 'url' | 'dict' | 'array';
-
 export interface GlobalVariablesController {
     setVariable(variable: AnyVariable): void;
     getVariable(variableName: string): AnyVariable | undefined;
+    list(): IterableIterator<Variable>;
 }
 
-export function createVariable(variableName: string, type: VariableType, value: unknown): AnyVariable;
+export function createVariable<T extends VariableType>(variableName: string, type: T, value: unknown):
+    InstanceType<typeof TYPE_TO_CLASS[T]>;
 
 export function createGlobalVariablesController(): GlobalVariablesController;