@divkitframework/divkit 28.6.0 → 28.7.0-canary-7d5bebc751b116e5d5df0cfdeaef19deee105012

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@divkitframework/divkit",
-    "version": "28.6.0",
+    "version": "28.7.0-canary-7d5bebc751b116e5d5df0cfdeaef19deee105012",
     "description": "DivKit for the web",
     "keywords": [
         "server-driven-ui",
@@ -115,8 +115,8 @@
         "lottie-web": "5.11.0",
         "mini-css-extract-plugin": "2.7.5",
         "peggy": "3.0.2",
-        "postcss": "8.4.23",
-        "postcss-loader": "7.2.4",
+        "postcss": "8.4.31",
+        "postcss-loader": "7.3.3",
         "svelte": "4.2.0",
         "svelte-check": "3.5.0",
         "svelte-loader": "3.1.9",

package/typings/client-devtool.d.ts

@@ -14,6 +14,7 @@ import type {
 } from './common';
 import type { GlobalVariablesController, Variable } from './variables';
 import type { WrappedError } from './common';
+import type { CustomComponentDescription } from './custom';
 
 export interface DivkitDebugInstance extends DivkitInstance {
     getDebugVariables(): Map<string, Variable>;
@@ -39,6 +40,7 @@ export function render(opts: {
     theme?: Theme;
     fetchInit?: FetchInit;
     tooltipRoot?: HTMLElement;
+    customComponents?: Map<string, CustomComponentDescription> | undefined;
 }): DivkitDebugInstance;
 
 export { createVariable, createGlobalVariablesController } from './variables';

package/typings/client-hydratable.d.ts

@@ -11,6 +11,7 @@ import type {
     TypefaceProvider,
     FetchInit
 } from './common';
+import type { CustomComponentDescription } from './custom';
 import type { GlobalVariablesController } from './variables';
 
 export function render(opts: {
@@ -32,6 +33,7 @@ export function render(opts: {
     theme?: Theme;
     fetchInit?: FetchInit;
     tooltipRoot?: HTMLElement;
+    customComponents?: Map<string, CustomComponentDescription> | undefined;
 }): DivkitInstance;
 
 export { createVariable, createGlobalVariablesController } from './variables';

package/typings/client.d.ts

@@ -11,6 +11,7 @@ import type {
     TypefaceProvider,
     FetchInit
 } from './common';
+import type { CustomComponentDescription } from './custom';
 import type { GlobalVariablesController } from './variables';
 
 export function render(opts: {
@@ -31,6 +32,7 @@ export function render(opts: {
     theme?: Theme;
     fetchInit?: FetchInit;
     tooltipRoot?: HTMLElement;
+    customComponents?: Map<string, CustomComponentDescription> | undefined;
 }): DivkitInstance;
 
 export { createVariable, createGlobalVariablesController } from './variables';

package/typings/common.d.ts

@@ -98,6 +98,57 @@ export interface DownloadCallbacks {
     on_success_actions?: Action[];
 }
 
+export interface StringValue {
+    type: 'string';
+    value: string;
+}
+
+export interface IntegerValue {
+    type: 'integer';
+    value: number;
+}
+
+export interface NumberValue {
+    type: 'number';
+    value: number;
+}
+
+export interface ColorValue {
+    type: 'color';
+    value: string;
+}
+
+export interface BooleanValue {
+    type: 'boolean';
+    value: boolean;
+}
+
+export interface UrlValue {
+    type: 'url';
+    value: string;
+}
+
+export interface DictValue {
+    type: 'dict';
+    value: Record<string, unknown>;
+}
+
+export interface ArrayValue {
+    type: 'array';
+    value: unknown[];
+}
+
+export type TypedValue = StringValue | IntegerValue | NumberValue | ColorValue |
+    BooleanValue | UrlValue | DictValue | ArrayValue;
+
+export interface ActionSetVariable {
+    type: 'set_variable';
+    variable_name: string;
+    value: TypedValue;
+}
+
+export type TypedAction = ActionSetVariable;
+
 export interface Action {
     log_id: string;
     url?: string;
@@ -106,6 +157,7 @@ export interface Action {
     download_callbacks?: DownloadCallbacks;
     log_url?: string;
     target?: string;
+    typed?: TypedAction;
 }
 
 export interface VisibilityAction {
@@ -117,6 +169,7 @@ export interface VisibilityAction {
     visibility_percentage?: number;
     visibility_duration?: number;
     log_limit?: number;
+    typed?: TypedAction;
 }
 
 export interface DisappearAction {
@@ -128,6 +181,7 @@ export interface DisappearAction {
     visibility_percentage?: number;
     disappear_duration?: number;
     log_limit?: number;
+    typed?: TypedAction;
 }
 
 export type StatCallback = (details: {

package/typings/custom.d.ts

@@ -0,0 +1,10 @@
+export type CustomComponentTemplate = string | ((opts: {
+    props?: object;
+    variables: Map<string, string | number | boolean | unknown[] | object>;
+}) => string);
+
+export interface CustomComponentDescription {
+    element: string;
+    shadowRootMode?: 'open' | 'close';
+    template?: CustomComponentTemplate;
+}

package/typings/server.d.ts

@@ -5,6 +5,7 @@ import type {
     Customization,
     TypefaceProvider
 } from './common';
+import type { CustomComponentDescription } from './custom';
 
 export function render(opts: {
     json: DivJson;
@@ -15,4 +16,5 @@ export function render(opts: {
     builtinProtocols?: string[];
     onError?: ErrorCallback;
     typefaceProvider?: TypefaceProvider;
+    customComponents?: Map<string, CustomComponentDescription> | undefined;
 }): string;