feat(compiler): script transformer experimentalErrorRecoveryMode

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/api/duplicate-api-property/actual.js

@@ -0,0 +1,8 @@
+import { api, LightningElement } from "lwc";
+
+export default class Test extends LightningElement {
+  @api
+  duplicateProp;
+  @api
+  duplicateProp;
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/api/duplicate-api-property/config.json

@@ -0,0 +1,5 @@
+{
+    "parserOpts": {
+        "errorRecovery": true
+    }
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/api/duplicate-api-property/expected.js

@@ -0,0 +1,20 @@
+import { registerDecorators as _registerDecorators, LightningElement, registerComponent as _registerComponent } from "lwc";
+import _tmpl from "./test.html";
+class Test extends LightningElement {
+  duplicateProp;
+  duplicateProp;
+  /*LWC compiler vX.X.X*/
+}
+_registerDecorators(Test, {
+  publicProps: {
+    duplicateProp: {
+      config: 0
+    }
+  }
+});
+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/error-recovery-mode/api/duplicate-api-property/lwcErrors.json

@@ -0,0 +1,8 @@
+[
+    {
+        "message": "LWC1096: Duplicate @api property \"duplicateProp\"."
+    },
+    {
+        "message": "LWC1096: Duplicate @api property \"duplicateProp\"."
+    }
+]

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/api/invalid-boolean-public-property/actual.js

@@ -0,0 +1,6 @@
+import { api, LightningElement } from "lwc";
+
+export default class Test extends LightningElement {
+  @api
+  isVisible = true;
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/api/invalid-boolean-public-property/config.json

@@ -0,0 +1,5 @@
+{
+    "parserOpts": {
+        "errorRecovery": true
+    }
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/api/invalid-boolean-public-property/expected.js

@@ -0,0 +1,19 @@
+import { registerDecorators as _registerDecorators, LightningElement, registerComponent as _registerComponent } from "lwc";
+import _tmpl from "./test.html";
+class Test extends LightningElement {
+  isVisible = true;
+  /*LWC compiler vX.X.X*/
+}
+_registerDecorators(Test, {
+  publicProps: {
+    isVisible: {
+      config: 0
+    }
+  }
+});
+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/error-recovery-mode/api/invalid-boolean-public-property/lwcErrors.json

@@ -0,0 +1,5 @@
+[
+    {
+        "message": "LWC1099: Boolean public property must default to false."
+    }
+]

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/api/invalid-property-name-on/actual.js

@@ -0,0 +1,6 @@
+import { api, LightningElement } from "lwc";
+
+export default class Test extends LightningElement {
+  @api
+  onClickHandler;
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/api/invalid-property-name-on/config.json

@@ -0,0 +1,5 @@
+{
+    "parserOpts": {
+        "errorRecovery": true
+    }
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/api/invalid-property-name-on/expected.js

@@ -0,0 +1,19 @@
+import { registerDecorators as _registerDecorators, LightningElement, registerComponent as _registerComponent } from "lwc";
+import _tmpl from "./test.html";
+class Test extends LightningElement {
+  onClickHandler;
+  /*LWC compiler vX.X.X*/
+}
+_registerDecorators(Test, {
+  publicProps: {
+    onClickHandler: {
+      config: 0
+    }
+  }
+});
+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/error-recovery-mode/api/invalid-property-name-on/lwcErrors.json

@@ -0,0 +1,5 @@
+[
+    {
+        "message": "LWC1108: Invalid property name \"onClickHandler\". Properties starting with \"on\" are reserved for event handlers."
+    }
+]

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/api/invalid-propery-name-data/actual.js

@@ -0,0 +1,6 @@
+import { api, LightningElement } from "lwc";
+
+export default class Test extends LightningElement {
+  @api
+  dataProperty;
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/api/invalid-propery-name-data/config.json

@@ -0,0 +1,5 @@
+{
+    "parserOpts": {
+        "errorRecovery": true
+    }
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/api/invalid-propery-name-data/expected.js

@@ -0,0 +1,19 @@
+import { registerDecorators as _registerDecorators, LightningElement, registerComponent as _registerComponent } from "lwc";
+import _tmpl from "./test.html";
+class Test extends LightningElement {
+  dataProperty;
+  /*LWC compiler vX.X.X*/
+}
+_registerDecorators(Test, {
+  publicProps: {
+    dataProperty: {
+      config: 0
+    }
+  }
+});
+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/error-recovery-mode/api/invalid-propery-name-data/lwcErrors.json

@@ -0,0 +1,5 @@
+[
+    {
+        "message": "LWC1107: Invalid property name \"dataProperty\". Properties starting with \"data\" are reserved attributes."
+    }
+]

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/api/reserved-property-name-class/actual.js

@@ -0,0 +1,5 @@
+import { wire, LightningElement } from "lwc";
+
+export default class Test extends LightningElement {
+  @api class
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/api/reserved-property-name-class/config.json

@@ -0,0 +1,5 @@
+{
+    "parserOpts": {
+        "errorRecovery": true
+    }
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/api/reserved-property-name-class/expected.js

@@ -0,0 +1,19 @@
+import { registerDecorators as _registerDecorators, LightningElement, registerComponent as _registerComponent } from "lwc";
+import _tmpl from "./test.html";
+class Test extends LightningElement {
+  class;
+  /*LWC compiler vX.X.X*/
+}
+_registerDecorators(Test, {
+  publicProps: {
+    "class": {
+      config: 0
+    }
+  }
+});
+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/error-recovery-mode/api/reserved-property-name-class/lwcErrors.json

@@ -0,0 +1,8 @@
+[
+    {
+        "message": "LWC1102: Invalid 'api' decorator usage. Supported decorators (api, wire, track) should be imported from \"lwc\""
+    },
+    {
+        "message": "LWC1110: Invalid property name \"class\". \"class\" is a reserved attribute."
+    }
+]

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/dynamic-import/invalid-dynamic-import-source/actual.js

@@ -0,0 +1,7 @@
+import { LightningElement } from "lwc";
+
+export default class Test extends LightningElement {
+  async loadComponent() {
+    const module = await import(123);
+  }
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/dynamic-import/invalid-dynamic-import-source/config.json

@@ -0,0 +1,9 @@
+{
+    "parserOpts": {
+        "errorRecovery": true
+    },
+    "dynamicImports": {
+        "loader": null,
+        "strictSpecifier": true
+    }
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/dynamic-import/invalid-dynamic-import-source/expected.js

@@ -0,0 +1,14 @@
+import _tmpl from "./test.html";
+import { LightningElement, registerComponent as _registerComponent } from "lwc";
+class Test extends LightningElement {
+  async loadComponent() {
+    const module = await import(123);
+  }
+  /*LWC compiler vX.X.X*/
+}
+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/error-recovery-mode/dynamic-import/invalid-dynamic-import-source/lwcErrors.json

@@ -0,0 +1,5 @@
+[
+    {
+        "message": "LWC1121: Invalid import. The argument \"123\" must be a stringLiteral for dynamic imports when strict mode is enabled."
+    }
+]

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/track/track-only-allowed-on-class-properties/actual.js

@@ -0,0 +1,8 @@
+import { track, LightningElement } from "lwc";
+
+export default class Test extends LightningElement {
+  @track
+  someMethod() {
+    return 'invalid';
+  }
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/track/track-only-allowed-on-class-properties/config.json

@@ -0,0 +1,5 @@
+{
+    "parserOpts": {
+        "errorRecovery": true
+    }
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/track/track-only-allowed-on-class-properties/expected.js

@@ -0,0 +1,19 @@
+import { registerDecorators as _registerDecorators, LightningElement, registerComponent as _registerComponent } from "lwc";
+import _tmpl from "./test.html";
+class Test extends LightningElement {
+  someMethod() {
+    return 'invalid';
+  }
+  /*LWC compiler vX.X.X*/
+}
+_registerDecorators(Test, {
+  track: {
+    someMethod: 1
+  }
+});
+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/error-recovery-mode/track/track-only-allowed-on-class-properties/lwcErrors.json

@@ -0,0 +1,5 @@
+[
+    {
+        "message": "LWC1113: @track decorator can only be applied to class properties."
+    }
+]

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/wire/adapter-should-be-first-parameter/actual.js

@@ -0,0 +1,7 @@
+import { wire, LightningElement } from "lwc";
+import { getRecord } from "lightning/uiRecordApi";
+
+export default class Test extends LightningElement {
+  @wire({ recordId: '$recordId' }, getRecord )
+  wiredRecord;
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/wire/adapter-should-be-first-parameter/config.json

@@ -0,0 +1,5 @@
+{
+    "parserOpts": {
+        "errorRecovery": true
+    }
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/wire/adapter-should-be-first-parameter/expected.js

@@ -0,0 +1,23 @@
+import { registerDecorators as _registerDecorators, LightningElement, registerComponent as _registerComponent } from "lwc";
+import _tmpl from "./test.html";
+import { getRecord } from "lightning/uiRecordApi";
+class Test extends LightningElement {
+  wiredRecord;
+  /*LWC compiler vX.X.X*/
+}
+_registerDecorators(Test, {
+  wire: {
+    wiredRecord: {
+      dynamic: [],
+      config: function ($cmp) {
+        return {};
+      }
+    }
+  }
+});
+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/error-recovery-mode/wire/adapter-should-be-first-parameter/lwcErrors.json

@@ -0,0 +1,8 @@
+[
+    {
+        "message": "LWC1097: @wire expects a function identifier as first parameter."
+    },
+    {
+        "message": "LWC1094: @wire expects a configuration object expression as second parameter."
+    }
+]

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/wire/config-object-should-be-second-parameter/actual.js

@@ -0,0 +1,7 @@
+import { wire, LightningElement } from "lwc";
+import { getRecord } from "lightning/uiRecordApi";
+
+export default class Test extends LightningElement {
+  @wire(getRecord, 'invalid')
+  wiredRecord;
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/wire/config-object-should-be-second-parameter/config.json

@@ -0,0 +1,5 @@
+{
+    "parserOpts": {
+        "errorRecovery": true
+    }
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/wire/config-object-should-be-second-parameter/expected.js

@@ -0,0 +1,24 @@
+import { registerDecorators as _registerDecorators, LightningElement, registerComponent as _registerComponent } from "lwc";
+import _tmpl from "./test.html";
+import { getRecord } from "lightning/uiRecordApi";
+class Test extends LightningElement {
+  wiredRecord;
+  /*LWC compiler vX.X.X*/
+}
+_registerDecorators(Test, {
+  wire: {
+    wiredRecord: {
+      adapter: getRecord,
+      dynamic: [],
+      config: function ($cmp) {
+        return {};
+      }
+    }
+  }
+});
+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/error-recovery-mode/wire/config-object-should-be-second-parameter/lwcErrors.json

@@ -0,0 +1,5 @@
+[
+    {
+        "message": "LWC1094: @wire expects a configuration object expression as second parameter."
+    }
+]

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/wire/conflict-with-another-decorator/actual.js

@@ -0,0 +1,8 @@
+import { wire, api, LightningElement } from "lwc";
+import { getRecord } from "lightning/uiRecordApi";
+
+export default class Test extends LightningElement {
+  @wire(getRecord, { recordId: '$recordId' })
+  @api
+  wiredApiProperty;
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/error-recovery-mode/wire/conflict-with-another-decorator/config.json

@@ -0,0 +1,5 @@
+{
+    "parserOpts": {
+        "errorRecovery": true
+    }
+}