@sap-ux/preview-middleware 0.13.72 → 0.13.73

package/dist/client/adp/api-handler.js

@@ -1,8 +1,9 @@
 "use strict";
 
-sap.ui.define([], function () {
+sap.ui.define(["../cpe/error-utils"], function (___cpe_error_utils) {
   "use strict";
 
+  const getError = ___cpe_error_utils["getError"];
   var ApiEndpoints = /*#__PURE__*/function (ApiEndpoints) {
     ApiEndpoints["CHANGES"] = "/preview/api/changes";
     ApiEndpoints["FRAGMENT"] = "/adp/api/fragment";
@@ -55,7 +56,7 @@ sap.ui.define([], function () {
           return response.json();
       }
     } catch (e) {
-      throw new Error(e.message);
+      throw getError(e);
     }
   }
 

package/dist/client/adp/api-handler.ts

@@ -1,4 +1,5 @@
 import type { Layer } from 'sap/ui/fl';
+import { getError } from '../cpe/error-utils';
 
 export const enum ApiEndpoints {
     CHANGES = '/preview/api/changes',
@@ -16,8 +17,9 @@ export const enum RequestMethod {
     DELETE = 'DELETE'
 }
 
-type Fragments = { fragmentName: string }[];
-type Controllers = { controllerName: string }[];
+export type Fragments = { fragmentName: string }[];
+export type Controllers = { controllerName: string }[];
+type ResponseMessage = { message?: string };
 
 export interface FragmentsResponse {
     fragments: Fragments;
@@ -68,7 +70,7 @@ export async function request<T>(endpoint: ApiEndpoints, method: RequestMethod,
         const response: Response = await fetch(endpoint, config);
 
         if (!response.ok) {
-            const errorData = await response.json();
+            const errorData = (await response.json()) as ResponseMessage;
             const message = errorData?.message ?? '';
             throw new Error(`Request failed, status: ${response.status}. ${message}`.trim());
         }
@@ -86,7 +88,7 @@ export async function request<T>(endpoint: ApiEndpoints, method: RequestMethod,
                 return response.json() as T;
         }
     } catch (e) {
-        throw new Error(e.message);
+        throw getError(e);
     }
 }
 

package/dist/client/adp/command-executor.js

@@ -1,8 +1,9 @@
 "use strict";
 
-sap.ui.define(["sap/m/MessageToast", "sap/ui/rta/command/CommandFactory"], function (MessageToast, CommandFactory) {
+sap.ui.define(["sap/m/MessageToast", "sap/ui/rta/command/CommandFactory", "../cpe/error-utils"], function (MessageToast, CommandFactory, ___cpe_error_utils) {
   "use strict";
 
+  const getError = ___cpe_error_utils["getError"];
   /**
    * Class responsible for handling rta calls
    */
@@ -28,9 +29,11 @@ sap.ui.define(["sap/m/MessageToast", "sap/ui/rta/command/CommandFactory"], funct
       try {
         return await CommandFactory.getCommandFor(runtimeControl, commandName, modifiedValue, designMetadata, flexSettings);
       } catch (e) {
-        const errorMsg = `Could not get command for '${commandName}'. ${e.message}`;
-        MessageToast.show(errorMsg);
-        throw new Error(errorMsg);
+        const error = getError(e);
+        const msgToastErrorMsg = `Could not get command for '${commandName}'. ${error.message}`;
+        error.message = msgToastErrorMsg;
+        MessageToast.show(msgToastErrorMsg);
+        throw error;
       }
     }
 
@@ -46,8 +49,9 @@ sap.ui.define(["sap/m/MessageToast", "sap/ui/rta/command/CommandFactory"], funct
          */
         await this.rta.getCommandStack().pushAndExecute(command);
       } catch (e) {
-        MessageToast.show(e.message);
-        throw new Error(e.message);
+        const error = getError(e);
+        MessageToast.show(error.message);
+        throw error;
       }
     }
   }

package/dist/client/adp/command-executor.ts

@@ -5,6 +5,7 @@ import type RuntimeAuthoring from 'sap/ui/rta/RuntimeAuthoring';
 import type { FlexSettings } from 'sap/ui/rta/RuntimeAuthoring';
 import type DesignTimeMetadata from 'sap/ui/dt/DesignTimeMetadata';
 import type FlexCommand from 'sap/ui/rta/command/FlexCommand';
+import { getError } from '../cpe/error-utils';
 
 type CommandNames = 'addXML';
 
@@ -43,9 +44,11 @@ export default class CommandExecutor {
                 flexSettings
             );
         } catch (e) {
-            const errorMsg = `Could not get command for '${commandName}'. ${e.message}`;
-            MessageToast.show(errorMsg);
-            throw new Error(errorMsg);
+            const error = getError(e);
+            const msgToastErrorMsg = `Could not get command for '${commandName}'. ${error.message}`;
+            error.message = msgToastErrorMsg;
+            MessageToast.show(msgToastErrorMsg);
+            throw error;
         }
     }
 
@@ -61,8 +64,9 @@ export default class CommandExecutor {
              */
             await this.rta.getCommandStack().pushAndExecute(command);
         } catch (e) {
-            MessageToast.show(e.message);
-            throw new Error(e.message);
+            const error = getError(e);
+            MessageToast.show(error.message);
+            throw error;
         }
     }
 }

package/dist/client/adp/controllers/AddFragment.controller.js

@@ -1,6 +1,6 @@
 "use strict";
 
-sap.ui.define(["sap/m/MessageToast", "sap/ui/model/json/JSONModel", "sap/ui/dt/OverlayRegistry", "../control-utils", "../command-executor", "../api-handler", "./BaseDialog.controller", "../utils"], function (MessageToast, JSONModel, OverlayRegistry, __ControlUtils, __CommandExecutor, ___api_handler, __BaseDialog, ___utils) {
+sap.ui.define(["sap/ui/model/json/JSONModel", "sap/ui/dt/OverlayRegistry", "../control-utils", "../command-executor", "../api-handler", "./BaseDialog.controller", "../utils"], function (JSONModel, OverlayRegistry, __ControlUtils, __CommandExecutor, ___api_handler, __BaseDialog, ___utils) {
   "use strict";
 
   function _interopRequireDefault(obj) {
@@ -11,6 +11,7 @@ sap.ui.define(["sap/m/MessageToast", "sap/ui/model/json/JSONModel", "sap/ui/dt/O
   const getFragments = ___api_handler["getFragments"];
   const BaseDialog = _interopRequireDefault(__BaseDialog);
   const notifyUser = ___utils["notifyUser"];
+  const radix = 10;
   /**
    * @namespace open.ux.preview.client.adp.controllers
    */
@@ -71,7 +72,7 @@ sap.ui.define(["sap/m/MessageToast", "sap/ui/model/json/JSONModel", "sap/ui/dt/O
       this.model.setProperty('/selectedAggregation/value', selectedItemText);
       let newSelectedControlChildren = Object.keys(ControlUtils.getControlAggregationByName(this.runtimeControl, selectedItemText));
       newSelectedControlChildren = newSelectedControlChildren.map(key => {
-        return parseInt(key);
+        return parseInt(key, radix);
       });
       this.specialIndexHandling(selectedItemText);
       const updatedIndexArray = this.fillIndexArray(newSelectedControlChildren);
@@ -87,7 +88,7 @@ sap.ui.define(["sap/m/MessageToast", "sap/ui/model/json/JSONModel", "sap/ui/dt/O
       const source = event.getSource();
       source.setEnabled(false);
       const fragmentName = this.model.getProperty('/newFragmentName');
-      const index = parseInt(this.model.getProperty('/selectedIndex'));
+      const index = this.model.getProperty('/selectedIndex');
       const targetAggregation = this.model.getProperty('/selectedAggregation/value');
       const fragmentData = {
         index,
@@ -123,7 +124,7 @@ sap.ui.define(["sap/m/MessageToast", "sap/ui/model/json/JSONModel", "sap/ui/dt/O
       const selectedControlName = controlMetadata.getName();
       let selectedControlChildren = Object.keys(ControlUtils.getControlAggregationByName(this.runtimeControl, defaultAggregation));
       selectedControlChildren = selectedControlChildren.map(key => {
-        return parseInt(key);
+        return parseInt(key, radix);
       });
       this.model.setProperty('/selectedControlName', selectedControlName);
       this.model.setProperty('/selectedAggregation', {});
@@ -154,8 +155,7 @@ sap.ui.define(["sap/m/MessageToast", "sap/ui/model/json/JSONModel", "sap/ui/dt/O
         } = await getFragments();
         this.model.setProperty('/fragmentList', fragments);
       } catch (e) {
-        MessageToast.show(e.message);
-        throw new Error(e.message);
+        this.handleError(e);
       }
       this.model.setProperty('/selectedIndex', indexArray.length - 1);
       this.model.setProperty('/targetAggregation', controlAggregation);

package/dist/client/adp/controllers/AddFragment.controller.ts

@@ -2,7 +2,6 @@
 import Button from 'sap/m/Button';
 import type Dialog from 'sap/m/Dialog';
 import type ComboBox from 'sap/m/ComboBox';
-import MessageToast from 'sap/m/MessageToast';
 
 /** sap.ui.core */
 import type UI5Element from 'sap/ui/core/Element';
@@ -33,10 +32,18 @@ interface CreateFragmentProps {
     targetAggregation: string;
 }
 
+const radix = 10;
+
+type AddFragmentModel = JSONModel & {
+    getProperty(sPath: '/newFragmentName'): string;
+    getProperty(sPath: '/selectedIndex'): number;
+    getProperty(sPath: '/selectedAggregation/value'): string;
+};
+
 /**
  * @namespace open.ux.preview.client.adp.controllers
  */
-export default class AddFragment extends BaseDialog {
+export default class AddFragment extends BaseDialog<AddFragmentModel> {
     constructor(name: string, overlays: UI5Element, rta: RuntimeAuthoring) {
         super(name);
         this.rta = rta;
@@ -114,7 +121,7 @@ export default class AddFragment extends BaseDialog {
         );
 
         newSelectedControlChildren = newSelectedControlChildren.map((key) => {
-            return parseInt(key);
+            return parseInt(key, radix);
         });
 
         this.specialIndexHandling(selectedItemText);
@@ -135,7 +142,7 @@ export default class AddFragment extends BaseDialog {
         source.setEnabled(false);
 
         const fragmentName = this.model.getProperty('/newFragmentName');
-        const index = parseInt(this.model.getProperty('/selectedIndex'));
+        const index = this.model.getProperty('/selectedIndex');
         const targetAggregation = this.model.getProperty('/selectedAggregation/value');
         const fragmentData = {
             index,
@@ -182,7 +189,7 @@ export default class AddFragment extends BaseDialog {
         );
 
         selectedControlChildren = selectedControlChildren.map((key) => {
-            return parseInt(key);
+            return parseInt(key, radix);
         });
 
         this.model.setProperty('/selectedControlName', selectedControlName);
@@ -216,8 +223,7 @@ export default class AddFragment extends BaseDialog {
 
             this.model.setProperty('/fragmentList', fragments);
         } catch (e) {
-            MessageToast.show(e.message);
-            throw new Error(e.message);
+            this.handleError(e);
         }
 
         this.model.setProperty('/selectedIndex', indexArray.length - 1);

package/dist/client/adp/controllers/BaseDialog.controller.js

@@ -1,10 +1,11 @@
 "use strict";
 
-sap.ui.define(["sap/ui/core/library", "sap/ui/core/mvc/Controller", "../utils"], function (sap_ui_core_library, Controller, ___utils) {
+sap.ui.define(["sap/ui/core/library", "sap/ui/core/mvc/Controller", "sap/m/MessageToast", "../utils", "../../cpe/error-utils"], function (sap_ui_core_library, Controller, MessageToast, ___utils, ____cpe_error_utils) {
   "use strict";
 
   const ValueState = sap_ui_core_library["ValueState"];
   const matchesFragmentName = ___utils["matchesFragmentName"];
+  const getError = ____cpe_error_utils["getError"];
   /**
    * @namespace open.ux.preview.client.adp.controllers
    */
@@ -86,6 +87,19 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/mvc/Controller", "../utils"],
     handleDialogClose: function _handleDialogClose() {
       this.dialog.close();
       this.dialog.destroy();
+    },
+    /**
+     * Function that handles runtime thrown errors with MessageToast
+     *
+     * @param e error instance
+     * @throws {Error}.
+     */
+    handleError: function _handleError(e) {
+      const error = getError(e);
+      MessageToast.show(error.message, {
+        duration: 5000
+      });
+      throw error;
     }
   });
   return BaseDialog;

package/dist/client/adp/controllers/BaseDialog.controller.ts

@@ -8,14 +8,20 @@ import Controller from 'sap/ui/core/mvc/Controller';
 import JSONModel from 'sap/ui/model/json/JSONModel';
 import RuntimeAuthoring from 'sap/ui/rta/RuntimeAuthoring';
 import FlexCommand from 'sap/ui/rta/command/FlexCommand';
-
+import MessageToast from 'sap/m/MessageToast';
 import CommandExecutor from '../command-executor';
 import { matchesFragmentName } from '../utils';
+import type { Fragments } from '../api-handler';
+import { getError } from '../../cpe/error-utils';
+
+type BaseDialogModel = JSONModel & {
+    getProperty(sPath: '/fragmentList'): Fragments;
+};
 
 /**
  * @namespace open.ux.preview.client.adp.controllers
  */
-export default abstract class BaseDialog extends Controller {
+export default abstract class BaseDialog<T extends BaseDialogModel = BaseDialogModel> extends Controller {
     /**
      * Runtime Authoring
      */
@@ -27,7 +33,7 @@ export default abstract class BaseDialog extends Controller {
     /**
      * JSON Model that has the data
      */
-    public model: JSONModel;
+    public model: T;
     /**
      * Runtime control managed object
      */
@@ -61,7 +67,7 @@ export default abstract class BaseDialog extends Controller {
         const beginBtn = this.dialog.getBeginButton();
 
         const fragmentName: string = input.getValue();
-        const fragmentList: { fragmentName: string }[] = this.model.getProperty('/fragmentList');
+        const fragmentList: Fragments = this.model.getProperty('/fragmentList');
 
         const updateDialogState = (valueState: ValueState, valueStateText = '') => {
             input.setValueState(valueState).setValueStateText(valueStateText);
@@ -149,4 +155,16 @@ export default abstract class BaseDialog extends Controller {
         this.dialog.close();
         this.dialog.destroy();
     }
+
+    /**
+     * Function that handles runtime thrown errors with MessageToast
+     *
+     * @param e error instance
+     * @throws {Error}.
+     */
+    protected handleError(e: unknown): void {
+        const error = getError(e);
+        MessageToast.show(error.message, { duration: 5000 });
+        throw error;
+    }
 }

package/dist/client/adp/controllers/ControllerExtension.controller.js

@@ -103,17 +103,20 @@ sap.ui.define(["sap/m/MessageToast", "sap/ui/core/library", "sap/ui/model/json/J
         controllerName,
         viewId
       } = this.getControllerInfo(overlayControl);
-      const {
-        controllerExists,
-        controllerPath,
-        controllerPathFromRoot,
-        isRunningInBAS
-      } = await this.getExistingController(controllerName);
-      if (controllerExists) {
-        this.updateModelForExistingController(controllerExists, controllerPath, controllerPathFromRoot, isRunningInBAS);
-      } else {
-        this.updateModelForNewController(viewId);
-        await this.getControllers();
+      const existingController = await this.getExistingController(controllerName);
+      if (existingController) {
+        const {
+          controllerExists,
+          controllerPath,
+          controllerPathFromRoot,
+          isRunningInBAS
+        } = existingController;
+        if (controllerExists) {
+          this.updateModelForExistingController(controllerExists, controllerPath, controllerPathFromRoot, isRunningInBAS);
+        } else {
+          this.updateModelForNewController(viewId);
+          await this.getControllers();
+        }
       }
     },
     /**
@@ -171,15 +174,13 @@ sap.ui.define(["sap/m/MessageToast", "sap/ui/core/library", "sap/ui/model/json/J
      * @returns Returnsexisting controller data
      */
     getExistingController: async function _getExistingController(controllerName) {
+      let data;
       try {
-        const data = await getExistingController(controllerName);
-        return data;
+        data = await getExistingController(controllerName);
       } catch (e) {
-        MessageToast.show(e.message, {
-          duration: 5000
-        });
-        throw new Error(e.message);
+        this.handleError(e);
       }
+      return data;
     },
     /**
      * Retrieves controller files and fills the model with data
@@ -191,10 +192,7 @@ sap.ui.define(["sap/m/MessageToast", "sap/ui/core/library", "sap/ui/model/json/J
         } = await readControllers();
         this.model.setProperty('/controllersList', controllers);
       } catch (e) {
-        MessageToast.show(e.message, {
-          duration: 5000
-        });
-        throw new Error(e.message);
+        this.handleError(e);
       }
     },
     /**
@@ -223,8 +221,7 @@ sap.ui.define(["sap/m/MessageToast", "sap/ui/core/library", "sap/ui/model/json/J
         // We want to update the model incase we have already created a controller file but failed when creating a change file,
         // so when the user types the same controller name again he does not get 409 from the server, instead an error is shown in the UI
         await this.getControllers();
-        MessageToast.show(e.message);
-        throw new Error(e.message);
+        this.handleError(e);
       }
     }
   });

package/dist/client/adp/controllers/ControllerExtension.controller.ts

@@ -45,10 +45,18 @@ interface ControllerInfo {
     viewId: string;
 }
 
+type ControllerModel = JSONModel & {
+    getProperty(sPath: '/controllersList'): { controllerName: string }[];
+    getProperty(sPath: '/controllerExists'): boolean;
+    getProperty(sPath: '/newControllerName'): string;
+    getProperty(sPath: '/viewId'): string;
+    getProperty(sPath: '/controllerPath'): string;
+};
+
 /**
  * @namespace open.ux.preview.client.adp.controllers
  */
-export default class ControllerExtension extends BaseDialog {
+export default class ControllerExtension extends BaseDialog<ControllerModel> {
     constructor(name: string, overlays: UI5Element, rta: RuntimeAuthoring) {
         super(name);
         this.rta = rta;
@@ -83,7 +91,7 @@ export default class ControllerExtension extends BaseDialog {
         const beginBtn = this.dialog.getBeginButton();
 
         const controllerName: string = input.getValue();
-        const controllerList: { controllerName: string }[] = this.model.getProperty('/controllersList');
+        const controllerList = this.model.getProperty('/controllersList');
 
         const updateDialogState = (valueState: ValueState, valueStateText = '') => {
             input.setValueState(valueState).setValueStateText(valueStateText);
@@ -157,21 +165,23 @@ export default class ControllerExtension extends BaseDialog {
         const overlayControl = sap.ui.getCore().byId(selectorId) as unknown as ElementOverlay;
 
         const { controllerName, viewId } = this.getControllerInfo(overlayControl);
-
-        const { controllerExists, controllerPath, controllerPathFromRoot, isRunningInBAS } =
-            await this.getExistingController(controllerName);
-
-        if (controllerExists) {
-            this.updateModelForExistingController(
-                controllerExists,
-                controllerPath,
-                controllerPathFromRoot,
-                isRunningInBAS
-            );
-        } else {
-            this.updateModelForNewController(viewId);
-
-            await this.getControllers();
+        const existingController = await this.getExistingController(controllerName);
+
+        if (existingController) {
+            const { controllerExists, controllerPath, controllerPathFromRoot, isRunningInBAS } = existingController;
+
+            if (controllerExists) {
+                this.updateModelForExistingController(
+                    controllerExists,
+                    controllerPath,
+                    controllerPathFromRoot,
+                    isRunningInBAS
+                );
+            } else {
+                this.updateModelForNewController(viewId);
+
+                await this.getControllers();
+            }
         }
     }
 
@@ -238,14 +248,15 @@ export default class ControllerExtension extends BaseDialog {
      * @param controllerName Controller name that exists in the view
      * @returns Returnsexisting controller data
      */
-    private async getExistingController(controllerName: string): Promise<CodeExtResponse> {
+    private async getExistingController(controllerName: string): Promise<CodeExtResponse | undefined> {
+        let data: CodeExtResponse | undefined;
         try {
-            const data = await getExistingController(controllerName);
-            return data;
+            data = await getExistingController(controllerName);
         } catch (e) {
-            MessageToast.show(e.message, { duration: 5000 });
-            throw new Error(e.message);
+            this.handleError(e);
         }
+
+        return data;
     }
 
     /**
@@ -256,8 +267,7 @@ export default class ControllerExtension extends BaseDialog {
             const { controllers } = await readControllers<ControllersResponse>();
             this.model.setProperty('/controllersList', controllers);
         } catch (e) {
-            MessageToast.show(e.message, { duration: 5000 });
-            throw new Error(e.message);
+            this.handleError(e);
         }
     }
 
@@ -288,8 +298,7 @@ export default class ControllerExtension extends BaseDialog {
             // We want to update the model incase we have already created a controller file but failed when creating a change file,
             // so when the user types the same controller name again he does not get 409 from the server, instead an error is shown in the UI
             await this.getControllers();
-            MessageToast.show(e.message);
-            throw new Error(e.message);
+            this.handleError(e);
         }
     }
 }

package/dist/client/adp/controllers/ExtensionPoint.controller.js

@@ -1,6 +1,6 @@
 "use strict";
 
-sap.ui.define(["sap/m/MessageToast", "sap/ui/model/json/JSONModel", "../api-handler", "./BaseDialog.controller", "../utils"], function (MessageToast, JSONModel, ___api_handler, __BaseDialog, ___utils) {
+sap.ui.define(["sap/ui/model/json/JSONModel", "../api-handler", "./BaseDialog.controller", "../utils"], function (JSONModel, ___api_handler, __BaseDialog, ___utils) {
   "use strict";
 
   function _interopRequireDefault(obj) {
@@ -101,8 +101,7 @@ sap.ui.define(["sap/m/MessageToast", "sap/ui/model/json/JSONModel", "../api-hand
         } = await getFragments();
         this.model.setProperty('/fragmentList', fragments);
       } catch (e) {
-        MessageToast.show(e.message);
-        throw new Error(e.message);
+        this.handleError(e);
       }
     },
     /**

package/dist/client/adp/controllers/ExtensionPoint.controller.ts

@@ -2,7 +2,6 @@
 import type Button from 'sap/m/Button';
 import type Select from 'sap/m/Select';
 import type Dialog from 'sap/m/Dialog';
-import MessageToast from 'sap/m/MessageToast';
 
 /** sap.ui.core */
 import type UI5Element from 'sap/ui/core/Element';
@@ -21,10 +20,15 @@ import BaseDialog from './BaseDialog.controller';
 import { ExtensionPointData, ExtensionPointInfo } from '../extension-point';
 import { notifyUser } from '../utils';
 
+type ExtensionPointModel = JSONModel & {
+    getProperty(sPath: '/newFragmentName'): string;
+    getProperty(sPath: '/extensionPointName'): string;
+};
+
 /**
  * @namespace open.ux.preview.client.adp.controllers
  */
-export default class ExtensionPoint extends BaseDialog {
+export default class ExtensionPoint extends BaseDialog<ExtensionPointModel> {
     public readonly data: ExtensionPointData;
 
     constructor(name: string, _overlays: UI5Element, rta: RuntimeAuthoring, data: ExtensionPointData) {
@@ -132,8 +136,7 @@ export default class ExtensionPoint extends BaseDialog {
 
             this.model.setProperty('/fragmentList', fragments);
         } catch (e) {
-            MessageToast.show(e.message);
-            throw new Error(e.message);
+            this.handleError(e);
         }
     }
 

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