@sap-ux/preview-middleware 0.13.71 → 0.13.73

package/dist/client/adp/init-dialogs.js

@@ -16,37 +16,13 @@ sap.ui.define(["sap/ui/core/Fragment", "sap/ui/fl/Utils", "./controllers/AddFrag
     return DialogNames;
   }(DialogNames || {});
   /**
-   * Adds a new item to the context menu
-   *
-   * @param rta Runtime Authoring
-   * @param syncViewsIds Ids of all application sync views
-   */
-  const initDialogs = (rta, syncViewsIds) => {
-    const contextMenu = rta.getDefaultPlugins().contextMenu;
-    contextMenu.addMenuItem({
-      id: 'ADD_FRAGMENT',
-      text: getAddFragmentItemText,
-      handler: async overlays => await handler(overlays[0], rta, DialogNames.ADD_FRAGMENT),
-      enabled: isFragmentCommandEnabled,
-      icon: 'sap-icon://attachment-html'
-    });
-    contextMenu.addMenuItem({
-      id: 'EXTEND_CONTROLLER',
-      text: 'Extend With Controller',
-      handler: async overlays => await handler(overlays[0], rta, DialogNames.CONTROLLER_EXTENSION),
-      icon: 'sap-icon://create-form',
-      enabled: overlays => isControllerExtensionEnabled(overlays, syncViewsIds)
-    });
-  };
-
-  /**
-   * Handler for enablement of Extend With Controller context menu entry
-   *
-   * @param overlays Control overlays
-   * @param syncViewsIds Runtime Authoring
-   *
-   * @returns boolean
-   */
+  * Handler for enablement of Extend With Controller context menu entry
+  *
+  * @param overlays Control overlays
+  * @param syncViewsIds Runtime Authoring
+  *
+  * @returns boolean
+  */
   const isControllerExtensionEnabled = (overlays, syncViewsIds) => {
     const clickedControlId = FlUtils.getViewForControl(overlays[0].getElement()).getId();
     return overlays.length <= 1 && !syncViewsIds.includes(clickedControlId);
@@ -109,15 +85,39 @@ sap.ui.define(["sap/ui/core/Fragment", "sap/ui/fl/Utils", "./controllers/AddFrag
     });
     await controller.setup(dialog);
   }
+
+  /**
+   * Adds a new item to the context menu
+   *
+   * @param rta Runtime Authoring
+   * @param syncViewsIds Ids of all application sync views
+   */
+  const initDialogs = (rta, syncViewsIds) => {
+    const contextMenu = rta.getDefaultPlugins().contextMenu;
+    contextMenu.addMenuItem({
+      id: 'ADD_FRAGMENT',
+      text: getAddFragmentItemText,
+      handler: async overlays => await handler(overlays[0], rta, DialogNames.ADD_FRAGMENT),
+      enabled: isFragmentCommandEnabled,
+      icon: 'sap-icon://attachment-html'
+    });
+    contextMenu.addMenuItem({
+      id: 'EXTEND_CONTROLLER',
+      text: 'Extend With Controller',
+      handler: async overlays => await handler(overlays[0], rta, DialogNames.CONTROLLER_EXTENSION),
+      icon: 'sap-icon://create-form',
+      enabled: overlays => isControllerExtensionEnabled(overlays, syncViewsIds)
+    });
+  };
   var __exports = {
     __esModule: true
   };
   __exports.DialogNames = DialogNames;
-  __exports.initDialogs = initDialogs;
   __exports.isControllerExtensionEnabled = isControllerExtensionEnabled;
   __exports.isFragmentCommandEnabled = isFragmentCommandEnabled;
   __exports.getAddFragmentItemText = getAddFragmentItemText;
   __exports.handler = handler;
+  __exports.initDialogs = initDialogs;
   return __exports;
 });
 //# sourceMappingURL=init-dialogs.js.map

package/dist/client/adp/init-dialogs.ts

@@ -27,33 +27,7 @@ export const enum DialogNames {
 
 type Controller = AddFragment | ControllerExtension | ExtensionPoint;
 
-/**
- * Adds a new item to the context menu
- *
- * @param rta Runtime Authoring
- * @param syncViewsIds Ids of all application sync views
- */
-export const initDialogs = (rta: RuntimeAuthoring, syncViewsIds: string[]): void => {
-    const contextMenu = rta.getDefaultPlugins().contextMenu;
-
-    contextMenu.addMenuItem({
-        id: 'ADD_FRAGMENT',
-        text: getAddFragmentItemText,
-        handler: async (overlays: UI5Element[]) => await handler(overlays[0], rta, DialogNames.ADD_FRAGMENT),
-        enabled: isFragmentCommandEnabled,
-        icon: 'sap-icon://attachment-html'
-    });
-
-    contextMenu.addMenuItem({
-        id: 'EXTEND_CONTROLLER',
-        text: 'Extend With Controller',
-        handler: async (overlays: UI5Element[]) => await handler(overlays[0], rta, DialogNames.CONTROLLER_EXTENSION),
-        icon: 'sap-icon://create-form',
-        enabled: (overlays: ElementOverlay[]) => isControllerExtensionEnabled(overlays, syncViewsIds)
-    });
-};
-
-/**
+ /**
  * Handler for enablement of Extend With Controller context menu entry
  *
  * @param overlays Control overlays
@@ -139,3 +113,29 @@ export async function handler(
 
     await controller.setup(dialog as Dialog);
 }
+
+/**
+ * Adds a new item to the context menu
+ *
+ * @param rta Runtime Authoring
+ * @param syncViewsIds Ids of all application sync views
+ */
+export const initDialogs = (rta: RuntimeAuthoring, syncViewsIds: string[]): void => {
+    const contextMenu = rta.getDefaultPlugins().contextMenu;
+
+    contextMenu.addMenuItem({
+        id: 'ADD_FRAGMENT',
+        text: getAddFragmentItemText,
+        handler: async (overlays: UI5Element[]) => await handler(overlays[0], rta, DialogNames.ADD_FRAGMENT),
+        enabled: isFragmentCommandEnabled,
+        icon: 'sap-icon://attachment-html'
+    });
+
+    contextMenu.addMenuItem({
+        id: 'EXTEND_CONTROLLER',
+        text: 'Extend With Controller',
+        handler: async (overlays: UI5Element[]) => await handler(overlays[0], rta, DialogNames.CONTROLLER_EXTENSION),
+        icon: 'sap-icon://create-form',
+        enabled: (overlays: ElementOverlay[]) => isControllerExtensionEnabled(overlays, syncViewsIds)
+    });
+};

package/dist/client/adp/init.js

@@ -5,8 +5,9 @@ sap.ui.define([
     './init-dialogs',
     'open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common',
     'sap/ui/VersionInfo',
-    './ui5-version-utils'
-], function (log, __init, ___init_dialogs, ___sap_ux_private_control_property_editor_common, VersionInfo, ___ui5_version_utils) {
+    './ui5-version-utils',
+    '../cpe/error-utils'
+], function (log, __init, ___init_dialogs, ___sap_ux_private_control_property_editor_common, VersionInfo, ___ui5_version_utils, ___cpe_error_utils) {
     'use strict';
     function _interopRequireDefault(obj) {
         return obj && obj.__esModule && typeof obj.default !== 'undefined' ? obj.default : obj;
@@ -30,6 +31,7 @@ sap.ui.define([
     const startPostMessageCommunication = ___sap_ux_private_control_property_editor_common['startPostMessageCommunication'];
     const enableTelemetry = ___sap_ux_private_control_property_editor_common['enableTelemetry'];
     const getUI5VersionValidationMessage = ___ui5_version_utils['getUI5VersionValidationMessage'];
+    const getError = ___cpe_error_utils['getError'];
     var __exports = async function (rta) {
         const {version} = await VersionInfo.load();
         const versionParts = version.split('.');
@@ -47,7 +49,7 @@ sap.ui.define([
                 try {
                     await handler(action);
                 } catch (error) {
-                    log.error('Handler Failed: ', error);
+                    log.error('Handler Failed: ', getError(error));
                 }
             }
         });
@@ -97,7 +99,7 @@ sap.ui.define([
                 });
             }
         } catch (error) {
-            log.error('Could not get application sync views', error);
+            log.error('Could not get application sync views', getError(error));
         }
         return syncViewIds;
     }

package/dist/client/adp/init.ts

@@ -13,6 +13,7 @@ import { ActionHandler } from '../cpe/types';
 import VersionInfo from 'sap/ui/VersionInfo';
 import { getUI5VersionValidationMessage } from './ui5-version-utils';
 import UI5Element from 'sap/ui/dt/Element';
+import { getError } from '../cpe/error-utils';
 
 export default async function (rta: RuntimeAuthoring) {
     const { version } = (await VersionInfo.load()) as { version: string };
@@ -38,7 +39,7 @@ export default async function (rta: RuntimeAuthoring) {
                 try {
                     await handler(action);
                 } catch (error) {
-                    log.error('Handler Failed: ', error);
+                    log.error('Handler Failed: ', getError(error));
                 }
             }
         }
@@ -76,7 +77,7 @@ export default async function (rta: RuntimeAuthoring) {
 
 /**
  * Get Ids for all sync views
- * 
+ *
  * @param minor UI5 Version
  *
  * @returns array of Ids for application sync views
@@ -102,7 +103,7 @@ async function getAllSyncViewsIds(minor: number): Promise<string[]> {
             });
         }
     } catch (error) {
-        log.error('Could not get application sync views', error);
+        log.error('Could not get application sync views', getError(error));
     }
 
     return syncViewIds;

package/dist/client/adp/ui5-version-utils.js

@@ -3,6 +3,24 @@
 sap.ui.define([], function () {
   "use strict";
 
+  /**
+   * Parses the UI5 version
+   * Returns NaN for snapshot or snapshot-untested
+   * Returns x.xx for snapshot-x.xx
+   *
+   * @param version the UI5 version to parse
+   * @returns The major and the minor version, e.g. 1.86
+   */
+  function parseUI5Version(version) {
+    const versionParts = version.replace(/snapshot-untested|snapshot-|snapshot/, '').split('.');
+    const major = parseInt(versionParts[0], 10);
+    const minor = parseInt(versionParts[1], 10);
+    return {
+      major,
+      minor
+    };
+  }
+
   /**
    * Checks if the given version is lower than the required minimal version.
    * @param version to check
@@ -37,24 +55,6 @@ sap.ui.define([], function () {
     }
     return undefined;
   }
-
-  /**
-   * Parses the UI5 version
-   * Returns NaN for snapshot or snapshot-untested
-   * Returns x.xx for snapshot-x.xx
-   *
-   * @param version the UI5 version to parse
-   * @returns The major and the minor version, e.g. 1.86
-   */
-  function parseUI5Version(version) {
-    const versionParts = version.replace(/snapshot-untested|snapshot-|snapshot/, '').split('.');
-    const major = parseInt(versionParts[0], 10);
-    const minor = parseInt(versionParts[1], 10);
-    return {
-      major,
-      minor
-    };
-  }
   var __exports = {
     __esModule: true
   };

package/dist/client/adp/ui5-version-utils.ts

@@ -1,3 +1,19 @@
+/**
+ * Parses the UI5 version
+ * Returns NaN for snapshot or snapshot-untested
+ * Returns x.xx for snapshot-x.xx
+ *
+ * @param version the UI5 version to parse
+ * @returns The major and the minor version, e.g. 1.86
+ */
+function parseUI5Version(version: string): { major: number; minor: number } {
+    const versionParts = version.replace(/snapshot-untested|snapshot-|snapshot/, '').split('.');
+    const major = parseInt(versionParts[0], 10);
+    const minor = parseInt(versionParts[1], 10);
+
+    return { major, minor };
+}
+
 /**
  * Checks if the given version is lower than the required minimal version.
  * @param version to check
@@ -34,18 +50,3 @@ export function getUI5VersionValidationMessage(ui5Version: string): string | und
     return undefined;
 }
 
-/**
- * Parses the UI5 version
- * Returns NaN for snapshot or snapshot-untested
- * Returns x.xx for snapshot-x.xx
- *
- * @param version the UI5 version to parse
- * @returns The major and the minor version, e.g. 1.86
- */
-function parseUI5Version(version: string): { major: number; minor: number } {
-    const versionParts = version.replace(/snapshot-untested|snapshot-|snapshot/, '').split('.');
-    const major = parseInt(versionParts[0], 10);
-    const minor = parseInt(versionParts[1], 10);
-
-    return { major, minor };
-}

package/dist/client/cpe/changes/service.js

@@ -3,8 +3,9 @@ sap.ui.define([
     'open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common',
     './flex-change',
     'sap/base/Log',
-    '../rta-service'
-], function (___sap_ux_private_control_property_editor_common, ___flex_change, Log, ___rta_service) {
+    '../rta-service',
+    '../error-utils'
+], function (___sap_ux_private_control_property_editor_common, ___flex_change, Log, ___rta_service, ___error_utils) {
     'use strict';
     const changeProperty = ___sap_ux_private_control_property_editor_common['changeProperty'];
     const changeStackModified = ___sap_ux_private_control_property_editor_common['changeStackModified'];
@@ -14,6 +15,7 @@ sap.ui.define([
     const reloadApplication = ___sap_ux_private_control_property_editor_common['reloadApplication'];
     const applyChange = ___flex_change['applyChange'];
     const modeAndStackChangeHandler = ___rta_service['modeAndStackChangeHandler'];
+    const getError = ___error_utils['getError'];
     function assertProperties(properties, target) {
         for (const property of properties) {
             const value = target[property];
@@ -55,7 +57,8 @@ sap.ui.define([
                         if (control) {
                             name = control.getMetadata().getName();
                         }
-                        const modifiedMessage = modifyRTAErrorMessage(exception?.toString(), id, name);
+                        const error = getError(exception);
+                        const modifiedMessage = modifyRTAErrorMessage(error.message, id, name);
                         const errorMessage = modifiedMessage || `RTA Exception applying expression "${ action.payload.value }"`;
                         const propertyChangeFailedAction = propertyChangeFailed({
                             ...action.payload,
@@ -134,7 +137,7 @@ sap.ui.define([
                 headers: { 'Content-Type': 'application/json' },
                 body: JSON.stringify({ fileName: change.fileName })
             }));
-            await Promise.all(filesToDelete).catch(error => Log.error(error));
+            await Promise.all(filesToDelete).catch(error => Log.error(getError(error).message));
             await this.fetchSavedChanges();
             this.updateStack();
         }
@@ -163,7 +166,7 @@ sap.ui.define([
                             }
                         }
                     } catch (error) {
-                        Log.error('CPE: Change creation Failed', error);
+                        Log.error('CPE: Change creation Failed', getError(error));
                     }
                 });
                 activeChanges = activeChanges.filter(change => !!change);
@@ -223,7 +226,7 @@ sap.ui.define([
                     }
                     return result;
                 } catch (error) {
-                    Log.error(`Retry operation failed: ${ error?.message }`);
+                    Log.error('Retry operation failed:', getError(error));
                     continue;
                 }
             }

package/dist/client/cpe/changes/service.ts

@@ -20,6 +20,7 @@ import type Event from 'sap/ui/base/Event';
 import type FlexCommand from 'sap/ui/rta/command/FlexCommand';
 import Log from 'sap/base/Log';
 import { modeAndStackChangeHandler } from '../rta-service';
+import { getError } from '../error-utils';
 
 interface ChangeContent {
     property: string;
@@ -44,6 +45,8 @@ interface Change {
     changeType: string;
 }
 
+type SavedChangesResponse = Record<string, Change>;
+
 type Properties<T extends object> = { [K in keyof T]-?: K extends string ? K : never }[keyof T];
 /**
  * Assert change for its validity. Throws error if no value found in saved changes.
@@ -121,8 +124,10 @@ export class ChangeService {
                     if (control) {
                         name = control.getMetadata().getName();
                     }
+
+                    const error = getError(exception);
                     // eslint-disable-next-line  @typescript-eslint/no-unsafe-call
-                    const modifiedMessage = modifyRTAErrorMessage(exception?.toString(), id, name);
+                    const modifiedMessage = modifyRTAErrorMessage(error.message, id, name);
                     const errorMessage =
                         modifiedMessage || `RTA Exception applying expression "${action.payload.value}"`;
                     const propertyChangeFailedAction = propertyChangeFailed({ ...action.payload, errorMessage });
@@ -163,7 +168,7 @@ export class ChangeService {
      */
     private async fetchSavedChanges(): Promise<void> {
         const savedChangesResponse = await fetch(FlexChangesEndPoints.changes + `?_=${Date.now()}`);
-        const savedChanges = await savedChangesResponse.json();
+        const savedChanges = (await savedChangesResponse.json()) as SavedChangesResponse;
         const changes = (
             Object.keys(savedChanges ?? {})
                 .map((key): SavedPropertyChange | UnknownSavedChange | undefined => {
@@ -236,7 +241,7 @@ export class ChangeService {
                 })
             );
 
-        await Promise.all(filesToDelete).catch((error) => Log.error(error));
+        await Promise.all(filesToDelete).catch((error) => Log.error(getError(error).message));
 
         await this.fetchSavedChanges();
         this.updateStack();
@@ -273,7 +278,7 @@ export class ChangeService {
                         }
                     }
                 } catch (error) {
-                    Log.error('CPE: Change creation Failed', error);
+                    Log.error('CPE: Change creation Failed', getError(error));
                 }
             });
 
@@ -304,10 +309,10 @@ export class ChangeService {
 
         switch (changeType) {
             case 'propertyChange':
-                value = command.getProperty('newValue');
+                value = command.getProperty('newValue') as string;
                 break;
             case 'propertyBindingChange':
-                value = command.getProperty('newBinding');
+                value = command.getProperty('newBinding') as string;
                 break;
         }
         const { fileName } = command.getPreparedChange().getDefinition();
@@ -316,7 +321,7 @@ export class ChangeService {
                 type: 'pending',
                 changeType,
                 controlId: selectorId,
-                propertyName: command.getProperty('propertyName'),
+                propertyName: command.getProperty('propertyName') as string,
                 isActive: index >= inactiveCommandCount,
                 value,
                 controlName: command.getElement().getMetadata().getName().split('.').pop() ?? '',
@@ -354,7 +359,7 @@ export class ChangeService {
                 }
                 return result;
             } catch (error) {
-                Log.error(`Retry operation failed: ${error?.message}`);
+                Log.error('Retry operation failed:', getError(error));
                 continue;
             }
         }

package/dist/client/cpe/changes/validator.js

@@ -10,7 +10,7 @@ sap.ui.define(["sap/base/i18n/ResourceBundle"], function (ResourceBundle) {
    */
   function validateBindingModel(value) {
     const bindingValue = value.replace(/[{}]/gi, '').trim();
-    const bindingParts = bindingValue.split('>').filter(el => el != '');
+    const bindingParts = bindingValue.split('>').filter(el => el !== '');
     if (!bindingParts.length) {
       throw new SyntaxError('Invalid binding string.');
     }
@@ -21,7 +21,7 @@ sap.ui.define(["sap/base/i18n/ResourceBundle"], function (ResourceBundle) {
         });
         const resourceKey = bindingParts[1].trim();
         if (!resourceBundle.hasText(resourceKey)) {
-          throw new SyntaxError('Invalid key in the binding string. Supported value pattern is {i18n>YOUR_KEY}. Check if the key already exists in i18n.properties. If not, add the key in the i18n.properties file and reload the editor for the new key to take effect.');
+          throw new SyntaxError('Invalid key in the binding string. Supported value pattern is {i18n>YOUR_KEY}. Check if the key already exists in i18n.properties.' + 'If not, add the key in the i18n.properties file and reload the editor for the new key to take effect.');
         }
       } else {
         throw new SyntaxError('Invalid binding string. Supported value pattern is {i18n>YOUR_KEY}');

package/dist/client/cpe/changes/validator.ts

@@ -7,7 +7,7 @@ import ResourceBundle from 'sap/base/i18n/ResourceBundle';
  */
 export function validateBindingModel(value: string): void {
     const bindingValue = value.replace(/[{}]/gi, '').trim();
-    const bindingParts = bindingValue.split('>').filter((el) => el != '');
+    const bindingParts = bindingValue.split('>').filter((el) => el !== '');
 
     if (!bindingParts.length) {
         throw new SyntaxError('Invalid binding string.');
@@ -21,7 +21,8 @@ export function validateBindingModel(value: string): void {
             const resourceKey = bindingParts[1].trim();
             if (!resourceBundle.hasText(resourceKey)) {
                 throw new SyntaxError(
-                    'Invalid key in the binding string. Supported value pattern is {i18n>YOUR_KEY}. Check if the key already exists in i18n.properties. If not, add the key in the i18n.properties file and reload the editor for the new key to take effect.'
+                    'Invalid key in the binding string. Supported value pattern is {i18n>YOUR_KEY}. Check if the key already exists in i18n.properties.' +
+                        'If not, add the key in the i18n.properties file and reload the editor for the new key to take effect.'
                 );
             }
         } else {

package/dist/client/cpe/control-data.ts

@@ -18,6 +18,9 @@ import { UI5ControlProperty } from './types';
 import DataType from 'sap/ui/base/DataType';
 
 type AnalyzedType = Pick<UI5ControlProperty, 'isArray' | 'primitiveType' | 'ui5Type' | 'enumValues'>;
+interface Name {
+    getName(): string;
+}
 /**
  * A property is disabled if it is an array or the type is 'any'
  * - since  we currently don't have a good editor for it Otherwise, it is enabled.
@@ -103,7 +106,7 @@ function analyzePropertyType(property: ManagedObjectMetadataProperties): Analyze
             return analyzedType;
         }
         // eslint-disable-next-line @typescript-eslint/no-unsafe-call
-        const name = Object.getPrototypeOf(propertyDataType).getName();
+        const name = (Object.getPrototypeOf(propertyDataType) as Name).getName();
         if (!name) {
             analyzedType.primitiveType = 'enum';
         } else {

package/dist/client/cpe/documentation.ts

@@ -83,7 +83,7 @@ function parseControlMetaModel(controlLibMetadata: SchemaForApiJsonFiles, contro
     const selectedControlMetadata = (controlLibMetadata.symbols ?? []).find((control) => control.name === controlName);
     if (selectedControlMetadata) {
         // base type info of control is available on property 'extends'
-        controlInfo.baseType = selectedControlMetadata.extends;
+        controlInfo.baseType = selectedControlMetadata.extends as string | undefined;
         controlInfo.doc = selectedControlMetadata.description ?? '';
         const properties: (Ui5Property & PropertiesInfo)[] | undefined = (
             selectedControlMetadata['ui5-metadata'] as Ui5Metadata

package/dist/client/cpe/error-utils.js

@@ -0,0 +1,21 @@
+"use strict";
+
+sap.ui.define([], function () {
+  "use strict";
+
+  /**
+   * Returns the Error if the error is an instance of `Error` otherwise a new Error instance with string representation of the error.
+   *
+   * @param error {unknown} - the error instance
+   * @returns {Error} the error
+   */
+  function getError(error) {
+    return error instanceof Error ? error : new Error(JSON.stringify(error));
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.getError = getError;
+  return __exports;
+});
+//# sourceMappingURL=error-utils.js.map

package/dist/client/cpe/error-utils.ts

@@ -0,0 +1,9 @@
+/**
+ * Returns the Error if the error is an instance of `Error` otherwise a new Error instance with string representation of the error.
+ *
+ * @param error {unknown} - the error instance
+ * @returns {Error} the error
+ */
+export function getError(error: unknown): Error {
+    return error instanceof Error ? error : new Error(JSON.stringify(error));
+}

package/dist/client/cpe/init.js

@@ -9,8 +9,9 @@ sap.ui.define([
     './logger',
     './ui5-utils',
     './connector-service',
-    './rta-service'
-], function (___sap_ux_private_control_property_editor_common, ___outline_index, ___selection, ___changes_service, ___documentation, Log, ___logger, ___ui5_utils, ___connector_service, ___rta_service) {
+    './rta-service',
+    './error-utils'
+], function (___sap_ux_private_control_property_editor_common, ___outline_index, ___selection, ___changes_service, ___documentation, Log, ___logger, ___ui5_utils, ___connector_service, ___rta_service, ___error_utils) {
     'use strict';
     const startPostMessageCommunication = ___sap_ux_private_control_property_editor_common['startPostMessageCommunication'];
     const iconsLoaded = ___sap_ux_private_control_property_editor_common['iconsLoaded'];
@@ -24,6 +25,7 @@ sap.ui.define([
     const getIcons = ___ui5_utils['getIcons'];
     const WorkspaceConnectorService = ___connector_service['WorkspaceConnectorService'];
     const RtaService = ___rta_service['RtaService'];
+    const getError = ___error_utils['getError'];
     function init(rta) {
         Log.info('Initializing Control Property Editor');
         const flexSettings = rta.getFlexSettings();
@@ -51,19 +53,19 @@ sap.ui.define([
                     try {
                         await handler(action);
                     } catch (error) {
-                        Log.error('Handler Failed: ', error);
+                        Log.error('Handler Failed: ', getError(error));
                     }
                 }
             }, logger);
             for (const service of services) {
                 service.init(sendAction, subscribe);
             }
-            initOutline(rta, sendAction).catch(error => Log.error('Error during initialization of Control Property Editor', error));
+            initOutline(rta, sendAction).catch(error => Log.error('Error during initialization of Control Property Editor', getError(error)));
             const icons = getIcons();
             sendAction(iconsLoaded(icons));
             sendAction(appLoaded());
         } catch (error) {
-            Log.error('Error during initialization of Control Property Editor', error);
+            Log.error('Error during initialization of Control Property Editor', getError(error));
         }
         return Promise.resolve();
     }

package/dist/client/cpe/init.ts

@@ -17,6 +17,7 @@ import { logger } from './logger';
 import { getIcons } from './ui5-utils';
 import { WorkspaceConnectorService } from './connector-service';
 import { RtaService } from './rta-service';
+import { getError } from './error-utils';
 
 export default function init(rta: RuntimeAuthoring): Promise<void> {
     Log.info('Initializing Control Property Editor');
@@ -51,7 +52,7 @@ export default function init(rta: RuntimeAuthoring): Promise<void> {
                     try {
                         await handler(action);
                     } catch (error) {
-                        Log.error('Handler Failed: ', error);
+                        Log.error('Handler Failed: ', getError(error));
                     }
                 }
             },
@@ -64,14 +65,14 @@ export default function init(rta: RuntimeAuthoring): Promise<void> {
         // For initOutline to complete the RTA needs to already running (to access RTA provided services).
         // That can only happen if the plugin initialization has completed.
         initOutline(rta, sendAction).catch((error) =>
-            Log.error('Error during initialization of Control Property Editor', error)
+            Log.error('Error during initialization of Control Property Editor', getError(error))
         );
         const icons = getIcons();
 
         sendAction(iconsLoaded(icons));
         sendAction(appLoaded());
     } catch (error) {
-        Log.error('Error during initialization of Control Property Editor', error);
+        Log.error('Error during initialization of Control Property Editor', getError(error));
     }
     return Promise.resolve();
 }

package/dist/client/cpe/outline/index.js

@@ -2,11 +2,13 @@
 sap.ui.define([
     'open/ux/preview/client/thirdparty/@sap-ux-private/control-property-editor-common',
     './nodes',
-    'sap/base/Log'
-], function (___sap_ux_private_control_property_editor_common, ___nodes, Log) {
+    'sap/base/Log',
+    '../error-utils'
+], function (___sap_ux_private_control_property_editor_common, ___nodes, Log, ___error_utils) {
     'use strict';
     const outlineChanged = ___sap_ux_private_control_property_editor_common['outlineChanged'];
     const transformNodes = ___nodes['transformNodes'];
+    const getError = ___error_utils['getError'];
     async function initOutline(rta, sendAction) {
         const outline = await rta.getService('outline');
         const scenario = rta.getFlexSettings().scenario;
@@ -16,7 +18,7 @@ sap.ui.define([
                 const outlineNodes = await transformNodes(viewNodes, scenario);
                 sendAction(outlineChanged(outlineNodes));
             } catch (error) {
-                Log.error('Outline sync failed!', error);
+                Log.error('Outline sync failed!', getError(error));
             }
         }
         await syncOutline();