@vue/component-compiler-utils - npm Package Compare versions

Comparing version 2.5.2 to 2.6.0

CHANGELOG.md

@@ -0,1 +1,10 @@
+# [2.6.0](https://github.com/vuejs/component-compiler-utils/compare/v2.5.2...v2.6.0) (2019-02-21)
+
+
+### Features
+
+* implement ::v-deep as a shadow piercing combinator ([#54](https://github.com/vuejs/component-compiler-utils/issues/54)) ([8b2c646](https://github.com/vuejs/component-compiler-utils/commit/8b2c646))
+
+
+
 ## [2.5.2](https://github.com/vuejs/component-compiler-utils/compare/v2.5.0...v2.5.2) (2019-01-31)
@@ -2,0 +11,0 @@

dist/compileStyle.js

 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const postcss = require('postcss');
-const trim_1 = require("./stylePlugins/trim");
-const scoped_1 = require("./stylePlugins/scoped");
+const trim_1 = __importDefault(require("./stylePlugins/trim"));
+const scoped_1 = __importDefault(require("./stylePlugins/scoped"));
 const styleProcessors_1 = require("./styleProcessors");
@@ -7,0 +10,0 @@ function compileStyle(options) {

dist/compileTemplate.js

 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const assetUrl_1 = require("./templateCompilerModules/assetUrl");
-const srcset_1 = require("./templateCompilerModules/srcset");
+const assetUrl_1 = __importDefault(require("./templateCompilerModules/assetUrl"));
+const srcset_1 = __importDefault(require("./templateCompilerModules/srcset"));
 const consolidate = require('consolidate');
@@ -6,0 +9,0 @@ const transpile = require('vue-template-es2015-compiler');

dist/stylePlugins/scoped.js

 "use strict";
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+    result["default"] = mod;
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const postcss = require("postcss");
+const postcss = __importStar(require("postcss"));
 // postcss-selector-parser does have typings but it's problematic to work with.
@@ -26,2 +33,3 @@ const selectorParser = require('postcss-selector-parser');
                 let node = null;
+                // find the last child node to insert attribute selector
                 selector.each((n) => {
@@ -36,2 +44,7 @@ // ">>>" combinator
                     }
+                    // in newer versions of sass, /deep/ support is also dropped, so add a ::v-deep alias
+                    if (n.type === 'pseudo' && n.value === '::v-deep') {
+                        n.value = n.spaces.before = n.spaces.after = '';
+                        return false;
+                    }
                     if (n.type !== 'pseudo' && n.type !== 'combinator') {
@@ -38,0 +51,0 @@ node = n;

dist/stylePlugins/trim.js

 "use strict";
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
+    result["default"] = mod;
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const postcss = require("postcss");
+const postcss = __importStar(require("postcss"));
 exports.default = postcss.plugin('trim', () => (css) => {
@@ -5,0 +12,0 @@ css.walk(({ type, raws }) => {

lib/stylePlugins/scoped.ts

@@ -27,2 +27,3 @@ import { Root } from 'postcss'
 
+        // find the last child node to insert attribute selector
         selector.each((n: any) => {
@@ -39,2 +40,9 @@ // ">>>" combinator
           }
+
+          // in newer versions of sass, /deep/ support is also dropped, so add a ::v-deep alias
+          if (n.type === 'pseudo' && n.value === '::v-deep') {
+            n.value = n.spaces.before = n.spaces.after = ''
+            return false
+          }
+
           if (n.type !== 'pseudo' && n.type !== 'combinator') {
@@ -41,0 +49,0 @@ node = n

package.json

 {
   "name": "@vue/component-compiler-utils",
-  "version": "2.5.2",
+  "version": "2.6.0",
   "description": "Lower level utilities for compiling Vue single file components",
@@ -42,3 +42,3 @@ "main": "dist/index.js",
     "conventional-changelog-cli": "^2.0.11",
-    "jest": "^22.4.2",
+    "jest": "^24.0.0",
     "less": "^3.9.0",
@@ -49,6 +49,6 @@ "lint-staged": "^8.1.1",
     "stylus": "^0.54.5",
-    "ts-jest": "^22.4.2",
-    "typescript": "^2.7.2",
-    "vue": "^2.5.22",
-    "vue-template-compiler": "^2.5.22",
+    "ts-jest": "^24.0.0",
+    "typescript": "^3.3.0",
+    "vue": "^2.6.6",
+    "vue-template-compiler": "^2.6.6",
     "yorkie": "^2.0.0"
@@ -65,4 +65,4 @@ },
     "source-map": "~0.6.1",
-    "vue-template-es2015-compiler": "^1.8.2"
+    "vue-template-es2015-compiler": "^1.9.0"
   }
 }

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

68197

increased by2.96%

Lines of code

1627

increased by2.01%

Worsened metrics

Number of low supply chain risk alerts

3

increased by50%

Dependency changes

• Updatedvue-template-es2015-compiler@^1.9.0