@omnia/tooling-vue 8.0.4-vnext → 8.0.5-dev

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

@@ -0,0 +1 @@
+require("typescript/lib/tsc");

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

@@ -5,7 +5,6 @@ const $ = tslib_1.__importStar(require("../variables"));
 const ts_loader_1 = tslib_1.__importDefault(require("../webpack-loaders/ts-loader"));
 const ExtractTextPlugin = require('mini-css-extract-plugin');
 const fsExtra = require('fs-extra');
-fsExtra.copySync('wwwroot/scripts/vue-class-component/vue-class-component.esm.custom.js', 'node_modules/vue-class-component/dist/vue-class-component.esm.js');
 const extractCSS = new ExtractTextPlugin({
     filename: "omnia.vendor.css",
 });
@@ -123,7 +122,7 @@ $.webpack({
         $.tooling.log('omnia shared vendor generated');
     }
 });
-$.tooling.log('omnia vendor running...');
+$.tooling.log('omnia vendor devlopment running...');
 $.webpack({
     mode: 'production',
     devtool: false,
@@ -132,11 +131,9 @@ $.webpack({
         extensions: ['.ts', '.js', '.css'],
         alias: {
             'typestyle$': 'typestyle/lib.es2015/index.js',
-            //'vue$': 'vue/dist/vue.runtime.esm-browser.js', // vuetify have not working fully 100% with vue runtime browser only, so temp to full bundle vue now.
-            'vue$': 'vue/dist/vue.esm-bundler.js',
-            'rope-sequence$': 'rope-sequence/dist/index.js',
-            'w3c-keyname$': $.path.resolve($.tooling.utils.root(""), 'node_modules/w3c-keyname/index.es.js'),
-            'orderedmap$': 'orderedmap/index.js',
+            // vuetify have not working fully 100% with vue runtime browser only, so temp to full bundle vue now.
+            //'vue$': 'vue/dist/vue.runtime.esm-browser.js',
+            'vue$': 'vue/dist/vue.runtime.esm-bundler.js',
         },
     },
     optimization: {
@@ -149,7 +146,161 @@ $.webpack({
     },
     module: {
         rules: [
-            ...(0, ts_loader_1.default)(false),
+            ...(0, ts_loader_1.default)(),
+            {
+                test: /\.css(\?|$)/,
+                use: [
+                    {
+                        loader: ExtractTextPlugin.loader,
+                        options: {
+                            publicPath: '../css'
+                        }
+                    },
+                    'css-loader',
+                ]
+            },
+            {
+                test: /\.(woff2?|eot|ttf|otf|svg)(\?.*)?$/,
+                use: [{
+                        loader: 'file-loader',
+                        options: {
+                            name: '[name].[ext]',
+                            outputPath: '../fonts/'
+                        }
+                    }]
+            }
+        ]
+    },
+    entry: {
+        vendor: [
+            "tslib",
+            "./client/fx/vue/VueBundler",
+            "typestyle",
+            "csx",
+            "zepto-webpack",
+            "mousetrap",
+            "mousetrap-global-bind",
+            "dayjs",
+            "dayjs/plugin/utc",
+            "dayjs/plugin/timezone",
+            'dayjs/plugin/duration',
+            'dayjs/plugin/relativeTime',
+            "dayjs/locale/da.js",
+            "dayjs/locale/de.js",
+            "dayjs/locale/et.js",
+            "dayjs/locale/fr.js",
+            "dayjs/locale/lt.js",
+            "dayjs/locale/lv.js",
+            "dayjs/locale/pl.js",
+            "dayjs/locale/sv.js",
+            "dayjs/locale/nb.js",
+            "dayjs/locale/fi.js",
+            "dayjs/locale/es.js",
+            "dayjs/locale/nl.js",
+            "./wwwroot/scripts/zepto.extras.js",
+            // "@material/material-color-utilities"
+        ]
+    },
+    output: {
+        path: $.path.join($.tooling.utils.root(""), outDir),
+        filename: 'omnia.[name].js',
+        library: {
+            name: 'omniaVendor',
+            type: 'window',
+        }
+    },
+    plugins: [
+        new $.webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /ignore/),
+        extractCSS,
+        new $.omniaWebpackPlugins.NamedModulesPlugin(),
+        new $.omniaWebpackPlugins.ModifyContent([
+            {
+                pattern: /var omniaVendor;omniaVendor/i,
+                replacement: "window['omniaVendor'] "
+            },
+            {
+                pattern: /# sourceMappingURL=\s*(\S+)/g,
+                replacement: '# ignore'
+            },
+            {
+                pattern: /__webpack_module_cache__/g,
+                replacement: '__omnia_webpack_module_cache__'
+            },
+            {
+                pattern: "const key = `f${stringHash(pid)}`;",
+                replacement: `
+// <<omnia custom>> support prefix displayname in styleflow
+` + "const key = `f${stringHash(pid)}`;" +
+                    `  if (!styles.$displayName)
+return key;
+` + "return `${styles.$displayName}_${key}`;"
+            },
+        ]),
+        new $.webpack.DllPlugin({
+            path: $.path.resolve(__dirname, "../config/omnia.[name].manifest.json"),
+            name: 'omniaVendor',
+            entryOnly: false
+        }),
+        new $.webpack.DefinePlugin({
+            //process: { env: { NODE_ENV: JSON.stringify('production') } }
+            // temp bundle vue vendor in development mode for support HMR
+            // process: { env: { NODE_ENV: JSON.stringify('development') } },
+            'process.env.NODE_ENV': JSON.stringify('development'),
+            __VUE_OPTIONS_API__: true,
+            __VUE_PROD_DEVTOOLS__: true
+        })
+    ]
+})
+    .run((err, stats) => {
+    if (err || stats.hasErrors()) {
+        //console.log(stats.toJson({
+        //    assets: false,
+        //    hash: true
+        //}))
+        $.tooling.log('Omnia vendor have  error : \r\n', $.tooling.LogTypes.Error);
+        if (err) {
+            $.tooling.log(err.stack || err, $.tooling.LogTypes.Error);
+        }
+        else {
+            stats.toJson().errors.forEach(err => {
+                $.tooling.log(err.stack || err, $.tooling.LogTypes.Error);
+            });
+        }
+    }
+    else {
+        // generate omnia vendor metadata
+        var manifestPath = $.path.resolve(__dirname, "../config/omnia.vendor.manifest.json");
+        var manifestJson = require(manifestPath);
+        manifestJson.content["./node_modules/webpack/buildin/module.js"] = undefined;
+        $.fs.writeFileSync(manifestPath, JSON.stringify(manifestJson));
+        $.tooling.log('omnia vendor devlopment generated');
+    }
+});
+$.tooling.log('omnia vendor prod running...');
+$.webpack({
+    mode: 'production',
+    devtool: false,
+    context: $.tooling.utils.root(""),
+    resolve: {
+        extensions: ['.ts', '.js', '.css'],
+        alias: {
+            'typestyle$': 'typestyle/lib.es2015/index.js',
+            // vuetify have not working fully 100% with vue runtime browser only, so temp to full bundle vue now.
+            'vue$': 'vue/dist/vue.runtime.esm-bundler.js',
+            //'vue$': 'vue/dist/vue.esm-bundler.js',
+        },
+    },
+    optimization: {
+        minimize: false,
+        usedExports: false,
+        providedExports: true,
+        removeAvailableModules: false,
+        mangleExports: false,
+        concatenateModules: true,
+    },
+    module: {
+        rules: [
+            ...(0, ts_loader_1.default)(),
             {
                 test: /\.css(\?|$)/,
                 use: [
@@ -178,13 +329,6 @@ $.webpack({
         vendor: [
             "tslib",
             "./client/fx/vue/VueBundler",
-            // "vue-class-component",
-            // "vue-property-decorator",
-            // "vue-tsx-support",
-            // "vue-tsx-support/enable-check",
-            // "vue-tsx-support/lib/vca",
-            // "@vue/babel-helper-vue-jsx-merge-props",
-            //    "@vue/composition-api",
             "typestyle",
             "csx",
             "zepto-webpack",
@@ -209,7 +353,7 @@ $.webpack({
     },
     output: {
         path: $.path.join($.tooling.utils.root(""), outDir),
-        filename: 'omnia.[name].js',
+        filename: 'omnia.[name].prod.js',
         library: {
             name: 'omniaVendor',
             type: 'window',
@@ -248,9 +392,12 @@ return key;
             entryOnly: false
         }),
         new $.webpack.DefinePlugin({
-            //process: { env: { NODE_ENV: JSON.stringify('production') } }
+            //process: { env: { NODE_ENV: JSON.stringify('production') } },
             // temp bundle vue vendor in development mode for support HMR
-            process: { env: { NODE_ENV: JSON.stringify('development') } }
+            // process: { env: { NODE_ENV: JSON.stringify('development') } },
+            'process.env.NODE_ENV': JSON.stringify('production'),
+            __VUE_OPTIONS_API__: true,
+            __VUE_PROD_DEVTOOLS__: false
         })
     ]
 })
@@ -276,7 +423,7 @@ return key;
         var manifestJson = require(manifestPath);
         manifestJson.content["./node_modules/webpack/buildin/module.js"] = undefined;
         $.fs.writeFileSync(manifestPath, JSON.stringify(manifestJson));
-        $.tooling.log('omnia vendor generated');
+        $.tooling.log('omnia vendor prod generated');
     }
 });
 //  bundle omnia worker vendor

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

@@ -5,6 +5,7 @@ import * as composers from "@omnia/tooling-composers";
 import * as enums from "../composers/models/Enums";
 import * as composer from '../composers/task';
 import { core, utils } from '@omnia/tooling';
+import { isExtensionEnv } from "./shared";
 import merge from 'webpack-merge';
 import webpack from 'webpack';
 declare var tooling: {
@@ -16,5 +17,4 @@ declare var tooling: {
     LogTypes: typeof utils.LogTypes;
 };
 declare var basePathProcess: string;
-declare var isExtensionEnv: boolean;
 export { omniaWebpackPlugins, basePathProcess, isExtensionEnv, tooling, webpack, chalk, timestamp, path, fs, extend, merge, del, md5File, composers, enums };

package/internal-do-not-import-from-here/variables.js

@@ -28,6 +28,8 @@ const enums = tslib_1.__importStar(require("@omnia/tooling-composers/internal-do
 exports.enums = enums;
 const composer = tslib_1.__importStar(require("@omnia/tooling-composers/internal-do-not-import-from-here/task"));
 const tooling_1 = require("@omnia/tooling");
+const shared_1 = require("./shared");
+Object.defineProperty(exports, "isExtensionEnv", { enumerable: true, get: function () { return shared_1.isExtensionEnv; } });
 const webpack_merge_1 = tslib_1.__importDefault(require("webpack-merge"));
 exports.merge = webpack_merge_1.default;
 const webpack_1 = tslib_1.__importDefault(require("webpack"));
@@ -36,5 +38,3 @@ var tooling = { composer, core: tooling_1.core, utils: tooling_1.utils, log: too
 exports.tooling = tooling;
 var basePathProcess = process.cwd();
 exports.basePathProcess = basePathProcess;
-var isExtensionEnv = fs.existsSync(basePathProcess + "/node_modules/@omnia/tooling-vue/package.json");
-exports.isExtensionEnv = isExtensionEnv;

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

@@ -10,6 +10,8 @@ const utils_1 = require("./utils");
 const manifest_1 = require("./manifest");
 const vueJsx_1 = require("./vueJsx");
 const $ = tslib_1.__importStar(require("../../variables"));
+const shared_1 = require("../../shared");
+const doc_1 = require("../../tasks/doc");
 let fileGraphs = {};
 let manifests = {};
 const initialManifests = [
@@ -18,7 +20,7 @@ const initialManifests = [
     fx_models_1.OmniaResourceManifests.FxWorkers.toString()
 ];
 const esbuildTransformOptions = {
-    target: 'es2022',
+    target: 'es2020',
     jsx: 'preserve',
     sourcemap: false,
     legalComments: 'inline'
@@ -151,6 +153,7 @@ async function buildFileGraph(unknownId, code) {
         return { fileGraph, code };
     }
     fileGraph.js.scanned = true;
+    code = (0, shared_1.modifyComponent)(code, fileGraph.id);
     const esbuildTransformResult = await (0, vite_1.transformWithEsbuild)(code, id, esbuildTransformOptions);
     code = esbuildTransformResult.code;
     // d.ts or interface only
@@ -163,6 +166,7 @@ async function buildFileGraph(unknownId, code) {
     }
     fileGraph.js.metadata = utils_1.moduleAnalysis.analyze(code, id);
     ensureDependencies(id, fileGraph.js.metadata);
+    code = (0, doc_1.importSnippetCode)(code, fileGraph.id);
     return { fileGraph, code, esbuildTransformResult };
 }
 exports.buildFileGraph = buildFileGraph;

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getPreBundleInfo = exports.validatePreBundles = exports.getManifest = exports.clearManifestCollection = exports.getManifestCollection = exports.entriesResolver = void 0;
 const tslib_1 = require("tslib");
 const path_1 = tslib_1.__importDefault(require("path"));
-const globby_1 = tslib_1.__importDefault(require("globby"));
+const globby_1 = require("globby");
 const $ = tslib_1.__importStar(require("../../variables"));
 const fx_models_1 = require("@omnia/fx-models");
 const utils_1 = require("./utils");
@@ -24,8 +24,7 @@ class ManifestBuildEntriesResolver {
                     this.preBundle = Object.keys(entries).reduce((preBundleEntries, resourceIdentifier) => {
                         const filePaths = entries[resourceIdentifier];
                         const resourceId = utils_1.manifestUtils.getResourceIdFromEntryKey(resourceIdentifier);
-                        if (resourceId == fx_models_1.OmniaResourceManifests.Vendor.toString() ||
-                            resourceId == fx_models_1.OmniaResourceManifests.HMR.toString()) {
+                        if (resourceId == fx_models_1.OmniaResourceManifests.Vendor.toString()) {
                             return Object.assign(preBundleEntries, {
                                 [resourceIdentifier]: filePaths
                             });
@@ -62,7 +61,7 @@ exports.entriesResolver = new ManifestBuildEntriesResolver();
 let _manifestCollection;
 function getManifestCollection() {
     if (!_manifestCollection) {
-        _manifestCollection = $.tooling.composer.getManifestData();
+        _manifestCollection = $.tooling.composer.getManifestsJson();
     }
     return _manifestCollection;
 }
@@ -85,9 +84,9 @@ function getManifest(resourceId) {
 exports.getManifest = getManifest;
 async function validatePreBundles(fileNames) {
     const preBundleDir = utils_1.envUtils.getBundleOutputDirPath();
-    const filePaths = fileNames.map(fileName => path_1.default.join(preBundleDir, fileName));
+    const filePaths = fileNames.map(fileName => path_1.default.join(preBundleDir, fileName).replace(/\\/g, '/'));
     return new Promise((resolve, reject) => {
-        (0, globby_1.default)(filePaths).then(result => {
+        (0, globby_1.globby)(filePaths).then(result => {
             resolve(result);
         }).catch(reject);
     });
@@ -96,7 +95,7 @@ exports.validatePreBundles = validatePreBundles;
 function getPreBundleInfo() {
     return exports.entriesResolver.getPreBundleEntries().then(entries => {
         const serviceId = $.tooling.composer.getServiceId();
-        const manifests = $.tooling.composer.getManifestData();
+        const manifests = $.tooling.composer.getManifestsJson();
         return Object.keys(entries).reduce((array, fileName) => {
             const resourceId = utils_1.manifestUtils.getResourceIdFromEntryKey(fileName);
             const filePaths = entries[fileName];

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

@@ -43,9 +43,9 @@ function setupHmrPlugin(options, config) {
     };
     _runtimeContext = runtimeContext;
     const resolvers = config.resolvers.filter(item => !!item);
-    const omniaPackagesPathPattern = (0, vite_1.normalizePath)(path_1.default.join(utils_1.envUtils.getRootDirPath(), 'node_modules/@omnia/*/*'));
-    const omniaPackagesDeepImports = (0, globby_1.sync)(omniaPackagesPathPattern).map(p => p.replace((0, vite_1.normalizePath)(path_1.default.join(utils_1.envUtils.getRootDirPath(), 'node_modules/')), ''));
-    const { dependencies, devDependencies } = require(path_1.default.join(utils_1.envUtils.getRootDirPath(), 'package.json'));
+    const omniaPackagesPathPattern = (0, vite_1.normalizePath)(path_1.default.join(utils_1.envUtils.getRootDirPath(), 'node_modules/@omnia/*/*').replace(/\\/g, '/'));
+    const omniaPackagesDeepImports = (0, globby_1.globbySync)(omniaPackagesPathPattern).map(p => p.replace((0, vite_1.normalizePath)(path_1.default.join(utils_1.envUtils.getRootDirPath(), 'node_modules/')), ''));
+    const dep = require(path_1.default.join(utils_1.envUtils.getRootDirPath(), 'package.json'));
     clearCacheAssets();
     // Manifests changed
     // entriesResolver.registerManifestEventHandler(() => {
@@ -55,8 +55,8 @@ function setupHmrPlugin(options, config) {
         config: () => ({
             optimizeDeps: {
                 exclude: [
-                    ...Object.keys(dependencies),
-                    ...Object.keys(devDependencies),
+                    ...Object.keys(dep.dependencies || {}),
+                    ...Object.keys(dep.devDependencies || {}),
                     ...omniaPackagesDeepImports
                 ]
             },

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

@@ -32,12 +32,16 @@ exports.importPath = (0, base_1.defineTransformer)("omnia-import-path", (replace
                 if (!replacer) {
                     throw new utils_1.ErrorHMR(`Unexpected: replacer not found during code transform for module : ${moduleName}`);
                 }
+                const fileGraph = ctx.getFileGraph(replacer.from);
+                if (fileGraph && fileGraph.bareImport && fileGraph.js && !fileGraph.js.bareImportVariable) {
+                    fileGraph.js.bareImportVariable = 'ignored';
+                }
                 if (replacer.ignore) {
                     // allow ignored vendor to register bareImportVariable so dynamicBundle will skip this
-                    const fileGraph = ctx.getFileGraph(replacer.from);
-                    if (fileGraph && fileGraph.bareImport && fileGraph.js && !fileGraph.js.bareImportVariable) {
-                        fileGraph.js.bareImportVariable = 'ignored';
-                    }
+                    // const fileGraph = ctx.getFileGraph(replacer.from as string);
+                    // if (fileGraph && fileGraph.bareImport && fileGraph.js && !fileGraph.js.bareImportVariable) {
+                    //     fileGraph.js.bareImportVariable = 'ignored';
+                    // }
                     return '';
                 }
                 let importedVariablesStatement = original.substr(0, startIndex + 1);
@@ -74,7 +78,7 @@ exports.importPath = (0, base_1.defineTransformer)("omnia-import-path", (replace
                         hasDefaultImports = true;
                     }
                 }
-                // console.log(original, transformedStatement);
+                //console.log(original, transformedStatement);
                 return transformedStatement.trim();
             });
             if (hasDefaultImports) {

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

@@ -6,11 +6,23 @@ const path_1 = tslib_1.__importDefault(require("path"));
 const fs_1 = tslib_1.__importDefault(require("fs"));
 const vite_1 = require("vite");
 const webpack_1 = require("webpack");
-const enhanced_resolve_1 = tslib_1.__importDefault(require("enhanced-resolve"));
 const fx_models_1 = require("@omnia/fx-models");
 const base_1 = require("../base");
 const utils_1 = require("../../utils");
 const $ = tslib_1.__importStar(require("../../../../variables"));
+function getWebpackResolveModulePath(stats, requestModulePath) {
+    let result = "";
+    stats.forEach(s => {
+        s.modules?.forEach(m => {
+            const foundReason = m.reasons?.find(r => r.userRequest === requestModulePath);
+            if (foundReason) {
+                result = m.id.toString();
+                return result;
+            }
+        });
+    });
+    return result;
+}
 exports.dynamicBundle = (0, base_1.defineTransformer)("omnia-bundle", () => {
     const moduleMaps = {}; // bare import / relative path => module id
     const bundleMaps = {}; // module id => resource id
@@ -20,6 +32,7 @@ exports.dynamicBundle = (0, base_1.defineTransformer)("omnia-bundle", () => {
             return utils_1.pathUtils.isJavaScriptSuperset(id);
         },
         async transform(code, id, fileGraph, ctx, fromWorker) {
+            //id.indexOf("wwwroot/docs/") === -1 && 
             const dynamicModules = filterDynamicModules(fileGraph, ctx);
             const bundledModules = dynamicModules.filter(item => item.resolved);
             const unBundledModules = dynamicModules.filter(item => !item.resolved);
@@ -27,7 +40,7 @@ exports.dynamicBundle = (0, base_1.defineTransformer)("omnia-bundle", () => {
                 code = item.inject(code);
             });
             const nonResolvingModules = unBundledModules.filter(item => !moduleMaps[item.path]).map(item => ({ path: item.path, inject: item.inject }));
-            const nonResolvingModulePaths = nonResolvingModules.map(item => item.path);
+            const nonResolvingModulePaths = Array.from(new Set(nonResolvingModules.map(item => item.path)));
             const resolvingModules = unBundledModules.filter(item => !!moduleMaps[item.path]).map(item => moduleMaps[item.path].then(_ => {
                 code = item.inject(code);
             }));
@@ -52,35 +65,57 @@ exports.dynamicBundle = (0, base_1.defineTransformer)("omnia-bundle", () => {
             await new Promise(function (resolve, reject) {
                 const configs = utils_1.webpackUtils.createWebpackConfig(entryPoint, 'dynamic');
                 const compiler = (0, webpack_1.webpack)(configs);
-                compiler.run((err, result) => {
+                compiler.run((err, stats) => {
+                    //console.log("compiler.run", err, stats)
+                    if (stats.hasErrors()) {
+                        $.tooling.log('HMR pre-bundle error : \r\n', $.tooling.LogTypes.Error);
+                        let errors = stats.toJson().errors;
+                        errors.forEach((err) => {
+                            $.tooling.log(err.stack || err, $.tooling.LogTypes.Error);
+                        });
+                        reject();
+                        return;
+                    }
                     if (err) {
-                        $.tooling.log(err);
+                        $.tooling.log(err, $.tooling.LogTypes.Error);
                         reject();
                         return;
                     }
                     nonResolvingModulePaths.forEach(modulePath => {
-                        const bareImport = modulePath.startsWith('.') ? false : true;
-                        const relativePath = bareImport ? enhanced_resolve_1.default.sync(utils_1.envUtils.getRootDirPath(), modulePath) : modulePath;
-                        const moduleId = bareImport ?
-                            ('./' + (0, vite_1.normalizePath)(relativePath.replace(utils_1.envUtils.getRootDirPath(), '.'))).toLowerCase() :
-                            ('./' + (0, vite_1.normalizePath)(path_1.default.dirname(relativePath)) + '/' + path_1.default.basename(relativePath, path_1.default.extname(relativePath)) + '.js').toLowerCase();
-                        if (!bundleMaps[moduleId]) {
-                            bundleMaps[moduleId] = dynamicBundleResourceId;
-                        }
-                        const depFileGraph = ctx.getFileGraph(modulePath);
-                        if (!depFileGraph.js.bareImportVariable) {
-                            depFileGraph.js.bareImportVariable = toRuntimeVariable(ctx.serviceId, bundleMaps[moduleId], moduleId);
-                            depFileGraph.js.bareImportDynamicResourceId = bundleMaps[moduleId];
-                        }
-                        if (moduleMapResolvers[modulePath] && moduleMapResolvers[modulePath].resolved == false) {
-                            moduleMapResolvers[modulePath].resolved = true;
-                            moduleMapResolvers[modulePath].resolve(moduleId);
+                        try {
+                            const bareImport = modulePath.startsWith('.') ? false : true;
+                            let relativePath = modulePath;
+                            if (bareImport) {
+                                relativePath = getWebpackResolveModulePath(stats.toJson().children, modulePath);
+                                if (relativePath === "") {
+                                    throw new Error(`HMR pre-bundle error : can't resolve module path for ${modulePath}`);
+                                }
+                            }
+                            const moduleId = bareImport ?
+                                ('./' + (0, vite_1.normalizePath)(relativePath.replace(utils_1.envUtils.getRootDirPath(), '.'))).toLowerCase() :
+                                ('./' + (0, vite_1.normalizePath)(path_1.default.dirname(relativePath)) + '/' + path_1.default.basename(relativePath, path_1.default.extname(relativePath)) + '.js').toLowerCase();
+                            if (!bundleMaps[moduleId]) {
+                                bundleMaps[moduleId] = dynamicBundleResourceId;
+                            }
+                            const depFileGraph = ctx.getFileGraph(modulePath);
+                            if (!depFileGraph.js.bareImportVariable) {
+                                depFileGraph.js.bareImportVariable = toRuntimeVariable(ctx.serviceId, bundleMaps[moduleId], moduleId);
+                                depFileGraph.js.bareImportDynamicResourceId = bundleMaps[moduleId];
+                            }
+                            if (moduleMapResolvers[modulePath] && moduleMapResolvers[modulePath].resolved == false) {
+                                moduleMapResolvers[modulePath].resolved = true;
+                                moduleMapResolvers[modulePath].resolve(moduleId);
+                            }
+                            else if (!moduleMaps[modulePath]) {
+                                moduleMaps[modulePath] = Promise.resolve(moduleId);
+                            }
                         }
-                        else if (!moduleMaps[modulePath]) {
-                            moduleMaps[modulePath] = Promise.resolve(moduleId);
+                        catch (err) {
+                            console.error(`HMR pre-bundle error : module path ${modulePath} ->  ${err}`);
                         }
                     });
-                    resolve();
+                    Promise.all(resolvingModules).then(() => resolve());
+                    //resolve();
                 });
             });
             nonResolvingModules.forEach(resolvedModule => {
@@ -189,7 +224,12 @@ function ensureBundleInjection(code, resourceId) {
 function filterBareImport(item, ctx) {
     const depFileGraph = ctx.getFileGraph(item.path);
     // skip omnia packages since they only contain typing files
-    return depFileGraph && depFileGraph.id.startsWith('@omnia') == false && !ctx.alias[depFileGraph.id] && depFileGraph.bareImport && depFileGraph.js;
+    return depFileGraph
+        && depFileGraph.id.startsWith('./wwwroot/docs/') == false
+        && depFileGraph.id.startsWith('@omnia') == false
+        && !ctx.alias[depFileGraph.id]
+        && depFileGraph.bareImport
+        && depFileGraph.js;
 }
 function isBareImportResolved(item, ctx) {
     const depFileGraph = ctx.getFileGraph(item.path);

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

@@ -13,4 +13,8 @@ export declare const sharedVendorImportPath: import("../typings").Transformer<"o
     test: (code: string, id: string, fileGraph: import("../typings").FileGraph, ctx: import("../typings").RuntimeContext, fromWorker: boolean) => boolean;
     transform: (code: string, id: string, fileGraph: import("../typings").FileGraph, ctx: import("../typings").RuntimeContext, fromWorker: boolean) => string | Promise<string>;
 }>;
+export declare function createTransformer(replacers: Array<OmniaVendorPathReplacer | string>, runtimeVariable: string): {
+    test: (code: string, id: string, fileGraph: import("../typings").FileGraph, ctx: import("../typings").RuntimeContext, fromWorker: boolean) => boolean;
+    transform: (code: string, id: string, fileGraph: import("../typings").FileGraph, ctx: import("../typings").RuntimeContext, fromWorker: boolean) => string | Promise<string>;
+};
 export {};

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.sharedVendorImportPath = exports.vendorImportPath = void 0;
+exports.createTransformer = exports.sharedVendorImportPath = exports.vendorImportPath = void 0;
 const tslib_1 = require("tslib");
 const path_1 = tslib_1.__importDefault(require("path"));
 const vite_1 = require("vite");
@@ -44,3 +44,4 @@ function createTransformer(replacers, runtimeVariable) {
         transform: instance.transform
     };
 }
+exports.createTransformer = createTransformer;

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

@@ -15,8 +15,8 @@ const vendors = [
 ];
 let internalManifestReferences;
 const externalManifestReferences = (function () {
-    const externalManifestRefPathPattern = (0, vite_1.normalizePath)(path_1.default.join(envUtils.getRootDirPath(), 'node_modules/@omnia/*/internal-do-not-import-from-here/manifests/*.json'));
-    const manifestFilePaths = (0, globby_1.sync)(externalManifestRefPathPattern);
+    const externalManifestRefPathPattern = (0, vite_1.normalizePath)(path_1.default.join(envUtils.getRootDirPath(), 'node_modules/@omnia/*/internal-do-not-import-from-here/manifests/*.json').replace(/\\/g, '/'));
+    const manifestFilePaths = (0, globby_1.globbySync)(externalManifestRefPathPattern);
     if (manifestFilePaths.length == 0) {
         return [];
     }
@@ -73,6 +73,6 @@ function getEntryKeyFromManifest(manifest) {
     if (!!manifest.resourceName) {
         return `${manifest.resourceName}_${manifest.resourceId}`;
     }
-    return manifest.resourceId;
+    return manifest.resourceId.toString();
 }
 exports.getEntryKeyFromManifest = getEntryKeyFromManifest;

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

@@ -143,21 +143,22 @@ function modify(value) {
 exports.modify = modify;
 function resolveModulePath(modulePath, external) {
     let pattern = null;
+    const path = modulePath.replace(/\\/g, '/');
     if (external) {
-        pattern = [modulePath + '.js', modulePath + '/index.js', modulePath + '.ts', modulePath + '.tsx', modulePath + '/index.ts'];
+        pattern = [path + '.js', path + '/index.js', path + '.ts', path + '.tsx', path + '/index.ts'];
     }
-    else if (modulePath.endsWith('.css')) {
-        pattern = [modulePath + '.ts', modulePath];
+    else if (path.endsWith('.css')) {
+        pattern = [path + '.ts', path];
     }
     else {
-        pattern = [modulePath + '.ts', modulePath + '.tsx', modulePath + '/index.ts'];
+        pattern = [path + '.ts', path + '.tsx', path + '/index.ts'];
     }
-    const result = (0, globby_1.sync)(pattern);
+    const result = (0, globby_1.globbySync)(pattern);
     if (result.length == 1) {
         return result[0];
     }
     if (result.length > 1) {
-        if (modulePath.endsWith('.css')) {
+        if (path.endsWith('.css')) {
             // priority typestyle
             let filePath = result.find(p => p.endsWith('.css.ts'));
             // then raw css

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

@@ -10,8 +10,13 @@ function createWebpackConfig(entries, option) {
     let bundleOptions = bundler.getBuildOption().bundleOptions;
     let outputDir = envUtils.getBundleOutputDirPath().replace(envUtils.getRootDirPath(), '');
     if (bundleOptions && bundleOptions.commonsChunk) {
-        let config = bundler.createVueWebpackConfig(null, entries, outputDir, false, option);
-        config.stats = 'errors-only';
+        let config = bundler.createVueWebpackConfig(null, entries, outputDir, option);
+        config.stats = {
+            entrypoints: false,
+            chunks: false,
+            modules: true,
+            children: true
+        };
         config.watchOptions = {
             aggregateTimeout: 200
         };
@@ -21,7 +26,7 @@ function createWebpackConfig(entries, option) {
         configs = Object.keys(entries).map(key => {
             var entry = {};
             entry[key] = entries[key];
-            let config = bundler.createVueWebpackConfig(entry, entries, outputDir, false, option);
+            let config = bundler.createVueWebpackConfig(entry, entries, outputDir, option);
             config.stats = 'errors-only';
             config.watchOptions = {
                 aggregateTimeout: 200