@omnia/tooling-vue 8.0.495-dev → 8.0.496-dev

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

@@ -14,6 +14,7 @@ exports.addDependency = addDependency;
 const tslib_1 = require("tslib");
 const path_1 = tslib_1.__importDefault(require("path"));
 const del_1 = tslib_1.__importDefault(require("del"));
+const clean_css_1 = tslib_1.__importDefault(require("clean-css"));
 const fsExtra = tslib_1.__importStar(require("fs-extra"));
 const globby_1 = require("globby");
 const terser_1 = require("terser");
@@ -633,6 +634,7 @@ function minifyBundles() {
         if (process.argv.length > 0 && process.argv.find(argv => argv === "--minify") !== undefined) {
             let startTime = new Date().getTime();
             $.tooling.log('Minify bundles running...');
+            const cleanCSS = new clean_css_1.default();
             const jsPaths = (0, globby_1.globbySync)([`${$.tooling.utils.root($.tooling.composer.OmniaOutput.OutputBundlePath).replace(/\\/g, "/")}/*.js`]);
             let promises = [];
             jsPaths.forEach(filePath => {
@@ -647,12 +649,22 @@ function minifyBundles() {
                                 content = content.replace(new RegExp(vendorProdId, "g"), o$.enums.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, {
+                            const minified = await (0, terser_1.minify)(content, {
                                 sourceMap: false,
-                                ecma: 2020 // will remove es5 when not support IE 11
+                                ecma: 2020
                             });
                             await fsExtra.writeFile(outFileName, minified.code, 'utf8');
                             $.tooling.log(`Minify Js Done -> ${filePath}`);
+                            // check if exist css files to minify
+                            const cssFilePath = `${filePath.substring(0, filePath.length - 3)}.css`;
+                            if (fsExtra.existsSync(cssFilePath)) {
+                                $.tooling.log(`Minify Css -> ${cssFilePath}`);
+                                let content = fsExtra.readFileSync(cssFilePath, 'utf8');
+                                const output = cleanCSS.minify(content);
+                                const minifiedCssFilePath = `${filePath.substring(0, filePath.length - 3)}.min.css`;
+                                await fsExtra.writeFile(minifiedCssFilePath, output.styles, 'utf8');
+                                $.tooling.log(`Minify Css Done -> ${minifiedCssFilePath}`);
+                            }
                         }
                         resolve();
                     }
@@ -1768,34 +1780,8 @@ function prefixCssSelector() {
     ];
     return require('postcss-prefix-selector')({
         prefix: '.v-application',
-        //exclude: [/.v-tooltip__content/, /.v-menu__content/],
-        //exclude: [/.v-select/],
         transform: function (prefix, selector, prefixedSelector) {
             return selector;
-            // temp comment out prefix rule below to testing with vuetify 3 in omnia page first.
-            // // Only apply html/body rule in omnia page.
-            // if (selector === "html" || selector === "body") {
-            //     return `${selector}[data-omfx]`;
-            // }
-            // // exclude rule .v-application for web component
-            // if (selector === '.v-application') {
-            //     return 'html .v-application:not([data-omwc])'
-            // }
-            // // fix issue <v-menu content-class="v-application" 
-            // if (selector === '.v-menu__content') {
-            //     return 'html div.v-menu__content:not([data-omwc])'
-            // }
-            // if (selector.indexOf('.theme--light') === 0
-            //     || selector.indexOf('.theme--dark') === 0
-            //     || selector.indexOf('.v-application--is') > -1
-            //     || selector.indexOf('.v-tooltip__content') > -1
-            //     || selector.indexOf('.v-overlay-container') > -1
-            //     || selector.indexOf('.v-menu__content') > -1
-            //     || selector.indexOf('.v-dialog__content') > -1) {
-            //     //console.log(selector)
-            //     return `html ${selector}`;
-            // }
-            // return `[data-omfx] ${selector}, .v-menu__content ${selector}, .v-overlay-container ${selector}, .v-tooltip__content ${selector}, .v-dialog__content ${selector}`
         }
     });
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/tooling-vue",
   "license": "MIT",
-  "version": "8.0.495-dev",
+  "version": "8.0.496-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": "Omnia Digital Workplace AB",
   "dependencies": {
-    "@omnia/fx-models": "8.0.495-dev",
-    "@omnia/tooling-composers": "8.0.495-dev",
+    "@omnia/fx-models": "8.0.496-dev",
+    "@omnia/tooling-composers": "8.0.496-dev",
     "@types/mousetrap": "1.5.34",
     "@types/quill": "1.3.6",
     "@types/zepto": "1.0.29",
@@ -34,7 +34,8 @@
     "css-loader": "5.0.1",
     "file-loader": "6.2.0",
     "json-parse-better-errors": "1.0.2",
-    "terser": "5.17.1",
+    "terser": "5.43.1",
+    "clean-css": "5.3.3",
     "less-loader": "10.2.0",
     "mini-css-extract-plugin": "1.3.3",
     "postcss-loader": "7.2.4",