@omnia/tooling-vue 8.0.191-dev → 8.0.193-dev

package/internal-do-not-import-from-here/tasks/bundle.d.ts

@@ -1,19 +1,19 @@
 import { Configuration } from 'webpack';
 import { BuildOptions } from '@omnia/tooling-composers';
-import { GuidValue } from "@omnia/fx-models";
+import { guid } from "@omnia/fx-models";
 declare function bundleManifest(entries: any): Promise<void>;
 declare function createVueWebpackConfig(currentEntry: any, entries: any, bundleOutputDir: any, viteHmrOption?: 'prebundle' | 'dynamic'): Configuration;
 declare function processManifestGenerated(entries: any, outDir: any): void;
 declare function createCombinedManfest(omniaServiceId: any, manifestIds: any, targetManifestId: any, targetManifestName: any, outputDir: any): Promise<void>;
 declare function cleanUpComposer(): void;
 declare function getBuildOption(): BuildOptions;
-declare function getServiceId(): string;
-declare function ensureManifestDependencyInRuntime(currentManifestId: GuidValue, manifestBundleFilePath: any): void;
-declare function addDependency(currentManifest: any, dependentManifest: any, dependentOmniaServiceId: any): void;
+declare function getServiceId(): guid;
+declare function ensureManifestDependencyInRuntime(currentManifestId: guid, manifestBundleFilePath: any): void;
+declare function addDependency(currentManifest: guid, dependentManifest: guid, dependentOmniaServiceId: guid): void;
 declare function checkDuplicateBundle(): boolean;
 declare function registerManifestsReference(manifests: Array<{
     path: string;
-    serviceId?: string;
-    resourceId?: string;
+    serviceId?: guid;
+    resourceId?: guid;
 }>): void;
 export { ensureManifestDependencyInRuntime, bundleManifest, getServiceId, getBuildOption, cleanUpComposer, createVueWebpackConfig, createCombinedManfest, registerManifestsReference, checkDuplicateBundle, processManifestGenerated, addDependency };

package/internal-do-not-import-from-here/tasks/bundle.js

@@ -238,7 +238,7 @@ function buildEntries(serve = false) {
                     $.composers.ManifestRegistry.setCurrentManifestPath("node_modules");
                     $.composers
                         .Composer
-                        .registerManifest(new fx_models_1.Guid(bundleOptions.commonsChunk.name.toString()))
+                        .registerManifest((0, fx_models_1.maybeGuid)(bundleOptions.commonsChunk.name))
                         .registerResources({
                         resourcePaths: [fakeFile]
                     });
@@ -363,7 +363,7 @@ function beforeBundleManifest(entries) {
                     else if (wcRegistrations.find(rk => name.indexOf(rk.manifest.resourceId.toString()) > -1)) {
                         const manifestPath = $.tooling.utils.root(outDirManifestMetadata + "/" + name + '.manifest.json');
                         const content = {
-                            name: `omniaWebpackJsonp['${getServiceId()}']['${$.tooling.utils.getGuidValue(name)}']`,
+                            name: `omniaWebpackJsonp['${getServiceId()}']['${$.tooling.utils.getguid(name)}']`,
                             content: {
                                 [entries[name][0]]: {
                                     id: entries[name][0].toLowerCase(),
@@ -504,6 +504,10 @@ function afterBundleManifest(entries) {
     return new Promise(function (resolve, reject) {
         let startTime = new Date().getTime();
         $.tooling.log('Creating combined manifests');
+        // generate tooling output
+        const info = shared_1.ConfigurationManager.outputInfo.get();
+        info.o$ = globalThis["o$"] || {};
+        shared_1.ConfigurationManager.outputInfo.update(info);
         createCombinedManfests($.tooling.composer.OmniaOutput.OutputBundlePath).then(function () {
             try {
                 $.tooling.logTime('Done - Creating combined manifests', startTime);
@@ -691,7 +695,7 @@ function createVueWebpackConfig(currentEntry, entries, bundleOutputDir, viteHmrO
                 }
             }));
         }
-        plugins.push(new $.omniaWebpackPlugins.BuildWebpackRequire(getServiceId(), $.tooling.utils.getGuidValue(Object.keys(currentEntry)[0])));
+        plugins.push(new $.omniaWebpackPlugins.BuildWebpackRequire(getServiceId(), $.tooling.utils.getguid(Object.keys(currentEntry)[0])));
     }
     plugins.push(new $.omniaWebpackPlugins.ChunkAssets(function (compilation, fileName) {
         chunkAsset(entries, compilation, fileName, viteHmrOption);
@@ -736,7 +740,7 @@ function createVueWebpackConfig(currentEntry, entries, bundleOutputDir, viteHmrO
             path: $.tooling.utils.root(bundleOutputDir),
             filename: '[name].js',
             chunkLoadingGlobal: "omniaWebpackJsonp['" + getServiceId() + "']['__register_module__']",
-            hotUpdateGlobal: ("webpackHotUpdate_" + (isBundleCommonChunk ? getServiceId() : getServiceId() + $.tooling.utils.getGuidValue(Object.keys(currentEntry)[0]))).replace(/-/g, "")
+            hotUpdateGlobal: ("webpackHotUpdate_" + (isBundleCommonChunk ? getServiceId() : getServiceId() + $.tooling.utils.getguid(Object.keys(currentEntry)[0]))).replace(/-/g, "")
         },
         module: {
             noParse: buildOption.noParse || /wwwroot\\scripts(.*).js|wwwroot\/scripts(.*).js/,
@@ -882,7 +886,7 @@ function createWebpackConfigForManifestMetadata(entry, metadataOutputDir) {
             new $.webpack.DllPlugin({
                 entryOnly: false,
                 path: $.path.join($.tooling.utils.root(""), metadataOutputDir, '[name].manifest.json'),
-                name: `omniaWebpackJsonp['${entensionId}']['${$.tooling.utils.getGuidValue(Object.keys(entry)[0])}']`
+                name: `omniaWebpackJsonp['${entensionId}']['${$.tooling.utils.getguid(Object.keys(entry)[0])}']`
             })
         ]
     });
@@ -1036,7 +1040,7 @@ function processManifestGenerated(entries, outDir) {
         var manifestsPaths = (0, globby_1.globbySync)(outDir.replace(/\/$/, '') + '/*.*', {});
         if (manifestsPaths) {
             for (let p of manifestsPaths) {
-                var manifestId = $.tooling.utils.getGuidValue($.tooling.utils.getFileName(p));
+                var manifestId = $.tooling.utils.getguid($.tooling.utils.getFileName(p));
                 if (manifestId) {
                     var entryPaths = entries[$.tooling.utils.getFileName(p)];
                     if (entryPaths &&
@@ -1279,7 +1283,7 @@ function buildReferenceManifest(currentEntry, entries) {
                     manifests.push(new $.omniaWebpackPlugins.DllReferencePlugin({
                         context: $.tooling.utils.root(""),
                         manifest: $.tooling.utils.root(outDirManifestMetadata + "/" + entryName + ".manifest.json"),
-                        //name: `md${++trackingModuleRefId}` //utils.getGuidValue(entryName)
+                        //name: `md${++trackingModuleRefId}` //utils.getguid(entryName)
                         //manifest: require($.tooling.utils.root(outDirManifestMetadata + "/" + entryName + ".manifest.json"))
                     }));
                 }
@@ -1385,14 +1389,18 @@ function getBuildOption() {
 }
 exports.getBuildOption = getBuildOption;
 function getServiceId() {
-    var serviceInfo = $.composers.ServiceManifestRegistry.getServiceInfo();
+    const serviceInfo = $.composers.ServiceManifestRegistry.getServiceInfo();
+    let result;
     if (serviceInfo === null) {
-        if (serviceId === null)
+        if (serviceId === null) {
             throw new Error("A service has not been registered, please use Composer.registerManifest(serviceId,serviceName).asWorker or .asWebApp)");
-        return serviceId;
+        }
+        result = serviceId;
+    }
+    else {
+        result = (0, fx_models_1.maybeGuid)(serviceInfo.id.toLowerCase());
     }
-    serviceId = serviceInfo.id.toLowerCase();
-    return serviceId;
+    return result;
 }
 exports.getServiceId = getServiceId;
 function createVueEntryFormComponentRegistrations(registrations) {
@@ -1403,7 +1411,7 @@ function createVueEntryFormComponentRegistrations(registrations) {
             let entryPointPath = (0, shared_1.convertManifestPathToEntryPath)(r.manifestPath, [r.componentOptions.entryPoint]);
             let entryId = r.manifest.resourceId;
             if (r.manifest.resourceName) {
-                entryId = `${r.manifest.resourceName}_${entryId}`;
+                entryId = (0, fx_models_1.maybeGuid)(`${r.manifest.resourceName}_${entryId}`);
             }
             r.componentOptions.entryPointPath = entryPointPath[0];
             entryPaths[entryId.toString()] = entryPointPath;
@@ -1425,8 +1433,8 @@ function ensureManifestDependencyInRuntime(currentManifestId, manifestBundleFile
             if (manifest.dependingOnManifests.find(d => d.resourceId == dependOnmanifestId) === undefined) {
                 hasNewDependency = true;
                 manifest.dependingOnManifests.push({
-                    resourceId: dependOnmanifestId.toString(),
-                    omniaServiceId: dependOnServiceId?.toString() || getServiceId()
+                    resourceId: dependOnmanifestId,
+                    omniaServiceId: dependOnServiceId || getServiceId()
                 });
             }
         }
@@ -1473,7 +1481,7 @@ function ensureManifestDependencyInRuntime(currentManifestId, manifestBundleFile
                             hasDependency = true;
                         }
                         if (hasDependency) {
-                            addDependency($.tooling.utils.getGuidValue(entryName));
+                            addDependency((0, fx_models_1.maybeGuid)($.tooling.utils.getguid(entryName)));
                             break;
                         }
                     }
@@ -1506,7 +1514,8 @@ function buildManifestsDependency(entries, manifestId, manifestBundleContent) {
         if (bundleOptions && bundleOptions.commonsChunk && bundleOptions.commonsChunk.name.toString().toLowerCase().indexOf(manifestId.toLowerCase()) > -1) {
             return;
         }
-        Object.keys(entries).forEach((entryName) => {
+        Object.keys(entries).forEach((val) => {
+            const entryName = val;
             var hasDependency = false;
             if (entryName.toLowerCase() !== manifestId.toLowerCase()
                 && entryName.indexOf(fx_models_1.OmniaResourceManifests.FxWorkers.toString()) === -1
@@ -1536,18 +1545,18 @@ function buildManifestsDependency(entries, manifestId, manifestBundleContent) {
 function addDependency(currentManifest, dependentManifest, dependentOmniaServiceId) {
     const omniaServiceId = getServiceId();
     if (currentManifest !== dependentManifest && $.composers.LoadableManifestRegistry
-        .getManifestDependencies($.tooling.utils.getGuidValue(currentManifest), omniaServiceId)
+        .getManifestDependencies((0, fx_models_1.maybeGuid)($.tooling.utils.getguid(currentManifest)), omniaServiceId)
         .find(d => d.resourceId === dependentManifest && d.omniaServiceId === omniaServiceId) === undefined) {
         $.composers.ManifestRegistry.setCurrentManifestPath("node_modules"); // set anythings to bypass error
         if (dependentOmniaServiceId === null) {
             $.composers
                 .LoadableManifestRegistry
-                .addManifestDependency($.tooling.utils.getGuidValue(currentManifest), $.tooling.utils.getGuidValue(dependentManifest));
+                .addManifestDependency((0, fx_models_1.maybeGuid)($.tooling.utils.getguid(currentManifest)), (0, fx_models_1.maybeGuid)($.tooling.utils.getguid(dependentManifest)));
         }
         else {
             $.composers
                 .LoadableManifestRegistry
-                .addManifestDependency($.tooling.utils.getGuidValue(currentManifest), $.tooling.utils.getGuidValue(dependentManifest), dependentOmniaServiceId);
+                .addManifestDependency((0, fx_models_1.maybeGuid)($.tooling.utils.getguid(currentManifest)), (0, fx_models_1.maybeGuid)($.tooling.utils.getguid(dependentManifest)), dependentOmniaServiceId);
         }
         $.composers.ManifestRegistry.setCurrentManifestPath();
     }
@@ -1556,7 +1565,7 @@ exports.addDependency = addDependency;
 function chunkAsset(entries, compilation, fileName, viteHmrOption) {
     //console.log(chunk.name)
     if (fileName) {
-        const manifestId = $.tooling.utils.getGuidValue(fileName);
+        const manifestId = (0, fx_models_1.maybeGuid)($.tooling.utils.getguid(fileName));
         if (manifestId && $.path.extname(fileName) === ".js") {
             const omniaServiceId = getServiceId();
             let content = compilation.assets[fileName].source();
@@ -1609,17 +1618,17 @@ function validateBundleContent(content, fileName) {
 function replaceOmniaBuildTokens(content, manifestId) {
     return content
         .replace(/@OmniaBuildTokens.OmniaServiceId/g, getServiceId())
-        .replace(/@OmniaBuildTokens.ManifestId/g, $.tooling.utils.getGuidValue(manifestId));
-    //.replace(/@omniabuildtokens.manifestid/g, $.tooling.utils.getGuidValue(manifestId))
+        .replace(/@OmniaBuildTokens.ManifestId/g, $.tooling.utils.getguid(manifestId));
+    //.replace(/@omniabuildtokens.manifestid/g, $.tooling.utils.getguid(manifestId))
 }
 function replaceWebpackRequireOmniaFx(content, manifestId) {
     return content
-        .replace(/__webpack_require__\("d7327742-5647-4075-b7ab-4f9ca852addb"\)/g, `__webpack_require__("d7327742-5647-4075-b7ab-4f9ca852addb").setCurrentManifest("${getServiceId()}", "${$.tooling.utils.getGuidValue(manifestId)}")`)
-        .replace(/__webpack_require__\(".\/node_modules\/@omnia\/fx\/ux\/index.js"\)/g, `__webpack_require__("./node_modules/@omnia/fx/ux/index.js").setCurrentManifest("${getServiceId()}", "${$.tooling.utils.getGuidValue(manifestId)}")`)
-        .replace(/__webpack_require__\("14a8d443-2e58-450b-a462-258bdaf69b49"\)/g, `__webpack_require__("14a8d443-2e58-450b-a462-258bdaf69b49").setCurrentManifest("${getServiceId()}", "${$.tooling.utils.getGuidValue(manifestId)}")`)
-        .replace(/__webpack_require__\(".\/node_modules\/@omnia\/fx\/index.js"\)/g, `__webpack_require__("./node_modules/@omnia/fx/index.js").setCurrentManifest("${getServiceId()}", "${$.tooling.utils.getGuidValue(manifestId)}")`)
-        .replace(/__webpack_require__\(".\/node_modules\/@omnia\/runtime\/fx\/index.js"\)/g, `__webpack_require__("./node_modules/@omnia/runtime/fx/index.js").setCurrentManifest("${getServiceId()}", "${$.tooling.utils.getGuidValue(manifestId)}")`)
-        .replace(/omniaApi.fx.apis.extendApi\(/g, `omniaApi.fx.apis.extendApi("${getServiceId()}", "${$.tooling.utils.getGuidValue(manifestId)}", `);
+        .replace(/__webpack_require__\("d7327742-5647-4075-b7ab-4f9ca852addb"\)/g, `__webpack_require__("d7327742-5647-4075-b7ab-4f9ca852addb").setCurrentManifest("${getServiceId()}", "${$.tooling.utils.getguid(manifestId)}")`)
+        .replace(/__webpack_require__\(".\/node_modules\/@omnia\/fx\/ux\/index.js"\)/g, `__webpack_require__("./node_modules/@omnia/fx/ux/index.js").setCurrentManifest("${getServiceId()}", "${$.tooling.utils.getguid(manifestId)}")`)
+        .replace(/__webpack_require__\("14a8d443-2e58-450b-a462-258bdaf69b49"\)/g, `__webpack_require__("14a8d443-2e58-450b-a462-258bdaf69b49").setCurrentManifest("${getServiceId()}", "${$.tooling.utils.getguid(manifestId)}")`)
+        .replace(/__webpack_require__\(".\/node_modules\/@omnia\/fx\/index.js"\)/g, `__webpack_require__("./node_modules/@omnia/fx/index.js").setCurrentManifest("${getServiceId()}", "${$.tooling.utils.getguid(manifestId)}")`)
+        .replace(/__webpack_require__\(".\/node_modules\/@omnia\/runtime\/fx\/index.js"\)/g, `__webpack_require__("./node_modules/@omnia/runtime/fx/index.js").setCurrentManifest("${getServiceId()}", "${$.tooling.utils.getguid(manifestId)}")`)
+        .replace(/omniaApi.fx.apis.extendApi\(/g, `omniaApi.fx.apis.extendApi("${getServiceId()}", "${$.tooling.utils.getguid(manifestId)}", `);
 }
 function checkDuplicateBundle() {
     let foundDuplicated = false;

package/internal-do-not-import-from-here/tasks/doc.js

@@ -106,7 +106,7 @@ extendApi(api => api.fx.docs.registrations, api => {
         // create dynamic doc manifest
         tooling_composers_1.ManifestRegistry.setCurrentManifestPath(`${path_1.default.relative(tooling_1.utils.root(""), path_1.default.resolve(__dirname))}/`);
         tooling_composers_1.Composer
-            .registerManifest((0, shared_1.getBuildOption)().docResourceManifestId || new fx_models_1.Guid(`${tooling_1.utils.generateGuid()}`), "omnia.fx.docs.components.registraions")
+            .registerManifest((0, shared_1.getBuildOption)().docResourceManifestId || (0, fx_models_1.guid)(), "omnia.fx.docs.components.registraions")
             .registerResources({
             resourcePaths: ["./ComponentDocRegistrations.ts"]
         })

package/internal-do-not-import-from-here/vite/hmr/graph.d.ts

@@ -1,4 +1,5 @@
 import { ESBuildTransformResult } from 'vite';
+import { guid } from '@omnia/fx-models';
 import type { FileGraph } from './typings';
 interface ManifestDependency {
     entryName: string;
@@ -11,7 +12,7 @@ interface ManifestDependency {
 export declare function getFileGraph(unknownId: string): FileGraph;
 export declare function toFileGraphId(unknownId: string): string;
 export declare function toModuleId(unknownId: string): string;
-export declare function buildFileGraphs(entries: Record<string, Array<string>>): Promise<Record<string, ManifestDependency>>;
+export declare function buildFileGraphs(entries: Record<guid, Array<string>>): Promise<Record<string, ManifestDependency>>;
 export declare function buildFileGraph(unknownId: string, code: string): Promise<{
     fileGraph: FileGraph;
     code: string;

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

@@ -12,6 +12,7 @@ const vueJsx_1 = require("./vueJsx");
 const $ = tslib_1.__importStar(require("../../variables"));
 const shared_1 = require("../../shared");
 const doc_1 = require("../../tasks/doc");
+const tooling_1 = require("@omnia/tooling");
 let fileGraphs = {};
 let manifests = {};
 const initialManifests = [
@@ -155,6 +156,7 @@ async function buildFileGraph(unknownId, code) {
         return { fileGraph, code };
     }
     fileGraph.js.scanned = true;
+    code = (0, tooling_1.replaceTokens)(code);
     code = (0, shared_1.transformDefineVueComponent)(code, fileGraph.id);
     const esbuildTransformResult = await (0, vite_1.transformWithEsbuild)(code, id, esbuildTransformOptions);
     code = esbuildTransformResult.code;

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

@@ -16,7 +16,7 @@ function getWebpackResolveModulePath(stats, requestModulePath) {
         s.modules?.forEach(m => {
             const foundReason = m.reasons?.find(r => r.userRequest === requestModulePath);
             if (foundReason) {
-                result = m.id.toString();
+                result = m.id;
                 return result;
             }
         });
@@ -50,7 +50,7 @@ exports.dynamicBundle = (0, base_1.defineTransformer)("omnia-bundle", () => {
             }
             $.tooling.log(`[${fileGraph.id}] Found new dependencies:\n` + nonResolvingModulePaths.join('\n'));
             $.tooling.log(`[${fileGraph.id}] Bundling dependencies...`);
-            const dynamicBundleResourceId = fx_models_1.Guid.newGuid().toString();
+            const dynamicBundleResourceId = (0, fx_models_1.guid)();
             const entryPoint = {
                 ['dynamicbundle_' + dynamicBundleResourceId]: nonResolvingModulePaths
             };

package/internal-do-not-import-from-here/vite/hmr/utils/path.d.ts

@@ -1,8 +1,9 @@
+import { guid } from '@omnia/fx-models';
 interface OmniaUrl {
     fromWorker: boolean;
 }
 interface OmniaBundleUrl extends OmniaUrl {
-    resourceId: string;
+    resourceId: guid;
     bundleFileExtension: string;
 }
 interface OmniaEsmUrl extends OmniaUrl {

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

@@ -6,6 +6,7 @@ const path_1 = tslib_1.__importDefault(require("path"));
 const vite_1 = require("vite");
 const globby_1 = require("globby");
 const envUtils = tslib_1.__importStar(require("./env"));
+const fx_models_1 = require("@omnia/fx-models");
 exports.OMNIA_BUNDLE_REQUEST = '/omnia/bundles';
 exports.HMR_ESM_REQUEST = '/hmr/esm';
 exports.HMR_DYNAMIC_BUNDLE_REQUEST = '/hmr/dynamicbundles';
@@ -74,7 +75,7 @@ function parseOmniaBundlePath(value) {
     const [resourceId, bundleFileExtension] = pathName.split('/');
     const fromWorker = queryParams ? queryParams.split('&').some(q => q.startsWith(exports.WORKER_IDENTIFIER)) : false;
     return {
-        resourceId,
+        resourceId: (0, fx_models_1.maybeGuid)(resourceId),
         fromWorker,
         bundleFileExtension
     };

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

@@ -64,8 +64,8 @@ function registerHmrMiddleware(server) {
             res.statusMessage = message;
             console.error(message);
         }
-        else if (resourceId == fx_models_1.OmniaResourceManifests.Vendor.toString() ||
-            resourceId == fx_models_1.OmniaResourceManifests.FxWorkers.toString()) {
+        else if (resourceId == fx_models_1.OmniaResourceManifests.Vendor ||
+            resourceId == fx_models_1.OmniaResourceManifests.FxWorkers) {
             const serviceId = $.tooling.composer.getServiceId();
             const bundleDirPath = utils_1.envUtils.getBundleOutputDirPath();
             const bundleFileName = manifest.resourceName ? `${manifest.resourceName}_${resourceId}.${bundleFileExtension}` : `${resourceId}.${bundleFileExtension}`;
@@ -164,7 +164,7 @@ function ensureManifestInfo(entries) {
         }
     };
     Object.keys(entries).forEach(key => {
-        const manifestId = $.tooling.utils.getGuidValue(key);
+        const manifestId = (0, fx_models_1.maybeGuid)($.tooling.utils.getguid(key));
         if (manifestId) {
             setDummyVersion(manifestId);
         }

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

@@ -43,7 +43,7 @@ function registerStaticFileMiddleware(server) {
             let pathSections = path.split('/');
             if (pathSections.length === 5) {
                 let resourceExt = pathSections[4];
-                let manifestId = pathSections[3];
+                let manifestId = (0, fx_models_1.maybeGuid)(pathSections[3]);
                 if (manifestId === shared_1.LocalizationId) {
                     res.setHeader('content-type', 'application/x-javascript');
                     let localizeObject = $.composers.getLocalizations();
@@ -64,10 +64,10 @@ function registerStaticFileMiddleware(server) {
                     res.setHeader('Cache-Control', 'public, max-age=31536000');
                     // Have issue server side rendering write out load vendor, fx core with version from hosting that not from current serving
                     // so hard code no-cache for them
-                    if (manifestId === fx_models_1.OmniaResourceManifests.Vendor.toString()
-                        || manifestId === fx_models_1.OmniaResourceManifests.FxShared.toString()
-                        || manifestId === fx_models_1.OmniaResourceManifests.FxCore.toString()
-                        || manifestId === fx_models_1.OmniaResourceManifests.FxCoreBoot.toString()) {
+                    if (manifestId === fx_models_1.OmniaResourceManifests.Vendor
+                        || manifestId === fx_models_1.OmniaResourceManifests.FxShared
+                        || manifestId === fx_models_1.OmniaResourceManifests.FxCore
+                        || manifestId === fx_models_1.OmniaResourceManifests.FxCoreBoot) {
                         res.setHeader('Cache-Control', 'no-cache');
                     }
                     let manifest = $.tooling.composer.getManifestById(manifestId);

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

@@ -90,14 +90,14 @@ function registerWebpackMiddleWareBundle(entries) {
             writeToDisk: (filePath) => {
                 if (OmniaMiddleware_1.resolvableManifest?.resolved) {
                     if (_initialized) {
-                        let manifestId = $.tooling.utils.getGuidValue(filePath);
+                        let manifestId = $.tooling.utils.getguid(filePath);
                         if (manifestId) {
                             let manifest = $.tooling.composer.getManifestById(manifestId);
                             if (manifest) {
                                 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, '');
+                                manifest.version[bundleType] = $.tooling.utils.generateguid().replace(/-/g, '');
                                 $.tooling.composer.updateManifestData(manifestsData);
                                 // check if the manifest in agroup
                                 if (manifestsData.groupedResouresAndComponents) {
@@ -108,7 +108,7 @@ function registerWebpackMiddleWareBundle(entries) {
                                                 bundler.createCombinedManfest(bundler.getServiceId(), manifestGroup.manifestIdsInGroup, manifestGroup.resourceId, manifestGroup.resourceName, $.tooling.composer.OmniaOutput.OutputBundlePath).then(() => {
                                                     tooling_1.utils.log(`Webpack bundle changed -> ${manifestGroup.resourceName ? manifestGroup.resourceName + '_' : ''}${manifestGroup.resourceId}.js`);
                                                     manifestGroup.version = manifest.version || {};
-                                                    manifestGroup.version['js'] = $.tooling.utils.generateGuid().replace(/-/g, '');
+                                                    manifestGroup.version['js'] = $.tooling.utils.generateguid().replace(/-/g, '');
                                                     $.tooling.composer.updateManifestData(manifestsData);
                                                 });
                                             }

package/internal-do-not-import-from-here/webpack-loaders/replacement-loader.d.ts

@@ -0,0 +1 @@
+export default function (content: any, context: any): string;

package/internal-do-not-import-from-here/webpack-loaders/{vue-component-loader.js → replacement-loader.js}

@@ -2,10 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const path_1 = tslib_1.__importDefault(require("path"));
+const tooling_1 = require("@omnia/tooling");
 const shared_1 = require("../shared");
 function default_1(content, context) {
     const filePath = "./" + path_1.default.relative(process.cwd(), this.resourcePath).replace(/\\/g, "/");
     content = (0, shared_1.transformDefineVueComponent)(content, filePath);
-    return content;
+    return (0, tooling_1.replaceTokens)(content);
 }
 exports.default = default_1;

package/internal-do-not-import-from-here/webpack-loaders/ts-loader.js

@@ -10,6 +10,9 @@ function default_1() {
                 {
                     loader: path.resolve(__dirname, $.isExtensionEnv ? './esbuild-custom-loader.js' : './esbuild-custom-loader.ts'),
                 },
+                {
+                    loader: path.resolve(__dirname, $.isExtensionEnv ? './replacement-loader.js' : './replacement-loader.ts'),
+                },
                 {
                     loader: 'esbuild-loader',
                     options: {

package/internal-do-not-import-from-here/webpack-loaders/tsx-loader.js

@@ -51,7 +51,7 @@ function default_1() {
             loader: path.resolve(__dirname, $.isExtensionEnv ? './esbuild-custom-loader.js' : './esbuild-custom-loader.ts'),
         },
         {
-            loader: path.resolve(__dirname, $.isExtensionEnv ? './vue-component-loader.js' : './vue-component-loader.ts'),
+            loader: path.resolve(__dirname, $.isExtensionEnv ? './replacement-loader.js' : './replacement-loader.ts'),
         },
         {
             loader: 'esbuild-loader',

package/internal-do-not-import-from-here/webpack-plugins/omnia.webpack.plugins.js

@@ -149,7 +149,7 @@ class BuildWebpackRequire {
                             modifyAsset(assets, fileName, [
                                 {
                                     insertToEOF: true,
-                                    replacement: "globalThis.omniaWebpackJsonp['" + this.omniaServiceId + "']['" + $.tooling.utils.getGuidValue(fileName.toLowerCase()) + "'] = omniaWebpackJsonp['" + this.omniaServiceId + "']['" + this.manifestId + "'];"
+                                    replacement: "globalThis.omniaWebpackJsonp['" + this.omniaServiceId + "']['" + $.tooling.utils.getguid(fileName.toLowerCase()) + "'] = omniaWebpackJsonp['" + this.omniaServiceId + "']['" + this.manifestId + "'];"
                                 }
                             ]);
                         }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/tooling-vue",
   "license": "MIT",
-  "version": "8.0.191-dev",
+  "version": "8.0.193-dev",
   "description": "Used to bundle and serve manifests web component that build on Vue framework.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -19,8 +19,8 @@
   ],
   "author": "Precio Fishbone",
   "dependencies": {
-    "@omnia/fx-models": "8.0.191-dev",
-    "@omnia/tooling-composers": "8.0.191-dev",
+    "@omnia/fx-models": "8.0.193-dev",
+    "@omnia/tooling-composers": "8.0.193-dev",
     "@types/mousetrap": "1.5.34",
     "@types/quill": "1.3.6",
     "@types/zepto": "1.0.29",

package/internal-do-not-import-from-here/webpack-loaders/vue-component-loader.d.ts

@@ -1 +0,0 @@
-export default function (content: any, context: any): any;