feat: expose the registered component class as a const declaration to…

… allow hmr hooks for class @W-15890472 (#4271)

* feat: export registered component class via an identifier

this allow swapComponent() hooks to be placed

* test: update snapshot in packages/@lwc/babel-plugin-component/src/__tests__/

* fix: ignore two non-component swap calls

* fix: remove lwc-platform as a downstream dependency

* fix: apply class id transformation across the board, no need for APIVersioning

* fix: address feedback

* fix: check exception message

.nucleus.yaml

@@ -22,7 +22,6 @@ branches:
                 - communities/ui-commerce-components
                 - communities/webruntime
                 - lds/lds-plugins
-                - lwc/lwc-platform
                 - salesforce-experience-platform-emu/komaci
                 - salesforce-experience-platform-emu/locker-pentest-app
                 - salesforce-experience-platform-emu/lwr

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/@api-setter-on-one-class-member-should-not-conflict-with-@api-getter-on-another/expected.js

@@ -21,8 +21,9 @@ _registerDecorators(Test, {
     }
   }
 });
-export default _registerComponent(Test, {
+const __lwc_component_class_internal = _registerComponent(Test, {
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/does-not-throw-error-if-property-name-is-data/expected.js

@@ -11,8 +11,9 @@ _registerDecorators(Test, {
     }
   }
 });
-export default _registerComponent(Test, {
+const __lwc_component_class_internal = _registerComponent(Test, {
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/does-not-throw-if-property-name-prefixed-with-aria/expected.js

@@ -11,8 +11,9 @@ _registerDecorators(Test, {
     }
   }
 });
-export default _registerComponent(Test, {
+const __lwc_component_class_internal = _registerComponent(Test, {
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/single-@api-getter-on-one-class-member-should-not-conflict-with-@api-setter-on-another/expected.js

@@ -22,8 +22,9 @@ _registerDecorators(Test, {
     }
   }
 });
-export default _registerComponent(Test, {
+const __lwc_component_class_internal = _registerComponent(Test, {
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/transform-complex-attributes/expected.js

@@ -31,8 +31,9 @@ _registerDecorators(Text, {
   publicMethods: ["m1"],
   fields: ["privateProp"]
 });
-export default _registerComponent(Text, {
+const __lwc_component_class_internal = _registerComponent(Text, {
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/transform-nested-classes/expected.js

@@ -22,8 +22,9 @@ _registerDecorators(Outer, {
   },
   fields: ["a"]
 });
-export default _registerComponent(Outer, {
+const __lwc_component_class_internal = _registerComponent(Outer, {
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/transform-pairs-of-setter-and-getter/expected.js

@@ -28,8 +28,9 @@ _registerDecorators(Test, {
   },
   fields: ["_a", "_b"]
 });
-export default _registerComponent(Test, {
+const __lwc_component_class_internal = _registerComponent(Test, {
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/transforms-public-getters/expected.js

@@ -13,8 +13,9 @@ _registerDecorators(Test, {
     }
   }
 });
-export default _registerComponent(Test, {
+const __lwc_component_class_internal = _registerComponent(Test, {
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/transforms-public-methods/expected.js

@@ -7,8 +7,9 @@ class Test extends LightningElement {
 _registerDecorators(Test, {
   publicMethods: ["foo"]
 });
-export default _registerComponent(Test, {
+const __lwc_component_class_internal = _registerComponent(Test, {
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/transforms-public-props/expected.js

@@ -11,8 +11,9 @@ _registerDecorators(Test, {
     }
   }
 });
-export default _registerComponent(Test, {
+const __lwc_component_class_internal = _registerComponent(Test, {
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/w-9927596-public-getter-setter-with-duplicate-property/expected.js

@@ -14,8 +14,9 @@ _registerDecorators(Text, {
   },
   fields: ["foo"]
 });
-export default _registerComponent(Text, {
+const __lwc_component_class_internal = _registerComponent(Text, {
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/w-9927596-public-property-with-duplicate-getter-setter/expected.js

@@ -13,8 +13,9 @@ _registerDecorators(Text, {
     }
   }
 });
-export default _registerComponent(Text, {
+const __lwc_component_class_internal = _registerComponent(Text, {
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/component/allow-to-remap-the-import-to-lightningelement/expected.js

@@ -3,8 +3,9 @@ import { LightningElement as Component, registerComponent as _registerComponent
 class Test extends Component {
   /*LWC compiler vX.X.X*/
 }
-export default _registerComponent(Test, {
+const __lwc_component_class_internal = _registerComponent(Test, {
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/component/camel-to-kebab-component-name/expected.js

@@ -1,9 +1,10 @@
 import _tmpl from "./test.html";
 import { LightningElement, registerComponent as _registerComponent } from "lwc";
-export default _registerComponent(class extends LightningElement {
+const __lwc_component_class_internal = _registerComponent(class extends LightningElement {
   /*LWC compiler vX.X.X*/
 }, {
   tmpl: _tmpl,
   sel: "x-camel-case",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/component/does-not-insert-render-method-when-extending-from-legacy-engine-element/expected.js

@@ -4,8 +4,9 @@ import { Element } from "engine";
 class Test extends Element {
   /*LWC compiler vX.X.X*/
 }
-export default _registerComponent(Test, {
+const __lwc_component_class_internal = _registerComponent(Test, {
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/component/import-engine-default-and-named/expected.js

@@ -3,10 +3,11 @@ import lwc, { LightningElement, registerComponent as _registerComponent } from '
 
 // eslint-disable-next-line no-console
 console.log(lwc);
-export default _registerComponent(class extends LightningElement {
+const __lwc_component_class_internal = _registerComponent(class extends LightningElement {
   /*LWC compiler vX.X.X*/
 }, {
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/component/import-engine-star/expected.js

@@ -1,10 +1,11 @@
 import _tmpl from "./test.html";
 import { registerComponent as _registerComponent } from "lwc";
 import * as lwc from 'lwc';
-export default _registerComponent(class extends lwc.LightningElement {
+const __lwc_component_class_internal = _registerComponent(class extends lwc.LightningElement {
   /*LWC compiler vX.X.X*/
 }, {
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/component/inject-render-method/expected.js

@@ -3,8 +3,9 @@ import { LightningElement, registerComponent as _registerComponent } from "lwc";
 class Test extends LightningElement {
   /*LWC compiler vX.X.X*/
 }
-export default _registerComponent(Test, {
+const __lwc_component_class_internal = _registerComponent(Test, {
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/component/keep-the-render-method-if-present/expected.js

@@ -4,8 +4,9 @@ class Test extends LightningElement {
   render() {}
   /*LWC compiler vX.X.X*/
 }
-export default _registerComponent(Test, {
+const __lwc_component_class_internal = _registerComponent(Test, {
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/component/only-inject-render-in-the-exported-class/expected.js

@@ -6,8 +6,9 @@ class Test1 extends LightningElement {
 class Test2 extends LightningElement {
   /*LWC compiler vX.X.X*/
 }
-export default _registerComponent(Test2, {
+const __lwc_component_class_internal = _registerComponent(Test2, {
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/decorators/should-register-decorators-for-anonymous-class-declarations/expected.js

@@ -1,6 +1,6 @@
 import { registerDecorators as _registerDecorators, LightningElement, registerComponent as _registerComponent } from "lwc";
 import _tmpl from "./test.html";
-export default _registerComponent(_registerDecorators(class extends LightningElement {
+const __lwc_component_class_internal = _registerComponent(_registerDecorators(class extends LightningElement {
   foo;
   /*LWC compiler vX.X.X*/
 }, {
@@ -13,4 +13,5 @@ export default _registerComponent(_registerDecorators(class extends LightningEle
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/decorators/should-register-decorators-for-anonymous-class-expressions/expected.js

@@ -10,8 +10,9 @@ const foo = _registerDecorators(class extends LightningElement {
     }
   }
 });
-export default _registerComponent(foo, {
+const __lwc_component_class_internal = _registerComponent(foo, {
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/decorators/unnecessary-register-decorators/latest/should-not-register-decorators-if-anonymous-class-has-no-superclass/expected.js

@@ -3,8 +3,9 @@ import { registerComponent as _registerComponent } from "lwc";
 const foo = class {
   foo;
 };
-export default _registerComponent(foo, {
+const __lwc_component_class_internal = _registerComponent(foo, {
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/decorators/unnecessary-register-decorators/latest/should-not-register-decorators-if-named-class-has-no-superclass/expected.js

@@ -3,8 +3,9 @@ import { registerComponent as _registerComponent } from "lwc";
 class MyClazz {
   foo;
 }
-export default _registerComponent(MyClazz, {
+const __lwc_component_class_internal = _registerComponent(MyClazz, {
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/decorators/unnecessary-register-decorators/latest/should-register-decorators-for-anonymous-class-that-extends-non-lightning-element/expected.js

@@ -11,8 +11,9 @@ const foo = _registerDecorators(class extends MyCoolMixin {
     }
   }
 });
-export default _registerComponent(foo, {
+const __lwc_component_class_internal = _registerComponent(foo, {
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/decorators/unnecessary-register-decorators/latest/should-register-decorators-for-named-class-that-extends-non-lightning-element/expected.js

@@ -12,8 +12,9 @@ _registerDecorators(MyElement, {
     }
   }
 });
-export default _registerComponent(MyElement, {
+const __lwc_component_class_internal = _registerComponent(MyElement, {
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 9999999
-});
+});
+export default __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/decorators/unnecessary-register-decorators/v59/should-register-decorators-for-anonymous-class-that-extends-non-lightning-element/expected.js

@@ -11,8 +11,9 @@ const foo = _registerDecorators(class extends MyCoolMixin {
     }
   }
 });
-export default _registerComponent(foo, {
+const __lwc_component_class_internal = _registerComponent(foo, {
   tmpl: _tmpl,
   sel: "lwc-test",
   apiVersion: 59
-});
+});
+export default __lwc_component_class_internal;