feat(ssr): enable @wire on getters/setters (#4986)

* fix(ssr): adjacent text in `<template>`s

Co-Authored-By: Will Harney <62956339+wjhsf@users.noreply.github.com>
Co-Authored-By: John Hefferman <jhefferman@salesforce.com>

* test: fix expected failures

* test(snapshots): add helpfuler message when error/expected swap

* fix(ssr): support @wire-decorated getters/setters

* chore: add test for edge case

* test(ssr): add test for differently-wired getter/setter

* Update packages/@lwc/ssr-compiler/src/compile-js/index.ts

Co-authored-by: Nolan Lawson <nlawson@salesforce.com>

* fix(ssr): use structured clone when converting wired getter to prop

* test: add tests

* chore: add comment

---------

Co-authored-by: Nolan Lawson <nlawson@salesforce.com>
Co-authored-by: John Hefferman <jhefferman@salesforce.com>

Author: 3 people

packages/@lwc/engine-server/src/__tests__/fixtures/wire/collision/get-set/error.txt

@@ -0,0 +1,7 @@
+<x-wire>
+  <template shadowrootmode="open">
+    <div>
+      Wired? set
+    </div>
+  </template>
+</x-wire>

packages/@lwc/engine-server/src/__tests__/fixtures/wire/collision/get-set/expected.html

@@ -0,0 +1,3 @@
+export const tagName = 'x-wire';
+export { default } from 'x/wire';
+export * from 'x/wire';

packages/@lwc/engine-server/src/__tests__/fixtures/wire/collision/get-set/index.js

@@ -0,0 +1,13 @@
+export class Adapter {
+    constructor(dataCallback) {
+        this.callback = dataCallback;
+    }
+
+    connect() {}
+
+    update(cfg) {
+        this.callback(cfg.value);
+    }
+
+    disconnect() {}
+}

packages/@lwc/engine-server/src/__tests__/fixtures/wire/collision/get-set/modules/x/adapter/adapter.js

@@ -0,0 +1,3 @@
+<template>
+  <div>Wired? {wired}</div>
+</template>

packages/@lwc/engine-server/src/__tests__/fixtures/wire/collision/get-set/modules/x/wire/wire.html

@@ -0,0 +1,13 @@
+import { wire, LightningElement } from 'lwc';
+import { Adapter } from 'x/adapter';
+export default class Test extends LightningElement {
+    @wire(Adapter, { value: 'get' })
+    get wired() {
+        throw new Error('get wired!');
+    }
+
+    @wire(Adapter, { value: 'set' })
+    set wired(val) {
+        throw new Error('set wired!');
+    }
+}

packages/@lwc/engine-server/src/__tests__/fixtures/wire/collision/get-set/modules/x/wire/wire.js

@@ -0,0 +1,5 @@
+<x-wire>
+  <template shadowrootmode="open">
+    propAndMethod
+  </template>
+</x-wire>

packages/@lwc/engine-server/src/__tests__/fixtures/wire/collision/method-prop/error.txt

@@ -0,0 +1,3 @@
+export const tagName = 'x-wire';
+export { default } from 'x/wire';
+export * from 'x/wire';

packages/@lwc/engine-server/src/__tests__/fixtures/wire/collision/method-prop/expected.html

@@ -0,0 +1,13 @@
+export class adapter {
+    constructor(dataCallback) {
+        this.dc = dataCallback;
+    }
+
+    connect() {}
+
+    update(config) {
+        this.dc(config.name);
+    }
+
+    disconnect() {}
+}