replacing babel with swc for compiling

.claude/settings.json

@@ -0,0 +1,30 @@
+{
+    "$schema": "https://json.schemastore.org/claude-code-settings.json",
+    "permissions": {
+        "defaultMode": "bypassPermissions",
+        "allow": [
+            "Edit",
+            "Write",
+            "Read",
+            "Bash",
+            "WebFetch",
+            "WebSearch",
+            "Glob",
+            "Grep",
+            "NotebookEdit",
+            "Skill",
+            "Agent",
+            "ExitPlanMode",
+            "TaskCreate",
+            "TaskGet",
+            "TaskList",
+            "TaskUpdate",
+            "TaskStop",
+            "AskUserQuestion",
+            "TaskOutput",
+            "KillShell",
+            "MCPSearch",
+            "LSP"
+        ]
+    }
+}

.prettierignore

@@ -16,6 +16,7 @@ __benchmarks_results__/
 # Auto-generated fixture outputs
 **/fixtures/**/expected.*
 **/fixtures/**/error.*
+**/fixtures/**/swc-expected.*
 packages/@lwc/template-compiler/src/__tests__/fixtures/**/ast.json
 packages/@lwc/template-compiler/src/__tests__/fixtures/**/metadata.json
 

packages/@lwc/babel-plugin-component/package.json

@@ -5,7 +5,7 @@
     ],
     "name": "@lwc/babel-plugin-component",
     "version": "9.0.3",
-    "description": "Babel plugin to transform a LWC module",
+    "description": "[DEPRECATED] Babel plugin to transform a LWC module — replaced by @lwc/swc-plugin-component",
     "keywords": [
         "lwc"
     ],

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

@@ -0,0 +1,27 @@
+import tmpl from "./test.html";
+import { LightningElement, registerDecorators, registerComponent } from 'lwc';
+const __lwc_component_class_internal = registerComponent(registerDecorators(class Test extends LightningElement {
+    set first(value) {}
+    get first() {}
+    get second() {
+        return this.s;
+    }
+    set second(value) {
+        this.s = value;
+    }
+/*LWC compiler vX.X.X*/}, {
+    publicProps: {
+        first: {
+            config: 3
+        },
+        second: {
+            config: 3
+        }
+    }
+}), {
+    tmpl: tmpl,
+    sel: "lwc-test",
+    apiVersion: 9999999
+});
+export default __lwc_component_class_internal;
+const Test = __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/conflicting-api-properties-with-getter-setter/swc-error.json

@@ -0,0 +1,4 @@
+{
+    "message": "Error: LWC1096: Duplicate @api property \"foo\".",
+    "filename": "test.js"
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/conflicting-api-properties-with-method/swc-error.json

@@ -0,0 +1,4 @@
+{
+    "message": "Error: LWC1096: Duplicate @api property \"foo\".",
+    "filename": "test.js"
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/detecting-@api-on-both-getter-and-a-setter-should-produce-an-error/swc-error.json

@@ -0,0 +1,4 @@
+{
+    "message": "Error: LWC1112: @api get something and @api set something detected in class declaration. Only one of the two needs to be decorated with @api.",
+    "filename": "test.js"
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/disallowed-props/class/swc-error.json

@@ -0,0 +1,4 @@
+{
+    "message": "Error: LWC1110: Invalid property name \"class\". \"class\" is a reserved attribute.",
+    "filename": "test.js"
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/disallowed-props/is/swc-error.json

@@ -0,0 +1,4 @@
+{
+    "message": "Error: LWC1110: Invalid property name \"is\". \"is\" is a reserved attribute.",
+    "filename": "test.js"
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/disallowed-props/slot/swc-error.json

@@ -0,0 +1,4 @@
+{
+    "message": "Error: LWC1110: Invalid property name \"slot\". \"slot\" is a reserved attribute.",
+    "filename": "test.js"
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/disallowed-props/style/swc-error.json

@@ -0,0 +1,4 @@
+{
+    "message": "Error: LWC1110: Invalid property name \"style\". \"style\" is a reserved attribute.",
+    "filename": "test.js"
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/does-not-allow-computed-api-getters-and-setters/swc-error.json

@@ -0,0 +1,4 @@
+{
+    "message": "Error: LWC1106: @api cannot be applied to a computed property, getter, setter or method.",
+    "filename": "test.js"
+}

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

@@ -0,0 +1,16 @@
+import tmpl from "./test.html";
+import { LightningElement, registerDecorators, registerComponent } from "lwc";
+const __lwc_component_class_internal = registerComponent(registerDecorators(class Test extends LightningElement {
+/*LWC compiler vX.X.X*/}, {
+    publicProps: {
+        data: {
+            config: 0
+        }
+    }
+}), {
+    tmpl: tmpl,
+    sel: "lwc-test",
+    apiVersion: 9999999
+});
+export default __lwc_component_class_internal;
+const Test = __lwc_component_class_internal;

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

@@ -0,0 +1,16 @@
+import tmpl from "./test.html";
+import { LightningElement, registerDecorators, registerComponent } from "lwc";
+const __lwc_component_class_internal = registerComponent(registerDecorators(class Test extends LightningElement {
+/*LWC compiler vX.X.X*/}, {
+    publicProps: {
+        ariaDescribedBy: {
+            config: 0
+        }
+    }
+}), {
+    tmpl: tmpl,
+    sel: "lwc-test",
+    apiVersion: 9999999
+});
+export default __lwc_component_class_internal;
+const Test = __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/duplicate-api-properties/swc-error.json

@@ -0,0 +1,4 @@
+{
+    "message": "Error: LWC1096: Duplicate @api property \"foo\".",
+    "filename": "test.js"
+}

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/swc-expected.js

@@ -0,0 +1,28 @@
+import tmpl from "./test.html";
+import { LightningElement, registerDecorators, registerComponent } from "lwc";
+const __lwc_component_class_internal = registerComponent(registerDecorators(class Test extends LightningElement {
+    get first() {
+        return null;
+    }
+    get second() {
+        return this.s;
+    }
+    set second(value) {
+        this.s = value;
+    }
+/*LWC compiler vX.X.X*/}, {
+    publicProps: {
+        first: {
+            config: 1
+        },
+        second: {
+            config: 3
+        }
+    }
+}), {
+    tmpl: tmpl,
+    sel: "lwc-test",
+    apiVersion: 9999999
+});
+export default __lwc_component_class_internal;
+const Test = __lwc_component_class_internal;

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/throws-correct-error-if-property-name-is-maxlength/swc-error.json

@@ -0,0 +1,4 @@
+{
+    "message": "Error: LWC1109: Ambiguous attribute name \"maxlength\". \"maxlength\" will never be called from template because its corresponding property is camel cased. Consider renaming to \"maxLength\".",
+    "filename": "test.js"
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/throws-error-if-default-value-is-true/swc-error.json

@@ -0,0 +1,4 @@
+{
+    "message": "Error: LWC1099: Boolean public property must default to false.",
+    "filename": "test.js"
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/throws-error-if-property-name-is-ambiguous/swc-error.json

@@ -0,0 +1,4 @@
+{
+    "message": "Error: LWC1109: Ambiguous attribute name \"tabindex\". \"tabindex\" will never be called from template because its corresponding property is camel cased. Consider renaming to \"tabIndex\".",
+    "filename": "test.js"
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/throws-error-if-property-name-is-part/swc-error.json

@@ -0,0 +1,4 @@
+{
+    "message": "Error: LWC1111: Invalid property name \"part\". \"part\" is a future reserved attribute for web components.",
+    "filename": "test.js"
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/throws-error-if-property-name-prefixed-with-data/swc-error.json

@@ -0,0 +1,4 @@
+{
+    "message": "Error: LWC1107: Invalid property name \"dataFooBar\". Properties starting with \"data\" are reserved attributes.",
+    "filename": "test.js"
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/throws-error-if-property-name-prefixed-with-on/swc-error.json

@@ -0,0 +1,4 @@
+{
+    "message": "Error: LWC1108: Invalid property name \"onChangeHandler\". Properties starting with \"on\" are reserved for event handlers.",
+    "filename": "test.js"
+}

packages/@lwc/babel-plugin-component/src/__tests__/fixtures/api-decorator/throws-when-combined-with-@track/swc-error.json

@@ -0,0 +1,4 @@
+{
+    "message": "Error: LWC1093: @api method or property cannot be used with @track",
+    "filename": "test.js"
+}

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

@@ -0,0 +1,41 @@
+import tmpl from "./test.html";
+import { LightningElement, registerDecorators, registerComponent } from "lwc";
+const __lwc_component_class_internal = registerComponent(registerDecorators(class Text extends LightningElement {
+    get aloneGet() {}
+    get myget() {}
+    set myget(x) {
+        return 1;
+    }
+    m1() {}
+    m2() {}
+    static{
+        this.ctor = "ctor";
+    }
+    static get ctorGet() {
+        return 1;
+    }
+/*LWC compiler vX.X.X*/}, {
+    publicProps: {
+        publicProp: {
+            config: 0
+        },
+        aloneGet: {
+            config: 1
+        },
+        myget: {
+            config: 3
+        }
+    },
+    publicMethods: [
+        "m1"
+    ],
+    fields: [
+        "privateProp"
+    ]
+}), {
+    tmpl: tmpl,
+    sel: "lwc-test",
+    apiVersion: 9999999
+});
+export default __lwc_component_class_internal;
+const Text = __lwc_component_class_internal;

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

@@ -0,0 +1,29 @@
+import tmpl from "./test.html";
+import { LightningElement, registerDecorators, registerComponent } from "lwc";
+const __lwc_component_class_internal = registerComponent(registerDecorators(class Outer extends LightningElement {
+    constructor(...args){
+        super(...args), this.a = registerDecorators(class extends LightningElement {
+        }, {
+            publicProps: {
+                innerA: {
+                    config: 0
+                }
+            }
+        });
+    }
+/*LWC compiler vX.X.X*/}, {
+    publicProps: {
+        outer: {
+            config: 0
+        }
+    },
+    fields: [
+        "a"
+    ]
+}), {
+    tmpl: tmpl,
+    sel: "lwc-test",
+    apiVersion: 9999999
+});
+export default __lwc_component_class_internal;
+const Outer = __lwc_component_class_internal;

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

@@ -0,0 +1,38 @@
+import tmpl from "./test.html";
+import { LightningElement, registerDecorators, registerComponent } from "lwc";
+const __lwc_component_class_internal = registerComponent(registerDecorators(class Test extends LightningElement {
+    get a() {
+        return this._a;
+    }
+    set a(value) {
+        this._a = value;
+    }
+    get b() {
+        return this._b;
+    }
+    set b(value) {
+        this._b = value;
+    }
+    constructor(...args){
+        super(...args), this._a = true, this._b = false;
+    }
+/*LWC compiler vX.X.X*/}, {
+    publicProps: {
+        a: {
+            config: 3
+        },
+        b: {
+            config: 3
+        }
+    },
+    fields: [
+        "_a",
+        "_b"
+    ]
+}), {
+    tmpl: tmpl,
+    sel: "lwc-test",
+    apiVersion: 9999999
+});
+export default __lwc_component_class_internal;
+const Test = __lwc_component_class_internal;

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

@@ -0,0 +1,19 @@
+import tmpl from "./test.html";
+import { LightningElement, registerDecorators, registerComponent } from "lwc";
+const __lwc_component_class_internal = registerComponent(registerDecorators(class Test extends LightningElement {
+    get publicGetter() {
+        return 1;
+    }
+/*LWC compiler vX.X.X*/}, {
+    publicProps: {
+        publicGetter: {
+            config: 1
+        }
+    }
+}), {
+    tmpl: tmpl,
+    sel: "lwc-test",
+    apiVersion: 9999999
+});
+export default __lwc_component_class_internal;
+const Test = __lwc_component_class_internal;

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

@@ -0,0 +1,15 @@
+import tmpl from "./test.html";
+import { LightningElement, registerDecorators, registerComponent } from "lwc";
+const __lwc_component_class_internal = registerComponent(registerDecorators(class Test extends LightningElement {
+    foo() {}
+/*LWC compiler vX.X.X*/}, {
+    publicMethods: [
+        "foo"
+    ]
+}), {
+    tmpl: tmpl,
+    sel: "lwc-test",
+    apiVersion: 9999999
+});
+export default __lwc_component_class_internal;
+const Test = __lwc_component_class_internal;

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

@@ -0,0 +1,19 @@
+import tmpl from "./test.html";
+import { LightningElement, registerDecorators, registerComponent } from "lwc";
+const __lwc_component_class_internal = registerComponent(registerDecorators(class Test extends LightningElement {
+    constructor(...args){
+        super(...args), this.test = 1;
+    }
+/*LWC compiler vX.X.X*/}, {
+    publicProps: {
+        test: {
+            config: 0
+        }
+    }
+}), {
+    tmpl: tmpl,
+    sel: "lwc-test",
+    apiVersion: 9999999
+});
+export default __lwc_component_class_internal;
+const Test = __lwc_component_class_internal;