@sap-ux/preview-middleware 0.23.99 → 0.23.100

package/dist/base/config.d.ts

@@ -29,6 +29,7 @@ export type PreviewUrls = {
  */
 export interface TemplateConfig {
     basePath: string;
+    baseUrl: string;
     apps: Record<string, {
         title: string;
         description: string;

package/dist/base/config.js

@@ -281,6 +281,7 @@ function createFlpTemplateConfig(config, manifest, resources = {}) {
     }
     return {
         basePath: basePath,
+        baseUrl: '',
         apps: {},
         init: initPath,
         ui5: {
@@ -385,9 +386,7 @@ async function generatePreviewFiles(basePath, config, fs, logger = new logger_1.
     // remove incorrect configurations
     sanitizeConfig(config, logger);
     // create file system if not provided
-    if (!fs) {
-        fs = (0, mem_fs_editor_1.create)((0, mem_fs_1.create)());
-    }
+    fs ??= (0, mem_fs_editor_1.create)((0, mem_fs_1.create)());
     // generate FLP configuration
     const flpTemplate = (0, node_fs_1.readFileSync)((0, node_path_1.join)(TEMPLATE_PATH, 'flp/sandbox.ejs'), 'utf-8');
     const flpConfig = getFlpConfigWithDefaults(config.flp);

package/dist/base/flp.d.ts

@@ -34,7 +34,7 @@ export declare class FlpSandbox {
     readonly rta?: RtaConfig;
     readonly test?: TestConfig[];
     readonly router: EnhancedRouter;
-    private fs;
+    private readonly fs;
     private readonly logger;
     private readonly utils;
     private readonly project;
@@ -103,6 +103,7 @@ export declare class FlpSandbox {
     /**
      * Handler for the GET requests to the runtime adaptation editor in developer mode.
      *
+     * @param req the request
      * @param res the response
      * @param rta runtime adaptation configuration
      * @param previewUrl the url of the preview

package/dist/base/flp.js

@@ -78,6 +78,7 @@ class FlpSandbox {
      * @param logger logger instance
      */
     constructor(config, project, utils, logger) {
+        this.fs = (0, mem_fs_editor_1.create)((0, mem_fs_1.create)());
         this.logger = logger;
         this.project = project;
         this.utils = utils;
@@ -220,12 +221,19 @@ class FlpSandbox {
             ? '@sap-ux/control-property-editor'
             : '@sap-ux/preview-middleware';
         await this.setApplicationDependencies();
-        const config = { ...this.templateConfig };
-        /* sap.ui.rta needs to be added to the list of preload libs for variants management and adaptation projects */
+        this.templateConfig.baseUrl = req['ui5-patched-router']?.baseUrl ?? '';
+        const ui5Version = await this.getUi5Version(req.protocol, req.headers.host, this.templateConfig.baseUrl);
+        this.checkDeleteConnectors(ui5Version.major, ui5Version.minor, ui5Version.isCdn);
+        if (ui5Version.major === 1 && ui5Version.minor <= 71) {
+            this.removeAsyncHintsRequests();
+        }
+        const config = structuredClone(this.templateConfig);
         if (!config.ui5.libs.includes('sap.ui.rta')) {
-            const libs = config.ui5.libs.split(',');
-            libs.push('sap.ui.rta');
-            config.ui5.libs = libs.join(',');
+            // sap.ui.rta needs to be added to the list of preload libs for variants management and adaptation projects
+            config.ui5.libs += ',sap.ui.rta';
+        }
+        if (editor.developerMode) {
+            config.ui5.bootstrapOptions = serializeUi5Configuration(this.getDeveloperModeConfig(ui5Version.major));
         }
         config.flexSettings = {
             layer: rta.layer ?? 'CUSTOMER_BASE',
@@ -235,14 +243,6 @@ class FlpSandbox {
             pluginScript: editor.pluginScript
         };
         config.features = feature_toggle_1.FeatureToggleAccess.getAllFeatureToggles();
-        const ui5Version = await this.getUi5Version(req.protocol, req.headers.host, req['ui5-patched-router']?.baseUrl);
-        this.checkDeleteConnectors(ui5Version.major, ui5Version.minor, ui5Version.isCdn);
-        if (editor.developerMode === true) {
-            config.ui5.bootstrapOptions = serializeUi5Configuration(this.getDeveloperModeConfig(ui5Version.major));
-        }
-        if (ui5Version.major === 1 && ui5Version.minor <= 71) {
-            this.removeAsyncHintsRequests();
-        }
         return (0, ejs_1.render)(this.getSandboxTemplate(ui5Version), config);
     }
     /**
@@ -261,12 +261,13 @@ class FlpSandbox {
     /**
      * Handler for the GET requests to the runtime adaptation editor in developer mode.
      *
+     * @param req the request
      * @param res the response
      * @param rta runtime adaptation configuration
      * @param previewUrl the url of the preview
      * @private
      */
-    async editorGetHandlerDeveloperMode(res, rta, previewUrl) {
+    async editorGetHandlerDeveloperMode(req, res, rta, previewUrl) {
         const scenario = rta.options?.scenario;
         let templatePreviewUrl = `${previewUrl}?sap-ui-xx-viewCache=false&fiori-tools-rta-mode=forAdaptation&sap-ui-rta-skip-flex-validation=true&sap-ui-xx-condense-changes=true#${this.flpConfig.intent.object}-${this.flpConfig.intent.action}`;
         if (scenario === 'ADAPTATION_PROJECT') {
@@ -280,12 +281,13 @@ class FlpSandbox {
         const envLivereloadUrl = (0, btp_utils_1.isAppStudio)() ? await (0, btp_utils_1.exposePort)(livereloadPort) : undefined;
         const html = (0, ejs_1.render)(template, {
             previewUrl: templatePreviewUrl,
-            telemetry: rta.options?.telemetry ?? false,
+            telemetry: !!rta.options?.telemetry,
             appName: rta.options?.appName,
             scenario,
             livereloadPort,
             livereloadUrl: envLivereloadUrl,
-            features: JSON.stringify(features)
+            features: JSON.stringify(features),
+            baseUrl: req['ui5-patched-router']?.baseUrl ?? ''
         });
         this.sendResponse(res, 'text/html', 200, html);
     }
@@ -302,7 +304,9 @@ class FlpSandbox {
     async editorGetHandler(req, res, rta, previewUrl, editor) {
         if (!req.query['fiori-tools-rta-mode']) {
             this.logger.debug(`Adjusting URL parameters for runtime adaptation mode. Redirecting to correct URL.`);
-            const url = 'ui5-patched-router' in req ? (0, node_path_1.join)(req['ui5-patched-router']?.baseUrl ?? '', previewUrl) : previewUrl;
+            const url = 'ui5-patched-router' in req
+                ? node_path_1.posix.join(req['ui5-patched-router']?.baseUrl ?? '', previewUrl)
+                : previewUrl;
             const params = structuredClone(req.query);
             params['sap-ui-xx-viewCache'] = 'false';
             params['fiori-tools-rta-mode'] = 'true';
@@ -326,8 +330,8 @@ class FlpSandbox {
             if (editor.developerMode) {
                 previewUrl = `${previewUrl}.inner.html`;
                 editor.pluginScript ??= 'open/ux/preview/client/cpe/init';
-                this.router.get(editor.path, async (_req, res) => {
-                    await this.editorGetHandlerDeveloperMode(res, rta, previewUrl);
+                this.router.get(editor.path, async (req, res) => {
+                    await this.editorGetHandlerDeveloperMode(req, res, rta, previewUrl);
                 });
                 let path = (0, node_path_1.dirname)(editor.path);
                 if (!path.endsWith('/')) {
@@ -352,7 +356,7 @@ class FlpSandbox {
         // connect API (karma test runner) has no request query property
         if ('query' in req && 'redirect' in res && !req.query['sap-ui-xx-viewCache']) {
             this.logger.debug(`Adjusting URL parameters for preview. Redirecting to correct URL.`);
-            const url = 'ui5-patched-router' in req ? (0, node_path_1.join)(req['ui5-patched-router']?.baseUrl ?? '', req.path) : req.path;
+            const url = 'ui5-patched-router' in req ? node_path_1.posix.join(req['ui5-patched-router']?.baseUrl ?? '', req.path) : req.path;
             const params = structuredClone(req.query);
             params['sap-ui-xx-viewCache'] = 'false';
             res.redirect(302, `${url}?${new URLSearchParams(params)}`);
@@ -368,12 +372,15 @@ class FlpSandbox {
             next();
         }
         else {
+            // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
+            this.templateConfig.baseUrl = ('ui5-patched-router' in req && req['ui5-patched-router']?.baseUrl) || '';
             const ui5Version = await this.getUi5Version(
             //use protocol from request header referer as fallback for connect API (karma test runner)
             'protocol' in req
                 ? req.protocol
-                : (req.headers.referer?.substring(0, req.headers.referer.indexOf(':')) ?? 'http'), req.headers.host, 'ui5-patched-router' in req ? req['ui5-patched-router']?.baseUrl : undefined);
+                : (req.headers.referer?.substring(0, req.headers.referer.indexOf(':')) ?? 'http'), req.headers.host, this.templateConfig.baseUrl);
             this.checkDeleteConnectors(ui5Version.major, ui5Version.minor, ui5Version.isCdn);
+            //for consistency reasons, we also add the baseUrl to the HTML here, although it is only used in editor mode
             const html = (0, ejs_1.render)(this.getSandboxTemplate(ui5Version), this.templateConfig);
             this.sendResponse(res, 'text/html', 200, html);
         }
@@ -492,7 +499,6 @@ class FlpSandbox {
         for (const app of this.flpConfig.apps) {
             let manifest;
             if (app.local) {
-                this.fs = this.fs ?? (0, mem_fs_editor_1.create)((0, mem_fs_1.create)());
                 const webappPath = await (0, project_access_1.getWebappPath)(app.local, this.fs);
                 manifest = JSON.parse((0, node_fs_1.readFileSync)((0, node_path_1.join)(webappPath, 'manifest.json'), 'utf-8'));
                 this.router.use(app.target, (0, express_1.static)(webappPath));
@@ -534,7 +540,6 @@ class FlpSandbox {
     async flexGetHandler(res) {
         const changes = await (0, flex_1.readChanges)(this.project, this.logger);
         if (this.onChangeRequest) {
-            this.fs = this.fs ?? (0, mem_fs_editor_1.create)((0, mem_fs_1.create)());
             for (const change of Object.values(changes)) {
                 await this.onChangeRequest('read', change, this.fs, this.logger);
             }
@@ -549,7 +554,6 @@ class FlpSandbox {
      * @private
      */
     async flexPostHandler(req, res) {
-        this.fs = this.fs ?? (0, mem_fs_editor_1.create)((0, mem_fs_1.create)());
         try {
             const body = req.body;
             if (this.onChangeRequest) {
@@ -788,7 +792,6 @@ class FlpSandbox {
     async storeCardManifestHandler(req, res) {
         try {
             const { floorplan, localPath, fileName = project_access_1.FileName.Manifest, manifests } = req.body;
-            this.fs = this.fs ?? (0, mem_fs_editor_1.create)((0, mem_fs_1.create)());
             const webappPath = await (0, project_access_1.getWebappPath)(node_path_1.default.resolve(), this.fs);
             const fullPath = (0, node_path_1.join)(webappPath, localPath);
             const filePath = fileName.endsWith('.json') ? (0, node_path_1.join)(fullPath, fileName) : `${(0, node_path_1.join)(fullPath, fileName)}.json`;
@@ -838,7 +841,6 @@ class FlpSandbox {
      */
     async storeI18nKeysHandler(req, res) {
         try {
-            this.fs = this.fs ?? (0, mem_fs_editor_1.create)((0, mem_fs_1.create)());
             const webappPath = await (0, project_access_1.getWebappPath)(node_path_1.default.resolve(), this.fs);
             const i18nConfig = this.manifest['sap.app'].i18n;
             let i18nPath = 'i18n/i18n.properties';
@@ -853,7 +855,7 @@ class FlpSandbox {
                 supportedLocales = locales;
                 fallbackLocale = fallback;
             }
-            const requestedLocale = req.query.locale || fallbackLocale || '';
+            const requestedLocale = req.query.locale ?? fallbackLocale ?? '';
             const baseFilePath = (0, node_path_1.join)(webappPath, i18nPath);
             const filePath = requestedLocale
                 ? baseFilePath.replace('.properties', `_${requestedLocale}.properties`)

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

@@ -38,7 +38,8 @@ sap.ui.define(["../utils/error"], function (___utils_error) {
       }
     };
     try {
-      const response = await fetch(endpoint, config);
+      const baseUrl = document.getElementById('root')?.dataset.openUxPreviewBaseUrl ?? '';
+      const response = await fetch(`${baseUrl}${endpoint}`, config);
       if (!response.ok) {
         const errorData = await response.json();
         const message = errorData?.message ? ` Server message: ${errorData.message}.` : '';

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

@@ -83,7 +83,8 @@ export async function request<T>(endpoint: ApiEndpoints, method: RequestMethod,
     };
 
     try {
-        const response: Response = await fetch(endpoint, config);
+        const baseUrl = document.getElementById('root')?.dataset.openUxPreviewBaseUrl ?? '';
+        const response: Response = await fetch(`${baseUrl}${endpoint}`, config);
 
         if (!response.ok) {
             const errorData = (await response.json()) as ResponseMessage;

package/dist/client/flp/WorkspaceConnector.js

@@ -3,11 +3,13 @@
 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 CHANGES_API_PATH_STATIC = ___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 baseUrl = document.getElementById('sap-ui-bootstrap')?.dataset.openUxPreviewBaseUrl ?? '';
+  const changesApiPath = `${baseUrl}${CHANGES_API_PATH_STATIC}`;
   const connector = merge({}, ObjectStorageConnector, {
     layers: [Layer.VENDOR, Layer.CUSTOMER_BASE],
     storage: {
@@ -31,7 +33,7 @@ sap.ui.define(["sap/base/util/merge", "sap/ui/fl/write/api/connectors/ObjectStor
           change,
           additionalChangeInfo
         };
-        return fetch(CHANGES_API_PATH, {
+        return fetch(changesApiPath, {
           method: 'POST',
           body: JSON.stringify(body, null, 2),
           headers: {
@@ -47,7 +49,7 @@ sap.ui.define(["sap/base/util/merge", "sap/ui/fl/write/api/connectors/ObjectStor
             // exceptions in the listener call are ignored
           }
         }
-        return fetch(CHANGES_API_PATH, {
+        return fetch(changesApiPath, {
           method: 'DELETE',
           body: JSON.stringify({
             fileName: key
@@ -64,7 +66,7 @@ sap.ui.define(["sap/base/util/merge", "sap/ui/fl/write/api/connectors/ObjectStor
         // not implemented
       },
       getItems: async function () {
-        const response = await fetch(CHANGES_API_PATH, {
+        const response = await fetch(changesApiPath, {
           method: 'GET',
           headers: {
             'content-type': 'application/json'

package/dist/client/flp/WorkspaceConnector.ts

@@ -2,10 +2,13 @@ import merge from 'sap/base/util/merge';
 import ObjectStorageConnector from 'sap/ui/fl/write/api/connectors/ObjectStorageConnector';
 import Layer from 'sap/ui/fl/Layer';
 import type { FlexChange } from './common';
-import { CHANGES_API_PATH, getFlexSettings } from './common';
+import { CHANGES_API_PATH as CHANGES_API_PATH_STATIC, getFlexSettings } from './common';
 import { getUi5Version, isLowerThanMinimalUi5Version } from '../utils/version';
 import { getAdditionalChangeInfo } from '../utils/additional-change-info';
 
+const baseUrl = document.getElementById('sap-ui-bootstrap')?.dataset.openUxPreviewBaseUrl ??'';
+const changesApiPath = `${baseUrl}${CHANGES_API_PATH_STATIC}`;
+
 const connector = merge({}, ObjectStorageConnector, {
     layers: [Layer.VENDOR, Layer.CUSTOMER_BASE],
     storage: {
@@ -33,7 +36,7 @@ const connector = merge({}, ObjectStorageConnector, {
                 additionalChangeInfo
             };
 
-            return fetch(CHANGES_API_PATH, {
+            return fetch(changesApiPath, {
                 method: 'POST',
                 body: JSON.stringify(body, null, 2),
                 headers: {
@@ -50,7 +53,7 @@ const connector = merge({}, ObjectStorageConnector, {
                 }
             }
 
-            return fetch(CHANGES_API_PATH, {
+            return fetch(changesApiPath, {
                 method: 'DELETE',
                 body: JSON.stringify({ fileName: key }),
                 headers: {
@@ -65,7 +68,7 @@ const connector = merge({}, ObjectStorageConnector, {
             // not implemented
         },
         getItems: async function () {
-            const response = await fetch(CHANGES_API_PATH, {
+            const response = await fetch(changesApiPath, {
                 method: 'GET',
                 headers: {
                     'content-type': 'application/json'

package/dist/client/flp/enableFakeConnector.js

@@ -4,8 +4,11 @@ sap.ui.define(["sap/ui/fl/LrepConnector", "sap/ui/fl/FakeLrepConnector", "../uti
   "use strict";
 
   const getAdditionalChangeInfo = ___utils_additional_change_info["getAdditionalChangeInfo"];
-  const CHANGES_API_PATH = ___common["CHANGES_API_PATH"];
+  const CHANGES_API_PATH_STATIC = ___common["CHANGES_API_PATH"];
   const getFlexSettings = ___common["getFlexSettings"];
+  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.
@@ -32,7 +35,7 @@ sap.ui.define(["sap/ui/fl/LrepConnector", "sap/ui/fl/FakeLrepConnector", "../uti
         change,
         additionalChangeInfo
       };
-      return fetch(CHANGES_API_PATH, {
+      return fetch(changesApiPath, {
         method: 'POST',
         body: JSON.stringify(body, null, 2),
         headers: {
@@ -50,7 +53,7 @@ sap.ui.define(["sap/ui/fl/LrepConnector", "sap/ui/fl/FakeLrepConnector", "../uti
    */
   async function loadChanges(...args) {
     const lrep = new LrepConnector();
-    const response = await fetch(CHANGES_API_PATH, {
+    const response = await fetch(changesApiPath, {
       method: 'GET',
       headers: {
         'content-type': 'application/json'

package/dist/client/flp/enableFakeConnector.ts

@@ -3,7 +3,7 @@ import FakeLrepConnector from 'sap/ui/fl/FakeLrepConnector';
 import { getAdditionalChangeInfo } from '../utils/additional-change-info';
 
 import type { FlexChange } from './common';
-import { CHANGES_API_PATH, getFlexSettings } from './common';
+import { CHANGES_API_PATH as CHANGES_API_PATH_STATIC, getFlexSettings } from './common';
 
 interface FetchedChanges {
     [key: string]: FlexChange;
@@ -23,6 +23,9 @@ interface LoadChangesResult {
     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.
@@ -55,7 +58,7 @@ export async function create(changes: FlexChange | FlexChange[]): Promise<void>
             };
 
 
-            return fetch(CHANGES_API_PATH, {
+            return fetch(changesApiPath, {
                 method: 'POST',
                 body: JSON.stringify(body, null, 2),
                 headers: {
@@ -75,7 +78,7 @@ export async function create(changes: FlexChange | FlexChange[]): Promise<void>
 export async function loadChanges(...args: []): Promise<LoadChangesResult> {
     const lrep = new LrepConnector();
 
-    const response = await fetch(CHANGES_API_PATH, {
+    const response = await fetch(changesApiPath, {
         method: 'GET',
         headers: {
             'content-type': 'application/json'

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.23.99",
+  "version": "0.23.100",
   "license": "Apache-2.0",
   "author": "@SAP/ux-tools-team",
   "main": "dist/index.js",
@@ -27,12 +27,12 @@
     "mem-fs-editor": "9.4.0",
     "qrcode": "1.5.4",
     "@sap/bas-sdk": "3.12.0",
-    "@sap-ux/adp-tooling": "0.18.45",
     "@sap-ux/btp-utils": "1.1.6",
     "@sap-ux/control-property-editor-sources": "npm:@sap-ux/control-property-editor@0.7.9",
-    "@sap-ux/feature-toggle": "0.3.5",
+    "@sap-ux/adp-tooling": "0.18.45",
     "@sap-ux/logger": "0.8.0",
     "@sap-ux/project-access": "1.34.2",
+    "@sap-ux/feature-toggle": "0.3.5",
     "@sap-ux/system-access": "0.6.43",
     "@sap-ux/i18n": "0.3.7"
   },
@@ -53,7 +53,7 @@
     "nock": "13.4.0",
     "npm-run-all2": "6.2.0",
     "supertest": "7.1.4",
-    "@private/preview-middleware-client": "npm:@sap-ux-private/preview-middleware-client@0.18.11",
+    "@private/preview-middleware-client": "npm:@sap-ux-private/preview-middleware-client@0.18.12",
     "@sap-ux/axios-extension": "1.25.7",
     "@sap-ux/store": "1.5.1",
     "@sap-ux/ui5-info": "0.13.8"

package/templates/flp/cdm.ejs

@@ -24,10 +24,6 @@
          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"
@@ -49,6 +45,7 @@
         data-open-ux-preview-features='<%- JSON.stringify(features) %>'
         data-open-ux-preview-flex-settings='<%- JSON.stringify(flexSettings) %>'<% } if (locals.locateReuseLibsScript) { %>
         data-open-ux-preview-libs-manifests='<%- JSON.stringify(Object.values(apps).map(app => app.url)) %>'<% } %>
+        data-open-ux-preview-base-url='<%- baseUrl %>'
         data-open-ux-preview-enhanced-homepage='true'>
     </script>
 

package/templates/flp/editor.ejs

@@ -10,7 +10,7 @@
     </head>
     <body>
         <noscript>You need to enable JavaScript to run this app.</noscript>
-        <div id="root"></div>
+        <div id="root" data-open-ux-preview-base-url="<%- baseUrl %>"></div>
         <script type="module">
             import { start } from './editor/app.js';
             start({

package/templates/flp/sandbox.ejs

@@ -40,10 +40,6 @@
         };
     </script>
 
-    <script type="text/javascript">
-        window["data-open-ux-preview-basePath"] = "<%- basePath %>";
-    </script>
-
     <script src="<%- basePath %>/test-resources/sap/ushell/bootstrap/sandbox.js" id="sap-ushell-bootstrap"></script>
     <!-- Bootstrap the UI5 core library. 'data-sap-ui-frameOptions="allow"' is a NON-SECURE setting for test environments -->
     <script id="sap-ui-bootstrap"
@@ -65,7 +61,8 @@
         data-open-ux-preview-custom-init='<%- init %>'<% } if (locals.flexSettings) { %>
         data-open-ux-preview-features='<%- JSON.stringify(features) %>'
         data-open-ux-preview-flex-settings='<%- JSON.stringify(flexSettings) %>'<% } if (locals.locateReuseLibsScript) { %>
-        data-open-ux-preview-libs-manifests='<%- JSON.stringify(Object.values(apps).map(app => app.url)) %>'<% } %>>
+        data-open-ux-preview-libs-manifests='<%- JSON.stringify(Object.values(apps).map(app => app.url)) %>'<% } %>
+        data-open-ux-preview-base-url='<%- baseUrl %>'>
     </script>
 
 <% if (locals.flexSettings && flexSettings?.developerMode) { %>

package/templates/flp/sandbox2.ejs

@@ -40,10 +40,6 @@
         };
     </script>
 
-    <script type="text/javascript">
-        window["data-open-ux-preview-basePath"] = "<%- basePath %>";
-    </script>
-
     <script src="<%- basePath %>/resources/sap/ushell/bootstrap/sandbox2.js" id="sap-ushell-bootstrap"></script>
     <!-- Bootstrap the UI5 core library. 'data-sap-ui-frameOptions="allow"' is a NON-SECURE setting for test environments -->
     <script id="sap-ui-bootstrap"
@@ -63,7 +59,8 @@
         data-open-ux-preview-custom-init='<%- init %>'<% } if (locals.flexSettings) { %>
         data-open-ux-preview-features='<%- JSON.stringify(features) %>'
         data-open-ux-preview-flex-settings='<%- JSON.stringify(flexSettings) %>'<% } if (locals.locateReuseLibsScript) { %>
-        data-open-ux-preview-libs-manifests='<%- JSON.stringify(Object.values(apps).map(app => app.url)) %>'<% } %>>
+        data-open-ux-preview-libs-manifests='<%- JSON.stringify(Object.values(apps).map(app => app.url)) %>'<% } %>
+        data-open-ux-preview-base-url='<%- baseUrl %>'>
     </script>
 
 <% if (locals.flexSettings && flexSettings?.developerMode) { %>