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

Comparing version 2.3.1 to 2.4.0

CHANGELOG.md

@@ -0,1 +1,24 @@
+# [2.4.0](https://github.com/vuejs/component-compiler-utils/compare/v2.0.0...v2.4.0) (2019-01-02)
+
+
+### Bug Fixes
+
+* do not insert newline if style is already minified ([2603ee2](https://github.com/vuejs/component-compiler-utils/commit/2603ee2))
+* Forward preprocessor options to less ([#25](https://github.com/vuejs/component-compiler-utils/issues/25)) ([3b19c1e](https://github.com/vuejs/component-compiler-utils/commit/3b19c1e)), closes [#24](https://github.com/vuejs/component-compiler-utils/issues/24)
+* Move trim and scoped postcss plugins at the start of plugin list ([#36](https://github.com/vuejs/component-compiler-utils/issues/36)) ([0d52d86](https://github.com/vuejs/component-compiler-utils/commit/0d52d86))
+* pin prettier version ([5f138a6](https://github.com/vuejs/component-compiler-utils/commit/5f138a6))
+* remove space after selector when inserting scoped attribute ([5b299ed](https://github.com/vuejs/component-compiler-utils/commit/5b299ed)), closes [vue-loader/#1370](https://github.com/vuejs/component-compiler-utils/issues/1370)
+* should work with variable named render (close [#23](https://github.com/vuejs/component-compiler-utils/issues/23)) ([273827b](https://github.com/vuejs/component-compiler-utils/commit/273827b))
+* support standalone pseudo element selectors ([#33](https://github.com/vuejs/component-compiler-utils/issues/33)) ([d6cfbbf](https://github.com/vuejs/component-compiler-utils/commit/d6cfbbf))
+* Typings for SFCDescriptor and SFCCustomBlock ([#29](https://github.com/vuejs/component-compiler-utils/issues/29)) ([bb09115](https://github.com/vuejs/component-compiler-utils/commit/bb09115))
+
+
+### Features
+
+* **scoped-css:** support leading >>> or /deep/ in selectors ([1a3b5bb](https://github.com/vuejs/component-compiler-utils/commit/1a3b5bb))
+* add `prettify ` option ([#42](https://github.com/vuejs/component-compiler-utils/issues/42)) ([db3655b](https://github.com/vuejs/component-compiler-utils/commit/db3655b))
+* Support `stylus` as `<style>` lang ([#18](https://github.com/vuejs/component-compiler-utils/issues/18)) ([986084e](https://github.com/vuejs/component-compiler-utils/commit/986084e))
+
+
+
 <a name="2.3.1"></a>
@@ -2,0 +25,0 @@ ## [2.3.1](https://github.com/vuejs/component-compiler-utils/compare/v2.3.0...v2.3.1) (2018-12-11)

dist/compileTemplate.d.ts

@@ -15,2 +15,3 @@ import { VueTemplateCompiler, VueTemplateCompilerOptions } from './types';
     optimizeSSR?: boolean;
+    prettify?: boolean;
 }
@@ -17,0 +18,0 @@ export interface TemplateCompileResult {

dist/compileTemplate.js

@@ -5,3 +5,2 @@ "use strict";
 const srcset_1 = require("./templateCompilerModules/srcset");
-const prettier = require('prettier');
 const consolidate = require('consolidate');
@@ -54,3 +53,3 @@ const transpile = require('vue-template-es2015-compiler');
 function actuallyCompile(options) {
-    const { source, compiler, compilerOptions = {}, transpileOptions = {}, transformAssetUrls, isProduction = process.env.NODE_ENV === 'production', isFunctional = false, optimizeSSR = false } = options;
+    const { source, compiler, compilerOptions = {}, transpileOptions = {}, transformAssetUrls, isProduction = process.env.NODE_ENV === 'production', isFunctional = false, optimizeSSR = false, prettify = true } = options;
     const compile = optimizeSSR && compiler.ssrCompile ? compiler.ssrCompile : compiler.compile;
@@ -99,3 +98,8 @@ let finalCompilerOptions = compilerOptions;
             code += `render._withStripped = true`;
-            code = prettier.format(code, { semi: false, parser: 'babylon' });
+            if (prettify) {
+                code = require('prettier').format(code, {
+                    semi: false,
+                    parser: 'babylon'
+                });
+            }
         }
@@ -102,0 +106,0 @@ return {

dist/stylePlugins/scoped.js

@@ -28,3 +28,5 @@ "use strict";
                     // ">>>" combinator
-                    if (n.type === 'combinator' && n.value === '>>>') {
+                    // and /deep/ alias for >>>, since >>> doesn't work in SASS
+                    if (n.type === 'combinator' &&
+                        (n.value === '>>>' || n.value === '/deep/')) {
                         n.value = ' ';
@@ -34,11 +36,2 @@ n.spaces.before = n.spaces.after = '';
                     }
-                    // /deep/ alias for >>>, since >>> doesn't work in SASS
-                    if (n.type === 'tag' && n.value === '/deep/') {
-                        const prev = n.prev();
-                        if (prev && prev.type === 'combinator' && prev.value === ' ') {
-                            prev.remove();
-                        }
-                        n.remove();
-                        return false;
-                    }
                     if (n.type !== 'pseudo' && n.type !== 'combinator') {
@@ -45,0 +38,0 @@ node = n;

lib/compileTemplate.ts

@@ -8,3 +8,2 @@ import { VueTemplateCompiler, VueTemplateCompilerOptions } from './types'
 
-const prettier = require('prettier')
 const consolidate = require('consolidate')
@@ -25,2 +24,3 @@ const transpile = require('vue-template-es2015-compiler')
   optimizeSSR?: boolean
+  prettify?: boolean
 }
@@ -108,3 +108,4 @@
     isFunctional = false,
-    optimizeSSR = false
+    optimizeSSR = false,
+    prettify = true
   } = options
@@ -169,3 +170,9 @@
       code += `render._withStripped = true`
-      code = prettier.format(code, { semi: false, parser: 'babylon' })
+
+      if (prettify) {
+        code = require('prettier').format(code, {
+          semi: false,
+          parser: 'babylon'
+        })
+      }
     }
@@ -172,0 +179,0 @@

lib/stylePlugins/scoped.ts

@@ -29,3 +29,7 @@ import { Root } from 'postcss'
           // ">>>" combinator
-          if (n.type === 'combinator' && n.value === '>>>') {
+          // and /deep/ alias for >>>, since >>> doesn't work in SASS
+          if (
+            n.type === 'combinator' &&
+            (n.value === '>>>' || n.value === '/deep/')
+          ) {
             n.value = ' '
@@ -35,11 +39,2 @@ n.spaces.before = n.spaces.after = ''
           }
-          // /deep/ alias for >>>, since >>> doesn't work in SASS
-          if (n.type === 'tag' && n.value === '/deep/') {
-            const prev = n.prev()
-            if (prev && prev.type === 'combinator' && prev.value === ' ') {
-              prev.remove()
-            }
-            n.remove()
-            return false
-          }
           if (n.type !== 'pseudo' && n.type !== 'combinator') {
@@ -46,0 +41,0 @@ node = n

package.json

 {
   "name": "@vue/component-compiler-utils",
-  "version": "2.3.1",
+  "version": "2.4.0",
   "description": "Lower level utilities for compiling Vue single file components",
@@ -40,8 +40,8 @@ "main": "dist/index.js",
     "@types/jest": "^22.2.3",
-    "@types/node": "^9.4.7",
-    "conventional-changelog-cli": "^1.3.22",
+    "@types/node": "^10.12.18",
+    "conventional-changelog-cli": "^2.0.11",
     "jest": "^22.4.2",
-    "less": "^3.0.1",
-    "lint-staged": "^7.2.0",
-    "node-sass": "^4.8.3",
+    "less": "^3.9.0",
+    "lint-staged": "^8.1.0",
+    "node-sass": "^4.11.0",
     "pug": "^2.0.3",
@@ -51,5 +51,5 @@ "stylus": "^0.54.5",
     "typescript": "^2.7.2",
-    "vue": "^2.5.17",
-    "vue-template-compiler": "^2.5.17",
-    "yorkie": "^1.0.3"
+    "vue": "^2.5.21",
+    "vue-template-compiler": "^2.5.21",
+    "yorkie": "^2.0.0"
   },
@@ -61,8 +61,8 @@ "dependencies": {
     "merge-source-map": "^1.1.0",
-    "postcss": "^6.0.20",
-    "postcss-selector-parser": "^3.1.1",
+    "postcss": "^7.0.7",
+    "postcss-selector-parser": "^5.0.0",
     "prettier": "1.13.7",
-    "source-map": "^0.5.6",
+    "source-map": "^0.7.3",
     "vue-template-es2015-compiler": "^1.6.0"
   }
 }

README.md

@@ -93,2 +93,6 @@ # @vue/component-compiler-utils [![Build Status](https://circleci.com/gh/vuejs/component-compiler-utils/tree/master.svg?style=shield)](https://circleci.com/gh/vuejs/component-compiler-utils/)
   optimizeSSR?: boolean   // default: false
+
+  // Whether prettify compiled render function or not (development only)
+  // default: true
+  prettify?: boolean
 }
@@ -95,0 +99,0 @@

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Number of lines in readme file

151

increased by2.72%

Worsened metrics

Total package byte prevSize

63739

decreased by-77.4%

Number of package files

37

decreased by-39.34%

Lines of code

1558

decreased by-30.04%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Addedcssesc@2.0.0(transitive)

• + Addedpicocolors@0.2.1(transitive)

• + Addedpostcss@7.0.39(transitive)

• + Addedpostcss-selector-parser@5.0.0(transitive)

• + Addedsource-map@0.7.4(transitive)

• - Removedansi-styles@3.2.1(transitive)

• - Removedchalk@2.4.2(transitive)

• - Removedcolor-convert@1.9.3(transitive)

• - Removedcolor-name@1.1.3(transitive)

• - Removeddot-prop@5.3.0(transitive)

• - Removedescape-string-regexp@1.0.5(transitive)

• - Removedhas-flag@3.0.0(transitive)

• - Removedis-obj@2.0.0(transitive)

• - Removedpostcss@6.0.23(transitive)

• - Removedpostcss-selector-parser@3.1.2(transitive)

• - Removedsource-map@0.5.7(transitive)

• - Removedsupports-color@5.5.0(transitive)

• Updatedpostcss@^7.0.7

• Updatedpostcss-selector-parser@^5.0.0

• Updatedsource-map@^0.7.3