@omnia/tooling-vue 8.0.93-vnext → 8.0.94-dev

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

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const $ = tslib_1.__importStar(require("../variables"));
 const ts_loader_1 = tslib_1.__importDefault(require("../webpack-loaders/ts-loader"));
+const fsExtra = tslib_1.__importStar(require("fs-extra"));
 const ExtractTextPlugin = require('mini-css-extract-plugin');
-const fsExtra = require('fs-extra');
 const extractCSS = new ExtractTextPlugin({
     filename: "omnia.vendor.css",
 });
@@ -70,7 +70,7 @@ $.webpack({
         }
     },
     plugins: [
-        new $.webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /ignore/),
+        new $.webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /ignore/), // we will load moment localize from cdn/localize
         extractCSS,
         new $.omniaWebpackPlugins.NamedModulesPlugin(),
         new $.omniaWebpackPlugins.ModifyContent([
@@ -118,7 +118,7 @@ $.webpack({
         var manifestPath = $.path.resolve(__dirname, "../config/omnia.shared.vendor.manifest.json");
         var manifestJson = require(manifestPath);
         manifestJson.content["./node_modules/webpack/buildin/module.js"] = undefined;
-        $.fs.writeFileSync(manifestPath, JSON.stringify(manifestJson));
+        fsExtra.writeFileSync(manifestPath, JSON.stringify(manifestJson));
         $.tooling.log('omnia shared vendor generated');
     }
 });
@@ -173,8 +173,10 @@ $.webpack({
     },
     entry: {
         vendor: [
+            "@stylexjs/stylex",
             "tslib",
             "./client/fx/vue/VueBundler",
+            "lodash.isequal",
             "typestyle",
             "csx",
             "zepto-webpack",
@@ -186,15 +188,17 @@ $.webpack({
             'dayjs/plugin/duration',
             'dayjs/plugin/relativeTime',
             "dayjs/locale/da.js",
-            "dayjs/locale/pl.js",
-            "dayjs/locale/fr.js",
             "dayjs/locale/de.js",
             "dayjs/locale/et.js",
-            "dayjs/locale/lv.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"
         ]
@@ -208,7 +212,7 @@ $.webpack({
         }
     },
     plugins: [
-        new $.webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /ignore/),
+        new $.webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /ignore/), // we will load moment localize from cdn/localize
         extractCSS,
         new $.omniaWebpackPlugins.NamedModulesPlugin(),
         new $.omniaWebpackPlugins.ModifyContent([
@@ -270,7 +274,7 @@ return key;
         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));
+        fsExtra.writeFileSync(manifestPath, JSON.stringify(manifestJson));
         $.tooling.log('omnia vendor devlopment generated');
     }
 });
@@ -325,8 +329,10 @@ $.webpack({
     },
     entry: {
         vendor: [
+            "@stylexjs/stylex",
             "tslib",
             "./client/fx/vue/VueBundler",
+            "lodash.isequal",
             "typestyle",
             "csx",
             "zepto-webpack",
@@ -358,7 +364,7 @@ $.webpack({
         }
     },
     plugins: [
-        new $.webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /ignore/),
+        new $.webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /ignore/), // we will load moment localize from cdn/localize
         extractCSS,
         new $.omniaWebpackPlugins.NamedModulesPlugin(),
         new $.omniaWebpackPlugins.ModifyContent([
@@ -420,7 +426,7 @@ return key;
         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));
+        fsExtra.writeFileSync(manifestPath, JSON.stringify(manifestJson));
         $.tooling.log('omnia vendor prod generated');
     }
 });
@@ -492,7 +498,7 @@ $.webpack({
         }
     },
     plugins: [
-        new $.webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /ignore/),
+        new $.webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /ignore/), // we will load moment localize from cdn/localize
         extractCSS,
         new $.omniaWebpackPlugins.NamedModulesPlugin(),
         new $.omniaWebpackPlugins.ModifyContent([
@@ -540,7 +546,7 @@ $.webpack({
         var manifestPath = $.path.resolve(__dirname, "../config/omnia.worker.vendor.manifest.json");
         var manifestJson = require(manifestPath);
         manifestJson.content["./node_modules/webpack/buildin/module.js"] = undefined;
-        $.fs.writeFileSync(manifestPath, JSON.stringify(manifestJson));
+        fsExtra.writeFileSync(manifestPath, JSON.stringify(manifestJson));
         $.tooling.log('omnia worker vendor generated');
     }
 });

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

@@ -11,6 +11,7 @@ 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 = [
@@ -152,7 +153,7 @@ async function buildFileGraph(unknownId, code) {
         return { fileGraph, code };
     }
     fileGraph.js.scanned = true;
-    code = (0, shared_1.replaceWebComponentNamespaceMapping)(code);
+    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
@@ -165,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/plugins/OmniaPlugin.js

@@ -20,7 +20,7 @@ function omniaPlugin(options) {
             'vue': 'vue/dist/vue.runtime.esm-bundler.js',
             // 'vue-class-component': 'vue-class-component/dist/vue-class-component.esm.js',
             // 'vue-property-decorator': 'vue-property-decorator/lib/vue-property-decorator.js',
-            'vue-virtual-scroller': 'vue-virtual-scroller/dist/vue-virtual-scroller.esm.js',
+            // 'vue-virtual-scroller': 'vue-virtual-scroller/dist/vue-virtual-scroller.esm.js',
             'typestyle': 'typestyle/lib.es2015/index.js',
             'dayjs': 'dayjs/dayjs.min.js',
             // '@tiptap/core': '@tiptap/core/dist/index.js',

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

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

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const path_1 = tslib_1.__importDefault(require("path"));
+const doc_1 = require("../tasks/doc");
+function default_1(content, context) {
+    const filePath = "./" + path_1.default.relative(process.cwd(), this.resourcePath).replace(/\\/g, "/");
+    content = (0, doc_1.importSnippetCode)(content, filePath);
+    return content;
+}
+exports.default = default_1;

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

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

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function default_1(content, context) {
+    if (!content) {
+        // console.log(this.resourcePath)
+        return "export {}";
+    }
+    return content;
+}
+exports.default = default_1;

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

@@ -1,6 +1,9 @@
 export default function (): {
     test: RegExp;
-    use: {
+    use: ({
+        loader: any;
+        options?: undefined;
+    } | {
         loader: string;
         options: {
             loader: string;
@@ -13,5 +16,5 @@ export default function (): {
                 };
             };
         };
-    }[];
+    })[];
 }[];

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

@@ -1,10 +1,15 @@
 'use strict';
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const $ = tslib_1.__importStar(require("../variables"));
 var path = require('path');
 function default_1() {
     return [{
             test: /\.ts$/,
             use: [
+                {
+                    loader: path.resolve(__dirname, $.isExtensionEnv ? './esbuild-custom-loader.js' : './esbuild-custom-loader.ts'),
+                },
                 {
                     loader: 'esbuild-loader',
                     options: {
@@ -18,6 +23,9 @@ function default_1() {
                             }
                         }
                     },
+                },
+                {
+                    loader: path.resolve(__dirname, $.isExtensionEnv ? './doc-loader.js' : './doc-loader.ts'),
                 }
             ]
         }];

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

@@ -8,6 +8,9 @@ export default function (): {
             plugins: any[];
             presets: string[][];
         };
+    } | {
+        loader: any;
+        options?: undefined;
     } | {
         loader: string;
         options: {
@@ -22,8 +25,5 @@ export default function (): {
                 };
             };
         };
-    } | {
-        loader: any;
-        options?: undefined;
     })[];
 }[];

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

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

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

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

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

@@ -1,7 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const path_1 = tslib_1.__importDefault(require("path"));
 const shared_1 = require("../shared");
 function default_1(content, context) {
-    return (0, shared_1.replaceWebComponentNamespaceMapping)(content);
+    const filePath = "./" + path_1.default.relative(process.cwd(), this.resourcePath).replace(/\\/g, "/");
+    content = (0, shared_1.modifyComponent)(content, filePath);
+    return content;
 }
 exports.default = default_1;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/tooling-vue",
   "license": "MIT",
-  "version": "8.0.93-vnext",
+  "version": "8.0.94-dev",
   "description": "Used to bundle and serve manifests web component that build on Vue framework.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -19,8 +19,8 @@
   ],
   "author": "Precio Fishbone",
   "dependencies": {
-    "@omnia/fx-models": "8.0.93-vnext",
-    "@omnia/tooling-composers": "8.0.93-vnext",
+    "@omnia/fx-models": "8.0.94-dev",
+    "@omnia/tooling-composers": "8.0.94-dev",
     "@types/mousetrap": "1.5.34",
     "@types/quill": "1.3.6",
     "@types/zepto": "1.0.29",
@@ -32,7 +32,7 @@
     "console-timestamp": "0.3.0",
     "css-loader": "5.0.1",
     "file-loader": "6.2.0",
-    "null-loader": "4.0.1",
+    "json-parse-better-errors": "1.0.2",
     "terser": "5.17.1",
     "less-loader": "10.2.0",
     "mini-css-extract-plugin": "1.3.3",
@@ -45,7 +45,7 @@
     "prettier": "1.17.0",
     "typestyle": "2.4.0",
     "url-loader": "4.1.1",
-    "webpack": "5.82.0",
+    "webpack": "5.89.0",
     "webpack-core": "0.6.9",
     "webpack-dev-middleware": "5.3.1",
     "webpack-merge": "5.8.0",
@@ -56,11 +56,12 @@
     "es6-promise": "4.2.4",
     "hash-sum": "1.0.2",
     "lodash": "4.17.21",
-    "vite": "4.4.1",
-    "vite-plugin-inspect": "0.7.32",
+    "vite": "5.0.10",
+    "vite-plugin-inspect": "0.8.1",
     "appdata-path": "1.0.0",
-    "json-parse-better-errors": "1.0.2",
-    "url": "0.11.0"
+    "url": "0.11.0",
+    "@stylexjs/webpack-plugin": "0.4.1"
+
   },
   "bugs": {
     "url": "https://github.com/preciofishbone/OmniaFx/issues"