@lwc/engine-core 8.1.0-alpha.5 → 8.1.1

package/dist/index.js

@@ -1,7 +1,7 @@
 /**
  * Copyright (c) 2024 Salesforce, Inc.
  */
-import { noop, StringToLowerCase, isNull, ArrayPush as ArrayPush$1, ArrayJoin, isFrozen, isUndefined as isUndefined$1, defineProperty, seal, create, isAPIFeatureEnabled, isArray as isArray$1, isFunction as isFunction$1, keys, ArrayFilter, isObject, toString as toString$1, getOwnPropertyNames as getOwnPropertyNames$1, getOwnPropertySymbols as getOwnPropertySymbols$1, isString, ArrayIndexOf, ArrayPop, isFalse, hasOwnProperty as hasOwnProperty$1, entries, AriaPropNameToAttrNameMap, getPropertyDescriptor, forEach, defineProperties, getPrototypeOf as getPrototypeOf$1, setPrototypeOf, assign, assert, freeze, KEY__SYNTHETIC_MODE, getOwnPropertyDescriptor as getOwnPropertyDescriptor$1, LWC_VERSION_COMMENT_REGEX, LWC_VERSION, getOwnPropertyDescriptors, htmlPropertyToAttribute, ArraySlice, ArrayMap, KEY__SCOPED_CSS, ArraySplice, kebabCaseToCamelCase, StringCharCodeAt, XML_NAMESPACE, XLINK_NAMESPACE, StringSlice, isTrue, SVG_NAMESPACE, KEY__SHADOW_STATIC, KEY__SHADOW_RESOLVER, ArraySome, isNumber, StringReplace, StringTrim, ArraySort, ArrayFrom, htmlEscape, StringCharAt, ArrayUnshift, LOWEST_API_VERSION, KEY__NATIVE_GET_ELEMENT_BY_ID, KEY__NATIVE_QUERY_SELECTOR_ALL, ID_REFERENCING_ATTRIBUTES_SET, KEY__SHADOW_TOKEN, StringSplit, arrayEvery, ArrayIncludes, ArrayCopyWithin, ArrayFill, ArrayReverse, ArrayShift } from '@lwc/shared';
+import { noop, StringToLowerCase, isNull, ArrayPush as ArrayPush$1, ArrayJoin, isFrozen, isUndefined as isUndefined$1, defineProperty, seal, create, isAPIFeatureEnabled, isArray as isArray$1, isFunction as isFunction$1, keys, ArrayFilter, isObject, getOwnPropertyNames as getOwnPropertyNames$1, getOwnPropertySymbols as getOwnPropertySymbols$1, toString as toString$1, isString, ArrayIndexOf, ArrayPop, isFalse, hasOwnProperty as hasOwnProperty$1, entries, AriaPropNameToAttrNameMap, getPropertyDescriptor, forEach, defineProperties, getPrototypeOf as getPrototypeOf$1, setPrototypeOf, assign, assert, freeze, KEY__SYNTHETIC_MODE, getOwnPropertyDescriptor as getOwnPropertyDescriptor$1, LWC_VERSION_COMMENT_REGEX, LWC_VERSION, getOwnPropertyDescriptors, htmlPropertyToAttribute, ArraySlice, ArrayMap, KEY__SCOPED_CSS, ArraySplice, kebabCaseToCamelCase, StringCharCodeAt, XML_NAMESPACE, XLINK_NAMESPACE, StringSlice, isTrue, SVG_NAMESPACE, KEY__SHADOW_STATIC, KEY__SHADOW_RESOLVER, ArraySome, isNumber, StringReplace, StringTrim, ArraySort, ArrayFrom, htmlEscape, StringCharAt, ArrayUnshift, LOWEST_API_VERSION, KEY__NATIVE_GET_ELEMENT_BY_ID, KEY__NATIVE_QUERY_SELECTOR_ALL, ID_REFERENCING_ATTRIBUTES_SET, KEY__SHADOW_TOKEN, StringSplit, arrayEvery, ArrayIncludes, ArrayCopyWithin, ArrayFill, ArrayReverse, ArrayShift } from '@lwc/shared';
 export { setFeatureFlag, setFeatureFlagForTest } from '@lwc/features';
 
 /*
@@ -289,6 +289,26 @@ function shouldBeFormAssociated(Ctor) {
 const reactiveObserversToVMs = new WeakMap();
 const targetsToPropertyKeys = new WeakMap();
 let mutationLogs = [];
+// Create a human-readable member access notation like `obj.foo` or `arr[1]`,
+// handling edge cases like `obj[Symbol("bar")]` and `obj["spaces here"]`
+function toPrettyMemberNotation(parent, child) {
+    if (isUndefined$1(parent)) {
+        // Bare prop, just stringify the child
+        return toString$1(child);
+    }
+    else if (!isString(child)) {
+        // Symbol/number, e.g. `obj[Symbol("foo")]` or `obj[1234]`
+        return `${toString$1(parent)}[${toString$1(child)}]`;
+    }
+    else if (/^\w+$/.test(child)) {
+        // Dot-notation-safe string, e.g. `obj.foo`
+        return `${toString$1(parent)}.${child}`;
+    }
+    else {
+        // Bracket-notation-requiring string, e.g. `obj["prop with spaces"]`
+        return `${toString$1(parent)}[${JSON.stringify(child)}]`;
+    }
+}
 /**
  * Flush all the logs we've written so far and return the current logs.
  */
@@ -319,23 +339,7 @@ function logMutation(reactiveObserver, target, key) {
         }
     }
     else {
-        const stringKey = toString$1(key);
-        let prop;
-        if (isUndefined$1(parentKey)) {
-            prop = stringKey;
-        }
-        else if (!isString(key)) {
-            // symbol/number, e.g. `obj[Symbol("foo")]` or `obj[1234]`
-            prop = `${toString$1(parentKey)}[${stringKey}]`;
-        }
-        else if (/^\w+$/.test(stringKey)) {
-            // Human-readable prop like `items[0].name` on a deep object/array
-            prop = `${toString$1(parentKey)}.${stringKey}`;
-        }
-        else {
-            // e.g. `obj["prop with spaces"]`
-            prop = `${toString$1(parentKey)}[${JSON.stringify(stringKey)}]`;
-        }
+        const prop = toPrettyMemberNotation(parentKey, key);
         ArrayPush$1.call(mutationLogs, { vm, prop });
     }
 }
@@ -373,7 +377,7 @@ function trackTargetForMutationLogging(key, target) {
         // Deeply traverse arrays and objects to track every object within
         if (isArray$1(target)) {
             for (let i = 0; i < target.length; i++) {
-                trackTargetForMutationLogging(`${toString$1(key)}[${i}]`, target[i]);
+                trackTargetForMutationLogging(toPrettyMemberNotation(key, i), target[i]);
             }
         }
         else {
@@ -382,10 +386,10 @@ function trackTargetForMutationLogging(key, target) {
             // https://github.com/salesforce/observable-membrane/blob/b85417f/src/base-handler.ts#L142-L143
             // Note this code path is very hot, hence doing two separate for-loops rather than creating a new array.
             for (const prop of getOwnPropertyNames$1(target)) {
-                trackTargetForMutationLogging(`${toString$1(key)}.${toString$1(prop)}`, target[prop]);
+                trackTargetForMutationLogging(toPrettyMemberNotation(key, prop), target[prop]);
             }
             for (const prop of getOwnPropertySymbols$1(target)) {
-                trackTargetForMutationLogging(`${toString$1(key)}[${toString$1(prop)}]`, target[prop]);
+                trackTargetForMutationLogging(toPrettyMemberNotation(key, prop), target[prop]);
             }
         }
     }
@@ -8365,5 +8369,5 @@ function readonly(obj) {
 }
 
 export { LightningElement, profilerControl as __unstable__ProfilerControl, reportingControl as __unstable__ReportingControl, api$1 as api, computeShadowAndRenderMode, connectRootElement, createContextProviderWithRegister, createVM, disconnectRootElement, freezeTemplate, getAssociatedVMIfPresent, getComponentAPIVersion, getComponentConstructor, getComponentDef, getComponentHtmlPrototype, hydrateRoot, isComponentConstructor, parseFragment, parseSVGFragment, readonly, registerComponent, registerDecorators, registerTemplate, runFormAssociatedCallback, runFormDisabledCallback, runFormResetCallback, runFormStateRestoreCallback, sanitizeAttribute, setHooks, shouldBeFormAssociated, swapComponent, swapStyle, swapTemplate, track, unwrap, wire };
-/** version: 8.1.0-alpha.5 */
+/** version: 8.1.1 */
 //# sourceMappingURL=index.js.map