@lwc/engine-core 7.0.5 → 7.1.1

package/dist/framework/api.d.ts

@@ -55,7 +55,7 @@ declare function shc(content: unknown): string;
  * This implementation is borrowed from Vue:
  * https://github.com/vuejs/core/blob/e790e1bdd7df7be39e14780529db86e4da47a3db/packages/shared/src/normalizeProp.ts#L63-L82
  */
-declare function ncls(value: unknown): string;
+declare function ncls(value: unknown): string | undefined;
 declare const api: Readonly<{
     s: typeof s;
     h: typeof h;

package/dist/framework/renderer.d.ts

@@ -49,5 +49,7 @@ export interface RendererAPI {
     ownerDocument(elm: E): Document;
     registerContextConsumer: (element: E, adapterContextToken: string, subscriptionPayload: WireContextSubscriptionPayload) => void;
     attachInternals: (elm: E) => ElementInternals;
+    startTrackingMutations: (elm: E) => void;
+    stopTrackingMutations: (elm: E) => void;
 }
 export {};

package/dist/index.cjs.js

@@ -3231,9 +3231,9 @@ function unrenderStylesheet(stylesheet) {
     }
     for (const cssContent of cssContents) {
         const abortController = cssContentToAbortControllers.get(cssContent);
-        /* istanbul ignore if */
         if (shared.isUndefined(abortController)) {
-            throw new Error('Cannot find AbortController for CSS content');
+            // Two stylesheets with the same content will share an abort controller, in which case it only needs to be called once.
+            continue;
         }
         abortController.abort();
         // remove association with AbortController in case stylesheet is rendered again
@@ -5631,6 +5631,11 @@ function shc(content) {
  * https://github.com/vuejs/core/blob/e790e1bdd7df7be39e14780529db86e4da47a3db/packages/shared/src/normalizeProp.ts#L63-L82
  */
 function ncls(value) {
+    if (shared.isUndefined(value) || shared.isNull(value)) {
+        // Returning undefined here improves initial render cost, because the old vnode's class will be considered
+        // undefined in the `patchClassAttribute` routine, so `oldClass === newClass` will be true so we return early
+        return undefined;
+    }
     let res = '';
     if (shared.isString(value)) {
         res = value;
@@ -6695,7 +6700,14 @@ function runConnectedCallback(vm) {
     const { connectedCallback } = vm.def;
     if (!shared.isUndefined(connectedCallback)) {
         logOperationStart(3 /* OperationId.ConnectedCallback */, vm);
+        if (!process.env.IS_BROWSER) {
+            // Track host element mutations in SSR mode to add the `data-lwc-host-mutated` attribute if necessary
+            vm.renderer.startTrackingMutations(vm.elm);
+        }
         invokeComponentCallback(vm, connectedCallback);
+        if (!process.env.IS_BROWSER) {
+            vm.renderer.stopTrackingMutations(vm.elm);
+        }
         logOperationEnd(3 /* OperationId.ConnectedCallback */, vm);
     }
     // This test only makes sense in the browser, with synthetic lifecycle, and when reporting is enabled or
@@ -7266,7 +7278,12 @@ function textNodeContentsAreEqual(node, vnode, renderer) {
 // The validationOptOut static property can be an array of attribute names.
 // Any attribute names specified in that array will not be validated, and the
 // LWC runtime will assume that VDOM attrs and DOM attrs are in sync.
-function getValidationPredicate(optOutStaticProp) {
+function getValidationPredicate(elm, renderer, optOutStaticProp) {
+    // `data-lwc-host-mutated` is a special attribute added by the SSR engine itself,
+    // which does the same thing as an explicit `static validationOptOut = true`.
+    if (renderer.getAttribute(elm, 'data-lwc-host-mutated') === '') {
+        return (_attrName) => false;
+    }
     if (shared.isUndefined(optOutStaticProp)) {
         return (_attrName) => true;
     }
@@ -7384,7 +7401,7 @@ function hydrateElement(elm, vnode, renderer) {
 }
 function hydrateCustomElement(elm, vnode, renderer) {
     const { validationOptOut } = vnode.ctor;
-    const shouldValidateAttr = getValidationPredicate(validationOptOut);
+    const shouldValidateAttr = getValidationPredicate(elm, renderer, validationOptOut);
     // The validationOptOut static property can be an array of attribute names.
     // Any attribute names specified in that array will not be validated, and the
     // LWC runtime will assume that VDOM attrs and DOM attrs are in sync.
@@ -8072,5 +8089,5 @@ exports.swapTemplate = swapTemplate;
 exports.track = track;
 exports.unwrap = unwrap;
 exports.wire = wire;
-/** version: 7.0.5 */
+/** version: 7.1.1 */
 //# sourceMappingURL=index.cjs.js.map