@sap-ux/preview-middleware 0.19.29 → 0.19.30

package/dist/client/adp/extension-point.ts

@@ -84,9 +84,9 @@ export default class ExtensionPointService {
                 await this.fragmentHandler(overlay, info)
         });
 
-        const defaultPlugins = this.rta.getDefaultPlugins();
-        defaultPlugins.addXMLAtExtensionPoint = plugin;
-        this.rta.setPlugins(defaultPlugins);
+        const plugins = this.rta.getPlugins();
+        plugins.addXMLAtExtensionPoint = plugin;
+        this.rta.setPlugins(plugins);
     }
 
     /**

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

@@ -1,12 +1,30 @@
 "use strict";
 
-sap.ui.define(["sap/ui/rta/util/hasStableId", "sap/ui/fl/Utils", "./dialog-factory", "../i18n", "./utils"], function (hasStableId, FlUtils, ___dialog_factory, ___i18n, ___utils) {
+sap.ui.define(["sap/ui/rta/util/hasStableId", "sap/ui/fl/Utils", "./dialog-factory", "../i18n", "./utils", "../utils/version"], function (hasStableId, FlUtils, ___dialog_factory, ___i18n, ___utils, ___utils_version) {
   "use strict";
 
+  function __ui5_require_async(path) {
+    return new Promise(function (resolve, reject) {
+      sap.ui.require([path], function (module) {
+        if (!(module && module.__esModule)) {
+          module = module === null || !(typeof module === "object" && path.endsWith("/library")) ? {
+            default: module
+          } : module;
+          Object.defineProperty(module, "__esModule", {
+            value: true
+          });
+        }
+        resolve(module);
+      }, function (err) {
+        reject(err);
+      });
+    });
+  }
   const DialogFactory = ___dialog_factory["DialogFactory"];
   const DialogNames = ___dialog_factory["DialogNames"];
   const getTextBundle = ___i18n["getTextBundle"];
   const getReuseComponentChecker = ___utils["getReuseComponentChecker"];
+  const isLowerThanMinimalUi5Version = ___utils_version["isLowerThanMinimalUi5Version"];
   /**
    * Handler for enablement of Extend With Controller context menu entry
    *
@@ -111,13 +129,20 @@ sap.ui.define(["sap/ui/rta/util/hasStableId", "sap/ui/fl/Utils", "./dialog-facto
     const isCloud = rta.getFlexSettings().isCloud;
     const resources = await getTextBundle();
     const isReuseComponentChecker = await getReuseComponentChecker(ui5VersionInfo);
-    contextMenu.addMenuItem({
-      id: 'ADD_FRAGMENT',
-      text: overlay => getAddFragmentItemText(overlay, isReuseComponentChecker, isCloud, resources),
-      handler: async overlays => await DialogFactory.createDialog(overlays[0], rta, DialogNames.ADD_FRAGMENT),
-      icon: 'sap-icon://attachment-html',
-      enabled: overlays => isFragmentCommandEnabled(overlays, isReuseComponentChecker, isCloud)
-    });
+    if (isLowerThanMinimalUi5Version(ui5VersionInfo, {
+      major: 1,
+      minor: 136
+    })) {
+      contextMenu.addMenuItem({
+        id: 'ADD_FRAGMENT',
+        text: overlay => getAddFragmentItemText(overlay, isReuseComponentChecker, isCloud, resources),
+        handler: async overlays => await DialogFactory.createDialog(overlays[0], rta, DialogNames.ADD_FRAGMENT),
+        icon: 'sap-icon://attachment-html',
+        enabled: overlays => isFragmentCommandEnabled(overlays, isReuseComponentChecker, isCloud)
+      });
+    } else {
+      (await __ui5_require_async('open/ux/preview/client/adp/add-fragment')).initAddXMLPlugin(rta);
+    }
     contextMenu.addMenuItem({
       id: 'EXTEND_CONTROLLER',
       text: overlay => getExtendControllerItemText(overlay, isReuseComponentChecker, isCloud, resources),

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

@@ -17,6 +17,7 @@ import type { IsReuseComponentApi } from '../cpe/types';
 import { getTextBundle, type TextBundle } from '../i18n';
 import { getReuseComponentChecker } from './utils';
 import type { Ui5VersionInfo } from '../utils/version';
+import { isLowerThanMinimalUi5Version } from '../utils/version';
 
 /**
  * Handler for enablement of Extend With Controller context menu entry
@@ -138,14 +139,18 @@ export const initDialogs = async (rta: RuntimeAuthoring, syncViewsIds: string[],
     const resources = await getTextBundle();
     const isReuseComponentChecker = await getReuseComponentChecker(ui5VersionInfo);
 
-    contextMenu.addMenuItem({
-        id: 'ADD_FRAGMENT',
-        text: (overlay: ElementOverlay) => getAddFragmentItemText(overlay, isReuseComponentChecker, isCloud, resources),
-        handler: async (overlays: UI5Element[]) =>
-            await DialogFactory.createDialog(overlays[0], rta, DialogNames.ADD_FRAGMENT),
-        icon: 'sap-icon://attachment-html',
-        enabled: (overlays: ElementOverlay[]) => isFragmentCommandEnabled(overlays, isReuseComponentChecker, isCloud)
-    });
+    if (isLowerThanMinimalUi5Version(ui5VersionInfo, { major: 1, minor: 136 })) {
+        contextMenu.addMenuItem({
+            id: 'ADD_FRAGMENT',
+            text: (overlay: ElementOverlay) => getAddFragmentItemText(overlay, isReuseComponentChecker, isCloud, resources),
+            handler: async (overlays: UI5Element[]) =>
+                await DialogFactory.createDialog(overlays[0], rta, DialogNames.ADD_FRAGMENT),
+            icon: 'sap-icon://attachment-html',
+            enabled: (overlays: ElementOverlay[]) => isFragmentCommandEnabled(overlays, isReuseComponentChecker, isCloud)
+        });
+    } else {
+        (await import('open/ux/preview/client/adp/add-fragment')).initAddXMLPlugin(rta);
+    }
 
     contextMenu.addMenuItem({
         id: 'EXTEND_CONTROLLER',

package/dist/client/adp/init.js

@@ -47,6 +47,8 @@ sap.ui.define([
         }
         const ui5VersionInfo = await getUi5Version();
         const syncViewsIds = await getAllSyncViewsIds(ui5VersionInfo);
+        const defaultPlugins = rta.getDefaultPlugins();
+        rta.setPlugins(defaultPlugins);
         await initDialogs(rta, syncViewsIds, ui5VersionInfo);
         if (!isLowerThanMinimalUi5Version(ui5VersionInfo, {
                 major: 1,

package/dist/client/adp/init.ts

@@ -23,6 +23,11 @@ export default async function (rta: RuntimeAuthoring) {
     const ui5VersionInfo = await getUi5Version();
     const syncViewsIds = await getAllSyncViewsIds(ui5VersionInfo);
 
+    // Plugins need to be set before adding additional plugins to prevent overriding with the default
+    // and allow usage of getPlugins later in the flow
+    const defaultPlugins = rta.getDefaultPlugins();
+    rta.setPlugins(defaultPlugins);
+
     await initDialogs(rta, syncViewsIds, ui5VersionInfo);
 
     if (!isLowerThanMinimalUi5Version(ui5VersionInfo, { major: 1, minor: 78 })) {

package/dist/client/cpe/additional-change-info/add-xml-additional-info.js

@@ -0,0 +1,77 @@
+"use strict";
+
+sap.ui.define(["../../utils/core", "../../adp/quick-actions/control-types"], function (____utils_core, ____adp_quick_actions_control_types) {
+  "use strict";
+
+  const getControlById = ____utils_core["getControlById"];
+  const ANALYTICAL_TABLE_TYPE = ____adp_quick_actions_control_types["ANALYTICAL_TABLE_TYPE"];
+  const GRID_TABLE_TYPE = ____adp_quick_actions_control_types["GRID_TABLE_TYPE"];
+  const MDC_TABLE_TYPE = ____adp_quick_actions_control_types["MDC_TABLE_TYPE"];
+  const TREE_TABLE_TYPE = ____adp_quick_actions_control_types["TREE_TABLE_TYPE"];
+  function getAddXMLAdditionalInfo(change) {
+    const selectorId = change.getSelector()?.id ?? '';
+    const targetAggregation = change.getContent()?.targetAggregation ?? '';
+    const templateName = getFragmentTemplateName(selectorId, targetAggregation);
+    if (templateName) {
+      return {
+        templateName
+      };
+    }
+    return undefined;
+  }
+  function getFragmentTemplateName(selectorId, targetAggregation) {
+    const control = getControlById(selectorId);
+    if (!control) {
+      return '';
+    }
+    const controlName = control.getMetadata().getName();
+    if (controlName === 'sap.uxap.ObjectPageLayout' && targetAggregation === 'sections') {
+      return 'OBJECT_PAGE_CUSTOM_SECTION';
+    } else if (isCustomAction(controlName, targetAggregation)) {
+      return 'CUSTOM_ACTION';
+    } else if (isObjectPageHeaderField(control, controlName, targetAggregation)) {
+      return 'OBJECT_PAGE_HEADER_FIELD';
+    } else if (targetAggregation === 'columns') {
+      switch (controlName) {
+        case MDC_TABLE_TYPE:
+          return 'V4_MDC_TABLE_COLUMN';
+        case TREE_TABLE_TYPE:
+        case GRID_TABLE_TYPE:
+          return 'GRID_TREE_TABLE_COLUMN';
+        case ANALYTICAL_TABLE_TYPE:
+          return 'ANALYTICAL_TABLE_COLUMN';
+        default:
+          return '';
+      }
+    } else if (controlName === 'sap.ui.mdc.Table' && targetAggregation === 'actions') {
+      return 'TABLE_ACTION';
+    }
+    return '';
+  }
+  function isCustomAction(controlName, targetAggregation) {
+    if (['sap.f.DynamicPageTitle', 'sap.uxap.ObjectPageHeader', 'sap.uxap.ObjectPageDynamicHeaderTitle'].includes(controlName)) {
+      return targetAggregation === 'actions';
+    } else if (controlName === 'sap.m.OverflowToolbar' || controlName === 'sap.m.Toolbar') {
+      return targetAggregation === 'content';
+    }
+    return false;
+  }
+  function isObjectPageHeaderField(control, controlName, targetAggregation) {
+    if (controlName === 'sap.uxap.ObjectPageLayout') {
+      return targetAggregation === 'headerContent';
+    } else if (controlName === 'sap.m.FlexBox') {
+      const parentName = control.getParent()?.getMetadata().getName();
+      if (parentName === 'sap.uxap.ObjectPageDynamicHeaderContent' || parentName === 'sap.uxap.ObjectPageLayout') {
+        return targetAggregation === 'items';
+      }
+    }
+    return false;
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.getAddXMLAdditionalInfo = getAddXMLAdditionalInfo;
+  __exports.getFragmentTemplateName = getFragmentTemplateName;
+  return __exports;
+});
+//# sourceMappingURL=add-xml-additional-info.js.map

package/dist/client/cpe/additional-change-info/add-xml-additional-info.ts

@@ -0,0 +1,84 @@
+import FlexChange from 'sap/ui/fl/Change';
+import { getControlById } from '../../utils/core';
+import {
+    ANALYTICAL_TABLE_TYPE,
+    GRID_TABLE_TYPE,
+    MDC_TABLE_TYPE,
+    TREE_TABLE_TYPE
+} from '../../adp/quick-actions/control-types';
+import Element from 'sap/ui/core/Element';
+
+export type AddXMLAdditionalInfo = {
+    templateName: string;
+};
+
+export type AddXMLChangeContent = {
+    targetAggregation?: string;
+};
+
+export function getAddXMLAdditionalInfo(change: FlexChange<AddXMLChangeContent>): AddXMLAdditionalInfo | undefined {
+    const selectorId = change.getSelector()?.id ?? '';
+    const targetAggregation = change.getContent()?.targetAggregation ?? '';
+    const templateName = getFragmentTemplateName(selectorId, targetAggregation);
+    if (templateName) {
+        return { templateName };
+    }
+    return undefined;
+}
+
+export function getFragmentTemplateName(selectorId: string, targetAggregation: string): string {
+    const control = getControlById(selectorId);
+
+    if (!control) {
+        return '';
+    }
+
+    const controlName = control.getMetadata().getName();
+    if (controlName === 'sap.uxap.ObjectPageLayout' && targetAggregation === 'sections') {
+        return 'OBJECT_PAGE_CUSTOM_SECTION';
+    } else if (isCustomAction(controlName, targetAggregation)) {
+        return 'CUSTOM_ACTION';
+    } else if (isObjectPageHeaderField(control, controlName, targetAggregation)) {
+        return 'OBJECT_PAGE_HEADER_FIELD';
+    } else if (targetAggregation === 'columns') {
+        switch (controlName) {
+            case MDC_TABLE_TYPE:
+                return 'V4_MDC_TABLE_COLUMN';
+            case TREE_TABLE_TYPE:
+            case GRID_TABLE_TYPE:
+                return 'GRID_TREE_TABLE_COLUMN';
+            case ANALYTICAL_TABLE_TYPE:
+                return 'ANALYTICAL_TABLE_COLUMN';
+            default:
+                return '';
+        }
+    } else if (controlName === 'sap.ui.mdc.Table' && targetAggregation === 'actions') {
+        return 'TABLE_ACTION';
+    }
+    return '';
+}
+
+function isCustomAction(controlName: string, targetAggregation: string): boolean {
+    if (
+        ['sap.f.DynamicPageTitle', 'sap.uxap.ObjectPageHeader', 'sap.uxap.ObjectPageDynamicHeaderTitle'].includes(
+            controlName
+        )
+    ) {
+        return targetAggregation === 'actions';
+    } else if (controlName === 'sap.m.OverflowToolbar' || controlName === 'sap.m.Toolbar') {
+        return targetAggregation === 'content';
+    }
+    return false;
+}
+
+function isObjectPageHeaderField(control: Element, controlName: string, targetAggregation: string): boolean {
+    if (controlName === 'sap.uxap.ObjectPageLayout') {
+        return targetAggregation === 'headerContent';
+    } else if (controlName === 'sap.m.FlexBox') {
+        const parentName = control.getParent()?.getMetadata().getName();
+        if (parentName === 'sap.uxap.ObjectPageDynamicHeaderContent' || parentName === 'sap.uxap.ObjectPageLayout') {
+            return targetAggregation === 'items';
+        }
+    }
+    return false;
+}

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

@@ -10,8 +10,9 @@ sap.ui.define([
     'sap/m/MessageToast',
     '../../i18n',
     '../../utils/core',
-    '../../utils/fe-v4'
-], function (___sap_ux_private_control_property_editor_common, ___flex_change, Log, ___rta_service, JsControlTreeModifier, ____utils_error, ____utils_version, MessageToast, ____i18n, ____utils_core, ____utils_fe_v4) {
+    '../../utils/fe-v4',
+    '../../utils/additional-change-info'
+], function (___sap_ux_private_control_property_editor_common, ___flex_change, Log, ___rta_service, JsControlTreeModifier, ____utils_error, ____utils_version, MessageToast, ____i18n, ____utils_core, ____utils_fe_v4, ____utils_additional_change_info) {
     'use strict';
     function __ui5_require_async(path) {
         return new Promise(function (resolve, reject) {
@@ -48,6 +49,7 @@ sap.ui.define([
     const getControlById = ____utils_core['getControlById'];
     const isA = ____utils_core['isA'];
     const getConfigMapControlIdMap = ____utils_fe_v4['getConfigMapControlIdMap'];
+    const setAdditionalChangeInfo = ____utils_additional_change_info['setAdditionalChangeInfo'];
     const TITLE_MAP = { appdescr_app_addAnnotationsToOData: 'Add New Annotation File' };
     const STACK_CHANGE_EVENT = 'STACK_CHANGED';
     const PROPERTY_CHANGE = 'propertyChange';
@@ -327,6 +329,7 @@ sap.ui.define([
             this.updateStack();
         }
         async handleCommand(command, inactiveCommandCount, index, pendingChanges) {
+            setAdditionalChangeInfo(command?.getPreparedChange?.());
             const pendingChange = await this.prepareChangeType(command, inactiveCommandCount, index);
             if (pendingChange) {
                 pendingChanges.push(pendingChange);

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

@@ -38,6 +38,7 @@ import { getTextBundle } from '../../i18n';
 import { getControlById, isA } from '../../utils/core';
 import UI5Element from 'sap/ui/core/Element';
 import { getConfigMapControlIdMap } from '../../utils/fe-v4';
+import { setAdditionalChangeInfo } from '../../utils/additional-change-info';
 
 const TITLE_MAP: { [key: string]: string } = {
     appdescr_app_addAnnotationsToOData: 'Add New Annotation File'
@@ -518,6 +519,7 @@ export class ChangeService extends EventTarget {
         index: number,
         pendingChanges: PendingChange[]
     ): Promise<void> {
+        setAdditionalChangeInfo(command?.getPreparedChange?.());
         const pendingChange = await this.prepareChangeType(command, inactiveCommandCount, index);
         if (pendingChange) {
             pendingChanges.push(pendingChange);

package/dist/client/cpe/connector-service.js

@@ -43,6 +43,7 @@ sap.ui.define([
         }
         onChangeSaved(fileName, kind) {
             let change = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+            let additionalChangeInfo = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
             const {changeType, content} = change;
             if (changeType && ![
                     'appdescr_fe_changePageConfiguration',
@@ -50,7 +51,7 @@ sap.ui.define([
                 ].includes(changeType) || kind === 'delete' || this.isReloadPending) {
                 this.sendAction(storageFileChanged(fileName?.replace('sap.ui.fl.', '')));
             }
-            if (changeType === 'addXML' && content?.templateName !== undefined && content?.fragmentPath !== undefined) {
+            if (changeType === 'addXML' && additionalChangeInfo?.templateName && content?.fragmentPath) {
                 this.sendAction(storageFileChanged(content.fragmentPath));
             }
         }

package/dist/client/cpe/connector-service.ts

@@ -1,7 +1,7 @@
 import { ExternalAction, reloadApplication, storageFileChanged } from '@sap-ux-private/control-property-editor-common';
 import { ActionSenderFunction, SubscribeFunction } from './types';
 import { getUi5Version, isLowerThanMinimalUi5Version } from '../utils/version';
-
+import { AdditionalChangeInfo } from '../utils/additional-change-info';
 /**
  * A Class of WorkspaceConnectorService
  */
@@ -35,11 +35,15 @@ export class WorkspaceConnectorService {
         }
     }
 
-    private onChangeSaved(fileName: string, kind: 'delete' | 'create', change: unknown = {}) {
+    private onChangeSaved(
+        fileName: string,
+        kind: 'delete' | 'create',
+        change: unknown = {},
+        additionalChangeInfo: unknown = {}
+    ): void {
         const { changeType, content } = change as {
             changeType?: string;
             content?: {
-                templateName?: string;
                 fragmentPath?: string;
             };
         };
@@ -53,7 +57,7 @@ export class WorkspaceConnectorService {
         ) {
             this.sendAction(storageFileChanged(fileName?.replace('sap.ui.fl.', '')));
         }
-        if (changeType === 'addXML' && content?.templateName !== undefined && content?.fragmentPath !== undefined) {
+        if (changeType === 'addXML' && (additionalChangeInfo as AdditionalChangeInfo )?.templateName && content?.fragmentPath) {
             // If there is template available, then we save and reload right away,
             // so we should ignore the first file change event that comes for the fragment.
             // (We don't want to show "Reload" button)

package/dist/client/flp/WorkspaceConnector.js

@@ -1,12 +1,13 @@
 "use strict";
 
-sap.ui.define(["sap/base/util/merge", "sap/ui/fl/write/api/connectors/ObjectStorageConnector", "sap/ui/fl/Layer", "./common", "../utils/version"], function (merge, ObjectStorageConnector, Layer, ___common, ___utils_version) {
+sap.ui.define(["sap/base/util/merge", "sap/ui/fl/write/api/connectors/ObjectStorageConnector", "sap/ui/fl/Layer", "./common", "../utils/version", "../utils/additional-change-info"], function (merge, ObjectStorageConnector, Layer, ___common, ___utils_version, ___utils_additional_change_info) {
   "use strict";
 
   const CHANGES_API_PATH = ___common["CHANGES_API_PATH"];
   const getFlexSettings = ___common["getFlexSettings"];
   const getUi5Version = ___utils_version["getUi5Version"];
   const isLowerThanMinimalUi5Version = ___utils_version["isLowerThanMinimalUi5Version"];
+  const getAdditionalChangeInfo = ___utils_additional_change_info["getAdditionalChangeInfo"];
   const connector = merge({}, ObjectStorageConnector, {
     layers: [Layer.VENDOR, Layer.CUSTOMER_BASE],
     storage: {
@@ -18,16 +19,21 @@ sap.ui.define(["sap/base/util/merge", "sap/ui/fl/write/api/connectors/ObjectStor
           change.support ??= {};
           change.support.generator = settings.generator;
         }
+        const additionalChangeInfo = getAdditionalChangeInfo(change);
         if (typeof this.fileChangeRequestNotifier === 'function' && change.fileName) {
           try {
-            this.fileChangeRequestNotifier(change.fileName, 'create', change);
+            this.fileChangeRequestNotifier(change.fileName, 'create', change, additionalChangeInfo);
           } catch (e) {
             // exceptions in the listener call are ignored
           }
         }
+        const body = {
+          change,
+          additionalChangeInfo
+        };
         return fetch(CHANGES_API_PATH, {
           method: 'POST',
-          body: JSON.stringify(change, null, 2),
+          body: JSON.stringify(body, null, 2),
           headers: {
             'content-type': 'application/json'
           }

package/dist/client/flp/WorkspaceConnector.ts

@@ -3,6 +3,7 @@ import ObjectStorageConnector from 'sap/ui/fl/write/api/connectors/ObjectStorage
 import Layer from 'sap/ui/fl/Layer';
 import { CHANGES_API_PATH, FlexChange, getFlexSettings } from './common';
 import { getUi5Version, isLowerThanMinimalUi5Version } from '../utils/version';
+import { getAdditionalChangeInfo } from '../utils/additional-change-info';
 
 const connector = merge({}, ObjectStorageConnector, {
     layers: [Layer.VENDOR, Layer.CUSTOMER_BASE],
@@ -16,17 +17,24 @@ const connector = merge({}, ObjectStorageConnector, {
                 change.support.generator = settings.generator;
             }
 
+            const additionalChangeInfo = getAdditionalChangeInfo(change);
+
             if (typeof this.fileChangeRequestNotifier === 'function' && change.fileName) {
                 try {
-                    this.fileChangeRequestNotifier(change.fileName, 'create', change);
+                    this.fileChangeRequestNotifier(change.fileName, 'create', change, additionalChangeInfo);
                 } catch (e) {
                     // exceptions in the listener call are ignored
                 }
             }
 
+            const body = {
+                change,
+                additionalChangeInfo
+            };
+
             return fetch(CHANGES_API_PATH, {
                 method: 'POST',
-                body: JSON.stringify(change, null, 2),
+                body: JSON.stringify(body, null, 2),
                 headers: {
                     'content-type': 'application/json'
                 }

package/dist/client/flp/enableFakeConnector.js

@@ -1,8 +1,9 @@
 "use strict";
 
-sap.ui.define(["sap/ui/fl/LrepConnector", "sap/ui/fl/FakeLrepConnector", "./common"], function (LrepConnector, FakeLrepConnector, ___common) {
+sap.ui.define(["sap/ui/fl/LrepConnector", "sap/ui/fl/FakeLrepConnector", "../utils/additional-change-info", "./common"], function (LrepConnector, FakeLrepConnector, ___utils_additional_change_info, ___common) {
   "use strict";
 
+  const getAdditionalChangeInfo = ___utils_additional_change_info["getAdditionalChangeInfo"];
   const CHANGES_API_PATH = ___common["CHANGES_API_PATH"];
   const getFlexSettings = ___common["getFlexSettings"];
   /**
@@ -19,16 +20,21 @@ sap.ui.define(["sap/ui/fl/LrepConnector", "sap/ui/fl/FakeLrepConnector", "./comm
         change.support ??= {};
         change.support.generator = settings.generator;
       }
+      const additionalChangeInfo = getAdditionalChangeInfo(change);
       if (typeof FakeLrepConnector.fileChangeRequestNotifier === 'function' && change.fileName) {
         try {
-          FakeLrepConnector.fileChangeRequestNotifier(change.fileName, 'create', change);
+          FakeLrepConnector.fileChangeRequestNotifier(change.fileName, 'create', change, additionalChangeInfo);
         } catch (e) {
           // exceptions in the listener call are ignored
         }
       }
+      const body = {
+        change,
+        additionalChangeInfo
+      };
       return fetch(CHANGES_API_PATH, {
         method: 'POST',
-        body: JSON.stringify(change, null, 2),
+        body: JSON.stringify(body, null, 2),
         headers: {
           'content-type': 'application/json'
         }

package/dist/client/flp/enableFakeConnector.ts

@@ -1,5 +1,6 @@
 import LrepConnector from 'sap/ui/fl/LrepConnector';
 import FakeLrepConnector from 'sap/ui/fl/FakeLrepConnector';
+import { getAdditionalChangeInfo } from '../utils/additional-change-info';
 
 import { CHANGES_API_PATH, FlexChange, getFlexSettings } from './common';
 
@@ -37,17 +38,25 @@ export async function create(changes: FlexChange | FlexChange[]): Promise<void>
                 change.support.generator = settings.generator;
             }
 
+            const additionalChangeInfo = getAdditionalChangeInfo(change);
+
             if (typeof FakeLrepConnector.fileChangeRequestNotifier === 'function' && change.fileName) {
                 try {
-                    FakeLrepConnector.fileChangeRequestNotifier(change.fileName, 'create', change);
+                    FakeLrepConnector.fileChangeRequestNotifier(change.fileName, 'create', change, additionalChangeInfo);
                 } catch (e) {
                     // exceptions in the listener call are ignored
                 }
             }
 
+            const body = {
+                change,
+                additionalChangeInfo
+            };
+
+
             return fetch(CHANGES_API_PATH, {
                 method: 'POST',
-                body: JSON.stringify(change, null, 2),
+                body: JSON.stringify(body, null, 2),
                 headers: {
                     'content-type': 'application/json'
                 }

package/dist/client/utils/additional-change-info.js

@@ -0,0 +1,43 @@
+"use strict";
+
+sap.ui.define(["../cpe/additional-change-info/add-xml-additional-info"], function (___cpe_additional_change_info_add_xml_additional_info) {
+  "use strict";
+
+  const getAddXMLAdditionalInfo = ___cpe_additional_change_info_add_xml_additional_info["getAddXMLAdditionalInfo"];
+  const additionalChangeInfoMap = new Map();
+  /**
+  * This function is used to set additional change information for a given change.
+  * 
+  * @param change - The change object for which additional information is to be set.
+  */
+  function setAdditionalChangeInfo(change) {
+    if (!change) {
+      return;
+    }
+    let additionalChangeInfo;
+    if (change?.getChangeType?.() === 'addXML') {
+      additionalChangeInfo = getAddXMLAdditionalInfo(change);
+    }
+    if (additionalChangeInfo) {
+      additionalChangeInfoMap.set(change.getDefinition().fileName, additionalChangeInfo);
+    }
+  }
+
+  /**
+   * Retrieves additional change information for a given change.
+   *
+   * @param change - The change object containing details about a file modification.
+   * @returns The additional change information associated with the file name of the change,
+   *          or `undefined` if no additional information is available.
+   */
+  function getAdditionalChangeInfo(change) {
+    return additionalChangeInfoMap.get(change.fileName);
+  }
+  var __exports = {
+    __esModule: true
+  };
+  __exports.setAdditionalChangeInfo = setAdditionalChangeInfo;
+  __exports.getAdditionalChangeInfo = getAdditionalChangeInfo;
+  return __exports;
+});
+//# sourceMappingURL=additional-change-info.js.map

package/dist/client/utils/additional-change-info.ts

@@ -0,0 +1,42 @@
+import FlexChange from 'sap/ui/fl/Change';
+import {
+    getAddXMLAdditionalInfo,
+    type AddXMLAdditionalInfo,
+    type AddXMLChangeContent
+} from '../cpe/additional-change-info/add-xml-additional-info';
+import { FlexChange as Change } from '../flp/common';
+
+const additionalChangeInfoMap = new Map<string, AddXMLAdditionalInfo>();
+
+export type AdditionalChangeInfo = AddXMLAdditionalInfo | undefined
+
+/**
+* This function is used to set additional change information for a given change.
+* 
+* @param change - The change object for which additional information is to be set.
+*/
+export function setAdditionalChangeInfo(change: FlexChange<AddXMLChangeContent> | undefined): void {
+    if (!change) {
+        return;
+    }
+
+    let additionalChangeInfo;
+    if(change?.getChangeType?.() === 'addXML') {
+        additionalChangeInfo = getAddXMLAdditionalInfo(change);
+    }
+
+    if (additionalChangeInfo) {
+        additionalChangeInfoMap.set(change.getDefinition().fileName, additionalChangeInfo);
+    }
+}
+
+/**
+ * Retrieves additional change information for a given change.
+ *
+ * @param change - The change object containing details about a file modification.
+ * @returns The additional change information associated with the file name of the change,
+ *          or `undefined` if no additional information is available.
+ */
+export function getAdditionalChangeInfo(change: Change): AdditionalChangeInfo {
+    return additionalChangeInfoMap.get(change.fileName);              
+}

package/package.json

@@ -9,7 +9,7 @@
   "bugs": {
     "url": "https://github.com/SAP/open-ux-tools/issues?q=is%3Aopen+is%3Aissue+label%3Abug+label%3Apreview-middleware"
   },
-  "version": "0.19.29",
+  "version": "0.19.30",
   "license": "Apache-2.0",
   "author": "@SAP/ux-tools-team",
   "main": "dist/index.js",
@@ -25,7 +25,7 @@
     "ejs": "3.1.10",
     "mem-fs": "2.1.0",
     "mem-fs-editor": "9.4.0",
-    "@sap-ux/adp-tooling": "0.13.34",
+    "@sap-ux/adp-tooling": "0.13.35",
     "@sap-ux/btp-utils": "1.0.3",
     "@sap-ux/control-property-editor-sources": "npm:@sap-ux/control-property-editor@0.6.4",
     "@sap-ux/feature-toggle": "0.2.3",
@@ -49,7 +49,7 @@
     "nock": "13.4.0",
     "npm-run-all2": "6.2.0",
     "supertest": "6.3.3",
-    "@private/preview-middleware-client": "npm:@sap-ux-private/preview-middleware-client@0.13.18",
+    "@private/preview-middleware-client": "npm:@sap-ux-private/preview-middleware-client@0.13.19",
     "@sap-ux/axios-extension": "1.20.0",
     "@sap-ux/i18n": "0.2.3",
     "@sap-ux/store": "1.0.0",