@lwc/babel-plugin-component 2.9.0 → 2.10.0

package/package.json

@@ -10,7 +10,7 @@
     "bugs": {
         "url": "https://github.com/salesforce/lwc/issues"
     },
-    "version": "2.9.0",
+    "version": "2.10.0",
     "main": "src/index.js",
     "typings": "types/index.d.ts",
     "license": "MIT",
@@ -21,7 +21,8 @@
     ],
     "dependencies": {
         "@babel/helper-module-imports": "~7.16.7",
-        "@lwc/errors": "2.9.0",
+        "@lwc/errors": "2.10.0",
+        "@lwc/shared": "2.10.0",
         "line-column": "~1.0.2"
     },
     "devDependencies": {

package/src/compiler-version-number.js

@@ -0,0 +1,33 @@
+/*
+ * Copyright (c) 2018, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+const { LWC_VERSION_COMMENT } = require('@lwc/shared');
+
+module.exports = function compilerVersionNumber({ types: t }) {
+    return {
+        ClassBody(path) {
+            if (path.parent.superClass === null) {
+                // Components *must* extend from either LightningElement or some other superclass (e.g. a mixin).
+                // We can skip classes without a superclass to avoid adding unnecessary comments.
+                return;
+            }
+            // If the class body is empty, we want an inner comment. Otherwise we want it after the last child
+            // of the class body. In either case, we want it right before the `}` at the end of the function body.
+            if (path.node.body.length > 0) {
+                // E.g. `class Foo extends Lightning Element { /*LWC compiler v1.2.3*/ }`
+                t.addComment(
+                    path.node.body[path.node.body.length - 1],
+                    'trailing',
+                    LWC_VERSION_COMMENT,
+                    /* line */ false
+                );
+            } else {
+                // E.g. `class Foo extends Lightning Element { bar = 'baz'; /*LWC compiler v1.2.3*/ }`
+                t.addComment(path.node, 'inner', LWC_VERSION_COMMENT, /* line */ false);
+            }
+        },
+    };
+};

package/src/index.js

@@ -15,6 +15,7 @@ const {
 } = require('./decorators');
 const dedupeImports = require('./dedupe-imports');
 const dynamicImports = require('./dynamic-imports');
+const compilerVersionNumber = require('./compiler-version-number');
 const { generateError, getEngineImportSpecifiers } = require('./utils');
 
 /**
@@ -26,6 +27,7 @@ module.exports = function LwcClassTransform(api) {
     const { ExportDefaultDeclaration: transformCreateRegisterComponent } = component(api);
     const { Class: transformDecorators } = decorators(api);
     const { Import: transformDynamicImports } = dynamicImports(api);
+    const { ClassBody: addCompilerVersionNumber } = compilerVersionNumber(api);
 
     return {
         manipulateOptions(opts, parserOpts) {
@@ -73,6 +75,10 @@ module.exports = function LwcClassTransform(api) {
                 transformDecorators(path);
             },
 
+            ClassBody(path) {
+                addCompilerVersionNumber(path);
+            },
+
             ExportDefaultDeclaration(path, state) {
                 transformCreateRegisterComponent(path, state);
             },