lwc 2.45.0 → 2.45.1

package/dist/engine-server/commonjs/es2017/engine-server.js

@@ -466,9 +466,9 @@ function htmlEscape(str, attrMode = false) {
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
 // Increment whenever the LWC template compiler changes
-const LWC_VERSION = "2.45.0";
+const LWC_VERSION = "2.45.1";
 const LWC_VERSION_COMMENT_REGEX = /\/\*LWC compiler v([\d.]+)\*\/\s*}/;
-/** version: 2.45.0 */
+/** version: 2.45.1 */
 
 /**
  * Copyright (C) 2018 salesforce.com, inc.
@@ -546,7 +546,7 @@ function setFeatureFlagForTest(name, value) {
         setFeatureFlag(name, value);
     }
 }
-/** version: 2.45.0 */
+/** version: 2.45.1 */
 
 /*
  * Copyright (c) 2020, salesforce.com, inc.
@@ -642,7 +642,7 @@ function applyAriaReflection(prototype = Element.prototype) {
         }
     }
 }
-/** version: 2.45.0 */
+/** version: 2.45.1 */
 
 /* proxy-compat-disable */
 
@@ -955,8 +955,9 @@ function patchElementWithRestrictions(elm, options) {
             get() {
                 return originalOuterHTMLDescriptor.get.call(this);
             },
-            set(_value) {
-                throw new TypeError(`Invalid attempt to set outerHTML on Element.`);
+            set(value) {
+                logError(`Invalid attempt to set outerHTML on Element.`);
+                return originalOuterHTMLDescriptor.set.call(this, value);
             },
         }),
     };
@@ -1041,16 +1042,18 @@ function getShadowRootRestrictionsDescriptors(sr) {
             get() {
                 return originalInnerHTMLDescriptor.get.call(this);
             },
-            set(_value) {
-                throw new TypeError(`Invalid attempt to set innerHTML on ShadowRoot.`);
+            set(value) {
+                logError(`Invalid attempt to set innerHTML on ShadowRoot.`);
+                return originalInnerHTMLDescriptor.set.call(this, value);
             },
         }),
         textContent: generateAccessorDescriptor({
             get() {
                 return originalTextContentDescriptor.get.call(this);
             },
-            set(_value) {
-                throw new TypeError(`Invalid attempt to set textContent on ShadowRoot.`);
+            set(value) {
+                logError(`Invalid attempt to set textContent on ShadowRoot.`);
+                return originalTextContentDescriptor.set.call(this, value);
             },
         }),
         addEventListener: generateDataDescriptor({
@@ -1079,24 +1082,27 @@ function getCustomElementRestrictionsDescriptors(elm) {
             get() {
                 return originalInnerHTMLDescriptor.get.call(this);
             },
-            set(_value) {
-                throw new TypeError(`Invalid attempt to set innerHTML on HTMLElement.`);
+            set(value) {
+                logError(`Invalid attempt to set innerHTML on HTMLElement.`);
+                return originalInnerHTMLDescriptor.set.call(this, value);
             },
         }),
         outerHTML: generateAccessorDescriptor({
             get() {
                 return originalOuterHTMLDescriptor.get.call(this);
             },
-            set(_value) {
-                throw new TypeError(`Invalid attempt to set outerHTML on HTMLElement.`);
+            set(value) {
+                logError(`Invalid attempt to set outerHTML on HTMLElement.`);
+                return originalOuterHTMLDescriptor.set.call(this, value);
             },
         }),
         textContent: generateAccessorDescriptor({
             get() {
                 return originalTextContentDescriptor.get.call(this);
             },
-            set(_value) {
-                throw new TypeError(`Invalid attempt to set textContent on HTMLElement.`);
+            set(value) {
+                logError(`Invalid attempt to set textContent on HTMLElement.`);
+                return originalTextContentDescriptor.set.call(this, value);
             },
         }),
         addEventListener: generateDataDescriptor({
@@ -1112,20 +1118,6 @@ function getCustomElementRestrictionsDescriptors(elm) {
         }),
     };
 }
-function getComponentRestrictionsDescriptors() {
-    assertNotProd(); // this method should never leak to prod
-    return {
-        tagName: generateAccessorDescriptor({
-            get() {
-                throw new Error(`Usage of property \`tagName\` is disallowed because the component itself does` +
-                    ` not know which tagName will be used to create the element, therefore writing` +
-                    ` code that check for that value is error prone.`);
-            },
-            configurable: true,
-            enumerable: false, // no enumerable properties on component
-        }),
-    };
-}
 function getLightningElementPrototypeRestrictionsDescriptors(proto) {
     assertNotProd(); // this method should never leak to prod
     const originalDispatchEvent = proto.dispatchEvent;
@@ -1158,9 +1150,6 @@ function patchCustomElementWithRestrictions(elm) {
     const elmProto = getPrototypeOf$1(elm);
     setPrototypeOf(elm, create(elmProto, restrictionsDescriptors));
 }
-function patchComponentWithRestrictions(cmp) {
-    defineProperties(cmp, getComponentRestrictionsDescriptors());
-}
 function patchLightningElementPrototypeWithRestrictions(proto) {
     defineProperties(proto, getLightningElementPrototypeRestrictionsDescriptors(proto));
 }
@@ -1763,16 +1752,10 @@ function getReactiveProxy(value) {
 function createBridgeToElementDescriptor(propName, descriptor) {
     const { get, set, enumerable, configurable } = descriptor;
     if (!isFunction$1(get)) {
-        if (process.env.NODE_ENV !== 'production') {
-            assert.fail(`Detected invalid public property descriptor for HTMLElement.prototype.${propName} definition. Missing the standard getter.`);
-        }
-        throw new TypeError();
+        throw new TypeError(`Detected invalid public property descriptor for HTMLElement.prototype.${propName} definition. Missing the standard getter.`);
     }
     if (!isFunction$1(set)) {
-        if (process.env.NODE_ENV !== 'production') {
-            assert.fail(`Detected invalid public property descriptor for HTMLElement.prototype.${propName} definition. Missing the standard setter.`);
-        }
-        throw new TypeError();
+        throw new TypeError(`Detected invalid public property descriptor for HTMLElement.prototype.${propName} definition. Missing the standard setter.`);
     }
     return {
         enumerable,
@@ -1791,10 +1774,18 @@ function createBridgeToElementDescriptor(propName, descriptor) {
             const vm = getAssociatedVM(this);
             if (process.env.NODE_ENV !== 'production') {
                 const vmBeingRendered = getVMBeingRendered();
-                assert.invariant(!isInvokingRender, `${vmBeingRendered}.render() method has side effects on the state of ${vm}.${propName}`);
-                assert.invariant(!isUpdatingTemplate, `When updating the template of ${vmBeingRendered}, one of the accessors used by the template has side effects on the state of ${vm}.${propName}`);
-                assert.isFalse(isBeingConstructed(vm), `Failed to construct '${getComponentTag(vm)}': The result must not have attributes.`);
-                assert.invariant(!isObject(newValue) || isNull(newValue), `Invalid value "${newValue}" for "${propName}" of ${vm}. Value cannot be an object, must be a primitive value.`);
+                if (isInvokingRender) {
+                    logError(`${vmBeingRendered}.render() method has side effects on the state of ${vm}.${propName}`);
+                }
+                if (isUpdatingTemplate) {
+                    logError(`When updating the template of ${vmBeingRendered}, one of the accessors used by the template has side effects on the state of ${vm}.${propName}`);
+                }
+                if (isBeingConstructed(vm)) {
+                    logError(`Failed to construct '${getComponentTag(vm)}': The result must not have attributes.`);
+                }
+                if (isObject(newValue) && !isNull(newValue)) {
+                    logError(`Invalid value "${newValue}" for "${propName}" of ${vm}. Value cannot be an object, must be a primitive value.`);
+                }
             }
             updateComponentValue(vm, propName, newValue);
             return set.call(vm.elm, newValue);
@@ -1846,7 +1837,6 @@ const LightningElement = function () {
     // Adding extra guard rails in DEV mode.
     if (process.env.NODE_ENV !== 'production') {
         patchCustomElementWithRestrictions(elm);
-        patchComponentWithRestrictions(component);
     }
     return this;
 };
@@ -1882,9 +1872,15 @@ LightningElement.prototype = {
         const { elm, renderer: { addEventListener }, } = vm;
         if (process.env.NODE_ENV !== 'production') {
             const vmBeingRendered = getVMBeingRendered();
-            assert.invariant(!isInvokingRender, `${vmBeingRendered}.render() method has side effects on the state of ${vm} by adding an event listener for "${type}".`);
-            assert.invariant(!isUpdatingTemplate, `Updating the template of ${vmBeingRendered} has side effects on the state of ${vm} by adding an event listener for "${type}".`);
-            assert.invariant(isFunction$1(listener), `Invalid second argument for this.addEventListener() in ${vm} for event "${type}". Expected an EventListener but received ${listener}.`);
+            if (isInvokingRender) {
+                logError(`${vmBeingRendered}.render() method has side effects on the state of ${vm} by adding an event listener for "${type}".`);
+            }
+            if (isUpdatingTemplate) {
+                logError(`Updating the template of ${vmBeingRendered} has side effects on the state of ${vm} by adding an event listener for "${type}".`);
+            }
+            if (!isFunction$1(listener)) {
+                logError(`Invalid second argument for this.addEventListener() in ${vm} for event "${type}". Expected an EventListener but received ${listener}.`);
+            }
         }
         const wrappedListener = getWrappedComponentsListener(vm, listener);
         addEventListener(elm, type, wrappedListener, options);
@@ -1934,7 +1930,9 @@ LightningElement.prototype = {
         const vm = getAssociatedVM(this);
         const { elm, renderer: { setAttribute }, } = vm;
         if (process.env.NODE_ENV !== 'production') {
-            assert.isFalse(isBeingConstructed(vm), `Failed to construct '${getComponentTag(vm)}': The result must not have attributes.`);
+            if (isBeingConstructed(vm)) {
+                logError(`Failed to construct '${getComponentTag(vm)}': The result must not have attributes.`);
+            }
         }
         unlockAttribute(elm, name);
         setAttribute(elm, name, value);
@@ -1944,7 +1942,9 @@ LightningElement.prototype = {
         const vm = getAssociatedVM(this);
         const { elm, renderer: { setAttribute }, } = vm;
         if (process.env.NODE_ENV !== 'production') {
-            assert.isFalse(isBeingConstructed(vm), `Failed to construct '${getComponentTag(vm)}': The result must not have attributes.`);
+            if (isBeingConstructed(vm)) {
+                logError(`Failed to construct '${getComponentTag(vm)}': The result must not have attributes.`);
+            }
         }
         unlockAttribute(elm, name);
         setAttribute(elm, name, value, namespace);
@@ -1967,9 +1967,9 @@ LightningElement.prototype = {
         const vm = getAssociatedVM(this);
         const { elm, renderer: { getClassList }, } = vm;
         if (process.env.NODE_ENV !== 'production') {
-            // TODO [#1290]: this still fails in dev but works in production, eventually, we should
-            // just throw in all modes
-            assert.isFalse(isBeingConstructed(vm), `Failed to construct ${vm}: The result must not have attributes. Adding or tampering with classname in constructor is not allowed in a web component, use connectedCallback() instead.`);
+            if (isBeingConstructed(vm)) {
+                logError(`Failed to construct ${vm}: The result must not have attributes. Adding or tampering with classname in constructor is not allowed in a web component, use connectedCallback() instead.`);
+            }
         }
         return getClassList(elm);
     },
@@ -2460,8 +2460,12 @@ function createPublicPropertyDescriptor(key) {
             const vm = getAssociatedVM(this);
             if (process.env.NODE_ENV !== 'production') {
                 const vmBeingRendered = getVMBeingRendered();
-                assert.invariant(!isInvokingRender, `${vmBeingRendered}.render() method has side effects on the state of ${vm}.${toString$1(key)}`);
-                assert.invariant(!isUpdatingTemplate, `Updating the template of ${vmBeingRendered} has side effects on the state of ${vm}.${toString$1(key)}`);
+                if (isInvokingRender) {
+                    logError(`render() method has side effects on the state of property "${toString$1(key)}"`, isNull(vmBeingRendered) ? vm : vmBeingRendered);
+                }
+                if (isUpdatingTemplate) {
+                    logError(`Updating the template has side effects on the state of property "${toString$1(key)}"`, isNull(vmBeingRendered) ? vm : vmBeingRendered);
+                }
             }
             vm.cmpProps[key] = newValue;
         },
@@ -2484,14 +2488,18 @@ function createPublicAccessorDescriptor(key, descriptor) {
             const vm = getAssociatedVM(this);
             if (process.env.NODE_ENV !== 'production') {
                 const vmBeingRendered = getVMBeingRendered();
-                assert.invariant(!isInvokingRender, `${vmBeingRendered}.render() method has side effects on the state of ${vm}.${toString$1(key)}`);
-                assert.invariant(!isUpdatingTemplate, `Updating the template of ${vmBeingRendered} has side effects on the state of ${vm}.${toString$1(key)}`);
+                if (isInvokingRender) {
+                    logError(`render() method has side effects on the state of property "${toString$1(key)}"`, isNull(vmBeingRendered) ? vm : vmBeingRendered);
+                }
+                if (isUpdatingTemplate) {
+                    logError(`Updating the template has side effects on the state of property "${toString$1(key)}"`, isNull(vmBeingRendered) ? vm : vmBeingRendered);
+                }
             }
             if (set) {
                 set.call(this, newValue);
             }
             else if (process.env.NODE_ENV !== 'production') {
-                assert.fail(`Invalid attempt to set a new value for property ${toString$1(key)} of ${vm} that does not has a setter decorated with @api.`);
+                logError(`Invalid attempt to set a new value for property "${toString$1(key)}" that does not has a setter decorated with @api.`, vm);
             }
         },
         enumerable,
@@ -2524,8 +2532,12 @@ function internalTrackDecorator(key) {
             const vm = getAssociatedVM(this);
             if (process.env.NODE_ENV !== 'production') {
                 const vmBeingRendered = getVMBeingRendered();
-                assert.invariant(!isInvokingRender, `${vmBeingRendered}.render() method has side effects on the state of ${vm}.${toString$1(key)}`);
-                assert.invariant(!isUpdatingTemplate, `Updating the template of ${vmBeingRendered} has side effects on the state of ${vm}.${toString$1(key)}`);
+                if (isInvokingRender) {
+                    logError(`${vmBeingRendered}.render() method has side effects on the state of ${vm}.${toString$1(key)}`);
+                }
+                if (isUpdatingTemplate) {
+                    logError(`Updating the template of ${vmBeingRendered} has side effects on the state of ${vm}.${toString$1(key)}`);
+                }
             }
             const reactiveOrAnyValue = getReactiveProxy(newValue);
             updateComponentValue(vm, key, reactiveOrAnyValue);
@@ -3199,13 +3211,20 @@ function createComponentDef(Ctor) {
         const ctorName = Ctor.name;
         // Removing the following assert until https://bugs.webkit.org/show_bug.cgi?id=190140 is fixed.
         // assert.isTrue(ctorName && isString(ctorName), `${toString(Ctor)} should have a "name" property with string value, but found ${ctorName}.`);
-        assert.isTrue(Ctor.constructor, `Missing ${ctorName}.constructor, ${ctorName} should have a "constructor" property.`);
-        if (!isUndefined$1(ctorShadowSupportMode)) {
-            assert.invariant(ctorShadowSupportMode === "any" /* ShadowSupportMode.Any */ ||
-                ctorShadowSupportMode === "reset" /* ShadowSupportMode.Default */, `Invalid value for static property shadowSupportMode: '${ctorShadowSupportMode}'`);
+        if (!Ctor.constructor) {
+            // This error seems impossible to hit, due to an earlier check in `isComponentConstructor()`.
+            // But we keep it here just in case.
+            logError(`Missing ${ctorName}.constructor, ${ctorName} should have a "constructor" property.`);
+        }
+        if (!isUndefined$1(ctorShadowSupportMode) &&
+            ctorShadowSupportMode !== "any" /* ShadowSupportMode.Any */ &&
+            ctorShadowSupportMode !== "reset" /* ShadowSupportMode.Default */) {
+            logError(`Invalid value for static property shadowSupportMode: '${ctorShadowSupportMode}'`);
         }
-        if (!isUndefined$1(ctorRenderMode)) {
-            assert.invariant(ctorRenderMode === 'light' || ctorRenderMode === 'shadow', `Invalid value for static property renderMode: '${ctorRenderMode}'. renderMode must be either 'light' or 'shadow'.`);
+        if (!isUndefined$1(ctorRenderMode) &&
+            ctorRenderMode !== 'light' &&
+            ctorRenderMode !== 'shadow') {
+            logError(`Invalid value for static property renderMode: '${ctorRenderMode}'. renderMode must be either 'light' or 'shadow'.`);
         }
     }
     const decoratorsMeta = getDecoratorsMeta(Ctor);
@@ -4933,7 +4952,7 @@ function k(compilerKey, obj) {
             return compilerKey + ':' + obj;
         case 'object':
             if (process.env.NODE_ENV !== 'production') {
-                assert.fail(`Invalid key value "${obj}" in ${getVMBeingRendered()}. Key must be a string or number.`);
+                logError(`Invalid key value "${obj}" in ${getVMBeingRendered()}. Key must be a string or number.`);
             }
     }
 }
@@ -5189,13 +5208,19 @@ function validateSlots(vm) {
     }
 }
 function validateLightDomTemplate(template, vm) {
-    if (template === defaultEmptyTemplate)
+    assertNotProd(); // should never leak to prod mode
+    if (template === defaultEmptyTemplate) {
         return;
+    }
     if (vm.renderMode === 0 /* RenderMode.Light */) {
-        assert.isTrue(template.renderMode === 'light', `Light DOM components can't render shadow DOM templates. Add an 'lwc:render-mode="light"' directive to the root template tag of ${getComponentTag(vm)}.`);
+        if (template.renderMode !== 'light') {
+            logError(`Light DOM components can't render shadow DOM templates. Add an 'lwc:render-mode="light"' directive to the root template tag of ${getComponentTag(vm)}.`);
+        }
     }
     else {
-        assert.isTrue(isUndefined$1(template.renderMode), `Shadow DOM components template can't render light DOM templates. Either remove the 'lwc:render-mode' directive from ${getComponentTag(vm)} or set it to 'lwc:render-mode="shadow"`);
+        if (!isUndefined$1(template.renderMode)) {
+            logError(`Shadow DOM components template can't render light DOM templates. Either remove the 'lwc:render-mode' directive from ${getComponentTag(vm)} or set it to 'lwc:render-mode="shadow"`);
+        }
     }
 }
 function buildParseFragmentFn(createFragmentFn) {
@@ -5323,7 +5348,9 @@ function evaluateTemplate(vm, html) {
         logOperationEnd(1 /* OperationId.Render */, vm);
     });
     if (process.env.NODE_ENV !== 'production') {
-        assert.invariant(isArray$1(vnodes), `Compiler should produce html functions that always return an array.`);
+        if (!isArray$1(vnodes)) {
+            logError(`Compiler should produce html functions that always return an array.`);
+        }
     }
     return vnodes;
 }
@@ -6240,7 +6267,7 @@ function readonly(obj) {
     }
     return getReadOnlyProxy(obj);
 }
-/* version: 2.45.0 */
+/* version: 2.45.1 */
 
 /*
  * Copyright (c) 2020, salesforce.com, inc.
@@ -6821,7 +6848,7 @@ seal(LightningElement.prototype);
 function createElement() {
     throw new Error('createElement is not supported in @lwc/engine-server, only @lwc/engine-dom.');
 }
-/* version: 2.45.0 */
+/* version: 2.45.1 */
 
 exports.LightningElement = LightningElement;
 exports.api = api$1;