@sap-ux/preview-middleware 0.18.23 → 0.19.1

package/README.md

@@ -24,6 +24,7 @@ When this middleware is used together with the `reload-middleware`, then the ord
 | `flp.apps`              | `array`   | `undefined`      | Optional additional local apps that are available in local Fiori launchpad                                                                                                                                                                                |
 | `flp.libs`              | `boolean` | `undefined`      | Optional flag to add a generic script fetching the paths of used libraries not available in UI5. To disable set it to `false`, if not set, then the project is checked for a `load-reuse-libs` script and if available the libraries are fetched as well. |
 | `flp.theme`             | `string`  | `undefined`      | Optional flag for setting the UI5 Theme.                                                                                                                                                                                                                  |
+| `flp.enhancedHomePage` | `boolean` | `undefined`       | Optional flag for enabling enhanced FLP Homepage, available only from UI5 1.123.0 onwards.                                                                                                                                                                                                              |
 | `adp.target`            |           |                  | Required configuration for adaptation projects defining the connected backend                                                                                                                                                                             |
 | `adp.ignoreCertErrors`  | `boolean` | `false`          | Optional setting to ignore certification validation errors when working with e.g. development systems with self signed certificates                                                                                                                       |
 | `rta`                   |           |                  | 🚫 *Deprecated: use 'editors.rta' instead* <br/> Optional configuration allowing to add mount points for runtime adaptation                                                                                                                               |

package/dist/base/cdm.d.ts

@@ -0,0 +1,10 @@
+import type { TemplateConfig } from './config';
+import { type FLPCdmConfig } from '../types';
+/**
+ * Generates a CDM by embedding the provided app tiles into the FLP homepage.
+ *
+ * @param apps - A list of app to be embedded.
+ * @returns The generated CDM configuration
+ */
+export declare function generateCdm(apps?: TemplateConfig['apps']): FLPCdmConfig;
+//# sourceMappingURL=cdm.d.ts.map

package/dist/base/cdm.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateCdm = generateCdm;
+const fs_1 = require("fs");
+const path_1 = require("path");
+const types_1 = require("../types");
+/**
+ * Generates a CDM by embedding the provided app tiles into the FLP homepage.
+ *
+ * @param apps - A list of app to be embedded.
+ * @returns The generated CDM configuration
+ */
+function generateCdm(apps = {}) {
+    const cdm = JSON.parse((0, fs_1.readFileSync)((0, path_1.join)(__dirname, '../../templates/flp/cdm.base.json'), 'utf-8'));
+    // add apps
+    Object.keys(apps).forEach((id) => {
+        const appId = apps[id].additionalInformation.split('=')[1];
+        const vizId = `VIZ:${appId}`;
+        const [object, action] = id.split('-');
+        const { title, description, url } = apps[id];
+        // add app to default catalog
+        cdm.catalogs[types_1.FLPHomePageDefaults.catalogId].payload.viz.push(vizId);
+        // create flp visualization
+        cdm.visualizations[vizId] = {
+            'vizType': 'sap.ushell.StaticAppLauncher',
+            'businessApp': appId,
+            'vizConfig': {
+                'sap.app': {
+                    title,
+                    subTitle: description
+                },
+                'sap.flp': {
+                    'target': {
+                        'appId': appId,
+                        'inboundId': `${object}-${action}`,
+                        'parameters': [
+                            {
+                                'name': 'sap-ui-tech-hint',
+                                'value': 'UI5'
+                            }
+                        ]
+                    }
+                }
+            }
+        };
+        // create flp application
+        cdm.applications[appId] = {
+            'sap.app': {
+                id: appId,
+                title,
+                crossNavigation: {
+                    inbounds: {
+                        [`${object}-${action}`]: {
+                            'semanticObject': object,
+                            'action': action,
+                            title,
+                            'subTitle': description,
+                            'signature': {
+                                'additionalParameters': 'allowed'
+                            }
+                        }
+                    }
+                }
+            },
+            'sap.ui5': {
+                'componentName': appId
+            },
+            'sap.ui': {
+                'technology': 'UI5'
+            },
+            'sap.platform.runtime': {
+                'componentProperties': {
+                    url,
+                    'asyncHints': {}
+                }
+            }
+        };
+        // add app to default section
+        cdm.pages[types_1.FLPHomePageDefaults.pageName].payload.sections[types_1.FLPHomePageDefaults.sectionId].layout.vizOrder.push(appId);
+        cdm.pages[types_1.FLPHomePageDefaults.pageName].payload.sections[types_1.FLPHomePageDefaults.sectionId].viz[appId] = {
+            id: appId,
+            vizId
+        };
+    });
+    return cdm;
+}
+//# sourceMappingURL=cdm.js.map

package/dist/base/config.d.ts

@@ -56,6 +56,7 @@ export interface TemplateConfig {
         isEnabled: boolean;
     }[];
     locateReuseLibsScript?: boolean;
+    enhancedHomePage?: boolean;
 }
 /**
  * Static settings

package/dist/base/config.js

@@ -105,7 +105,8 @@ function getFlpConfigWithDefaults(config = {}) {
         apps: config.apps ?? [],
         libs: config.libs,
         theme: config.theme,
-        init: config.init
+        init: config.init,
+        enhancedHomePage: config.enhancedHomePage === true
     };
     if (!flpConfig.path.startsWith('/')) {
         flpConfig.path = `/${flpConfig.path}`;
@@ -268,7 +269,8 @@ function createFlpTemplateConfig(config, manifest, resources = {}) {
             },
             bootstrapOptions: ''
         },
-        locateReuseLibsScript: config.libs
+        locateReuseLibsScript: config.libs,
+        enhancedHomePage: config.enhancedHomePage
     };
 }
 /**

package/dist/base/flp.d.ts

@@ -165,6 +165,11 @@ export declare class FlpSandbox {
      * Add additional routes for apps also to be shown in the local FLP.
      */
     private addRoutesForAdditionalApps;
+    /**
+     * Add routes for cdm.json required by FLP during bootstrapping via cdm.
+     *
+     */
+    private addCDMRoute;
     /**
      * Handler for flex changes GET requests.
      *

package/dist/base/flp.js

@@ -15,6 +15,7 @@ const feature_toggle_1 = require("@sap-ux/feature-toggle");
 const flex_1 = require("./flex");
 const test_1 = require("./test");
 const config_1 = require("./config");
+const cdm_1 = require("./cdm");
 const DEFAULT_LIVERELOAD_PORT = 35729;
 /**
  * Class handling preview of a sandbox FLP.
@@ -90,6 +91,9 @@ class FlpSandbox {
             this.addTestRoutes(this.test.filter((config) => config.framework !== 'Testsuite'), id);
             this.createTestSuite(this.test);
         }
+        if (this.flpConfig.enhancedHomePage) {
+            this.addCDMRoute();
+        }
         await this.addRoutesForAdditionalApps();
         this.logger.info(`Initialized for app ${id}`);
         this.logger.debug(`Configured apps: ${JSON.stringify(this.templateConfig.apps)}`);
@@ -345,11 +349,15 @@ class FlpSandbox {
             }
         }
         if (!version) {
-            this.logger.error('Could not get UI5 version of application. Using 1.121.0 as fallback.');
-            version = '1.121.0';
+            this.logger.error('Could not get UI5 version of application. Using 1.130.0 as fallback.');
+            version = '1.130.0';
         }
         const [major, minor, patch] = version.split('.').map((versionPart) => parseInt(versionPart, 10));
         const label = version.split(/-(.*)/s)?.[1];
+        if ((major < 2 && minor < 123) || major >= 2 || label?.includes('legacy-free')) {
+            this.flpConfig.enhancedHomePage = this.templateConfig.enhancedHomePage = false;
+            this.logger.warn(`Feature enhancedHomePage disabled: UI5 version ${version} not supported.`);
+        }
         return {
             major,
             minor,
@@ -366,7 +374,8 @@ class FlpSandbox {
     getSandboxTemplate(ui5Version) {
         this.logger.info(`Using sandbox template for UI5 version ${ui5Version.major}.${ui5Version.minor}.${ui5Version.patch}${ui5Version.label ? `-${ui5Version.label}` : ''}.`);
         const filePrefix = ui5Version.major > 1 || ui5Version.label?.includes('legacy-free') ? '2' : '';
-        return (0, fs_1.readFileSync)((0, path_1.join)(__dirname, `../../templates/flp/sandbox${filePrefix}.html`), 'utf-8');
+        const template = this.flpConfig.enhancedHomePage ? 'cdm' : 'sandbox';
+        return (0, fs_1.readFileSync)((0, path_1.join)(__dirname, `../../templates/flp/${template}${filePrefix}.html`), 'utf-8');
     }
     /**
      * For UI5 version 1.71 and below, the asyncHints.requests need to be removed from the template configuration
@@ -419,6 +428,16 @@ class FlpSandbox {
             }
         }
     }
+    /**
+     * Add routes for cdm.json required by FLP during bootstrapping via cdm.
+     *
+     */
+    addCDMRoute() {
+        this.router.get('/cdm.json', async (_req, res) => {
+            const json = (0, cdm_1.generateCdm)(this.templateConfig.apps);
+            this.sendResponse(res, 'application/json', 200, JSON.stringify(json));
+        });
+    }
     /**
      * Handler for flex changes GET requests.
      *

package/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/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/client/flp/homepage/css/style.css

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

package/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/client/flp/homepage/view/MyHome.view.xml

@@ -0,0 +1,24 @@
+<mvc:View
+    xmlns="sap.cux.home"
+    xmlns:m="sap.m"
+    xmlns:mvc="sap.ui.core.mvc"
+    displayBlock="true"
+    class="sapUShellFullHeight"
+>
+    <m:Page
+        id="page"
+        showHeader="false"
+        class="sapUiBaseLayout sapUiResponsiveContentPadding sapUiLayoutPadding sapCuxBaseLayout"
+    >
+        <NewsAndPagesContainer id="newsContainer" class="homeNewsContainer">
+            <NewsPanel
+                id="news"
+                url="https://sapui5untested.int.sap.eu2.hana.ondemand.com/databinding/proxy/https/news.sap.com/feed"
+            />
+        </NewsAndPagesContainer>
+
+        <AppsContainer id="appsContainer">
+            <FavAppPanel id="favoriteApps" />
+        </AppsContainer>
+    </m:Page>
+</mvc:View>

package/dist/client/flp/init.js

@@ -6,11 +6,12 @@ sap.ui.define([
     'sap/base/i18n/ResourceBundle',
     '../adp/api-handler',
     '../utils/error',
+    './initCdm',
     './initConnectors',
     '../utils/version',
     '../cpe/communication-service',
     '../i18n'
-], function (Log, ___sap_ux_private_control_property_editor_common, IconPool, ResourceBundle, ___adp_api_handler, ___utils_error, __initConnectors, ___utils_version, ___cpe_communication_service, ___i18n) {
+], function (Log, ___sap_ux_private_control_property_editor_common, IconPool, ResourceBundle, ___adp_api_handler, ___utils_error, __initCdm, __initConnectors, ___utils_version, ___cpe_communication_service, ___i18n) {
     'use strict';
     function _interopRequireDefault(obj) {
         return obj && obj.__esModule && typeof obj.default !== 'undefined' ? obj.default : obj;
@@ -32,6 +33,7 @@ sap.ui.define([
     const showMessage = ___sap_ux_private_control_property_editor_common['showMessage'];
     const getManifestAppdescr = ___adp_api_handler['getManifestAppdescr'];
     const getError = ___utils_error['getError'];
+    const initCdm = _interopRequireDefault(__initCdm);
     const initConnectors = _interopRequireDefault(__initConnectors);
     const getUi5Version = ___utils_version['getUi5Version'];
     const isLowerThanMinimalUi5Version = ___utils_version['isLowerThanMinimalUi5Version'];
@@ -175,7 +177,7 @@ sap.ui.define([
         }
     }
     async function init(_ref) {
-        let {appUrls, flex, customInit} = _ref;
+        let {appUrls, flex, customInit, enhancedHomePage} = _ref;
         const urlParams = new URLSearchParams(window.location.search);
         const container = sap?.ushell?.Container ?? (await __ui5_require_async('sap/ushell/Container')).default;
         let scenario = '';
@@ -229,6 +231,9 @@ sap.ui.define([
         const resourceBundle = await loadI18nResourceBundle(scenario);
         setI18nTitle(resourceBundle);
         registerSAPFonts();
+        if (enhancedHomePage) {
+            await initCdm(container);
+        }
         const renderer = ui5VersionInfo.major < 2 && !ui5VersionInfo.label?.includes('legacy-free') ? await container.createRenderer(undefined, true) : await container.createRendererInternal(undefined, true);
         renderer.placeAt('content');
     }
@@ -237,7 +242,8 @@ sap.ui.define([
         init({
             appUrls: bootstrapConfig.getAttribute('data-open-ux-preview-libs-manifests'),
             flex: bootstrapConfig.getAttribute('data-open-ux-preview-flex-settings'),
-            customInit: bootstrapConfig.getAttribute('data-open-ux-preview-customInit')
+            customInit: bootstrapConfig.getAttribute('data-open-ux-preview-customInit'),
+            enhancedHomePage: !!bootstrapConfig.getAttribute('data-open-ux-preview-enhanced-homepage')
         }).catch(e => {
             const error = getError(e);
             Log.error('Sandbox initialization failed: ' + error.message);

package/dist/client/flp/init.ts

@@ -8,6 +8,7 @@ import ResourceBundle from 'sap/base/i18n/ResourceBundle';
 import AppState from 'sap/ushell/services/AppState';
 import { getManifestAppdescr } from '../adp/api-handler';
 import { getError } from '../utils/error';
+import initCdm from './initCdm';
 import initConnectors from './initConnectors';
 import { getUi5Version, isLowerThanMinimalUi5Version, Ui5VersionInfo } from '../utils/version';
 import { CommunicationService } from '../cpe/communication-service';
@@ -257,16 +258,19 @@ export function setI18nTitle(resourceBundle: ResourceBundle, i18nKey = 'appTitle
  * @param params.appUrls JSON containing a string array of application urls
  * @param params.flex JSON containing the flex configuration
  * @param params.customInit path to the custom init module to be called
+ * @param params.enhancedHomePage boolean indicating if enhanced homepage is enabled
  * @returns promise
  */
 export async function init({
     appUrls,
     flex,
-    customInit
+    customInit,
+    enhancedHomePage
 }: {
     appUrls?: string | null;
     flex?: string | null;
     customInit?: string | null;
+    enhancedHomePage?: boolean | null;
 }): Promise<void> {
     const urlParams = new URLSearchParams(window.location.search);
     const container = sap?.ushell?.Container ??
@@ -340,6 +344,10 @@ export async function init({
     setI18nTitle(resourceBundle);
     registerSAPFonts();
 
+    if (enhancedHomePage) {
+        await initCdm(container);
+    }
+
     const renderer =
         (ui5VersionInfo.major < 2 && !ui5VersionInfo.label?.includes('legacy-free'))
             ? await container.createRenderer(undefined, true)
@@ -353,7 +361,8 @@ if (bootstrapConfig) {
     init({
         appUrls: bootstrapConfig.getAttribute('data-open-ux-preview-libs-manifests'),
         flex: bootstrapConfig.getAttribute('data-open-ux-preview-flex-settings'),
-        customInit: bootstrapConfig.getAttribute('data-open-ux-preview-customInit')
+        customInit: bootstrapConfig.getAttribute('data-open-ux-preview-customInit'),
+        enhancedHomePage: !!bootstrapConfig.getAttribute('data-open-ux-preview-enhanced-homepage')
     }).catch((e) => {
         const error = getError(e);
         Log.error('Sandbox initialization failed: ' + error.message);

package/dist/client/flp/initCdm.js

@@ -0,0 +1,119 @@
+"use strict";
+
+sap.ui.define([], function () {
+  "use strict";
+
+  /**
+   * Initializes the CDM (Common Data Model) configuration for the SAP Fiori Launchpad.
+   *
+   * @param {sap.ushell.Container} container - The SAP Fiori Launchpad container.
+   * @returns {Promise<void>} A promise that resolves when the initialization is complete.
+   */
+  async function initCdm(container) {
+    window['sap-ushell-config'] = {
+      defaultRenderer: 'fiori2',
+      renderers: {
+        fiori2: {
+          componentData: {
+            config: {
+              enableSearch: false,
+              enableRecentActivity: true,
+              rootIntent: 'Shell-home'
+            }
+          }
+        }
+      },
+      ushell: {
+        customPreload: {
+          enabled: false
+        },
+        spaces: {
+          enabled: true,
+          myHome: {
+            enabled: true
+          }
+        },
+        homeApp: {
+          component: {
+            name: 'open.ux.preview.client.flp.homepage',
+            url: '/preview/client/flp/homepage'
+          }
+        }
+      },
+      services: {
+        Container: {
+          adapter: {
+            config: {
+              userProfile: {
+                metadata: {
+                  editablePropterties: ['accessibility', 'contentDensity', 'theme']
+                },
+                defaults: {
+                  email: 'john.doe@sap.com',
+                  firstName: 'John',
+                  lastName: 'Doe',
+                  fullName: 'John Doe',
+                  id: 'DOEJ'
+                }
+              }
+            }
+          }
+        },
+        CommonDataModel: {
+          adapter: {
+            config: {
+              ignoreSiteDataPersonalization: true,
+              siteDataUrl: '/cdm.json'
+            }
+          }
+        },
+        Personalization: {
+          adapter: {
+            module: 'sap.ushell.adapters.local.PersonalizationAdapter',
+            config: {
+              storageType: 'MEMORY'
+            }
+          }
+        },
+        PersonalizationV2: {
+          adapter: {
+            module: 'sap.ushell.adapters.local.PersonalizationAdapter',
+            config: {
+              storageType: 'MEMORY'
+            }
+          }
+        },
+        AppState: {
+          adapter: {
+            module: 'sap.ushell.adapters.local.AppStateAdapter'
+          },
+          config: {
+            transient: true
+          }
+        },
+        NavTargetResolutionInternal: {
+          config: {
+            allowTestUrlComponentConfig: false,
+            enableClientSideTargetResolution: true
+          },
+          adapter: {
+            module: 'sap.ushell.adapters.local.NavTargetResolutionInternalAdapter'
+          }
+        },
+        UserInfo: {
+          adapter: {
+            module: 'sap.ushell.adapters.local.UserInfoAdapter'
+          }
+        },
+        FlpLaunchPage: {
+          adapter: {
+            module: 'sap.ushell.adapters.cdm.v3.FlpLaunchPageAdapter'
+          }
+        }
+      }
+    };
+    await container.init('cdm');
+  }
+  return initCdm;
+});
+//# sourceMappingURL=initCdm.js.map

package/dist/client/flp/initCdm.ts

@@ -0,0 +1,118 @@
+import { Window } from 'types/global';
+
+/**
+ * Initializes the CDM (Common Data Model) configuration for the SAP Fiori Launchpad.
+ *
+ * @param {sap.ushell.Container} container - The SAP Fiori Launchpad container.
+ * @returns {Promise<void>} A promise that resolves when the initialization is complete.
+ */
+export default async function initCdm(container: typeof sap.ushell.Container): Promise<void> {
+    (window as unknown as Window)['sap-ushell-config'] = {
+        defaultRenderer: 'fiori2',
+        renderers: {
+            fiori2: {
+                componentData: {
+                    config: {
+                        enableSearch: false,
+                        enableRecentActivity: true,
+                        rootIntent: 'Shell-home'
+                    }
+                }
+            }
+        },
+        ushell: {
+            customPreload: {
+                enabled: false
+            },
+            spaces: {
+                enabled: true,
+                myHome: {
+                    enabled: true
+                }
+            },
+            homeApp: {
+                component: {
+                    name: 'open.ux.preview.client.flp.homepage',
+                    url: '/preview/client/flp/homepage'
+                }
+            }
+        },
+        services: {
+            Container: {
+                adapter: {
+                    config: {
+                        userProfile: {
+                            metadata: {
+                                editablePropterties: [
+                                    'accessibility',
+                                    'contentDensity',
+                                    'theme'
+                                ]
+                            },
+                            defaults: {
+                                email: 'john.doe@sap.com',
+                                firstName: 'John',
+                                lastName: 'Doe',
+                                fullName: 'John Doe',
+                                id: 'DOEJ'
+                            }
+                        }
+                    }
+                }
+            },
+            CommonDataModel: {
+                adapter: {
+                    config: {
+                        ignoreSiteDataPersonalization: true,
+                        siteDataUrl: '/cdm.json'
+                    }
+                }
+            },
+            Personalization: {
+                adapter: {
+                    module: 'sap.ushell.adapters.local.PersonalizationAdapter',
+                    config: {
+                        storageType: 'MEMORY'
+                    }
+                }
+            },
+            PersonalizationV2: {
+                adapter: {
+                    module: 'sap.ushell.adapters.local.PersonalizationAdapter',
+                    config: {
+                        storageType: 'MEMORY'
+                    }
+                }
+            },
+            AppState: {
+                adapter: {
+                    module: 'sap.ushell.adapters.local.AppStateAdapter'
+                },
+                config: {
+                    transient: true
+                }
+            },
+            NavTargetResolutionInternal: {
+                config: {
+                    allowTestUrlComponentConfig: false,
+                    enableClientSideTargetResolution: true
+                },
+                adapter: {
+                    module: 'sap.ushell.adapters.local.NavTargetResolutionInternalAdapter'
+                }
+            },
+            UserInfo: {
+                adapter: {
+                    module: 'sap.ushell.adapters.local.UserInfoAdapter'
+                }
+            },
+            FlpLaunchPage: {
+                adapter: {
+                    module: 'sap.ushell.adapters.cdm.v3.FlpLaunchPageAdapter'
+                }
+            }
+        }
+    };
+
+    await container.init('cdm');
+}

package/dist/client/utils/version.js

@@ -37,8 +37,8 @@ sap.ui.define(["sap/ui/VersionInfo", "sap/base/Log"], function (VersionInfo, Log
       library
     }))?.version;
     if (!version) {
-      Log.error('Could not get UI5 version of application. Using 1.121.0 as fallback.');
-      version = '1.121.0';
+      Log.error('Could not get UI5 version of application. Using 1.130.0 as fallback.');
+      version = '1.130.0';
     }
     const [major, minor, patch] = version.split('.').map(versionPart => parseInt(versionPart, 10));
     const label = version.split(/-(.*)/s)?.[1];

package/dist/client/utils/version.ts

@@ -48,8 +48,8 @@ function checkVersionInfo(versionInfo: Ui5VersionInfo): void {
 export async function getUi5Version(library: string = 'sap.ui.core'): Promise<Ui5VersionInfo> {
     let version = ((await VersionInfo.load({ library })) as SingleVersionInfo)?.version;
     if (!version) {
-        Log.error('Could not get UI5 version of application. Using 1.121.0 as fallback.');
-        version = '1.121.0';
+        Log.error('Could not get UI5 version of application. Using 1.130.0 as fallback.');
+        version = '1.130.0';
     }
     const [major, minor, patch] = version.split('.').map((versionPart) => parseInt(versionPart, 10));
     const label = version.split(/-(.*)/s)?.[1];

package/dist/types/index.d.ts

@@ -55,6 +55,10 @@ export interface FlpConfig {
      * Optional: allows to specify a custom init script executed in addition to the default one
      */
     init?: string;
+    /**
+     * Optional: if set to true then the new FLP homepage will be enabled
+     */
+    enhancedHomePage?: boolean;
 }
 interface OptionalTestConfig {
     /**
@@ -115,5 +119,108 @@ export type DefaultIntent = {
     object: 'app';
     action: 'preview';
 };
+type FLPAppsCatalog = {
+    identification: {
+        id: string;
+        title: string;
+    };
+    payload: {
+        viz: string[];
+    };
+};
+type FLPAppVisualization = {
+    vizType: string;
+    businessApp: string;
+    vizConfig: {
+        'sap.app': {
+            title: string;
+            subTitle: string;
+        };
+        'sap.flp': {
+            target: {
+                appId: string;
+                inboundId: string;
+                parameters: {
+                    name: string;
+                    value: string;
+                }[];
+            };
+        };
+    };
+};
+type FLPApp = {
+    'sap.app': {
+        id: string;
+        title: string;
+        crossNavigation: {
+            inbounds: {
+                [key: string]: {
+                    semanticObject: string;
+                    action: string;
+                    title: string;
+                    subTitle: string;
+                    signature: {
+                        additionalParameters: string;
+                    };
+                };
+            };
+        };
+    };
+    'sap.ui5': {
+        componentName: string;
+    };
+    'sap.ui': {
+        technology: string;
+    };
+    'sap.platform.runtime': {
+        componentProperties: {
+            url: string;
+            asyncHints: Record<string, unknown>;
+        };
+    };
+};
+type FLPSectionVizConfig = {
+    id: string;
+    vizId: string;
+};
+type FLPSection = {
+    id: string;
+    title: string;
+    default: boolean;
+    layout: {
+        vizOrder: FLPSectionVizConfig['id'][];
+    };
+    viz: Record<FLPSectionVizConfig['id'], FLPSectionVizConfig>;
+};
+type FLPPage = {
+    identification: {
+        id: string;
+        title: string;
+    };
+    payload: {
+        layout: {
+            sectionOrder: FLPSection['id'][];
+        };
+        sections: Record<FLPSection['id'], FLPSection>;
+    };
+};
+/**
+ * FLP CDM configuration.
+ */
+export type FLPCdmConfig = {
+    _version: string;
+    catalogs: Record<FLPAppsCatalog['identification']['id'], FLPAppsCatalog>;
+    visualizations: Record<string, FLPAppVisualization>;
+    applications: Record<FLPApp['sap.app']['id'], FLPApp>;
+    pages: Record<FLPPage['identification']['id'], FLPPage>;
+};
+/**
+ * Default FLP homepage configuration.
+ */
+export declare const FLPHomePageDefaults: {
+    pageName: string;
+    catalogId: string;
+    sectionId: string;
+};
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.js

@@ -1,3 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FLPHomePageDefaults = void 0;
+/**
+ * Default FLP homepage configuration.
+ */
+exports.FLPHomePageDefaults = {
+    pageName: 'SAP_BASIS_PG_UI_MYHOME',
+    catalogId: 'homeCatalog',
+    sectionId: 'homeAppsSection'
+};
 //# sourceMappingURL=index.js.map

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.18.23",
+  "version": "0.19.1",
   "license": "Apache-2.0",
   "author": "@SAP/ux-tools-team",
   "main": "dist/index.js",
@@ -25,12 +25,12 @@
     "ejs": "3.1.10",
     "mem-fs": "2.1.0",
     "mem-fs-editor": "9.4.0",
-    "@sap-ux/adp-tooling": "0.13.17",
+    "@sap-ux/adp-tooling": "0.13.18",
     "@sap-ux/btp-utils": "1.0.2",
+    "@sap-ux/control-property-editor-sources": "npm:@sap-ux/control-property-editor@0.6.1",
     "@sap-ux/feature-toggle": "0.2.3",
     "@sap-ux/logger": "0.6.0",
     "@sap-ux/project-access": "1.29.18",
-    "@sap-ux/control-property-editor-sources": "npm:@sap-ux/control-property-editor@0.6.1",
     "@sap-ux/system-access": "0.5.33"
   },
   "devDependencies": {
@@ -49,11 +49,11 @@
     "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.7",
-    "@sap-ux/axios-extension": "1.19.1",
+    "@private/preview-middleware-client": "npm:@sap-ux-private/preview-middleware-client@0.13.8",
     "@sap-ux/i18n": "0.2.3",
     "@sap-ux/store": "1.0.0",
-    "@sap-ux/ui5-info": "0.9.1"
+    "@sap-ux/ui5-info": "0.9.1",
+    "@sap-ux/axios-extension": "1.19.1"
   },
   "peerDependencies": {
     "express": "4"

package/templates/flp/cdm.base.json

@@ -0,0 +1,47 @@
+{
+    "_version": "3.1.0",
+    "catalogs": {
+        "homeCatalog": {
+            "identification": {
+                "id": "homeCatalog",
+                "title": "Homepage Apps"
+            },
+            "payload": {
+                "viz": []
+            }
+        }
+    },
+    "site": {
+        "payload": {
+            "groupsOrder": []
+        }
+    },
+    "groups": {},
+    "visualizations": {},
+    "applications": {},
+    "pages": {
+        "SAP_BASIS_PG_UI_MYHOME": {
+            "identification": {
+                "id": "SAP_BASIS_PG_UI_MYHOME"
+            },
+            "payload": {
+                "layout": {
+                    "sectionOrder": [
+                        "homeAppsSection"
+                    ]
+                },
+                "sections": {
+                    "homeAppsSection": {
+                        "id": "homeAppsSection",
+                        "title": "Recently Added Apps",
+                        "default": true,
+                        "layout": {
+                            "vizOrder": []
+                        },
+                        "viz": {}
+                    }
+                }
+            }
+        }
+    }
+}

package/templates/flp/cdm.html

@@ -0,0 +1,73 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<!-- Copyright (c) 2015 SAP AG, All Rights Reserved -->
+
+<head>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Local FLP Sandbox</title>
+
+    <!-- Bootstrap the unified shell in sandbox mode for standalone usage.
+
+         The renderer is specified in the global Unified Shell configuration object "sap-ushell-config".
+
+         The fiori2 renderer will render the shell header allowing, for instance,
+         testing of additional application setting buttons.
+
+         The navigation target resolution service is configured in a way that the empty URL hash is
+         resolved to our own application.
+
+         This example uses relative path references for the SAPUI5 resources and test-resources;
+         it might be necessary to adapt them depending on the target runtime platform.
+         The sandbox platform is restricted to development or demo use cases and must NOT be used
+         for productive scenarios.
+    -->
+
+    <script type="text/javascript">
+        window["data-open-ux-preview-basePath"] = "<%- basePath %>";
+    </script>
+
+    <!-- Bootstrap the UI5 core library. 'data-sap-ui-frameOptions="allow"' is a NON-SECURE setting for test environments -->
+    <script id="sap-ui-bootstrap"
+        src="<%- basePath %>/resources/sap-ui-core.js"
+        data-sap-ui-libs="<%- ui5.libs %>"
+        data-sap-ui-async="true"
+        data-sap-ui-preload="async"
+        data-sap-ui-theme="<%- ui5.theme %>"
+        data-sap-ui-compatVersion="edge"
+        data-sap-ui-language="en"
+        data-sap-ui-bindingSyntax="complex"
+        data-sap-ui-flexibilityServices='<%- JSON.stringify(ui5.flex) %>'
+        data-sap-ui-resourceroots='<%- JSON.stringify(ui5.resources) %>'
+        data-sap-ui-frameOptions="allow"
+        data-sap-ui-xx-componentPreload="off"<%- ui5.bootstrapOptions %>
+        data-sap-ui-oninit="module:open/ux/preview/client/flp/init"<% if (locals.init) { %>
+        data-open-ux-preview-customInit='<%- init %>'<% } if (locals.flex) { %>
+        data-open-ux-preview-features='<%- JSON.stringify(features) %>'
+        data-open-ux-preview-flex-settings='<%- JSON.stringify(flex) %>'<% } if (locals.locateReuseLibsScript) { %>
+        data-open-ux-preview-libs-manifests='<%- JSON.stringify(Object.values(apps).map(app => app.url)) %>'<% } %>
+        data-open-ux-preview-enhanced-homepage='true'>
+    </script>
+
+<% if (locals.flex && flex?.developerMode) { %>
+        <!-- Hides Rta native toolbar  -->
+    <style>
+        #shell-header, .sapUiRtaToolbar {
+            visibility: hidden;
+            height: 1px;
+        }
+        .sapUshellShellCanvas {
+            top: 0 !important;
+        }
+        .sapUiRtaMode .sapUiShellBackgroundImage.sapUiGlobalBackgroundImageForce.sapUshellShellBG {
+            background-color: transparent !important;
+        }
+    </style><% } %>
+</head>
+
+<!-- UI Content -->
+<body class="sapUiBody" id="content">
+</body>
+
+</html>