@omnia/tooling-vue 8.0.78-vnext → 8.0.79-dev

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

@@ -1,6 +1,6 @@
 'use strict';
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.addDependency = exports.processManifestGenerated = exports.checkDuplicateBundle = exports.registerWebComponentDefinitions = exports.registerManifestsReference = exports.createCombinedManfest = exports.createVueWebpackConfig = exports.cleanUpComposer = exports.getBuildOption = exports.getServiceId = exports.bundleManifest = exports.ensureManifestDependencyInRuntime = void 0;
+exports.addDependency = exports.processManifestGenerated = exports.checkDuplicateBundle = exports.registerManifestsReference = exports.createCombinedManfest = exports.createVueWebpackConfig = exports.cleanUpComposer = exports.getBuildOption = exports.getServiceId = exports.bundleManifest = exports.ensureManifestDependencyInRuntime = void 0;
 const tslib_1 = require("tslib");
 const path_1 = tslib_1.__importDefault(require("path"));
 const del_1 = tslib_1.__importDefault(require("del"));
@@ -14,13 +14,13 @@ 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 doc_1 = require("./doc");
 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');
 const vendorProdId = "aaf89b2d-5ea8-4b79-946a-8c1e89f713a3";
-let outDirManifestMetadata = "client/tooling/vue/output_manifests", _manifestsEntry = {}, _registeredReferenceManifests = [], serviceId = null, _modulesStats = {}, _manifestsStats = {}, keepTrackbuildOptions = {}, _transformResourcepaths = [], _wcDefinitions = {};
+let outDirManifestMetadata = "client/tooling/vue/output_manifests", _manifestsEntry = {}, _registeredReferenceManifests = [], serviceId = null, _modulesStats = {}, _manifestsStats = {}, keepTrackbuildOptions = {}, _transformResourcepaths = [];
 if ($.isExtensionEnv) {
     outDirManifestMetadata = "node_modules/@omnia/tooling-vue/internal-do-not-import-from-here/output_manifests";
 }
@@ -40,19 +40,24 @@ $.tooling.core.registerBuildTask({
         return new Promise(function (resolve, reject) {
             buildEntries()
                 .then((result) => {
-                let startTime = new Date().getTime();
-                tooling_1.utils.log("Typescript checking...");
-                const spawn = require("child_process").spawn;
-                spawn("node", [path_1.default.resolve(__dirname, "./tsc.js")], { stdio: "inherit", })
-                    .on('exit', (code) => {
-                    if (code == 0) {
-                        tooling_1.utils.logTime('Done - Typescript', startTime);
-                        resolve(result);
-                    }
-                    else {
-                        process.exit(code);
-                    }
-                });
+                if (process.argv.length > 0 && process.argv.find(argv => argv === "--package") !== undefined) {
+                    resolve(result);
+                }
+                else {
+                    let startTime = new Date().getTime();
+                    tooling_1.utils.log("Typescript checking...");
+                    const spawn = require("child_process").spawn;
+                    spawn("node", [path_1.default.resolve(__dirname, "./tsc.js")], { stdio: "inherit", })
+                        .on('exit', (code) => {
+                        if (code == 0) {
+                            tooling_1.utils.logTime('Done - Typescript', startTime);
+                            resolve(result);
+                        }
+                        else {
+                            process.exit(code);
+                        }
+                    });
+                }
             }, reject);
         });
     }
@@ -186,12 +191,7 @@ function clean() {
     return new Promise(function (resolve, reject) {
         del_1.default.sync("node_modules/.cache");
         del_1.default.sync($.tooling.utils.root(outDirManifestMetadata + "/manifest.entries.cached.json"));
-        if ($.isExtensionEnv) {
-            del_1.default.sync($.path.resolve(__dirname, "../wctypings.ts"));
-        }
-        else {
-            del_1.default.sync($.path.resolve(__dirname, `../bb000000-0000-bbbb-0000-0000000000bb.wctypings.ts`));
-        }
+        shared_1.ConfigurationManager.webComponentTypings.delete();
         resolve();
     });
 }
@@ -202,11 +202,12 @@ function buildEntries(serve = false) {
             var componentRegistry = $.composers.ComponentRegistry;
             let componentRegistrations = componentRegistry.getRegistrations();
             const serviceInfo = $.composers.ServiceManifestRegistry.getServiceInfo();
-            if (serviceInfo.serviceType === tooling_composers_1.ServiceTypes.WebApp) {
-                await generateComponentTypingsAndDoc(componentRegistrations);
-            }
             startTime = new Date().getTime();
             $.tooling.logTime("Found [" + componentRegistrations.length + "] component registrations", startTime);
+            let componentEntries = createVueEntryFormComponentRegistrations(componentRegistrations);
+            if (serviceInfo.serviceType === tooling_composers_1.ServiceTypes.WebApp) {
+                await (0, doc_1.generateComponentTypingsAndDoc)(componentRegistrations);
+            }
             var resourceRegistry = $.composers.ResourceRegistry;
             let resourceBundlesWithBuildOptions = resourceRegistry.getRegisteredResourceBundles(shared_1.convertManifestPathToEntryPath);
             $.tooling.logTime("Found [" + resourceBundlesWithBuildOptions?.size + "] resource bundles", startTime);
@@ -222,7 +223,6 @@ function buildEntries(serve = false) {
                     console.log("debug " + res[0] + " has build options for paths " + resource.paths + " buildoptions: " + JSON.stringify(resource.buildOptions));
                 }
             }
-            let componentEntries = createVueEntryFormRegistrations(componentRegistrations);
             var entries = $.merge(componentEntries, resourceEntries);
             if (checkDuplicateWebpackEntryPoints(entries)) {
                 $.tooling.log('Build manifests metadata have error that found duplicated resource path', $.tooling.LogTypes.Error);
@@ -257,248 +257,7 @@ function buildEntries(serve = false) {
         }
     });
 }
-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":
-                    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 = $.isExtensionEnv ? `
-//{{importWC}}
-declare global {
-namespace JSX {
-interface Element { }
-interface ElementClass { }
-
-interface IntrinsicElements {
-    //{{elementName}}
-}
-}
-}
-`
-        : `
-//{{importWC}}
-declare global {
-namespace JSX {
-interface Element { }
-interface ElementClass { }
-
-interface IntrinsicElements {
-    //{{elementName}}
-}
-}
-}
-
-declare global {
-    let omfx: {
-        //{{omfxelementName}}
-	};
-}
-`;
-    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"]
-        })
-            .withTarget(fx_models_1.ClientManifestTargetTypes.Docs)
-            .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) {
+function buildManifestMetadata(entries) {
     return new Promise(function (resolve, reject) {
         try {
             var startTime = new Date().getTime();
@@ -585,7 +344,7 @@ function beforeBundleManifest(entries) {
             //         isRunBuildMetadata = !isEqual(entries, cachedEntries);
             //     }
             // }
-            if ($.fs.existsSync(cachedEntriesPath)) {
+            if (!isBuildWebpackManifestOnly() && $.fs.existsSync(cachedEntriesPath)) {
                 let cachedEntries = require(cachedEntriesPath);
                 isRunBuildMetadata = !isEqual(entries, cachedEntries);
             }
@@ -617,9 +376,14 @@ function beforeBundleManifest(entries) {
                         fsExtra.writeJsonSync(manifestPath, content);
                     }
                 });
-                buildManifestMetadatas(entriesToBuild).then(() => {
+                buildManifestMetadata(entriesToBuild).then(() => {
                     fsExtra.ensureFileSync(cachedEntriesPath);
                     fsExtra.writeJsonSync(cachedEntriesPath, entries);
+                    if (isBuildWebpackManifestOnly()) {
+                        fsExtra.copyFileSync(`${outDirManifestMetadata}/omnia.fx.core_a2892051-fd9f-4056-ae8d-30d16d48417d.manifest.json`, "client/tooling/vue/config/omnia.fx.core_a2892051-fd9f-4056-ae8d-30d16d48417d.manifest.json");
+                        fsExtra.copyFileSync(`${outDirManifestMetadata}/omnia.fx_a5a89056-b5f5-475d-8518-a1f55090379d.manifest.json`, "client/tooling/vue/config/omnia.fx_a5a89056-b5f5-475d-8518-a1f55090379d.manifest.json");
+                        fsExtra.copyFileSync(`${outDirManifestMetadata}/omnia.fx.ux_dee030cc-4ab3-4158-bb06-8049f5c67542.manifest.json`, "client/tooling/vue/config/omnia.fx.ux_dee030cc-4ab3-4158-bb06-8049f5c67542.manifest.json");
+                    }
                     resolve(entries);
                 });
             }
@@ -759,6 +523,9 @@ function afterGenerateManifestsMetadata() {
             .then(resolve, reject);
     });
 }
+function isBuildWebpackManifestOnly() {
+    return process.argv?.find(argv => argv === "--webpackManifest") !== undefined;
+}
 function minifyBundles() {
     return new Promise(function (resolve, reject) {
         if (process.argv.length > 0 && process.argv.find(argv => argv === "--minify") !== undefined) {
@@ -924,7 +691,7 @@ function createVueWebpackConfig(currentEntry, entries, bundleOutputDir, viteHmrO
                 '@microsoft/signalr$': '@microsoft/signalr/dist/webworker/signalr.js',
             }),
         },
-        target: ['web', 'es2022'],
+        target: ['web', 'es2022'], // Will change ES6 when stop support IE11
         output: {
             //library: {
             //    type: "umd"
@@ -1072,9 +839,9 @@ function createVueWebpackConfig(currentEntry, entries, bundleOutputDir, viteHmrO
 exports.createVueWebpackConfig = createVueWebpackConfig;
 function createWebpackConfigForManifestMetadata(entry, metadataOutputDir) {
     var entensionId = getServiceId();
-    return Object.assign({}, (0, shared_1.getBaseWebpackConfigForManifestMetadata)(entry, metadataOutputDir), {
+    return Object.assign({}, getBaseWebpackConfigForManifestMetadata(entry, metadataOutputDir), {
         plugins: [
-            ...buildReferenceManifestFromConfig(),
+            ...buildReferenceManifestFromConfig(Object.keys(entry)[0]),
             new $.omniaWebpackPlugins.NamedModulesPlugin(buildModuleName()),
             new $.webpack.DllPlugin({
                 entryOnly: false,
@@ -1084,6 +851,117 @@ function createWebpackConfigForManifestMetadata(entry, metadataOutputDir) {
         ]
     });
 }
+function getBaseWebpackConfigForManifestMetadata(entry, bundleOutputDir) {
+    return {
+        devtool: false,
+        mode: 'development',
+        context: $.tooling.utils.root(""),
+        entry: entry,
+        optimization: Object.assign({
+            removeAvailableModules: false,
+            removeEmptyChunks: false,
+            splitChunks: false,
+        }),
+        resolve: {
+            modules: $.tooling.core.getWebpackResolveModules(),
+            extensions: ['.ts', '.tsx', '.mjs', '.js', '.jsx'],
+            //extensions: ['.js', '.jsx', '.ts', '.tsx', '.html', '.vue', '.less', '.styl'],
+            symlinks: false,
+            cacheWithContext: true,
+            descriptionFiles: ['package.json'],
+            alias: Object.assign({}, $.tooling.core.getWebpackResolveAlias(), ($.composers.BuildConfigurationRegistry.getBuildOptions()?.moduleOptions?.alias || {}), {
+                'axios$': 'axios/dist/axios.js',
+                'typestyle$': 'typestyle/lib.es2015/index.js',
+                'vue$': 'vue/dist/vue.runtime.esm-bundler.js',
+                '@microsoft/signalr': '@microsoft/signalr/dist/webworker/signalr.js',
+            }),
+            //mainFields: ['main', 'browser', 'module']
+        },
+        output: {
+            pathinfo: false,
+            path: $.tooling.utils.root(bundleOutputDir),
+            filename: '[name].js'
+        },
+        externals: [
+            function ({ context, request }, callback) {
+                if (request.indexOf("node_modules") > -1 || (/\.(sass|scss|styl|less|css)$/i).test(request)) {
+                    return callback(null, 'commonjs ' + request);
+                }
+                callback();
+            }
+        ],
+        module: {
+            noParse: /wwwroot(.*)/,
+            rules: [
+                {
+                    test: /\.m?js$/,
+                    resolve: {
+                        fullySpecified: false, // disable the behaviour
+                    },
+                },
+                ...(0, ts_loader_1.default)(),
+                ...(0, tsx_loader_1.default)(),
+                {
+                    test: /\.styl$/,
+                    use: [
+                        //'style-loader',
+                        //'css-loader',
+                        'stylus-loader'
+                    ]
+                },
+                ...($.isExtensionEnv ? [] : [{
+                        test: /\.s(c|a)ss$/,
+                        use: [
+                            {
+                                loader: 'sass-loader',
+                                options: {
+                                    implementation: require('sass'),
+                                    sassOptions: {
+                                        //fiber: require('fibers'),
+                                        indentedSyntax: true
+                                    }
+                                    //fiber: require('fibers')
+                                }
+                            }
+                        ]
+                    }]),
+                {
+                    test: /\.less$/,
+                    use: [
+                        //'style-loader',
+                        //'css-loader',
+                        'less-loader'
+                    ]
+                },
+                {
+                    test: /\.css$/,
+                    use: [
+                        //'style-loader',
+                        {
+                            loader: 'css-loader'
+                        }
+                    ]
+                },
+                {
+                    test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+                    loader: 'url-loader'
+                },
+                {
+                    test: /\.(ico|gif|png|jpe?g|svg)$/i,
+                    use: [{
+                            loader: 'file-loader',
+                            options: {
+                                name: '[name].[ext]',
+                                outputPath: "../images/",
+                                publicPath: '/omnia/images/'
+                            }
+                        }]
+                    //loader: 'url-loader'
+                }
+            ]
+        }
+    };
+}
 function buildCommonChunk(entry) {
     let bundleOptions = getBuildOption().bundleOptions;
     let minChunk = bundleOptions.commonsChunk.minChunks || 2;
@@ -1333,12 +1211,17 @@ function buildReferenceManifest(currentEntry, entries) {
     var manifests = [];
     var dynamicReferenceManifests = [];
     let buildOptions = getBuildOption();
-    if (buildOptions && buildOptions.bundleOptions && buildOptions.bundleOptions.commonsChunk)
-        return dynamicReferenceManifests.concat(buildReferenceManifestFromConfig());
     var currentEntryName = Object.keys(currentEntry)[0];
-    // exclude omnia vendor
-    if (currentEntryName.indexOf(fx_models_1.OmniaResourceManifests.Vendor.toString()) === -1
-        && currentEntryName.indexOf(vendorProdId) === -1) {
+    if (buildOptions && buildOptions.bundleOptions && buildOptions.bundleOptions.commonsChunk)
+        return dynamicReferenceManifests.concat(buildReferenceManifestFromConfig(currentEntryName));
+    // exclude pre-built webpack manifest
+    if ($.isExtensionEnv
+        || (currentEntryName.indexOf(fx_models_1.OmniaResourceManifests.Vendor.toString()) === -1
+            && currentEntryName.indexOf(vendorProdId) === -1
+        // && currentEntryName.indexOf(OmniaResourceManifests.FxCore.toString()) === -1
+        // && currentEntryName.indexOf(OmniaResourceManifests.Fx.toString()) === -1
+        // && currentEntryName.indexOf(OmniaResourceManifests.FxUx.toString()) === -1
+        )) {
         Object.keys(entries).forEach((entryName) => {
             if (entryName !== currentEntryName) {
                 if ($.fs.existsSync($.tooling.utils.root(outDirManifestMetadata + "/" + entryName + ".manifest.json"))) {
@@ -1352,14 +1235,14 @@ function buildReferenceManifest(currentEntry, entries) {
             }
         });
     }
-    manifests = buildReferenceManifestFromConfig().concat(dynamicReferenceManifests).concat(manifests);
+    manifests = buildReferenceManifestFromConfig(currentEntryName).concat(dynamicReferenceManifests).concat(manifests);
     return manifests;
 }
 function cleanUpComposer() {
     $.composers.ManifestRegistry.clearState();
 }
 exports.cleanUpComposer = cleanUpComposer;
-function buildReferenceManifestFromConfig() {
+function buildReferenceManifestFromConfig(entryName) {
     var manifests = [];
     let buildOptions = getBuildOption();
     if (buildOptions.reference) {
@@ -1371,6 +1254,17 @@ function buildReferenceManifestFromConfig() {
             }));
         }
     }
+    if (!isBuildWebpackManifestOnly() && buildOptions.webpackManifests) {
+        for (let manifestPath of buildOptions.webpackManifests) {
+            if (manifestPath.indexOf(entryName) === -1) {
+                manifests.push(new $.omniaWebpackPlugins.DllReferencePlugin({
+                    context: $.tooling.utils.root(""),
+                    manifest: $.tooling.utils.root(manifestPath),
+                    // name: `md${++trackingModuleRefId}` //require('md5')(manifestPath)
+                }));
+            }
+        }
+    }
     if ($.isExtensionEnv) {
         _registeredReferenceManifests.forEach(manifest => {
             manifests.push(new $.omniaWebpackPlugins.DllReferencePlugin({
@@ -1450,89 +1344,18 @@ function getServiceId() {
     return serviceId;
 }
 exports.getServiceId = getServiceId;
-function extractTypingsForComponents(componentRegistrations) {
-    let foundTypes = {};
-    componentRegistrations.forEach((comp) => {
-        let defPaths = comp.componentOptions.typings;
-        if (defPaths) {
-            let isChildSpec = false;
-            defPaths.forEach((defPath) => {
-                let entryPointPath = (0, shared_1.convertManifestPathToEntryPath)(comp.manifestPath, [defPath])[0];
-                let contents = $.fs.readFileSync(entryPointPath, 'utf8');
-                let wcEl = getWcElement(contents, isChildSpec);
-                if (wcEl) {
-                    //Now lets find the interface mapped to element
-                    //example /*@WebComponentInterface("omfx-dialog")*/
-                    let interfaceToken = `/*@WebComponentInterface("${wcEl}")*/`;
-                    let interfaceIndex = contents.indexOf(interfaceToken);
-                    if (interfaceIndex > -1) {
-                        let wcProps = [];
-                        let intf = contents.substring(interfaceIndex);
-                        let nextIsDomProp = false;
-                        intf = intf
-                            .substring(intf.indexOf("{") + 1, intf.indexOf("}"))
-                            .replace(/\?/g, '')
-                            .trim()
-                            .split(/\r\n|\r|\n/g).forEach((group) => {
-                            /*@DomProperty*/
-                            let sub = group.trim();
-                            if (sub.indexOf("/*@DomProperty*/") > -1) {
-                                nextIsDomProp = true;
-                                return;
-                            }
-                            if (nextIsDomProp) {
-                                if (sub.indexOf(':')) {
-                                    sub = sub.split(':')[0];
-                                }
-                                if (sub) {
-                                    if (!foundTypes[wcEl]) {
-                                        foundTypes[wcEl] = [];
-                                    }
-                                    foundTypes[wcEl].push(sub);
-                                }
-                                nextIsDomProp = false;
-                            }
-                        });
-                    }
-                }
-                isChildSpec = true;
-            });
-        }
-    });
-    return foundTypes;
-}
-var lastWcElement = "";
-function getWcElement(contents, isChildSpec) {
-    if (isChildSpec) {
-        if (lastWcElement === "") {
-            new Error("Cant find the /*@DomProperty*/ on the parent interface for the WebComponent definition");
-        }
-        return lastWcElement;
-    }
-    else {
-        lastWcElement = "";
-    }
-    let wcElToken = "/*@WebComponent*/";
-    let wcElIndex = contents.indexOf(wcElToken);
-    let wcEl = "";
-    if (wcElIndex > -1) {
-        wcEl = contents.substring(wcElIndex);
-        wcEl = wcEl.substring(wcEl.indexOf('"') + 1);
-        wcEl = wcEl.substring(0, wcEl.indexOf('"'));
-        lastWcElement = wcEl;
-    }
-    return lastWcElement;
-}
-function createVueEntryFormRegistrations(registrations) {
+function createVueEntryFormComponentRegistrations(registrations) {
     let entryPaths = {};
     for (let r of registrations) {
-        if (r.componentOptions.entryPoint.endsWith('.jsx') || r.componentOptions.entryPoint.endsWith('.vue') || r.componentOptions.entryPoint.endsWith('.tsx') || r.componentOptions.entryPoint.endsWith('.ts')) {
+        if (r.componentOptions.entryPoint.endsWith('.tsx')
+            || r.componentOptions.entryPoint.endsWith('.vue')) {
             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}`;
             }
-            entryPaths[entryId] = entryPointPath;
+            r.componentOptions.entryPointPath = entryPointPath[0];
+            entryPaths[entryId.toString()] = entryPointPath;
         }
         else {
             $.tooling.log('The OmniaFx build system only supports  .jsx, .vue and .tsx based components at the moment ', $.tooling.LogTypes.Error);
@@ -1846,44 +1669,9 @@ exports.registerManifestsReference = registerManifestsReference;
 function getRegisteredReferenceManifests() {
     return _registeredReferenceManifests;
 }
-function registerWebComponentDefinitions(definitions) {
-    if (definitions) {
-        _wcDefinitions = $.merge(_wcDefinitions, definitions);
-    }
-}
-exports.registerWebComponentDefinitions = registerWebComponentDefinitions;
 function sortString(a, b) {
     if (a >= b) {
         return 1;
     }
     return -1;
 }
-function generateWebComponentTypings(wc, template) {
-    // export default defineVueWebComponent
-    let wcPath = (0, shared_1.convertManifestPathToEntryPath)(wc.manifestPath, [wc.componentOptions.entryPoint])[0];
-    let content = fsExtra.readFileSync(wcPath, 'utf8');
-    if (content.indexOf("defineVueWebComponent") > -1) {
-        if (!new RegExp('export\\s+default\\s+').test(content)) {
-            throw new Error(`Missing statement 'export default a vue web component' in ${wcPath}`);
-        }
-        let friendlyManifestId = `wc${wc.manifest.resourceId.toString().replace(/-/g, '').toLowerCase()}`;
-        let importPath = wcPath.substring(0, wcPath.lastIndexOf('.tsx'));
-        if (importPath.indexOf("./") === 0) {
-            importPath = importPath.replace("./", "");
-        }
-        if ($.isExtensionEnv) {
-            importPath = `../../../../${importPath}`;
-        }
-        else {
-            importPath = `../../../${importPath}`;
-        }
-        return template
-            .replace(/\/\/{{importWC}}/, `import ${friendlyManifestId} from '${importPath}';
-//{{importWC}}`)
-            .replace(/\/\/{{elementName}}/, `"${wc.componentOptions.elementName}": typeof ${friendlyManifestId}.propsDefinition & VueComponentBaseProps
-//{{elementName}}`)
-            .replace(/\/\/{{omfxelementName}}/, `"${wc.componentOptions.elementName.replace("omfx-", "").replace(/-([a-z])/g, function (g) { return g[1].toUpperCase(); })}": typeof ${friendlyManifestId} & VueComponentBaseProps
-            //{{omfxelementName}}`);
-    }
-    return template;
-}