@sap/ux-ui5-tooling 1.20.4 → 1.22.0

package/dist/preview-middleware/dist/client/flp/enableFakeConnector.ts

@@ -0,0 +1,113 @@
+import LrepConnector from 'sap/ui/fl/LrepConnector';
+import FakeLrepConnector from 'sap/ui/fl/FakeLrepConnector';
+import { getAdditionalChangeInfo } from '../utils/additional-change-info';
+
+import type { FlexChange } from './common';
+import { CHANGES_API_PATH as CHANGES_API_PATH_STATIC, getFlexSettings } from './common';
+
+interface FetchedChanges {
+    [key: string]: FlexChange;
+}
+
+interface LoadChangesResult {
+    changes: {
+        loadModules: boolean;
+        changes: FlexChange[];
+        settings: {
+            [key: string]: string | boolean | undefined;
+        };
+    };
+    componentClassName: string;
+    etag: string;
+    loadModules: boolean;
+    messagebundle: string | undefined;
+}
+
+const baseUrl = document.getElementById('sap-ui-bootstrap')?.dataset.openUxPreviewBaseUrl ?? '';
+const changesApiPath = `${baseUrl}${CHANGES_API_PATH_STATIC}`;
+
+/**
+ * Processes an array of FlexChange objects.
+ * It updates each change object with settings and sends them to a API endpoint.
+ *
+ * @param {FlexChange | FlexChange[]} changes - Array of FlexChange objects to be processed.
+ * @returns {Promise<void>} A promise that resolves when all changes are processed.
+ */
+export async function create(changes: FlexChange | FlexChange[]): Promise<void> {
+    const settings = getFlexSettings();
+    await Promise.all(
+        (Array.isArray(changes) ? changes : [changes]).map((change) => {
+            if (settings) {
+                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, additionalChangeInfo);
+                } catch {
+                    // exceptions in the listener call are ignored
+                }
+            }
+
+            const body = {
+                change,
+                additionalChangeInfo
+            };
+
+
+            return fetch(changesApiPath, {
+                method: 'POST',
+                body: JSON.stringify(body, null, 2),
+                headers: {
+                    'content-type': 'application/json'
+                }
+            });
+        })
+    );
+}
+
+/**
+ * Loads changes from a given path and processes them using an LrepConnector instance.
+ * The changes are then formatted and returned in a specified structure.
+ *
+ * @returns {Promise<LoadChangesResult>} A promise that resolves to an object of type LoadChangesResult.
+ */
+export async function loadChanges(...args: []): Promise<LoadChangesResult> {
+    const lrep = new LrepConnector();
+
+    const response = await fetch(changesApiPath, {
+        method: 'GET',
+        headers: {
+            'content-type': 'application/json'
+        }
+    });
+    const changes = (await response.json()) as FetchedChanges;
+
+    return LrepConnector.prototype.loadChanges.apply(lrep, args).then((res: LoadChangesResult) => {
+        res.changes.changes = Object.values(changes);
+        return res;
+    });
+}
+
+/**
+ * Configures and enables the FakeLrepConnector based on the SAP UI5 version.
+ * If the minor version of the SAP UI5 is less than 72, this function extends
+ * the FakeLrepConnector's prototype with specific methods and enables the fake connector.
+ *
+ * Assumes the existence of a global 'sap' object with an 'ui.version' property,
+ * and global jQuery object with 'extend' method.
+ *
+ * @returns {void}
+ */
+export default function (): void {
+    // eslint-disable-next-line no-undef
+    jQuery.extend(FakeLrepConnector.prototype, {
+        create,
+        loadChanges,
+        loadSettings: () => Promise.resolve()
+    });
+    FakeLrepConnector.enableFakeConnector();
+}

package/dist/preview-middleware/dist/client/flp/homepage/Component.js

@@ -0,0 +1,16 @@
+"use strict";
+
+sap.ui.define(["sap/ui/core/UIComponent"], function (BaseComponent) {
+  "use strict";
+
+  /**
+   * @namespace open.ux.preview.client.flp.homepage
+   */
+  const Component = BaseComponent.extend("open.ux.preview.client.flp.homepage.Component", {
+    metadata: {
+      manifest: 'json'
+    }
+  });
+  return Component;
+});
+//# sourceMappingURL=Component.js.map

package/dist/preview-middleware/dist/client/flp/homepage/Component.ts

@@ -0,0 +1,10 @@
+import BaseComponent from 'sap/ui/core/UIComponent';
+
+/**
+ * @namespace open.ux.preview.client.flp.homepage
+ */
+export default class Component extends BaseComponent {
+    public static readonly metadata = {
+        manifest: 'json'
+    };
+}

package/dist/preview-middleware/dist/client/flp/homepage/controller/MyHome.controller.js

@@ -0,0 +1,54 @@
+"use strict";
+
+sap.ui.define(["sap/ui/core/mvc/Controller", "sap/cux/home/NewsPanel", "sap/base/Log"], function (Controller, NewsPanel, Log) {
+  "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);
+      });
+    });
+  }
+  /**
+   * @namespace open.ux.preview.client.flp.homepage.controller.MyHome
+   */
+  const MyHomeController = Controller.extend("open.ux.preview.client.flp.homepage.controller.MyHome.MyHomeController", {
+    onInit: function _onInit() {
+      void this.initializeNewsContainer();
+    },
+    initializeNewsContainer: async function _initializeNewsContainer() {
+      // Determine which NewsContainer to use based on availability
+      let NewsContainerClass;
+      try {
+        NewsContainerClass = (await __ui5_require_async('sap/cux/home/NewsContainer')).default;
+      } catch (e) {
+        Log.info(e?.message);
+        NewsContainerClass = (await __ui5_require_async('sap/cux/home/NewsAndPagesContainer')).default;
+      }
+      const view = this.getView();
+      if (view) {
+        const newsContainer = new NewsContainerClass(`${view.getId()}-newsContainer`, {
+          content: [new NewsPanel(`${view.getId()}-news`, {
+            // eslint-disable-next-line @sap-ux/fiori-tools/sap-no-hardcoded-url
+            url: 'https://sapui5untested.int.sap.eu2.hana.ondemand.com/databinding/proxy/https/news.sap.com/feed'
+          })]
+        }).addStyleClass('homeNewsContainer');
+        const page = view.byId('page');
+        page?.insertContent(newsContainer, 0);
+      }
+    }
+  });
+  return MyHomeController;
+});
+//# sourceMappingURL=MyHome.controller.js.map

package/dist/preview-middleware/dist/client/flp/homepage/controller/MyHome.controller.ts

@@ -0,0 +1,41 @@
+import Controller from 'sap/ui/core/mvc/Controller';
+import NewsPanel from 'sap/cux/home/NewsPanel';
+import Log from 'sap/base/Log';
+import Page from 'sap/m/Page';
+import type NewsContainer from 'sap/cux/home/NewsContainer';
+import type NewsAndPagesContainer from 'sap/cux/home/NewsAndPagesContainer';
+
+/**
+ * @namespace open.ux.preview.client.flp.homepage.controller.MyHome
+ */
+export default class MyHomeController extends Controller {
+    onInit() {
+        void this.initializeNewsContainer();
+    }
+
+    private async initializeNewsContainer() {
+        // Determine which NewsContainer to use based on availability
+        let NewsContainerClass: typeof NewsContainer | typeof NewsAndPagesContainer;
+        try {
+            NewsContainerClass = (await import('sap/cux/home/NewsContainer')).default;
+        } catch (e: unknown) {
+            Log.info((e as Error)?.message);
+            NewsContainerClass = (await import('sap/cux/home/NewsAndPagesContainer')).default;
+        }
+
+        const view = this.getView();
+        if (view) {
+            const newsContainer = new NewsContainerClass(`${view.getId()}-newsContainer`, {
+                content: [
+                    new NewsPanel(`${view.getId()}-news`, {
+                        // eslint-disable-next-line @sap-ux/fiori-tools/sap-no-hardcoded-url
+                        url: 'https://sapui5untested.int.sap.eu2.hana.ondemand.com/databinding/proxy/https/news.sap.com/feed'
+                    })
+                ]
+            }).addStyleClass('homeNewsContainer');
+
+            const page = view.byId('page') as Page;
+            page?.insertContent(newsContainer, 0);
+        }
+    }
+}

package/dist/preview-middleware/dist/client/flp/homepage/css/style.css

@@ -0,0 +1,3 @@
+.homeNewsContainer .sapCuxBaseWrapper > * {
+    width: 100%;
+}

package/dist/preview-middleware/dist/client/flp/homepage/manifest.json

@@ -0,0 +1,41 @@
+{
+    "sap.app": {
+        "id": "open.ux.preview.client.flp.homepage",
+        "type": "application",
+        "title": "FLP HomePage"
+    },
+    "sap.ui": {
+        "technology": "UI5",
+        "deviceTypes": {
+            "desktop": true,
+            "tablet": true,
+            "phone": true
+        }
+    },
+    "sap.ui5": {
+        "rootView": {
+            "viewName": "open.ux.preview.client.flp.homepage.view.MyHome",
+            "type": "XML",
+            "async": true,
+            "id": "myhome"
+        },
+        "dependencies": {
+            "minUI5Version": "1.123.0",
+            "libs": {
+                "sap.ui.core": {},
+                "sap.cux.home": {}
+            }
+        },
+        "contentDensities": {
+            "compact": true,
+            "cozy": true
+        },
+        "resources": {
+            "css": [
+                {
+                    "uri": "css/style.css"
+                }
+            ]
+        }
+    }
+}

package/dist/preview-middleware/dist/client/flp/homepage/view/MyHome.view.xml

@@ -0,0 +1,18 @@
+<mvc:View
+    xmlns="sap.cux.home"
+    xmlns:m="sap.m"
+    xmlns:mvc="sap.ui.core.mvc"
+    displayBlock="true"
+    controllerName="open.ux.preview.client.flp.homepage.controller.MyHome"
+    class="sapUShellFullHeight"
+>
+    <m:Page
+        id="page"
+        showHeader="false"
+        class="sapUiBaseLayout sapUiResponsiveContentPadding sapUiLayoutPadding sapCuxBaseLayout"
+    >
+        <AppsContainer id="appsContainer">
+            <FavAppPanel id="favoriteApps" />
+        </AppsContainer>
+    </m:Page>
+</mvc:View>