@lwc/engine-core 4.0.0 → 4.0.1

package/dist/index.js

@@ -74,6 +74,12 @@ function report(reportingEventId, payload) {
         currentDispatcher$1(reportingEventId, payload);
     }
 }
+/**
+ * Return true if reporting is enabled
+ */
+function isReportingEnabled() {
+    return enabled$1;
+}
 
 /*
  * Copyright (c) 2018, salesforce.com, inc.
@@ -6034,6 +6040,24 @@ function runConnectedCallback(vm) {
         invokeComponentCallback(vm, connectedCallback);
         logOperationEnd(3 /* OperationId.ConnectedCallback */, vm);
     }
+    // This test only makes sense in the browser, with synthetic lifecycle, and when reporting is enabled or
+    // we're in dev mode. This is to detect a particular issue with synthetic lifecycle.
+    if (process.env.IS_BROWSER &&
+        !lwcRuntimeFlags.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE &&
+        (process.env.NODE_ENV !== 'production' || isReportingEnabled())) {
+        if (!vm.renderer.isConnected(vm.elm)) {
+            if (process.env.NODE_ENV !== 'production') {
+                logWarnOnce(`Element <${vm.tagName}> ` +
+                    `fired a \`connectedCallback\` and rendered, but was not connected to the DOM. ` +
+                    `Please ensure all components are actually connected to the DOM, e.g. using ` +
+                    `\`document.body.appendChild(element)\`. This will not be supported in future versions of ` +
+                    `LWC and could cause component errors. For details, see: https://sfdc.co/synthetic-lifecycle`);
+            }
+            report("ConnectedCallbackWhileDisconnected" /* ReportingEventId.ConnectedCallbackWhileDisconnected */, {
+                tagName: vm.tagName,
+            });
+        }
+    }
 }
 function hasWireAdapters(vm) {
     return getOwnPropertyNames$1(vm.def.wire).length > 0;
@@ -7267,5 +7291,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, swapComponent, swapStyle, swapTemplate, track, unwrap, wire };
-/** version: 4.0.0 */
+/** version: 4.0.1 */
 //# sourceMappingURL=index.js.map