@omnia/tooling-vue 8.0.20-vnext → 8.0.22-vnext

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

@@ -9,15 +9,18 @@ const globby = tslib_1.__importStar(require("globby"));
 const terser_1 = require("terser");
 const ts_loader_1 = tslib_1.__importDefault(require("../webpack-loaders/ts-loader"));
 const tsx_loader_1 = tslib_1.__importDefault(require("../webpack-loaders/tsx-loader"));
+const index_1 = require("../../composers/models/index");
 const fx_models_1 = require("@omnia/fx-models");
 const $ = tslib_1.__importStar(require("../variables"));
 const shared_1 = require("../shared");
 const tooling_1 = require("@omnia/tooling");
+const core_1 = require("@swc/core");
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const ConcatSource = require('webpack-core/lib/ConcatSource');
 const CircularDependencyPlugin = require('circular-dependency-plugin');
 const isEqual = require('lodash/isEqual');
-let outDirManifestMetadata = "client/tooling/vue/output_manifests", _manifestsEntry = {}, _registeredReferenceManifests = [], serviceId = null, _modulesStats = {}, _manifestsStats = {}, keepTrackbuildOptions = {}, _transformResourcepaths = [], wcDomProps, _wcDefinitions = {};
+const vendorProdId = "aaf89b2d-5ea8-4b79-946a-8c1e89f713a3";
+let outDirManifestMetadata = "client/tooling/vue/output_manifests", _manifestsEntry = {}, _registeredReferenceManifests = [], serviceId = null, _modulesStats = {}, _manifestsStats = {}, keepTrackbuildOptions = {}, _transformResourcepaths = [], _wcDefinitions = {};
 if ($.isExtensionEnv) {
     outDirManifestMetadata = "node_modules/@omnia/tooling-vue/internal-do-not-import-from-here/output_manifests";
 }
@@ -35,7 +38,7 @@ $.tooling.core.registerBuildTask({
     order: 2,
     task: function () {
         return new Promise(function (resolve, reject) {
-            buildWebpackEntries()
+            buildEntries()
                 .then((result) => {
                 let startTime = new Date().getTime();
                 tooling_1.utils.log("Typescript checking...");
@@ -64,7 +67,7 @@ $.tooling.core.registerServeTask({
                 fsExtra.removeSync("node_modules/tiptap-commands/node_modules");
                 fsExtra.removeSync("node_modules/tiptap-utils/node_modules");
             }
-            buildWebpackEntries(true)
+            buildEntries(true)
                 .then(resolve, reject);
         });
     }
@@ -192,18 +195,21 @@ function clean() {
         resolve();
     });
 }
-function buildWebpackEntries(serve = false) {
-    return new Promise(function (resolve, reject) {
+function buildEntries(serve = false) {
+    return new Promise(async function (resolve, reject) {
         try {
             var startTime = new Date().getTime();
             var componentRegistry = $.composers.ComponentRegistry;
             let componentRegistrations = componentRegistry.getRegistrations();
+            const serviceInfo = $.composers.ServiceManifestRegistry.getServiceInfo();
+            if (serviceInfo.serviceType === index_1.ServiceTypes.WebApp) {
+                await generateComponentTypingsAndDoc(componentRegistrations);
+            }
             $.tooling.logTime("Found [" + componentRegistrations.length + "] component registrations", startTime);
             var resourceRegistry = $.composers.ResourceRegistry;
             let resourceBundlesWithBuildOptions = resourceRegistry.getRegisteredResourceBundles(shared_1.convertManifestPathToEntryPath);
             $.tooling.logTime("Found [" + (resourceBundlesWithBuildOptions ? Object.keys(resourceBundlesWithBuildOptions).length : 0) + "] resource bundles", startTime);
             let resourceEntries = {};
-            let wcDefinitionsPath, wcTypingsPath;
             for (let key in resourceBundlesWithBuildOptions) {
                 let resource = resourceBundlesWithBuildOptions[key];
                 let manifest = $.composers.LoadableManifestRegistry.getRegisteredManifest(key);
@@ -215,47 +221,6 @@ function buildWebpackEntries(serve = false) {
                     console.log("debug " + key + " has build options for paths " + resource.paths + " buildoptions: " + JSON.stringify(resource.buildOptions));
                 }
             }
-            //We only support typings for registered web components
-            wcDomProps = extractTypingsForComponents(componentRegistrations);
-            if (Object.keys(wcDomProps).length > 0) {
-                let wcDomPropsDesc = `Extracted web component typings for ${Object.keys(wcDomProps).length} component(s)`;
-                $.tooling.logTime(wcDomPropsDesc, startTime);
-            }
-            if ($.isExtensionEnv) {
-                wcDefinitionsPath = $.path.resolve(__dirname, "../wcdefinitions.json");
-                wcTypingsPath = $.path.resolve(__dirname, "../wctypings.ts");
-            }
-            else {
-                wcDefinitionsPath = $.path.resolve(__dirname, `../${getServiceId().toLowerCase()}.wcdefinitions.json`);
-                wcTypingsPath = $.path.resolve(__dirname, `../${getServiceId().toLowerCase()}.wctypings.ts`);
-            }
-            fsExtra.writeJsonSync(wcDefinitionsPath, wcDomProps);
-            let wcTypings = `
-//{{importWC}}
-declare global {
-    namespace JSX {
-        interface Element { }
-        interface ElementClass { }
-
-        interface IntrinsicElements {
-            //{{elementName}}
-        }
-    }
-}
-`;
-            if ($.isExtensionEnv) {
-                wcTypings = `import { VueComponentBaseProps } from "@omnia/fx/ux";
-                ${wcTypings}`;
-            }
-            else {
-                wcTypings = `import { VueComponentBaseProps } from "../../../client/fx/ux/index";
-                ${wcTypings}`;
-            }
-            componentRegistrations.forEach(wc => {
-                wcTypings = generateWebComponentTypings(wc, wcTypings);
-            });
-            fsExtra.outputFileSync(wcTypingsPath, wcTypings);
-            wcDomProps = $.merge(wcDomProps, getRegisteredWebComponentDefinitions());
             let componentEntries = createVueEntryFormRegistrations(componentRegistrations);
             var entries = $.merge(componentEntries, resourceEntries);
             if (checkDuplicateWebpackEntryPoints(entries)) {
@@ -291,6 +256,231 @@ declare global {
         }
     });
 }
+async function generateComponentTypingsAndDoc(componentRegistrations) {
+    tooling_1.utils.log("Generate components typings and documentation running...");
+    var startTime = new Date().getTime();
+    let DefineVueType;
+    (function (DefineVueType) {
+        DefineVueType[DefineVueType["Prop"] = 0] = "Prop";
+        DefineVueType[DefineVueType["Model"] = 1] = "Model";
+        DefineVueType[DefineVueType["Slot"] = 2] = "Slot";
+        DefineVueType[DefineVueType["Emit"] = 4] = "Emit";
+    })(DefineVueType || (DefineVueType = {}));
+    const docResult = {};
+    function getPropertyFunctionTypeAsString(type) {
+        let params = "";
+        if (type.params?.length > 0) {
+            type.params.forEach(p => {
+                params += `${p.value}:${getPropertyType(p.typeAnnotation)}, `;
+            });
+            params = params.replace(/,\s*$/, "");
+        }
+        return `(${params}) => ${getPropertyType(type.typeAnnotation)}`;
+    }
+    function getPropertyType(tsType) {
+        let result = "";
+        if (tsType.type === "TsTypeAnnotation") {
+            return getPropertyType(tsType.typeAnnotation);
+        }
+        switch (tsType.type) {
+            case "TsLiteralType":
+                result = tsType.literal.value;
+                break;
+            case "TsKeywordType":
+                result = tsType.kind;
+                break;
+            case "TsTypeReference":
+                result = tsType.typeName.value;
+                break;
+            case "TsFunctionType":
+                result = getPropertyFunctionTypeAsString(tsType);
+                break;
+            default:
+                break;
+        }
+        return result;
+    }
+    function getNameProperty(ce, result) {
+        const identifier = ce.callee?.property?.value;
+        if (identifier) {
+            switch (identifier) {
+                case "name":
+                    result.name = ce.arguments[0].expression.value;
+                    getNameProperty(ce.callee.object, result);
+                    break;
+                case "vModel":
+                    result.type = DefineVueType.Model;
+                    result.propertyTypeAsString = getPropertyType(ce.typeArguments.params[0]);
+                    result.name = result.name ? `v-model:${result.name}` : result.name;
+                    break;
+                case "slots":
+                    result.type = DefineVueType.Slot;
+                    result.propertyTypeAsObject = {};
+                    ce.typeArguments.params[0].members
+                        .forEach(m => {
+                        result.propertyTypeAsObject[m.key.value] = getPropertyType(m.typeAnnotation);
+                    });
+                    break;
+                case "prop":
+                    // console.log(
+                    //     ce.typeArguments.params[0],
+                    //     ce.typeArguments.params[0].typeAnnotation?.typeAnnotation,
+                    // )
+                    result.type = DefineVueType.Prop;
+                    result.propertyTypeAsString = getPropertyType(ce.typeArguments.params[0]);
+                    break;
+                case "emit":
+                    result.type = DefineVueType.Emit;
+                    result.propertyTypeAsString = getPropertyType(ce.typeArguments.params[0]);
+                    break;
+                default:
+                    getNameProperty(ce.callee.object, result);
+            }
+        }
+    }
+    async function buildDoc(wc) {
+        try {
+            const wcPath = (0, shared_1.convertManifestPathToEntryPath)(wc.manifestPath, [wc.componentOptions.entryPoint])[0];
+            const wcParseResult = await (0, core_1.parseFile)(wcPath, {
+                syntax: 'typescript',
+                target: 'es2020',
+                tsx: true,
+                decorators: true,
+                dynamicImport: true
+            });
+            wcParseResult.body.forEach(b => {
+                if (b.type === 'ExportDefaultExpression'
+                    && b.expression.callee?.value === "defineVueWebComponent") {
+                    b.expression.arguments[0].expression
+                        .properties?.filter(p => p.key.value === "props"
+                        || p.key.value === "emits")
+                        ?.forEach(propsIdentifier => {
+                        if (propsIdentifier) {
+                            propsIdentifier.value
+                                .properties?.forEach(p => {
+                                const em = p.arguments;
+                                if (em?.callee?.property?.value === "doc$") {
+                                    const PropertyResult = {
+                                        type: null,
+                                        propertyTypeAsString: "",
+                                        name: ""
+                                    };
+                                    getNameProperty(em, PropertyResult);
+                                    if (!docResult[wc.componentOptions.elementName]) {
+                                        docResult[wc.componentOptions.elementName] = {
+                                            emits: {},
+                                            models: {},
+                                            props: {},
+                                            slots: {}
+                                        };
+                                    }
+                                    switch (PropertyResult.type) {
+                                        case DefineVueType.Prop:
+                                            docResult[wc.componentOptions.elementName].props[PropertyResult.name] = {
+                                                type: PropertyResult.propertyTypeAsString,
+                                                description: em.arguments[0].expression.value
+                                            };
+                                            break;
+                                        case DefineVueType.Model:
+                                            docResult[wc.componentOptions.elementName].models[PropertyResult.name] = {
+                                                type: PropertyResult.propertyTypeAsString,
+                                                description: em.arguments[0].expression.value
+                                            };
+                                            break;
+                                        case DefineVueType.Emit:
+                                            docResult[wc.componentOptions.elementName].emits[PropertyResult.name] = {
+                                                type: PropertyResult.propertyTypeAsString,
+                                                description: em.arguments[0].expression.value
+                                            };
+                                            break;
+                                        case DefineVueType.Slot:
+                                            em.arguments[0].expression
+                                                .properties
+                                                .forEach(p => {
+                                                const slotName = p.key.value;
+                                                docResult[wc.componentOptions.elementName].slots[slotName] = {
+                                                    type: PropertyResult.propertyTypeAsObject[slotName],
+                                                    description: p.value.value
+                                                };
+                                            });
+                                            break;
+                                        default:
+                                            break;
+                                    }
+                                }
+                            });
+                        }
+                    });
+                }
+            });
+        }
+        catch (ex) {
+            tooling_1.utils.log(`Have a exception when extract doc$ for web component manifest -> ${wc.manifestPath}`, tooling_1.utils.LogTypes.Error);
+            console.error(ex);
+            throw new Error("Exit, have an exception.");
+        }
+    }
+    let wcTypingsPath = "", docPath = $.path.resolve(__dirname, "ComponentDocRegistrations.ts");
+    ;
+    if ($.isExtensionEnv) {
+        wcTypingsPath = $.path.resolve(__dirname, "../wctypings.ts");
+    }
+    else {
+        wcTypingsPath = $.path.resolve(__dirname, `../${getServiceId().toLowerCase()}.wctypings.ts`);
+    }
+    let wcTypings = `
+//{{importWC}}
+declare global {
+namespace JSX {
+interface Element { }
+interface ElementClass { }
+
+interface IntrinsicElements {
+    //{{elementName}}
+}
+}
+}
+`;
+    if ($.isExtensionEnv) {
+        wcTypings = `import { VueComponentBaseProps } from "@omnia/fx/ux";
+        ${wcTypings}`;
+    }
+    else {
+        wcTypings = `import { VueComponentBaseProps } from "../../../client/fx/ux/index";
+        ${wcTypings}`;
+    }
+    await tooling_1.utils.asyncForEach(componentRegistrations, async (wc) => {
+        wcTypings = generateWebComponentTypings(wc, wcTypings);
+        await buildDoc(wc);
+    });
+    if (Object.keys(docResult).length > 0) {
+        fsExtra.outputFileSync(docPath, `
+import { extendApi } from "@omnia/fx";
+import { ComponentDoc } from "@omnia/fx-models";
+
+extendApi(api => api.fx.docs.registrations, api => {
+
+    const registrations: { [elementName: string]: ComponentDoc } = ${JSON.stringify(docResult)}
+
+    Object.keys(registrations).forEach(elementName => {
+        api.register(elementName, registrations[elementName]);
+    });
+});
+    `);
+        // create dynamic doc manifest
+        $.composers.ManifestRegistry.setCurrentManifestPath(`${path_1.default.relative(tooling_1.utils.root(""), path_1.default.resolve(__dirname))}/`);
+        $.composers
+            .Composer
+            .registerManifest(getBuildOption().dynamicDocManifestId || new fx_models_1.Guid(`${tooling_1.utils.generateGuid()}`), "omnia.fx.docs.components.registraions")
+            .registerResources({
+            resourcePaths: ["./ComponentDocRegistrations.ts"]
+        })
+            .extendApi(api => api.fx.docs.registrations);
+        $.composers.ManifestRegistry.setCurrentManifestPath();
+    }
+    fsExtra.outputFileSync(wcTypingsPath, wcTypings);
+    tooling_1.utils.logTime('Done - Generate components typings and documentation', startTime);
+}
 function buildManifestMetadatas(entries) {
     return new Promise(function (resolve, reject) {
         try {
@@ -307,7 +497,15 @@ function buildManifestMetadatas(entries) {
                 return;
             }
             $.tooling.log('Build manifests metadata running...', $.tooling.LogTypes.HeadLine);
-            let updateMetadataFiles = () => {
+            let webpackConfigs = [];
+            Object.keys(entries).forEach((id) => {
+                var entry = {};
+                entry[id] = entries[id];
+                var vueWebpackConfig = createWebpackConfigForManifestMetadata(entry, outputDir);
+                webpackConfigs.push(vueWebpackConfig);
+            });
+            let compiler = $.webpack(webpackConfigs);
+            compiler.run((err, stats) => {
                 Object.keys(entries).forEach((entry) => {
                     let manifestPath = outputDir + "/" + entry + '.manifest.json';
                     if ($.fs.existsSync($.tooling.utils.root(manifestPath))) {
@@ -321,17 +519,6 @@ function buildManifestMetadatas(entries) {
                         $.fs.writeFileSync(manifestPath, JSON.stringify(manifestJson));
                     }
                 });
-            };
-            let webpackConfigs = [];
-            Object.keys(entries).forEach((id) => {
-                var entry = {};
-                entry[id] = entries[id];
-                var vueWebpackConfig = createWebpackConfigForManifestMetadata(entry, outputDir);
-                webpackConfigs.push(vueWebpackConfig);
-            });
-            let compiler = $.webpack(webpackConfigs);
-            compiler.run((err, stats) => {
-                updateMetadataFiles();
                 $.del.sync([outputDir + '/*.js']);
                 if (err) {
                     $.tooling.logTime(`Build manifests metadata have an exception`, startTime);
@@ -386,16 +573,33 @@ function beforeBundleManifest(entries) {
                 isRunBuildMetadata = !isEqual(entries, cachedEntries);
             }
             if (isRunBuildMetadata) {
-                let entriesToBuild = entries;
-                if (!getBuildOption().allowShareWCManifestBundle) {
-                    let reourceRegistrationsKeys = Object.keys($.composers.ResourceRegistry.getResourceRegistrations());
-                    entriesToBuild = {};
-                    Object.keys(entries).forEach(entry => {
-                        if (reourceRegistrationsKeys.find(rk => entry.indexOf(rk) > -1)) {
-                            entriesToBuild[entry] = entries[entry];
-                        }
-                    });
-                }
+                // cleanup before generate
+                del_1.default.sync(outDirManifestMetadata);
+                const entriesToBuild = {};
+                const resourceRegistrations = Object.keys($.composers.ResourceRegistry.getResourceRegistrations());
+                const wcRegistrations = Object.keys($.composers.ComponentRegistry.getComponentRegistrations());
+                Object.keys(entries).forEach(name => {
+                    if (resourceRegistrations.find(rk => name.indexOf(rk) > -1)) {
+                        entriesToBuild[name] = entries[name];
+                    }
+                    // generate manifest metadata for wc
+                    else if (wcRegistrations.find(rk => name.indexOf(rk) > -1)) {
+                        const manifestPath = $.tooling.utils.root(outDirManifestMetadata + "/" + name + '.manifest.json');
+                        const content = {
+                            name: `omniaWebpackJsonp['${getServiceId()}']['${$.tooling.utils.getGuidValue(name)}']`,
+                            content: {
+                                [entries[name][0]]: {
+                                    id: entries[name][0].toLowerCase(),
+                                    buildMeta: {
+                                        exportsType: "namespace"
+                                    }
+                                }
+                            }
+                        };
+                        fsExtra.ensureFileSync(manifestPath);
+                        fsExtra.writeJsonSync(manifestPath, content);
+                    }
+                });
                 buildManifestMetadatas(entriesToBuild).then(() => {
                     fsExtra.ensureFileSync(cachedEntriesPath);
                     fsExtra.writeJsonSync(cachedEntriesPath, entries);
@@ -544,15 +748,31 @@ function minifyBundles() {
             let promises = [];
             jsPaths.forEach(filePath => {
                 promises.push(new Promise(async (resolve, reject) => {
-                    $.tooling.log(`Minify Js -> ${filePath}`);
-                    let content = await fsExtra.readFile(filePath, 'utf8');
-                    let minified = await (0, terser_1.minify)(content, {
-                        sourceMap: false,
-                        ecma: 5 // will remove es5 when not support IE 11
-                    });
-                    await fsExtra.writeFile(`${filePath.substring(0, filePath.length - 3)}.min.js`, minified.code, 'utf8');
-                    $.tooling.log(`Minify Js Done -> ${filePath}`);
-                    resolve();
+                    try {
+                        $.tooling.log(`Minify Js -> ${filePath}`);
+                        // only minify for omnia.vendor.prod
+                        if (filePath.indexOf(fx_models_1.OmniaResourceManifests.Vendor.toString()) === -1) {
+                            let content = await fsExtra.readFile(filePath, 'utf8');
+                            let outFileName = `${filePath.substring(0, filePath.length - 3)}.min.js`;
+                            if (filePath.indexOf(vendorProdId) > -1) {
+                                content = content.replace(new RegExp(vendorProdId, "g"), fx_models_1.OmniaResourceManifests.Vendor.toString());
+                                outFileName = `${$.tooling.utils.root($.tooling.composer.OmniaOutput.OutputBundlePath)}/omnia.vendor_6270b632-1f44-4146-bace-137131c0471b.min.js`;
+                            }
+                            let minified = await (0, terser_1.minify)(content, {
+                                sourceMap: false,
+                                ecma: 2020 // will remove es5 when not support IE 11
+                            });
+                            await fsExtra.writeFile(outFileName, minified.code, 'utf8');
+                            $.tooling.log(`Minify Js Done -> ${filePath}`);
+                        }
+                        resolve();
+                    }
+                    catch (ex) {
+                        tooling_1.utils.log(`Have a exception when minify the file  -> ${filePath}`, tooling_1.utils.LogTypes.Error);
+                        console.error(ex);
+                        resolve();
+                        throw new Error("Exit, have an exception.");
+                    }
                 }));
             });
             Promise.all(promises).then(() => {
@@ -606,7 +826,12 @@ function createVueWebpackConfig(currentEntry, entries, bundleOutputDir, hotModul
             }
         }));
     }
-    let modifyContent = [];
+    let modifyContent = [
+        {
+            pattern: /\.doc\$(.*\))/g,
+            replacement: ''
+        }
+    ];
     if (buildOption.bundleOptions && buildOption.bundleOptions.removeSourceMap) {
         modifyContent.push({
             pattern: /# sourceMappingURL=(.*\.map)/g,
@@ -628,15 +853,18 @@ function createVueWebpackConfig(currentEntry, entries, bundleOutputDir, hotModul
                 transform(data, opts) {
                     // build manifets stats to detect duplicate bundle
                     let entryName = Object.keys(data.assetsByChunkName)[0];
-                    _manifestsStats[entryName] = [];
-                    data.modules.filter(m => typeof m.id === 'string'
-                        && m.id.trim().length > 0
-                        && m.id.indexOf('dll-reference') === -1
-                        && m.identifier.indexOf('from dll-reference') === -1).forEach(module => {
-                        _manifestsStats[entryName].push(module.id);
-                        _modulesStats[module.id] = _modulesStats[module.id] || new Set();
-                        _modulesStats[module.id].add(entryName);
-                    });
+                    // ignore omnia.vendor.prod
+                    if (entryName.indexOf(vendorProdId) === -1) {
+                        _manifestsStats[entryName] = [];
+                        data.modules.filter(m => typeof m.id === 'string'
+                            && m.id.trim().length > 0
+                            && m.id.indexOf('dll-reference') === -1
+                            && m.identifier.indexOf('from dll-reference') === -1).forEach(module => {
+                            _manifestsStats[entryName].push(module.id);
+                            _modulesStats[module.id] = _modulesStats[module.id] || new Set();
+                            _modulesStats[module.id].add(entryName);
+                        });
+                    }
                 }
             }));
         }
@@ -672,7 +900,7 @@ function createVueWebpackConfig(currentEntry, entries, bundleOutputDir, hotModul
             alias: Object.assign({}, $.tooling.core.getWebpackResolveAlias(), (getBuildOption()?.moduleOptions?.alias || {}), {
                 'axios$': 'axios/dist/axios.js',
                 'typestyle$': 'typestyle/lib.es2015/index.js',
-                'vue$': 'vue/dist/vue.esm-bundler.js',
+                'vue$': 'vue/dist/vue.runtime.esm-bundler.js',
                 '@microsoft/signalr$': '@microsoft/signalr/dist/webworker/signalr.js',
             }),
         },
@@ -696,9 +924,8 @@ function createVueWebpackConfig(currentEntry, entries, bundleOutputDir, hotModul
                         fullySpecified: false, // disable the behaviour
                     },
                 },
-                ...(0, ts_loader_1.default)(getBuildOption().enableTreeShaking),
-                ...(0, tsx_loader_1.default)(getBuildOption().enableTreeShaking, wcDomProps, hotModuleReload),
-                // ...jsxLoader(getBuildOption().enableTreeShaking, wcDomProps, hotModuleReload),
+                ...(0, ts_loader_1.default)(),
+                ...(0, tsx_loader_1.default)(),
                 {
                     // remove vuetify locale
                     test: (path) => {
@@ -825,7 +1052,7 @@ function createVueWebpackConfig(currentEntry, entries, bundleOutputDir, hotModul
 exports.createVueWebpackConfig = createVueWebpackConfig;
 function createWebpackConfigForManifestMetadata(entry, metadataOutputDir) {
     var entensionId = getServiceId();
-    return Object.assign({}, (0, shared_1.getBaseWebpackConfigForManifestMetadata)(entry, metadataOutputDir, wcDomProps, getBuildOption().enableTreeShaking), {
+    return Object.assign({}, (0, shared_1.getBaseWebpackConfigForManifestMetadata)(entry, metadataOutputDir), {
         plugins: [
             ...buildReferenceManifestFromConfig(),
             new $.omniaWebpackPlugins.NamedModulesPlugin(buildModuleName()),
@@ -1090,7 +1317,8 @@ function buildReferenceManifest(currentEntry, entries) {
         return dynamicReferenceManifests.concat(buildReferenceManifestFromConfig());
     var currentEntryName = Object.keys(currentEntry)[0];
     // exclude omnia vendor
-    if (currentEntryName.indexOf(fx_models_1.OmniaResourceManifests.Vendor.toString()) === -1) {
+    if (currentEntryName.indexOf(fx_models_1.OmniaResourceManifests.Vendor.toString()) === -1
+        && currentEntryName.indexOf(vendorProdId) === -1) {
         Object.keys(entries).forEach((entryName) => {
             if (entryName !== currentEntryName) {
                 if ($.fs.existsSync($.tooling.utils.root(outDirManifestMetadata + "/" + entryName + ".manifest.json"))) {
@@ -1142,7 +1370,8 @@ function buildModuleName() {
                 replace: function (modulePath) {
                     var buildOptions = getBuildOption();
                     if (buildOptions && buildOptions.moduleOptions && buildOptions.moduleOptions.enableTransformResourcePath) {
-                        if (modulePath.indexOf('./node_modules/') === -1 // ignore from npm package
+                        if (modulePath.indexOf('./node_modules/') === -1 // ignore from npm package and in wwwwroot .js file
+                            && (modulePath.indexOf('./wwwroot/') === -1 || path_1.default.extname(modulePath) === ".js")
                             && modulePath.indexOf('./omnia/fx/models/ConfigurationComposers') === -1 // ignore comment interface for special case here
                             && $.fs.existsSync(modulePath)) {
                             let stream = $.fs.readFileSync(modulePath, 'utf8');
@@ -1338,7 +1567,8 @@ function ensureManifestDependencyInRuntime(currentManifestId, manifestBundleFile
             if (entryName.toLowerCase() !== currentManifestId.toString().toLowerCase()
                 && entryName.indexOf(fx_models_1.OmniaResourceManifests.FxWorkers.toString()) === -1
                 && entryName.indexOf(fx_models_1.OmniaResourceManifests.FxCore.toString()) === -1 /* ignore omnia.fx.core, omnia.fx.workers and vendor manifest because ith not loaded by our resource loader */
-                && entryName.indexOf(fx_models_1.OmniaResourceManifests.Vendor.toString()) === -1) {
+                && entryName.indexOf(fx_models_1.OmniaResourceManifests.Vendor.toString()) === -1
+                && entryName.indexOf(vendorProdId) === -1) {
                 for (let entryPointPath of _manifestsEntry[entryName]) {
                     if (!hasDependency) {
                         var transformresourcePath = _transformResourcepaths.find(resource => resource.original === entryPointPath);
@@ -1392,7 +1622,8 @@ function buildManifestsDependency(entries, manifestId, manifestBundleContent) {
             if (entryName.toLowerCase() !== manifestId.toLowerCase()
                 && entryName.indexOf(fx_models_1.OmniaResourceManifests.FxWorkers.toString()) === -1
                 && entryName.indexOf(fx_models_1.OmniaResourceManifests.FxCore.toString()) === -1 /* ignore omnia.fx.core, omnia.fx.workers and vendor manifest because ith not loaded by our resource loader */
-                && entryName.indexOf(fx_models_1.OmniaResourceManifests.Vendor.toString()) === -1) {
+                && entryName.indexOf(fx_models_1.OmniaResourceManifests.Vendor.toString()) === -1
+                && entryName.indexOf(vendorProdId) === -1) {
                 for (let entryPointPath of entries[entryName]) {
                     if (!hasDependency) {
                         var transformresourcePath = _transformResourcepaths.find(resource => resource.original === entryPointPath);
@@ -1531,7 +1762,8 @@ function checkDuplicateWebpackEntryPoints(entries) {
     let foundDuplicated = false;
     let entryPathInfos = {};
     Object.keys(entries).forEach(key => {
-        if (entries[key]) {
+        // skip omnia.vendor.prod
+        if (entries[key] && key.indexOf(vendorProdId) === -1) {
             entries[key].forEach(path => {
                 entryPathInfos[path] = entryPathInfos[path] || [];
                 entryPathInfos[path].push(key);
@@ -1546,13 +1778,6 @@ function checkDuplicateWebpackEntryPoints(entries) {
     });
     return foundDuplicated;
 }
-function isEnableMeasureBuild() {
-    let enableMeasure = $.composers.DevelopmentBuildConfiguration.isEnableMeasureBuild;
-    if (enableMeasure !== true && process.argv.length > 0) {
-        enableMeasure = process.argv.find(argv => argv === "--measure") !== undefined;
-    }
-    return enableMeasure;
-}
 function prefixCssSelector() {
     //var applyToSelectors = ['input', '::before', '::after'];
     //var applyToSelectors = ['select', 'textarea', 'button', 'input', '.btn', '.content', '.input-group', '.title', '.icon', '*'];
@@ -1615,9 +1840,6 @@ function registerWebComponentDefinitions(definitions) {
     }
 }
 exports.registerWebComponentDefinitions = registerWebComponentDefinitions;
-function getRegisteredWebComponentDefinitions() {
-    return _wcDefinitions;
-}
 function sortString(a, b) {
     if (a >= b) {
         return 1;