@lwc/ssr-runtime 8.12.0 → 8.12.2

package/dist/index.js

@@ -328,14 +328,14 @@ function isObject(obj) {
 function isString(obj) {
     return typeof obj === 'string';
 }
-const OtS$1 = {}.toString;
+const OtS = {}.toString;
 /**
  * Converts the argument to a string, safely accounting for objects with "null" prototype.
  * Note that `toString(null)` returns `"[object Null]"` rather than `"null"`.
  * @param obj Value to convert to a string.
  * @returns String representation of the value.
  */
-function toString$1(obj) {
+function toString(obj) {
     if (obj?.toString) {
         // Arrays might hold objects with "null" prototype So using
         // Array.prototype.toString directly will cause an error Iterate through
@@ -351,13 +351,13 @@ function toString$1(obj) {
             // 4. Array#toString converts recursive references to arrays to ''
             // Ex: arr = [1]; arr.push(arr, 2); arr.toString() === '1,,2'; toString(arr) throws
             // Ref: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/toString
-            return ArrayJoin.call(ArrayMap.call(obj, toString$1), ',');
+            return ArrayJoin.call(ArrayMap.call(obj, toString), ',');
         }
         return obj.toString();
     }
     else if (typeof obj === 'object') {
         // This catches null and returns "[object Null]". Weird, but kept for backwards compatibility.
-        return OtS$1.call(obj);
+        return OtS.call(obj);
     }
     else {
         return String(obj);
@@ -457,43 +457,6 @@ const { AriaAttrNameToPropNameMap, AriaPropNameToAttrNameMap } = /*@__PURE__*/ (
 function isAriaAttribute(attrName) {
     return attrName in AriaAttrNameToPropNameMap;
 }
-// This list is based on https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes
-const GLOBAL_ATTRIBUTE = /*@__PURE__*/ new Set([
-    'accesskey',
-    'autocapitalize',
-    'autofocus',
-    'class',
-    'contenteditable',
-    'dir',
-    'draggable',
-    'enterkeyhint',
-    'exportparts',
-    'hidden',
-    'id',
-    'inputmode',
-    'is',
-    'itemid',
-    'itemprop',
-    'itemref',
-    'itemscope',
-    'itemtype',
-    'lang',
-    'nonce',
-    'part',
-    'slot',
-    'spellcheck',
-    'style',
-    'tabindex',
-    'title',
-    'translate',
-]);
-/**
- *
- * @param attrName
- */
-function isGlobalHtmlAttribute(attrName) {
-    return GLOBAL_ATTRIBUTE.has(attrName);
-}
 // These are HTML standard prop/attribute IDL mappings, but are not predictable based on camel/kebab-case conversion
 const SPECIAL_PROPERTY_ATTRIBUTE_MAPPING = /*@__PURE__@*/ new Map([
     ['accessKey', 'accesskey'],
@@ -513,6 +476,21 @@ const SPECIAL_PROPERTY_ATTRIBUTE_MAPPING = /*@__PURE__@*/ new Map([
     ['useMap', 'usemap'],
     ['htmlFor', 'for'],
 ]);
+// Global properties that this framework currently reflects. For CSR, the native
+// descriptors for these properties are added from HTMLElement.prototype to
+// LightningElement.prototype. For SSR, in order to match CSR behavior, this
+// list is used to determine which attributes to reflect.
+const REFLECTIVE_GLOBAL_PROPERTY_SET = /*@__PURE__@*/ new Set([
+    'accessKey',
+    'dir',
+    'draggable',
+    'hidden',
+    'id',
+    'lang',
+    'spellcheck',
+    'tabIndex',
+    'title',
+]);
 /**
  * Map associating previously transformed HTML property into HTML attribute.
  */
@@ -649,7 +627,7 @@ function setHooks(hooks) {
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
 const DEFAULT_SSR_MODE = 'sync';
-/** version: 8.12.0 */
+/** version: 8.12.2 */
 
 /*
  * Copyright (c) 2024, Salesforce, Inc.
@@ -733,18 +711,6 @@ class ClassList {
 const { isArray } = Array;
 const { prototype: ObjectDotPrototype, getPrototypeOf, create: ObjectCreate, defineProperty: ObjectDefineProperty, isExtensible, getOwnPropertyDescriptor, getOwnPropertyNames, getOwnPropertySymbols, preventExtensions, hasOwnProperty, } = Object;
 const { push: ArrayPush, concat: ArrayConcat } = Array.prototype;
-const OtS = {}.toString;
-function toString(obj) {
-    if (obj && obj.toString) {
-        return obj.toString();
-    }
-    else if (typeof obj === 'object') {
-        return OtS.call(obj);
-    }
-    else {
-        return obj + '';
-    }
-}
 function isUndefined(obj) {
     return obj === undefined;
 }
@@ -982,10 +948,6 @@ class ReactiveProxyHandler extends BaseProxyHandler {
         return true;
     }
     setPrototypeOf(shadowTarget, prototype) {
-        /* istanbul ignore else */
-        if (process.env.NODE_ENV !== 'production') {
-            throw new Error(`Invalid setPrototypeOf invocation for reactive proxy ${toString(this.originalTarget)}. Prototype of reactive objects cannot be changed.`);
-        }
     }
     preventExtensions(shadowTarget) {
         if (isExtensible(shadowTarget)) {
@@ -1049,147 +1011,31 @@ class ReadOnlyHandler extends BaseProxyHandler {
         if (!isUndefined(wrappedSetter)) {
             return wrappedSetter;
         }
-        const handler = this;
         const set = function (v) {
-            /* istanbul ignore else */
-            if (process.env.NODE_ENV !== 'production') {
-                const { originalTarget } = handler;
-                throw new Error(`Invalid mutation: Cannot invoke a setter on "${originalTarget}". "${originalTarget}" is read-only.`);
-            }
         };
         setterMap.set(originalSet, set);
         return set;
     }
     set(shadowTarget, key, value) {
-        /* istanbul ignore else */
-        if (process.env.NODE_ENV !== 'production') {
-            const { originalTarget } = this;
-            const msg = isArray(originalTarget)
-                ? `Invalid mutation: Cannot mutate array at index ${key.toString()}. Array is read-only.`
-                : `Invalid mutation: Cannot set "${key.toString()}" on "${originalTarget}". "${originalTarget}" is read-only.`;
-            throw new Error(msg);
-        }
         /* istanbul ignore next */
         return false;
     }
     deleteProperty(shadowTarget, key) {
-        /* istanbul ignore else */
-        if (process.env.NODE_ENV !== 'production') {
-            const { originalTarget } = this;
-            throw new Error(`Invalid mutation: Cannot delete "${key.toString()}" on "${originalTarget}". "${originalTarget}" is read-only.`);
-        }
         /* istanbul ignore next */
         return false;
     }
     setPrototypeOf(shadowTarget, prototype) {
-        /* istanbul ignore else */
-        if (process.env.NODE_ENV !== 'production') {
-            const { originalTarget } = this;
-            throw new Error(`Invalid prototype mutation: Cannot set prototype on "${originalTarget}". "${originalTarget}" prototype is read-only.`);
-        }
     }
     preventExtensions(shadowTarget) {
-        /* istanbul ignore else */
-        if (process.env.NODE_ENV !== 'production') {
-            const { originalTarget } = this;
-            throw new Error(`Invalid mutation: Cannot preventExtensions on ${originalTarget}". "${originalTarget} is read-only.`);
-        }
         /* istanbul ignore next */
         return false;
     }
     defineProperty(shadowTarget, key, descriptor) {
-        /* istanbul ignore else */
-        if (process.env.NODE_ENV !== 'production') {
-            const { originalTarget } = this;
-            throw new Error(`Invalid mutation: Cannot defineProperty "${key.toString()}" on "${originalTarget}". "${originalTarget}" is read-only.`);
-        }
         /* istanbul ignore next */
         return false;
     }
 }
 
-function extract(objectOrArray) {
-    if (isArray(objectOrArray)) {
-        return objectOrArray.map((item) => {
-            const original = unwrap(item);
-            if (original !== item) {
-                return extract(original);
-            }
-            return item;
-        });
-    }
-    const obj = ObjectCreate(getPrototypeOf(objectOrArray));
-    const names = getOwnPropertyNames(objectOrArray);
-    return ArrayConcat.call(names, getOwnPropertySymbols(objectOrArray)).reduce((seed, key) => {
-        const item = objectOrArray[key];
-        const original = unwrap(item);
-        if (original !== item) {
-            seed[key] = extract(original);
-        }
-        else {
-            seed[key] = item;
-        }
-        return seed;
-    }, obj);
-}
-const formatter = {
-    header: (plainOrProxy) => {
-        const originalTarget = unwrap(plainOrProxy);
-        // if originalTarget is falsy or not unwrappable, exit
-        if (!originalTarget || originalTarget === plainOrProxy) {
-            return null;
-        }
-        const obj = extract(plainOrProxy);
-        return ['object', { object: obj }];
-    },
-    hasBody: () => {
-        return false;
-    },
-    body: () => {
-        return null;
-    },
-};
-// Inspired from paulmillr/es6-shim
-// https://github.com/paulmillr/es6-shim/blob/master/es6-shim.js#L176-L185
-/* istanbul ignore next */
-function getGlobal() {
-    // the only reliable means to get the global object is `Function('return this')()`
-    // However, this causes CSP violations in Chrome apps.
-    if (typeof globalThis !== 'undefined') {
-        return globalThis;
-    }
-    if (typeof self !== 'undefined') {
-        return self;
-    }
-    if (typeof window !== 'undefined') {
-        return window;
-    }
-    if (typeof global !== 'undefined') {
-        return global;
-    }
-    // Gracefully degrade if not able to locate the global object
-    return {};
-}
-function init() {
-    /* istanbul ignore if */
-    if (process.env.NODE_ENV === 'production') {
-        // this method should never leak to prod
-        throw new ReferenceError();
-    }
-    const global = getGlobal();
-    // Custom Formatter for Dev Tools. To enable this, open Chrome Dev Tools
-    //  - Go to Settings,
-    //  - Under console, select "Enable custom formatters"
-    // For more information, https://docs.google.com/document/d/1FTascZXT9cxfetuPRT2eXPQKXui4nWFivUnS_335T3U/preview
-    const devtoolsFormatters = global.devtoolsFormatters || [];
-    ArrayPush.call(devtoolsFormatters, formatter);
-    global.devtoolsFormatters = devtoolsFormatters;
-}
-
-/* istanbul ignore else */
-if (process.env.NODE_ENV !== 'production') {
-    init();
-}
 function defaultValueIsObservable(value) {
     // intentionally checking for null
     if (value === null) {
@@ -1381,7 +1227,7 @@ function filterProperties(props, publicFields, privateFields) {
     keys(props).forEach((propName) => {
         const attrName = htmlPropertyToAttribute(propName);
         if (publicFieldSet.has(propName) ||
-            ((isGlobalHtmlAttribute(attrName) || isAriaAttribute(attrName)) &&
+            ((REFLECTIVE_GLOBAL_PROPERTY_SET.has(propName) || isAriaAttribute(attrName)) &&
                 !privateFieldSet.has(propName))) {
             propsToAssign[propName] = props[propName];
         }
@@ -1467,7 +1313,7 @@ const ariaDescriptor = (attrName) => ({
                 this.removeAttribute(attrName);
             }
             else {
-                this.setAttribute(attrName, toString$1(newValue));
+                this.setAttribute(attrName, toString(newValue));
             }
         }
     },
@@ -1485,7 +1331,7 @@ const tabIndexDescriptor = () => ({
         const num = Number(newValue);
         const normalizedValue = isFinite(num) ? String(Math.trunc(num)) : '0';
         if (normalizedValue !== currentValue) {
-            this.setAttribute('tabindex', toString$1(newValue));
+            this.setAttribute('tabindex', toString(newValue));
         }
     },
 });
@@ -1544,24 +1390,24 @@ class LightningElement {
         return (__classPrivateFieldSet(this, _LightningElement_classList, new ClassList(this), "f"));
     }
     setAttribute(attrName, attrValue) {
-        const normalizedName = StringToLowerCase.call(toString$1(attrName));
+        const normalizedName = StringToLowerCase.call(toString(attrName));
         const normalizedValue = String(attrValue);
         __classPrivateFieldGet(this, _LightningElement_attrs, "f")[normalizedName] = normalizedValue;
         mutationTracker.add(this, normalizedName);
     }
     getAttribute(attrName) {
-        const normalizedName = StringToLowerCase.call(toString$1(attrName));
+        const normalizedName = StringToLowerCase.call(toString(attrName));
         if (hasOwnProperty$1.call(__classPrivateFieldGet(this, _LightningElement_attrs, "f"), normalizedName)) {
             return __classPrivateFieldGet(this, _LightningElement_attrs, "f")[normalizedName];
         }
         return null;
     }
     hasAttribute(attrName) {
-        const normalizedName = StringToLowerCase.call(toString$1(attrName));
+        const normalizedName = StringToLowerCase.call(toString(attrName));
         return hasOwnProperty$1.call(__classPrivateFieldGet(this, _LightningElement_attrs, "f"), normalizedName);
     }
     removeAttribute(attrName) {
-        const normalizedName = StringToLowerCase.call(toString$1(attrName));
+        const normalizedName = StringToLowerCase.call(toString(attrName));
         delete __classPrivateFieldGet(this, _LightningElement_attrs, "f")[normalizedName];
         // Track mutations for removal of non-existing attributes
         mutationTracker.add(this, normalizedName);
@@ -1660,6 +1506,12 @@ function renderAttrsPrivate(instance, attrs, hostScopeToken, scopeToken) {
     let hasClassAttribute = false;
     for (const attrName of getOwnPropertyNames$1(attrs)) {
         let attrValue = attrs[attrName];
+        // Backwards compatibility with historical patchStyleAttribute() behavior:
+        // https://github.com/salesforce/lwc/blob/59e2c6c/packages/%40lwc/engine-core/src/framework/modules/computed-style-attr.ts#L40
+        if (attrName === 'style' && (!isString(attrValue) || attrValue === '')) {
+            // If the style attribute is invalid, we don't render it.
+            continue;
+        }
         if (isNull(attrValue) || isUndefined$1(attrValue)) {
             attrValue = '';
         }
@@ -1934,5 +1786,5 @@ function createContextProvider(adapter) {
 }
 
 export { ClassList, LightningElement, SYMBOL__DEFAULT_TEMPLATE, SYMBOL__GENERATE_MARKUP, SYMBOL__SET_INTERNALS, api, connectContext, createContextProvider, createElement, establishContextfulRelationship, fallbackTmpl, fallbackTmplNoYield, filterProperties, freezeTemplate, getComponentDef, getReadOnlyProxy, hasScopedStaticStylesheets, hot, htmlEscape, isComponentConstructor, massageTextContent, mutationTracker, normalizeClass, parseFragment, parseSVGFragment, readonly, registerComponent, registerDecorators, registerTemplate, renderAttrs, renderAttrsNoYield, serverSideRenderComponent as renderComponent, renderStylesheets, renderer, sanitizeAttribute, sanitizeHtmlContent, serverSideRenderComponent, setFeatureFlag, setFeatureFlagForTest, setHooks, swapComponent, swapStyle, swapTemplate, toIteratorDirective, track, unwrap$1 as unwrap, validateStyleTextContents, wire };
-/** version: 8.12.0 */
+/** version: 8.12.2 */
 //# sourceMappingURL=index.js.map