@lwc/engine-core 2.42.0 → 2.43.0

package/dist/engine-core.js

@@ -3263,6 +3263,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[KEY__SCOPED_CSS];
             if (lwcRuntimeFlags.DISABLE_LIGHT_DOM_UNSCOPED_CSS &&
                 !isScopedCss &&
@@ -3383,6 +3392,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.
@@ -5092,18 +5113,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
         assert.isTrue(isArray$1(cmpSlots.slotAssignments[slotName]), `Slots can only be set to an array, instead received ${toString$1(cmpSlots.slotAssignments[slotName])} for slot "${slotName}" in ${vm}.`);
-        if (slotName !== '' && 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) {
@@ -5222,7 +5237,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);
             }
@@ -6208,7 +6223,7 @@ function checkAndReportViolation(elm, prop, isSetter, setValue) {
         const vm = findVM(elm);
         if (process.env.NODE_ENV !== 'production') {
             logWarnOnce(`Element <${elm.tagName.toLowerCase()}> ` +
-                (isUndefined$1(vm) ? '' : `owned by <${vm.elm.tagName.toLowerCase()}> `) +
+                (isUndefined$1(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`);
         }
@@ -6577,7 +6592,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,
@@ -6607,11 +6622,12 @@ function validateClassAttr(vnode, elm, renderer) {
     }
     let nodesAreCompatible = true;
     let readableVnodeClassname;
-    const elmClassName = getProperty(elm, 'className');
+    const elmClassName = getAttribute(elm, 'class');
     if (!isUndefined$1(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 (!isUndefined$1(classMap)) {
         // classMap is used when class is set to static value.
@@ -6624,19 +6640,20 @@ function validateClassAttr(vnode, elm, renderer) {
                 nodesAreCompatible = false;
             }
         }
-        readableVnodeClassname = computedClassName.trim();
+        // stringify for pretty-printing
+        readableVnodeClassname = JSON.stringify(computedClassName.trim());
         if (classList.length > keys(classMap).length) {
             nodesAreCompatible = false;
         }
     }
-    else if (isUndefined$1(className) && elmClassName !== '') {
+    else if (isUndefined$1(className) && !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;
@@ -6983,6 +7000,6 @@ function readonly(obj) {
     return getReadOnlyProxy(obj);
 }
 
-export { LightningElement, profilerControl as __unstable__ProfilerControl, reportingControl as __unstable__ReportingControl, api$1 as api, connectRootElement, createContextProviderWithRegister, createVM, disconnectRootElement, freezeTemplate, getAssociatedVMIfPresent, getComponentConstructor, getComponentDef, getComponentHtmlPrototype, hydrateRoot, isComponentConstructor, parseFragment, parseSVGFragment, readonly, register, registerComponent, registerDecorators, registerTemplate, sanitizeAttribute, setHooks, swapComponent, swapStyle, swapTemplate, track, unwrap, wire };
-/* version: 2.42.0 */
+export { LightningElement, profilerControl as __unstable__ProfilerControl, reportingControl as __unstable__ReportingControl, api$1 as api, connectRootElement, createContextProviderWithRegister, createVM, disconnectRootElement, freezeTemplate, getAssociatedVMIfPresent, getComponentConstructor, getComponentDef, getComponentHtmlPrototype, hydrateRoot, isComponentConstructor, parseFragment, parseSVGFragment, readonly, register, registerComponent, registerDecorators, registerStylesheet, registerTemplate, sanitizeAttribute, setHooks, swapComponent, swapStyle, swapTemplate, track, unwrap, wire };
+/* version: 2.43.0 */
 //# sourceMappingURL=engine-core.js.map