fix(ssr): callable wire adapter behavior (#5304)

* fix(ssr): callable wire adapter behavior

* chore: use optional chaining to avoid opaque errors

Author: divmain

packages/@lwc/engine-server/src/__tests__/fixtures/wire/ctor-on-adapter-prop/config.json

@@ -0,0 +1,3 @@
+{
+    "entry": "x/wire"
+}

packages/@lwc/engine-server/src/__tests__/fixtures/wire/ctor-on-adapter-prop/error.txt

@@ -0,0 +1,5 @@
+<fixture-test>
+  <template shadowrootmode="open">
+    Wire adapter invoked: true
+  </template>
+</fixture-test>

packages/@lwc/engine-server/src/__tests__/fixtures/wire/ctor-on-adapter-prop/expected.html

@@ -0,0 +1,21 @@
+export let isAdapterInvoked = false;
+
+class Adapter {
+    constructor(dataCallback) {
+        this.dc = dataCallback;
+    }
+
+    connect() {}
+
+    update() {
+        isAdapterInvoked = true;
+        this.dc(true);
+    }
+
+    disconnect() {}
+}
+
+const arrowFnWithAdapter = () => {};
+arrowFnWithAdapter.adapter = Adapter;
+
+export { arrowFnWithAdapter };

packages/@lwc/engine-server/src/__tests__/fixtures/wire/ctor-on-adapter-prop/modules/x/wire/adapter.js

@@ -0,0 +1,3 @@
+<template>
+    Wire adapter invoked: {isAdapterInvoked}
+</template>

packages/@lwc/engine-server/src/__tests__/fixtures/wire/ctor-on-adapter-prop/modules/x/wire/wire.html

@@ -0,0 +1,12 @@
+import { LightningElement, wire } from 'lwc';
+
+import { arrowFnWithAdapter, isAdapterInvoked } from './adapter';
+
+export default class Wire extends LightningElement {
+    @wire(arrowFnWithAdapter)
+    wiredProp;
+
+    get isAdapterInvoked() {
+        return isAdapterInvoked;
+    }
+}

packages/@lwc/engine-server/src/__tests__/fixtures/wire/ctor-on-adapter-prop/modules/x/wire/wire.js

@@ -190,7 +190,10 @@ const bCallWiredMethod = esTemplate`
 `<ExpressionStatement>;
 
 const bWireAdapterPlumbing = esTemplate`{
-    const wireInstance = new ${/*wire adapter constructor*/ is.expression}((newValue) => {
+    // Callable adapters are expressed as a function having an 'adapter' property, which
+    // is the actual wire constructor.
+    const AdapterCtor = ${/*wire adapter constructor*/ is.expression}?.adapter ?? ${/*wire adapter constructor*/ 0};
+    const wireInstance = new AdapterCtor((newValue) => {
         ${/*update the decorated property or call the decorated method*/ is.expressionStatement};
     });
     wireInstance.connect?.();
@@ -203,7 +206,7 @@ const bWireAdapterPlumbing = esTemplate`{
         // this preserves the behavior of the browser-side wire implementation as well as the
         // original SSR implementation.
         wireInstance.update(getLiveConfig(), undefined);
-        __connectContext(${/*wire adapter constructor*/ 0}, instance, (newContextValue) => {
+        __connectContext(AdapterCtor, instance, (newContextValue) => {
             wireInstance.update(getLiveConfig(), newContextValue);
         });
     }