Добавить виджет на Вайб landing.repowidget.register

<!-- Load the SDK (UMD build); it is exposed as the global B24Js -->
<script src="https://unpkg.com/@bitrix24/b24jssdk@1/dist/umd/index.min.js"></script>
<script>
  async function registerVibeWidget() {
    try {
      // Initialize the SDK inside a Bitrix24 frame
      const $b24 = await B24Js.initializeB24Frame()

      const content = '<div class="my-app-w-container"><!-- Vue template --></div>'

      const response = await $b24.actions.v2.call.make({
        method: 'landing.repowidget.register',
        params: {
          code: 'my_widget',
          fields: {
            NAME: 'My widget',
            PREVIEW: 'https://my-app.com/vibe_preview.jpg',
            CONTENT: content,
            SECTIONS: 'widgets_company_life',
            WIDGET_PARAMS: {
              rootNode: '.my-app-w-container',
              lang: {
                ru: {
                  W_TITLE: 'People and their ages',
                  W_EMPTY: 'No data',
                },
                en: {
                  W_TITLE: 'People and their ages',
                  W_EMPTY: 'Empty',
                },
              },
              handler: 'https://my-app.com/vibe.php',
              style: 'https://my-app.com/vibe.css',
              demoData: {
                desc: 'Just a test widget',
                count: 420,
                persons: [
                  { name: 'Person 1', age: 21 },
                  { name: 'Person 2', age: 42 },
                  { name: 'Person 3', age: 123 },
                ],
              },
            },
          },
        },
        requestId: B24Js.Text.getUuidRfc4122()
      })

      // The payload is available only on a successful response
      if (!response.isSuccess) {
        console.error(response.getErrorMessages().join('; '))
        return
      }

      const result = response.getData().result
      console.info('Registered widget ID:', result)
    } catch (error) {
      // Thrown on transport or SDK failures (AjaxError, SdkError, etc.)
      console.error(error)
    }
  }

  document.addEventListener('DOMContentLoaded', registerVibeWidget)
</script>

from b24pysdk.errors import BitrixAPIError, BitrixSDKException

content = '<div class="my-app-w-container"><!-- Vue template --></div>'

try:
    bitrix_response = client.landing.repowidget.register(
        code="my_widget",
        fields={
            "NAME": "My widget",
            "PREVIEW": "https://my-app.com/vibe_preview.jpg",
            "CONTENT": content,
            "SECTIONS": "widgets_company_life",
            "WIDGET_PARAMS": {
                "rootNode": ".my-app-w-container",
                "lang": {
                    "ru": {
                        "W_TITLE": "People and their ages",
                        "W_EMPTY": "No data",
                    },
                    "en": {
                        "W_TITLE": "People and their ages",
                        "W_EMPTY": "Empty",
                    },
                },
                "handler": "https://my-app.com/vibe.php",
                "style": "https://my-app.com/vibe.css",
                "demoData": {
                    "desc": "Some people...",
                    "persons": [
                        {
                            "name": "Person 1",
                            "age": 21,
                        },
                        {
                            "name": "Person 2",
                            "age": 42,
                        },
                        {
                            "name": "Person 3",
                            "age": 123,
                        },
                    ],
                },
            },
        },
    ).response
    result = bitrix_response.result
    print(result)
except BitrixAPIError as error:
    print(
        "Ошибка Bitrix API",
        f"error: {error.error}",
        f"error_description: {error.error_description}",
        sep="\n",
    )
except BitrixSDKException as error:
    print(f"Ошибка Bitrix SDK: {error.message}")
except Exception as error:
    print(f"Непредвиденная ошибка: {error}")

try {
    $response = $b24Service
        ->core
        ->call(
            'landing.repowidget.register',
            [
                'code'    => 'my_widget',
                'fields'  => [
                    'NAME'         => 'My widget',
                    'PREVIEW'      => 'https://my-app.com/vibe_preview.jpg',
                    'CONTENT'      => $content,
                    'SECTIONS'     => 'widgets_company_life',
                    'WIDGET_PARAMS' => [
                        'rootNode' => '.my-app-w-container',
                        'lang'     => [
                            'ru' => [
                                'W_TITLE' => 'Люди и их возраст',
                                'W_EMPTY' => 'Нет людей',
                            ],
                            'en' => [
                                'W_TITLE' => 'People and their ages',
                                'W_EMPTY' => 'Empty',
                            ],
                        ],
                        'handler'   => 'https://my-app.com/vibe.php',
                        'style'     => 'https://my-app.com/vibe.css',
                        'demoData'  => [
                            'desc'    => 'Just a test widget',
                            'count'   => 420,
                            'persons' => [
                                ['name' => 'Person 1', 'age' => 21],
                                ['name' => 'Person 2', 'age' => 42],
                                ['name' => 'Person 3', 'age' => 123],
                            ],
                        ],
                    ],
                ],
            ]
        );

    $result = $response
        ->getResponseData()
        ->getResult();

    echo 'Success: ' . print_r($result, true);
    // Нужная вам логика обработки данных
    processData($result);

} catch (Throwable $e) {
    error_log($e->getMessage());
    echo 'Error registering repowidget: ' . $e->getMessage();
}

const content = `
    <div class="my-app-w-container">
        <h2 class="w-title" :style="{borderBottom: '1px solid red'}">
            {{$Bitrix.Loc.getMessage('W_TITLE')}}
        </h2>
        
        <h3>Description: {{desc}}</h3>
        
        <div v-for="(value) in persons">
            <p>
                <span class="w-name">{{value.name}}</span>:
                <span class="w-age">{{value.age}}</span>
            </p>
        </div>
        
        <div v-if="persons == null">
            {{$Bitrix.Loc.getMessage('W_EMPTY')}}
        </div>
        
        <h4>Just a number {{count}}</h4>
        
        <div class="w-buttons">
            <button @click="fetch">Получить данные (без параметров)</button>
            <button @click="fetch({param: 'a'})">Данные для параметра 'a'</button>
            <button @click="fetch({param: 'b'})">Данные для параметра 'b'</button>
            <button @click="openApplication({param1: '1', param2: 'false'})">Открыть приложение</button>
            <button @click="openPath('/crm')">Открыть локальный адрес в слайдере</button>
        </div>
    </div>
`;

const data = {
    code: 'my_widget',
    fields: {
        NAME: 'My widget',
        PREVIEW: 'https://my-app.com/vibe_preview.jpg',
        CONTENT: content,
        SECTIONS: 'widgets_company_life',
        WIDGET_PARAMS: {
            rootNode: '.my-app-w-container',
            lang: {
                ru: {
                    W_TITLE: 'Люди и их возраст',
                    W_EMPTY: 'Нет людей',
                },
                en: {
                    W_TITLE: 'People and their ages',
                    W_EMPTY: 'Empty',
                },
            },
            handler: 'https://my-app.com/vibe.php',
            style: 'https://my-app.com/vibe.css',
            demoData: {
                desc: 'Just a test widget',
                count: 420,
                persons: [
                    {'name': 'Person 1', 'age': 21},
                    {'name': 'Person 2', 'age': 42},
                    {'name': 'Person 3', 'age': 123},
                ],
            },
        },
    },
};

BX24.callMethod(
    'landing.repowidget.register',
    data,
    (result) =>
    {
        if (result.error())
        {
            console.error(result.error());

            return;
        }

        console.info(result.data());
    },
);

require_once('crest.php');

$content = <<<'HTML'
    <div class="my-app-w-container">
        <h2 class="w-title" :style="{borderBottom: '1px solid red'}">
            {{$Bitrix.Loc.getMessage('W_TITLE')}}
        </h2>
        
        <h3>Description: {{desc}}</h3>
        
        <div v-for="(value) in persons">
            <p>
                <span class="w-name">{{value.name}}</span>: 
                <span class="w-age">{{value.age}}</span>
            </p>
        </div>
        
        <div v-if="persons == null">
            {{$Bitrix.Loc.getMessage('W_EMPTY')}}
        </div>
        
        <h4>Just a number {{count}}</h4>
        
        <div class="w-buttons">
            <button @click="fetch">Получить данные (без параметров)</button>
            <button @click="fetch({param: 'a'})">Данные для параметра 'a'</button>
            <button @click="fetch({param: 'b'})">Данные для параметра 'b'</button>
            <button @click="openApplication({param1: '1', param2: 'false'})">Открыть приложение</button>
            <button @click="openPath('/crm')">Открыть локальный адрес в слайдере</button>
        </div>
    </div>
HTML;

$data = [
    'code' => 'my_widget',
    'fields' => [
        'NAME' => 'My widget', 
        'PREVIEW' => 'https://my-app.com/vibe_preview.jpg', 
        'CONTENT' => $content,  // Vue-разметка вынесена в отдельную переменную для удобства
        'SECTIONS' => 'widgets_company_life', 
        'WIDGET_PARAMS' => [
            'rootNode' => '.my-app-w-container',
            'lang' => [
                'ru' => [
                    'W_TITLE' => 'Люди и их возраст',
                    'W_EMPTY' => 'Нет людей',
                ],
                'en' => [
                    'W_TITLE' => 'People and their ages',
                    'W_EMPTY' => 'Empty!',
                ],
            ],
            'handler' => 'https://my-app.com/vibe.php',
            'style' => 'https://my-app.com/vibe.css',
            'demoData' => [
                'desc' => 'Just a test widget',
                'count' => 420,
                'persons' => [
                    [
                        'name' => 'Person 1',
                        'age' => 21,
                    ],
                    [
                        'name' => 'Person 2',
                        'age' => 42,
                    ],
                    [
                        'name' => 'Person 3',
                        'age' => 123,
                    ],
                ],
            ],
        ],
    ],
];

$result = CRest::call(
    'landing.repowidget.register',
    $data
);

echo '<PRE>';
print_r($result);
echo '</PRE>';