vue-template-babel-compiler - npm Package Compare versions

Comparing version 0.4.1 to 0.5.0-0

dist/index.js

 'use strict';
 
-var t$2 = require('@babel/types');
-
-var vueModelName = '_vm';
-var createEleName = '_h';
-var renderFuncName = '_c';
-var WithStatementReplaceComment = '__VUE_TEMPLATE_BABEL_COMPILER_WITH_PLACEHOLDER__';
-function parseWithStatementToVm() {
-  return {
-    visitor: {
-      WithStatement(path) {
-        var withStatementReturnBody = path.node.body.body[0];
-        t$2.addComment(withStatementReturnBody, "leading", WithStatementReplaceComment);
-        path.replaceWithMultiple([withStatementReturnBody]);
-      }
-
-    }
-  };
-}
-
 // allowed globals in Vue render functions.
 // same as in src/core/instance/proxy.js
+// TODO use Array
+// TODO add option to customize
 var names = 'BigInt,' + // new es syntax
 'Infinity,undefined,NaN,isFinite,isNaN,' + 'parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,' + 'Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,' + 'require,' + // for webpack
 'arguments,' + // parsed as identifier but is a special keyword...
-'_h,_c'; // cached to save property access (_c for ^2.1.5)
+'_vm,_h,_c'; // cached to save property access (_c for ^2.1.5)
 
@@ -41,31 +24,4 @@ var hash = Object.create(null);
 
-var RENDER_NAME = '__render__';
-var STATIC_RENDER_FNS_NAME = '__staticRenderFns__';
-var REST_PARAM_HELPER_FUNC_NAMES = [// TODO notFunctionDeclare
-'_objectWithoutProperties', '_objectWithoutPropertiesLoose'];
-var PRESERVE_NAMES = [vueModelName, renderFuncName, createEleName, ...REST_PARAM_HELPER_FUNC_NAMES, // TODO notGlobalVar
-'_excluded'];
-
-function notPreserveName(nodeName) {
-  return !PRESERVE_NAMES.includes(nodeName);
-}
-
-function isRenderFunc(node) {
-  var _node$id;
-
-  if (!node) return;
-  var name = (_node$id = node.id) === null || _node$id === void 0 ? void 0 : _node$id.name;
-  return t$1.isVariableDeclarator(node) && (name === RENDER_NAME || name === STATIC_RENDER_FNS_NAME);
-}
-
-function withinRenderFunc(path) {
-  while (path && path.node && !t$1.isProgram(path.node) && !isRenderFunc(path.node)) {
-    path = path.parentPath;
-  }
-
-  return isRenderFunc(path.node);
-}
-
 function shouldPrependVmNew(path) {
-  var _scope$block$params;
+  var _scope$path, _scope$block$params;
 
@@ -77,7 +33,9 @@ var parent = path.parent;
 
-  if (!t$1.isProgram(scope.path) && !(t$1.isVariableDeclarator(parent) && nodeName === RENDER_NAME) && notPreserveName(nodeName) && withinRenderFunc(scope.path) // not id of a Declaration:
+  if ( // not function parameter destructuring
+  ((_scope$path = scope.path) === null || _scope$path === void 0 ? void 0 : _scope$path.listKey) !== 'params' // not a id of a Declaration:
   && !t$1.isVariableDeclarator(parent) // not a params of a function
-  && !(t$1.isFunctionExpression(parent) && parent.params.indexOf(node) > -1) // not a key of Property
-  && !(t$1.isObjectProperty(parent) && path.parent.key === node) // not a property of a MemberExpression
-  && !(t$1.isMemberExpression(parent) && path.parent.property === node) // not in an Array destructure pattern
+  && !(t$1.isFunctionExpression(parent) && parent.params.indexOf(node) > -1) // not a property of OptionalMemberExpression
+  && !(t$1.isOptionalMemberExpression(parent) && parent.property === node) // not a key of Property
+  && !(t$1.isObjectProperty(parent) && parent.key === node) // not a property of a MemberExpression
+  && !(t$1.isMemberExpression(parent) && parent.property === node) // not in an Array destructure pattern
   && !t$1.isArrayPattern(parent) // not in an Object destructure pattern
@@ -92,12 +50,25 @@ && !t$1.isObjectPattern(parent.parent) // skip globals + commonly used shorthands
 
-var babel$1 = require("@babel/core");
+var vueModelName = '_vm';
+var WithStatementReplaceComment = '__VUE_TEMPLATE_BABEL_COMPILER_WITH_PLACEHOLDER__';
 
-var t = babel$1.types;
-function prependVm() {
+var t = require('@babel/types');
+
+var nestedVisitor = {
+  Identifier(path) {
+    if (shouldPrependVmNew(path)) {
+      path.replaceWith(t.memberExpression(t.identifier(vueModelName), path.node));
+    }
+  }
+
+};
+function parseWithStatementToVm() {
   return {
     visitor: {
-      Identifier(path) {
-        if (shouldPrependVmNew(path)) {
-          path.replaceWith(t.memberExpression(t.identifier(vueModelName), path.node));
-        }
+      WithStatement(path) {
+        // only traverse children ast of `with(this) {...}` part,
+        // just like the `identifier.program.inWith` of bubble's logic
+        path.traverse(nestedVisitor);
+        var withStatementReturnBody = path.node.body.body[0];
+        t.addComment(withStatementReturnBody, "leading", WithStatementReplaceComment);
+        path.replaceWithMultiple([withStatementReturnBody]);
       }
@@ -124,12 +95,6 @@
     sourceType: 'script',
-    assumptions: {
-      setSpreadProperties: true
-    },
-    plugins: ['@babel/plugin-proposal-optional-chaining', '@babel/plugin-transform-block-scoping', '@babel/plugin-transform-destructuring', ['@babel/plugin-proposal-object-rest-spread', {
-      useBuiltIns: true
-    }], '@babel/plugin-transform-spread', '@babel/plugin-transform-arrow-functions', '@babel/plugin-transform-parameters', parseWithStatementToVm, prependVm]
+    plugins: ['@babel/plugin-proposal-optional-chaining', '@babel/plugin-transform-block-scoping', '@babel/plugin-transform-destructuring', '@babel/plugin-transform-spread', '@babel/plugin-transform-arrow-functions', '@babel/plugin-transform-parameters', parseWithStatementToVm]
   });
-  output.code = output.code.replace(matchWithRegex, 'var _vm=this;\nvar _h=_vm.$createElement;\nvar _c=_vm._self._c||_h;\n'); // console.log(output.code)
-
+  output.code = output.code.replace(matchWithRegex, 'var _vm=this;\nvar _h=_vm.$createElement;\nvar _c=_vm._self._c||_h;\n');
   return output.code;
 };

package.json

@@ -28,3 +28,3 @@ {
     "np": "^7.5.0",
-    "rollup": "^2.52.1",
+    "rollup": "^2.53.0",
     "vue": "^2.6.0",
@@ -35,3 +35,2 @@ "vue-template-compiler": "^2.6.0"
     "@babel/core": "^7.14.3",
-    "@babel/plugin-proposal-object-rest-spread": "^7.14.5",
     "@babel/plugin-proposal-optional-chaining": "^7.14.2",
@@ -38,0 +37,0 @@ "@babel/plugin-transform-arrow-functions": "^7.14.5",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Dependency count

8

decreased by-11.11%

Worsened metrics

Total package byte prevSize

7367

decreased by-11.41%

Lines of code

81

decreased by-24.3%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• - Removed@babel/plugin-proposal-object-rest-spread@^7.14.5

• - Removed@babel/plugin-proposal-object-rest-spread@7.20.7(transitive)

• - Removed@babel/plugin-syntax-object-rest-spread@7.8.3(transitive)