@lwc/engine-core 2.41.3 → 2.43.0

package/dist/engine-core.cjs.js

@@ -3265,6 +3265,15 @@ function evaluateStylesheetsContent(stylesheets, stylesheetToken, vm) {
                 // the stylesheet, while internally, we have a replacement for it.
                 stylesheet = getStyleOrSwappedStyle(stylesheet);
             }
+            // Check that this stylesheet was generated by our compiler
+            if (!isStylesheetRegistered(stylesheet)) {
+                if (process.env.NODE_ENV !== 'production') {
+                    logWarnOnce(`TypeError: Unexpected LWC stylesheet content found for component <${vm.tagName.toLowerCase()}>.`);
+                }
+                report("UnexpectedStylesheetContent" /* ReportingEventId.UnexpectedStylesheetContent */, {
+                    tagName: vm.tagName.toLowerCase(),
+                });
+            }
             const isScopedCss = stylesheet[shared.KEY__SCOPED_CSS];
             if (lwcRuntimeFlags.DISABLE_LIGHT_DOM_UNSCOPED_CSS &&
                 !isScopedCss &&
@@ -3385,6 +3394,18 @@ function createStylesheet(vm, stylesheets) {
     }
     return null;
 }
+const signedStylesheetSet = new Set();
+/**
+ * INTERNAL: This function can only be invoked by compiled code. The compiler
+ * will prevent this function from being imported by userland code.
+ */
+function registerStylesheet(stylesheet) {
+    signedStylesheetSet.add(stylesheet);
+    return stylesheet;
+}
+function isStylesheetRegistered(stylesheet) {
+    return signedStylesheetSet.has(stylesheet);
+}
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -5094,18 +5115,12 @@ function getVMBeingRendered() {
 function setVMBeingRendered(vm) {
     vmBeingRendered = vm;
 }
-function validateSlots(vm, html) {
+function validateSlots(vm) {
     assertNotProd(); // this method should never leak to prod
     const { cmpSlots } = vm;
-    const { slots = EmptyArray } = html;
     for (const slotName in cmpSlots.slotAssignments) {
         // eslint-disable-next-line @lwc/lwc-internal/no-production-assert
         shared.assert.isTrue(shared.isArray(cmpSlots.slotAssignments[slotName]), `Slots can only be set to an array, instead received ${shared.toString(cmpSlots.slotAssignments[slotName])} for slot "${slotName}" in ${vm}.`);
-        if (slotName !== '' && shared.ArrayIndexOf.call(slots, slotName) === -1) {
-            // TODO [#1297]: this should never really happen because the compiler should always validate
-            // eslint-disable-next-line @lwc/lwc-internal/no-production-assert
-            logError(`Ignoring unknown provided slot name "${slotName}" in ${vm}. Check for a typo on the slot attribute.`, vm);
-        }
     }
 }
 function validateLightDomTemplate(template, vm) {
@@ -5224,7 +5239,7 @@ function evaluateTemplate(vm, html) {
             }
             if (process.env.NODE_ENV !== 'production') {
                 // validating slots in every rendering since the allocated content might change over time
-                validateSlots(vm, html);
+                validateSlots(vm);
                 // add the VM to the list of host VMs that can be re-rendered if html is swapped
                 setActiveVM(vm);
             }
@@ -6210,7 +6225,7 @@ function checkAndReportViolation(elm, prop, isSetter, setValue) {
         const vm = findVM(elm);
         if (process.env.NODE_ENV !== 'production') {
             logWarnOnce(`Element <${elm.tagName.toLowerCase()}> ` +
-                (shared.isUndefined(vm) ? '' : `owned by <${vm.elm.tagName.toLowerCase()}> `) +
+                (shared.isUndefined(vm) ? '' : `owned by <${vm.tagName.toLowerCase()}> `) +
                 `uses non-standard property "${prop}". This will be removed in a future version of LWC. ` +
                 `See https://sfdc.co/deprecated-aria`);
         }
@@ -6579,7 +6594,7 @@ function validateAttrs(vnode, elm, renderer) {
 function validateClassAttr(vnode, elm, renderer) {
     const { data, owner } = vnode;
     let { className, classMap } = data;
-    const { getProperty, getClassList } = renderer;
+    const { getProperty, getClassList, getAttribute } = renderer;
     const scopedToken = getScopeTokenClass(owner);
     const stylesheetTokenHost = isVCustomElement(vnode) ? getStylesheetTokenHost(vnode) : null;
     // Classnames for scoped CSS are added directly to the DOM during rendering,
@@ -6609,11 +6624,12 @@ function validateClassAttr(vnode, elm, renderer) {
     }
     let nodesAreCompatible = true;
     let readableVnodeClassname;
-    const elmClassName = getProperty(elm, 'className');
+    const elmClassName = getAttribute(elm, 'class');
     if (!shared.isUndefined(className) && String(className) !== elmClassName) {
         // className is used when class is bound to an expr.
         nodesAreCompatible = false;
-        readableVnodeClassname = className;
+        // stringify for pretty-printing
+        readableVnodeClassname = JSON.stringify(className);
     }
     else if (!shared.isUndefined(classMap)) {
         // classMap is used when class is set to static value.
@@ -6626,19 +6642,20 @@ function validateClassAttr(vnode, elm, renderer) {
                 nodesAreCompatible = false;
             }
         }
-        readableVnodeClassname = computedClassName.trim();
+        // stringify for pretty-printing
+        readableVnodeClassname = JSON.stringify(computedClassName.trim());
         if (classList.length > shared.keys(classMap).length) {
             nodesAreCompatible = false;
         }
     }
-    else if (shared.isUndefined(className) && elmClassName !== '') {
+    else if (shared.isUndefined(className) && !shared.isNull(elmClassName)) {
         // SSR contains a className but client-side VDOM does not
         nodesAreCompatible = false;
-        readableVnodeClassname = '';
+        readableVnodeClassname = '""';
     }
     if (!nodesAreCompatible) {
         if (process.env.NODE_ENV !== 'production') {
-            logError(`Mismatch hydrating element <${getProperty(elm, 'tagName').toLowerCase()}>: attribute "class" has different values, expected "${readableVnodeClassname}" but found "${elmClassName}"`, vnode.owner);
+            logError(`Mismatch hydrating element <${getProperty(elm, 'tagName').toLowerCase()}>: attribute "class" has different values, expected ${readableVnodeClassname} but found ${JSON.stringify(elmClassName)}`, vnode.owner);
         }
     }
     return nodesAreCompatible;
@@ -7014,6 +7031,7 @@ exports.readonly = readonly;
 exports.register = register;
 exports.registerComponent = registerComponent;
 exports.registerDecorators = registerDecorators;
+exports.registerStylesheet = registerStylesheet;
 exports.registerTemplate = registerTemplate;
 exports.sanitizeAttribute = sanitizeAttribute;
 exports.setHooks = setHooks;
@@ -7023,5 +7041,5 @@ exports.swapTemplate = swapTemplate;
 exports.track = track;
 exports.unwrap = unwrap;
 exports.wire = wire;
-/* version: 2.41.3 */
+/* version: 2.43.0 */
 //# sourceMappingURL=engine-core.cjs.js.map