@omnia/tooling-vue 7.5.75-dev → 8.0.0-dev

package/internal-do-not-import-from-here/vite/hmr/vueJsx.js

@@ -1,67 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.injectHotReloadScript = exports.transformVueJsx = void 0;
+exports.transformVueJsx = void 0;
 const tslib_1 = require("tslib");
-const hash_sum_1 = tslib_1.__importDefault(require("hash-sum"));
+const node_crypto_1 = require("node:crypto");
 const core_1 = require("@babel/core");
-const fx_models_1 = require("@omnia/fx-models");
 const $ = tslib_1.__importStar(require("../../variables"));
-async function transformVueJsx(code, id) {
-    const babelTransformResult = await (0, core_1.transformAsync)(code, {
+function transformVueJsx(code, id) {
+    const result = (0, core_1.transformSync)(code, {
         ast: true,
         presets: [
             [
                 // '@vue/babel-preset-jsx',
                 $.isExtensionEnv ?
                     './node_modules/@omnia/tooling-vue/internal-do-not-import-from-here/babel/preset-jsx.js'
-                    : './client/tooling/vue/babel/preset-jsx.ts',
-                {
-                    vModel: true,
-                    compositionAPI: true,
-                }
+                    : './client/tooling/vue/babel/preset-jsx.ts'
             ]
         ]
     });
-    injectHotReloadScript(babelTransformResult, code, id);
-    return babelTransformResult.code;
-}
-exports.transformVueJsx = transformVueJsx;
-// Customized from plugin-vue-jsx https://github.com/vitejs/vite/blob/main/packages/plugin-vue-jsx/index.js
-function injectHotReloadScript(babelFile, code, id) {
-    const [hotComponents, hasDefault] = getHotComponents(babelFile, code, id);
-    if (hotComponents.length) {
-        if (hasDefault) {
-            babelFile.code = babelFile.code.replace(/export default defineVueComponent/g, `const __default__ = defineVueComponent`);
-            babelFile.code = babelFile.code.replace(/export default defineVueWebComponent/g, `const __default__ = defineVueWebComponent`);
-        }
-        if (!/\?vue&type=script/.test(id)) {
-            let code = babelFile.code;
-            let callbackCode = ``;
-            code = '\n' +
-                `const __VUE_HOT_RELOAD_API__ = omniaWebpackJsonp['bb000000-0000-bbbb-0000-0000000000bb']['${fx_models_1.OmniaResourceManifests.HMR}']('f8ee4fc2-3876-4997-80d7-5264eaee44bb');` + '\n' + code;
-            for (const { local, exported, id } of hotComponents) {
-                code +=
-                    `\n\n/**\n * Vue Hot Reload\n */\n${local}.__hmrId = "${id}";` +
-                        `\n__VUE_HOT_RELOAD_API__.createRecord("${id}", ${local});`;
-                callbackCode = callbackCode + '\n\n' +
-                    `   __VUE_HOT_RELOAD_API__.reload("${id}", __${exported});`;
-            }
-            code += `\nimport.meta.hot.accept(({${hotComponents
-                .map((c) => `${c.exported}: __${c.exported}`)
-                .join(',')}}) => {${callbackCode}\n});`;
-            babelFile.code = code;
-        }
-        if (hasDefault) {
-            babelFile.code += `\n\nexport default __default__;`;
-        }
-    }
-}
-exports.injectHotReloadScript = injectHotReloadScript;
-function getHotComponents(babelFile, code, id) {
-    let hasDefault = false;
+    // check for hmr injection
     const declaredComponents = [];
     const hotComponents = [];
-    for (const node of babelFile.ast.program.body) {
+    let hasDefault = false;
+    for (const node of result.ast.program.body) {
         if (node.type === 'VariableDeclaration') {
             const names = parseComponentDecls(node, code);
             if (names.length) {
@@ -70,11 +30,22 @@ function getHotComponents(babelFile, code, id) {
         }
         if (node.type === 'ExportNamedDeclaration') {
             if (node.declaration &&
-                node.declaration.type === 'VariableDeclaration') {
+                (node.declaration.type === 'ClassDeclaration')) {
+                if (node.declaration.superClass?.type === 'Identifier'
+                    && node.declaration.superClass?.name === 'VueComponentBase') {
+                    hotComponents.push({
+                        local: node.declaration.id.name,
+                        exported: node.declaration.id.name,
+                        id: getHash(id + node.declaration.id.name)
+                    });
+                }
+            }
+            else if (node.declaration &&
+                (node.declaration.type === 'VariableDeclaration')) {
                 hotComponents.push(...parseComponentDecls(node.declaration, code).map(({ name }) => ({
                     local: name,
                     exported: name,
-                    id: (0, hash_sum_1.default)(id + name)
+                    id: getHash(id + name),
                 })));
             }
             else if (node.specifiers.length) {
@@ -86,7 +57,7 @@ function getHotComponents(babelFile, code, id) {
                             hotComponents.push({
                                 local: spec.local.name,
                                 exported: spec.exported.name,
-                                id: (0, hash_sum_1.default)(id + spec.exported.name)
+                                id: getHash(id + spec.exported.name),
                             });
                         }
                     }
@@ -101,7 +72,7 @@ function getHotComponents(babelFile, code, id) {
                     hotComponents.push({
                         local: node.declaration.name,
                         exported: 'default',
-                        id: (0, hash_sum_1.default)(id + 'default')
+                        id: getHash(id + 'default'),
                     });
                 }
             }
@@ -110,13 +81,145 @@ function getHotComponents(babelFile, code, id) {
                 hotComponents.push({
                     local: '__default__',
                     exported: 'default',
-                    id: (0, hash_sum_1.default)(id + 'default')
+                    id: getHash(id + 'default'),
                 });
             }
         }
     }
-    return [hotComponents, hasDefault];
+    if (hotComponents.length) {
+        if (hasDefault) {
+            result.code =
+                result.code.replace(/export default defineVueWebComponent/g, `const __default__ = defineVueWebComponent`).replace(/export default defineVueComponent/g, `const __default__ = defineVueComponent`) + `\nexport default __default__`;
+        }
+        if (!/\?vue&type=script/.test(id)) {
+            let code = result.code;
+            let callbackCode = ``;
+            for (const { local, exported, id } of hotComponents) {
+                code +=
+                    `\n${local}.__hmrId = "${id}"` +
+                        `\n__VUE_HMR_RUNTIME__.createRecord("${id}", ${local})`;
+                callbackCode += `\n__VUE_HMR_RUNTIME__.reload("${id}", __${exported})`;
+            }
+            code += `\nimport.meta.hot.accept(({${hotComponents
+                .map((c) => `${c.exported}: __${c.exported}`)
+                .join(',')}}) => {${callbackCode}\n})`;
+            result.code = code;
+        }
+    }
+    if (!result.code)
+        return;
+    return {
+        code: result.code,
+        map: result.map,
+    };
 }
+exports.transformVueJsx = transformVueJsx;
+// Customized from plugin-vue-jsx https://github.com/vitejs/vite/blob/main/packages/plugin-vue-jsx/index.js
+// export function injectHotReloadScript(babelFile: BabelFileResult, code: string, id: string) {
+//     const [hotComponents, hasDefault] = getHotComponents(babelFile, code, id);
+//     if (hotComponents.length) {
+//         if (hasDefault) {
+//             babelFile.code = babelFile.code.replace(
+//                 /export default defineVueComponent/g,
+//                 `const __default__ = defineVueComponent`
+//             );
+//             babelFile.code = babelFile.code.replace(
+//                 /export default defineVueWebComponent/g,
+//                 `const __default__ = defineVueWebComponent`
+//             );
+//         }
+//         if (!/\?vue&type=script/.test(id)) {
+//             let code = babelFile.code;
+//             let callbackCode = ``;
+//             code = '\n' +
+//                 `const __VUE_HOT_RELOAD_API__ = omniaWebpackJsonp['bb000000-0000-bbbb-0000-0000000000bb']['${OmniaResourceManifests.HMR}']('f8ee4fc2-3876-4997-80d7-5264eaee44bb');` + '\n' + code;
+//             for (const { local, exported, id } of hotComponents) {
+//                 code +=
+//                     `\n\n/**\n * Vue Hot Reload\n */\n${local}.__hmrId = "${id}";` +
+//                     `\n__VUE_HOT_RELOAD_API__.createRecord("${id}", ${local});`;
+//                 callbackCode = callbackCode + '\n\n' +
+//                     `   __VUE_HOT_RELOAD_API__.reload("${id}", __${exported});`;
+//             }
+//             code += `\nimport.meta.hot.accept(({${hotComponents
+//                 .map((c) => `${c.exported}: __${c.exported}`)
+//                 .join(',')}}) => {${callbackCode}\n});`;
+//             babelFile.code = code;
+//         }
+//         if (hasDefault) {
+//             babelFile.code += `\n\nexport default __default__;`;
+//         }
+//     }
+// }
+// function getHotComponents(babelFile: BabelFileResult, code: string, id: string): [Array<HotComponent>, boolean] {
+//     let hasDefault = false;
+//     const declaredComponents: Array<{ name: string }> = [];
+//     const hotComponents: Array<HotComponent> = [];
+//     for (const node of babelFile.ast.program.body) {
+//         if (node.type === 'VariableDeclaration') {
+//             const names = parseComponentDecls(node, code)
+//             if (names.length) {
+//                 declaredComponents.push(...names)
+//             }
+//         }
+//         if (node.type === 'ExportNamedDeclaration') {
+//             if (
+//                 node.declaration &&
+//                 node.declaration.type === 'VariableDeclaration'
+//             ) {
+//                 hotComponents.push(
+//                     ...parseComponentDecls(node.declaration, code).map(
+//                         ({ name }) => ({
+//                             local: name,
+//                             exported: name,
+//                             id: hash(id + name)
+//                         })
+//                     )
+//                 )
+//             } else if (node.specifiers.length) {
+//                 for (const spec of node.specifiers) {
+//                     if (
+//                         spec.type === 'ExportSpecifier' &&
+//                         spec.exported.type === 'Identifier'
+//                     ) {
+//                         const matched = declaredComponents.find(
+//                             ({ name }) => name === spec.local.name
+//                         )
+//                         if (matched) {
+//                             hotComponents.push({
+//                                 local: spec.local.name,
+//                                 exported: spec.exported.name,
+//                                 id: hash(id + spec.exported.name)
+//                             })
+//                         }
+//                     }
+//                 }
+//             }
+//         }
+//         if (node.type === 'ExportDefaultDeclaration') {
+//             if (node.declaration.type === 'Identifier') {
+//                 const _name = node.declaration.name
+//                 const matched = declaredComponents.find(
+//                     ({ name }) => name === _name
+//                 )
+//                 if (matched) {
+//                     hotComponents.push({
+//                         local: node.declaration.name,
+//                         exported: 'default',
+//                         id: hash(id + 'default')
+//                     })
+//                 }
+//             } else if (isDefineComponentCall(node.declaration)) {
+//                 hasDefault = true
+//                 hotComponents.push({
+//                     local: '__default__',
+//                     exported: 'default',
+//                     id: hash(id + 'default')
+//                 })
+//             }
+//         }
+//     }
+//     return [hotComponents, hasDefault];
+// }
 function parseComponentDecls(node, source) {
     const names = [];
     for (const decl of node.declarations) {
@@ -141,3 +244,6 @@ function isClassComponentCall(node) {
         node.superClass.type === 'Identifier' &&
         (node.superClass.name === 'VueComponentBase' || node.superClass.name === 'Vue'));
 }
+function getHash(text) {
+    return (0, node_crypto_1.createHash)('sha256').update(text).digest('hex').substring(0, 8);
+}

package/internal-do-not-import-from-here/vite/index.js

@@ -10,6 +10,7 @@ const del_1 = tslib_1.__importDefault(require("del"));
 const tooling_composers_1 = require("@omnia/tooling-composers");
 const tooling_1 = require("@omnia/tooling");
 const plugins_1 = require("./plugins");
+const vite_plugin_inspect_1 = tslib_1.__importDefault(require("vite-plugin-inspect"));
 async function createViteServer() {
     const hosting = (0, tooling_composers_1.getHosting)();
     let plugins = [
@@ -17,6 +18,9 @@ async function createViteServer() {
             hosting: hosting
         })
     ];
+    if (hosting.enableProfiling) {
+        plugins.push((0, vite_plugin_inspect_1.default)());
+    }
     let https = hosting.https || await getCert();
     let serverConfig = {
         configFile: false,

package/internal-do-not-import-from-here/vite/middlewares/HmrMiddleware.js

@@ -65,7 +65,6 @@ function registerHmrMiddleware(server) {
             console.error(message);
         }
         else if (resourceId == fx_models_1.OmniaResourceManifests.Vendor.toString() ||
-            resourceId == fx_models_1.OmniaResourceManifests.HMR.toString() ||
             resourceId == fx_models_1.OmniaResourceManifests.FxWorkers.toString()) {
             const serviceId = $.tooling.composer.getServiceId();
             const bundleDirPath = utils_1.envUtils.getBundleOutputDirPath();
@@ -108,14 +107,26 @@ function registerHmrMiddleware(server) {
     });
     server.middlewares.use(utils_1.pathUtils.HMR_DYNAMIC_BUNDLE_REQUEST, async (req, res, next) => {
         res.setHeader('Content-Type', 'application/x-javascript');
+        const ext = req.url.split(".").pop();
         const { resourceId, fromWorker } = utils_1.pathUtils.parseHmrDynamicBundlePath(req.url);
         const bundleDirPath = utils_1.envUtils.getBundleOutputDirPath();
-        const bundleFileName = `dynamicbundle_${resourceId}.js`;
+        const bundleFileName = `dynamicbundle_${resourceId}.${ext}`;
         const bundlePath = path_1.default.join(bundleDirPath, bundleFileName);
-        let script = await fs_1.default.promises.readFile(bundlePath, 'utf8');
-        // webpack bundled as commonjs so we need to make this as es module
-        script = script + '\n\n' + `//Empty export to make this as es module\nexport {}`;
-        res.end(script);
+        let content = await fs_1.default.promises.readFile(bundlePath, 'utf8');
+        if (ext === "js") {
+            // webpack bundled as commonjs so we need to make this as es module
+            content = content + '\n\n' + `//Empty export to make this as es module\nexport {}`;
+            //res.end(content);
+        }
+        else if (ext === "css") {
+            content = `import { updateStyle as __vite__updateStyle} from "/@vite/client"; 
+            const __vite__css = ${JSON.stringify(content)}
+            __vite__updateStyle("${bundleFileName}", __vite__css)`;
+            // req.url = `/omnia/dist/hmr/bundles/${bundleFileName}`;
+            // console.log("Hmr middleware", req.url)
+            // next();
+        }
+        res.end(content);
     });
 }
 exports.registerHmrMiddleware = registerHmrMiddleware;
@@ -281,12 +292,7 @@ const manifestResolvePromise = new Promise(function (resolve) {
     resolveManifest = resolve;
 });
 
-omniaLoader['${serviceId}']['${resourceId}'] = function (preBundle) {
-    if (preBundle && !preBundleLoader) {
-        preBundleLoader = preBundle;
-        return;
-    }
-
+omniaLoader['${serviceId}']['${resourceId}'] = function () {
     if (triggered) {
         return manifestResolvePromise;
     }
@@ -314,8 +320,8 @@ omniaLoader['${serviceId}']['${resourceId}'] = function (preBundle) {
 
     // pre-bundle exports
     let preBundleWebpackRequire;
-    if (preBundleLoader) {
-        preBundleLoader();
+    if (typeof hmrPreBundle === "function") {
+        hmrPreBundle();
     }
 
     function require(moduleId) {
@@ -333,7 +339,7 @@ omniaLoader['${serviceId}']['${resourceId}'] = function (preBundle) {
     }
 
     ${fromWorker ?
-        `const { href } = new URL('${host}${utils_1.pathUtils.HMR_ESM_REQUEST}/${resourceId}${fromWorker ? `?${utils_1.pathUtils.WORKER_IDENTIFIER}` : ''}', location.href);
+        `const { href } = new URL('${host}${utils_1.pathUtils.HMR_ESM_REQUEST}/${resourceId}?${utils_1.pathUtils.WORKER_IDENTIFIER}', location.href);
     __shimport__.load(href).then(function () {
         if (omniaWebpackJsonp['${serviceId}']['${resourceId}']) {
             preBundleWebpackRequire = omniaWebpackJsonp['${serviceId}']['${resourceId}'];
@@ -342,7 +348,7 @@ omniaLoader['${serviceId}']['${resourceId}'] = function (preBundle) {
         omniaWebpackJsonp['${serviceId}']['${resourceId}'] = require;
         resolveManifest();
     });` :
-        `import('${host}${utils_1.pathUtils.HMR_ESM_REQUEST}/${resourceId}${fromWorker ? `?${utils_1.pathUtils.WORKER_IDENTIFIER}` : ''}').then(function () {
+        `import('${utils_1.pathUtils.HMR_ESM_REQUEST}/${resourceId}').then(function () {
         if (omniaWebpackJsonp['${serviceId}']['${resourceId}']) {
             preBundleWebpackRequire = omniaWebpackJsonp['${serviceId}']['${resourceId}'];
         }
@@ -353,9 +359,7 @@ omniaLoader['${serviceId}']['${resourceId}'] = function (preBundle) {
 
     return manifestResolvePromise;
 }
-
 ${preBundleContent}
-
 ${forGroupManifest ? 'return manifestResolvePromise;' : `${$.composers.LoadableManifestRegistry.isDefineWithNoDependency(resourceId) ? `omniaLoader['${serviceId}']['${resourceId}']();` : ''}`}
 `;
     return template.trim();

package/internal-do-not-import-from-here/vite/middlewares/OmniaMiddleware.js

@@ -3,11 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.registerOmniaMiddleware = exports.ManifestChangedMessage = exports.resolvableManifest = void 0;
 const tslib_1 = require("tslib");
 const chokidar_1 = tslib_1.__importDefault(require("chokidar"));
+const url_1 = tslib_1.__importDefault(require("url"));
 const tooling_1 = require("@omnia/tooling");
 const tooling_2 = require("@omnia/tooling");
 const $ = tslib_1.__importStar(require("../../variables"));
-let _manifestJsonObject = null;
-let _app = null;
+const fx_models_1 = require("@omnia/fx-models");
+const fsExtra = tslib_1.__importStar(require("fs-extra"));
+let _middlewares = null;
+let _server = null;
 class ImplementManifestChangedMessage {
     constructor() {
         this._subcribers = [];
@@ -22,7 +25,8 @@ class ImplementManifestChangedMessage {
 exports.resolvableManifest = null;
 exports.ManifestChangedMessage = new ImplementManifestChangedMessage();
 function registerOmniaMiddleware(server, hmr) {
-    _app = server.middlewares;
+    _server = server;
+    _middlewares = server.middlewares;
     server.middlewares.use('/omnia', function (req, res, next) {
         ensureLoadManifest();
         exports.resolvableManifest.promise.then(() => {
@@ -33,12 +37,9 @@ function registerOmniaMiddleware(server, hmr) {
         res.setHeader('Content-Type', 'application/json');
         res.end(JSON.stringify({ id: $.composers.ServiceManifestRegistry.getServiceInfo().id, hmr: hmr }));
     });
-    server.middlewares.use('/omnia/localhost/service/manifests.json', function (req, res, next) {
-        let manifestJson = JSON.parse(JSON.stringify($.tooling.composer.getManifestData()));
-        // remove group manifest in hmr mode
-        //if (server.config.server.hmr) {
-        //    manifestJson.groupedResouresAndComponents = [];
-        //}
+    server.middlewares.use('/omnia/manifest.json', function (req, res, next) {
+        const target = url_1.default.parse(req.url, true).query.target;
+        let manifestJson = JSON.parse(JSON.stringify($.tooling.composer.getManifestJsonByTarget(target)));
         res.setHeader('Cache-Control', 'no-cache');
         res.setHeader('Content-Type', 'application/json');
         res.end(JSON.stringify({
@@ -46,6 +47,13 @@ function registerOmniaMiddleware(server, hmr) {
             manifest: manifestJson
         }));
     });
+    server.middlewares.use('/omnia/localization', function (req, res, next) {
+        const target = url_1.default.parse(req.url, true).query.target;
+        let localizeObject = $.composers.getLocalizations();
+        res.setHeader('Cache-Control', 'no-cache');
+        res.setHeader('Content-Type', 'application/json');
+        res.end(JSON.stringify(localizeObject[target] || ""));
+    });
     let watchManifests = chokidar_1.default.watch(["**/*.manifest.ts", "omnia.service.ts"], {
         ignored: [/[\/\\]\./, '**/node_modules/**'],
         persistent: true
@@ -53,12 +61,24 @@ function registerOmniaMiddleware(server, hmr) {
     watchManifests.on('ready', function () {
         watchManifests
             .on('add', path => {
-            $.tooling.utils.log(`Found manifest added -> ${path}`);
-            rebuildManifests();
+            if (isLocalizeManifestFile(path)) {
+                $.tooling.utils.log(`Found localize manifest file added -> ${path}`);
+                rebuildLocalization(path);
+            }
+            else {
+                $.tooling.utils.log(`Found manifest added -> ${path}`);
+                rebuildManifests();
+            }
         })
             .on('change', path => {
-            $.tooling.utils.log(`Found manifest changed -> ${path}`);
-            rebuildManifests();
+            if (isLocalizeManifestFile(path)) {
+                $.tooling.utils.log(`Found localize manifest file changed -> ${path}`);
+                rebuildLocalization(path);
+            }
+            else {
+                $.tooling.utils.log(`Found manifest changed -> ${path}`);
+                rebuildManifests();
+            }
         })
             .on('unlink', path => {
             $.tooling.utils.log(`Found manifest removed -> ${path}`);
@@ -70,6 +90,24 @@ function registerOmniaMiddleware(server, hmr) {
     // setTimeout(ensureLoadManifest, 100);
 }
 exports.registerOmniaMiddleware = registerOmniaMiddleware;
+function isLocalizeManifestFile(filePath) {
+    const content = fsExtra.readFileSync(filePath, 'utf8');
+    return content.indexOf(".registerLocalization") > -1;
+}
+function rebuildLocalization(filePath) {
+    try {
+        $.tooling.composer.processManifests([filePath]);
+        let localizeObject = $.composers.getLocalizations();
+        const payLoad = {
+            type: fx_models_1.LocalServingMessageType.LocalizeChanged,
+            data: localizeObject
+        };
+        _server.ws.send(payLoad);
+    }
+    catch (ex) {
+        // ignore ex because that already log error inside $.tooling.composer.processManifests
+    }
+}
 function rebuildManifests() {
     tooling_1.utils.timeWatch("omniamiddleware_watchmanifest", () => {
         if (exports.resolvableManifest) {
@@ -91,14 +129,14 @@ function rebuildManifests() {
                 tooling_1.utils.log(e, tooling_2.LogTypes.Error);
             }
         }
-    }, 1000);
+    }, 100);
 }
 function ensureLoadManifest() {
-    if (_app && !exports.resolvableManifest) {
+    if (_middlewares && !exports.resolvableManifest) {
         exports.resolvableManifest = new tooling_2.ResolvablePromise();
-        exports.ManifestChangedMessage.publish();
+        // ManifestChangedMessage.publish();
         var tasks = tooling_1.core.getRegisteredServeTasks().filter(function (task) { return task.stage === tooling_1.core.TaskStage.AfterCreateServer; }).sort(sortTask) || [];
-        executeTasks(tasks, _app, () => {
+        executeTasks(tasks, _middlewares, () => {
             exports.resolvableManifest.resolve();
         }, err => {
             exports.resolvableManifest.resolve();

package/internal-do-not-import-from-here/vite/middlewares/StaticFileMiddleware.js

@@ -6,16 +6,36 @@ const tooling_1 = require("@omnia/tooling");
 const $ = tslib_1.__importStar(require("../../variables"));
 const fx_models_1 = require("@omnia/fx-models");
 const shared_1 = require("./shared");
+const fs_1 = tslib_1.__importDefault(require("fs"));
 function registerStaticFileMiddleware(server) {
-    server.middlewares.use(function (req, res, next) {
-        if (req.url.indexOf('/omnia/fonts/') === 0 || req.url.indexOf('/omnia/images/') === 0) {
+    server.middlewares.use(async function (req, res, next) {
+        if (req.url.indexOf('/api/uxdocs') === 0) {
+            if (req.method === "OPTIONS") {
+                res.end("OK");
+                return;
+            }
+            const rawReqToString = async (req) => {
+                const buffers = [];
+                for await (const chunk of req) {
+                    buffers.push(chunk);
+                }
+                return Buffer.concat(buffers).toString();
+            };
+            const jsonString = await rawReqToString(req);
+            const jsonObject = JSON.parse(jsonString);
+            const fileUrl = `wwwroot/docs/${jsonObject.relativePath}`;
+            console.log(fileUrl);
+            const content = fs_1.default.readFileSync(fileUrl, 'utf8');
+            res.end(content);
+        }
+        else if (req.url.indexOf('/omnia/fonts/') === 0 || req.url.indexOf('/omnia/images/') === 0) {
             res.setHeader('Cache-Control', 'public, max-age=31536000');
             req.url = req.url.replace("/omnia/", "/omnia/dist/");
             next();
         }
         else if (req.url.indexOf('/omnia/bundles') === 0) {
             // format: /omnia/bundles/{manifestId}/{bundleType}?{queryString}
-            let fullpath = req.originalUrl.toLowerCase();
+            let fullpath = req.url.toLowerCase();
             // format: /omnia/bundles/{manifestId}/{bundleType}
             let path = fullpath.split('?')[0];
             // format: {queryString}
@@ -28,15 +48,16 @@ function registerStaticFileMiddleware(server) {
                     res.setHeader('content-type', 'application/x-javascript');
                     let localizeObject = $.composers.getLocalizations();
                     res.end(`                       
-                        var OmniaContext = omniaWebpackJsonp["bb000000-0000-bbbb-0000-0000000000bb"]["a1602121-3070-4304-b4d8-0859e50c482b"]("5326a8ef-4e3c-49d6-b415-1ddf7fdcc830").OmniaContext;
-                        var container = omniaWebpackJsonp["bb000000-0000-bbbb-0000-0000000000bb"]["` + fx_models_1.OmniaResourceManifests.FxCore.toString() + `"]("97786ea9-4861-48bd-8a57-eae9bbdb4892").ServiceContainer;
-                        var omniaCtx = container.createInstance(OmniaContext);
-                        var localizationStore = omniaWebpackJsonp["bb000000-0000-bbbb-0000-0000000000bb"]["` + fx_models_1.OmniaResourceManifests.Fx.toString() + `"]("5e618f4d-d014-414e-a681-89e34cbeda0f").LocalizationStore;
-                        var currentCulture = omniaCtx.language.toLowerCase();
-                        var loc = JSON.parse('${JSON.stringify(localizeObject).replace(/'/g, "\\'").replace(/\\"/g, "\\\\\"")}');            
+                        const OmniaContext = omniaWebpackJsonp["bb000000-0000-bbbb-0000-0000000000bb"]["a1602121-3070-4304-b4d8-0859e50c482b"]("5326a8ef-4e3c-49d6-b415-1ddf7fdcc830").OmniaContext;
+                        const container = omniaWebpackJsonp["bb000000-0000-bbbb-0000-0000000000bb"]["` + fx_models_1.OmniaResourceManifests.FxCore.toString() + `"]("97786ea9-4861-48bd-8a57-eae9bbdb4892").ServiceContainer;
+                        const omniaCtx = container.createInstance(OmniaContext);
+                        const useLocalizationStore = omniaWebpackJsonp["bb000000-0000-bbbb-0000-0000000000bb"]["` + fx_models_1.OmniaResourceManifests.Fx.toString() + `"]("5e618f4d-d014-414e-a681-89e34cbeda0f").useLocalizationStore;
+                        const localizeStore = container.createInstance(useLocalizationStore);
+                        const currentCulture = omniaCtx.language.toLowerCase();
+                        const loc = JSON.parse('${JSON.stringify(localizeObject).replace(/'/g, "\\'").replace(/\\"/g, "\\\\\"")}');            
             
-                        localizationStore.instance.mutations.merge.commit(loc['en-us'] || {}); // add default english
-                        localizationStore.instance.mutations.merge.commit(loc[currentCulture] || {});        
+                        localizeStore.actions.merge(loc['en-us'] || {}); // add default english
+                        localizeStore.actions.merge(loc[currentCulture] || {});        
                     `);
                 }
                 else {

package/internal-do-not-import-from-here/vite/middlewares/WebpackMiddleware.js

@@ -94,7 +94,7 @@ function registerWebpackMiddleWareBundle(entries) {
                         if (manifestId) {
                             let manifest = $.tooling.composer.getManifestById(manifestId);
                             if (manifest) {
-                                let manifestsData = $.tooling.composer.getManifestData();
+                                let manifestsData = $.tooling.composer.getManifestsJson();
                                 let bundleType = path_1.default.extname(filePath).replace('.', '');
                                 manifest.version = manifest.version || {};
                                 manifest.version[bundleType] = $.tooling.utils.generateGuid().replace(/-/g, '');