@lwc/engine-core 8.15.1 → 8.16.1

package/dist/index.cjs.js

@@ -2825,7 +2825,10 @@ if (process.env.NODE_ENV === 'test-karma-lwc') {
 function checkVersionMismatch(func, type) {
     const versionMatcher = func.toString().match(shared.LWC_VERSION_COMMENT_REGEX);
     if (!shared.isNull(versionMatcher) && !warned) {
-        if (typeof process === 'object' && process.env.SKIP_LWC_VERSION_MISMATCH_CHECK === 'true') {
+        if (typeof process === 'object' &&
+            typeof process?.env === 'object' &&
+            process.env &&
+            process.env.SKIP_LWC_VERSION_MISMATCH_CHECK === 'true') {
             warned = true; // skip printing out version mismatch errors when env var is set
             return;
         }
@@ -7854,7 +7857,12 @@ function hydrateElement(elm, vnode, renderer) {
         }
     }
     patchElementPropsAndAttrsAndRefs(vnode, renderer);
-    if (!isDomManual) {
+    // When <lwc-style> tags are initially encountered at the time of HTML parse, the <lwc-style> tag is
+    // replaced with an empty <style> tag. Additionally, the styles are attached to the shadow root as a
+    // constructed stylesheet at the same time. So, the shadow will be styled correctly and the only
+    // difference between what's in the DOM and what's in the VDOM is the string content inside the
+    // <style> tag. We can simply ignore that during hyration.
+    if (!isDomManual && vnode.elm.tagName !== 'STYLE') {
         const { getFirstChild } = renderer;
         hydrateChildren(getFirstChild(elm), vnode.children, elm, owner, false);
     }
@@ -8517,5 +8525,5 @@ exports.swapTemplate = swapTemplate;
 exports.track = track;
 exports.unwrap = unwrap;
 exports.wire = wire;
-/** version: 8.15.1 */
+/** version: 8.16.1 */
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.js

@@ -2822,7 +2822,10 @@ if (process.env.NODE_ENV === 'test-karma-lwc') {
 function checkVersionMismatch(func, type) {
     const versionMatcher = func.toString().match(LWC_VERSION_COMMENT_REGEX);
     if (!isNull(versionMatcher) && !warned) {
-        if (typeof process === 'object' && process.env.SKIP_LWC_VERSION_MISMATCH_CHECK === 'true') {
+        if (typeof process === 'object' &&
+            typeof process?.env === 'object' &&
+            process.env &&
+            process.env.SKIP_LWC_VERSION_MISMATCH_CHECK === 'true') {
             warned = true; // skip printing out version mismatch errors when env var is set
             return;
         }
@@ -7851,7 +7854,12 @@ function hydrateElement(elm, vnode, renderer) {
         }
     }
     patchElementPropsAndAttrsAndRefs(vnode, renderer);
-    if (!isDomManual) {
+    // When <lwc-style> tags are initially encountered at the time of HTML parse, the <lwc-style> tag is
+    // replaced with an empty <style> tag. Additionally, the styles are attached to the shadow root as a
+    // constructed stylesheet at the same time. So, the shadow will be styled correctly and the only
+    // difference between what's in the DOM and what's in the VDOM is the string content inside the
+    // <style> tag. We can simply ignore that during hyration.
+    if (!isDomManual && vnode.elm.tagName !== 'STYLE') {
         const { getFirstChild } = renderer;
         hydrateChildren(getFirstChild(elm), vnode.children, elm, owner, false);
     }
@@ -8463,5 +8471,5 @@ function readonly(obj) {
 }
 
 export { BaseBridgeElement, 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, shouldBeFormAssociated, swapComponent, swapStyle, swapTemplate, track, unwrap, wire };
-/** version: 8.15.1 */
+/** version: 8.16.1 */
 //# sourceMappingURL=index.js.map

package/package.json

@@ -4,7 +4,7 @@
         "You can safely modify dependencies, devDependencies, keywords, etc., but other props will be overwritten."
     ],
     "name": "@lwc/engine-core",
-    "version": "8.15.1",
+    "version": "8.16.1",
     "description": "Core LWC engine APIs.",
     "keywords": [
         "lwc"
@@ -46,9 +46,9 @@
         }
     },
     "dependencies": {
-        "@lwc/features": "8.15.1",
-        "@lwc/shared": "8.15.1",
-        "@lwc/signals": "8.15.1"
+        "@lwc/features": "8.16.1",
+        "@lwc/shared": "8.16.1",
+        "@lwc/signals": "8.16.1"
     },
     "devDependencies": {
         "observable-membrane": "2.0.0"