@lwc/engine-core 7.0.1 → 7.0.3-alpha.0

package/dist/framework/utils.d.ts

@@ -6,6 +6,7 @@ export declare const EmptyObject: any;
 export declare const EmptyArray: never[];
 export declare function addCallbackToNextTick(callback: Callback): void;
 export declare function guid(): string;
+export declare function shouldUseNativeCustomElementLifecycle(ctor: LightningElementConstructor): boolean;
 export declare function parseStyleText(cssText: string): {
     [name: string]: string;
 };

package/dist/index.cjs.js

@@ -449,6 +449,14 @@ function guid() {
     }
     return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4();
 }
+function shouldUseNativeCustomElementLifecycle(ctor) {
+    if (lwcRuntimeFlags.DISABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+        // temporary "kill switch"
+        return false;
+    }
+    const apiVersion = getComponentAPIVersion(ctor);
+    return shared.isAPIFeatureEnabled(7 /* APIFeature.ENABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE */, apiVersion);
+}
 // Borrowed from Vue template compiler.
 // https://github.com/vuejs/vue/blob/531371b818b0e31a989a06df43789728f23dc4e8/src/platforms/web/util/style.js#L5-L16
 const DECLARATION_DELIMITER = /;(?![^(]*\))/g;
@@ -499,7 +507,7 @@ function assertNotProd() {
 function shouldBeFormAssociated(Ctor) {
     const ctorFormAssociated = Boolean(Ctor.formAssociated);
     const apiVersion = getComponentAPIVersion(Ctor);
-    const apiFeatureEnabled = shared.isAPIFeatureEnabled(7 /* APIFeature.ENABLE_ELEMENT_INTERNALS_AND_FACE */, apiVersion);
+    const apiFeatureEnabled = shared.isAPIFeatureEnabled(8 /* APIFeature.ENABLE_ELEMENT_INTERNALS_AND_FACE */, apiVersion);
     if (process.env.NODE_ENV !== 'production' && ctorFormAssociated && !apiFeatureEnabled) {
         const tagName = getComponentRegisteredName(Ctor);
         logWarnOnce(`Component <${tagName}> set static formAssociated to true, but form ` +
@@ -1742,7 +1750,7 @@ LightningElement.prototype = {
     attachInternals() {
         const vm = getAssociatedVM(this);
         const { elm, apiVersion, renderer: { attachInternals }, } = vm;
-        if (!shared.isAPIFeatureEnabled(7 /* APIFeature.ENABLE_ELEMENT_INTERNALS_AND_FACE */, apiVersion)) {
+        if (!shared.isAPIFeatureEnabled(8 /* APIFeature.ENABLE_ELEMENT_INTERNALS_AND_FACE */, apiVersion)) {
             throw new Error(`The attachInternals API is only supported in API version 61 and above. ` +
                 `The current version is ${apiVersion}. ` +
                 `To use this API, update the LWC component API version. https://lwc.dev/guide/versioning`);
@@ -1782,7 +1790,7 @@ LightningElement.prototype = {
             shared.assert.fail('this.hostElement is not supported in this environment');
         }
         const apiVersion = getComponentAPIVersion(vm.def.ctor);
-        if (!shared.isAPIFeatureEnabled(8 /* APIFeature.ENABLE_THIS_DOT_HOST_ELEMENT */, apiVersion)) {
+        if (!shared.isAPIFeatureEnabled(9 /* APIFeature.ENABLE_THIS_DOT_HOST_ELEMENT */, apiVersion)) {
             if (process.env.NODE_ENV !== 'production') {
                 logWarnOnce('The `this.hostElement` API within LightningElement is ' +
                     'only supported in API version 62 and above. Increase the API version to use it.');
@@ -1924,7 +1932,7 @@ LightningElement.prototype = {
     get style() {
         const { elm, renderer, def } = getAssociatedVM(this);
         const apiVersion = getComponentAPIVersion(def.ctor);
-        if (!shared.isAPIFeatureEnabled(9 /* APIFeature.ENABLE_THIS_DOT_STYLE */, apiVersion)) {
+        if (!shared.isAPIFeatureEnabled(10 /* APIFeature.ENABLE_THIS_DOT_STYLE */, apiVersion)) {
             if (process.env.NODE_ENV !== 'production') {
                 logWarnOnce('The `this.style` API within LightningElement returning the CSSStyleDeclaration is ' +
                     'only supported in API version 62 and above. Increase the API version to use it.');
@@ -4496,7 +4504,7 @@ function mountCustomElement(vnode, parent, anchor, renderer) {
     // compiler may generate tagnames with uppercase letters so - for backwards
     // compatibility, we lower case the tagname here.
     const normalizedTagname = sel.toLowerCase();
-    const useNativeLifecycle = !lwcRuntimeFlags.DISABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE;
+    const useNativeLifecycle = shouldUseNativeCustomElementLifecycle(ctor);
     const isFormAssociated = shouldBeFormAssociated(ctor);
     const elm = createCustomElement(normalizedTagname, upgradeCallback, useNativeLifecycle, isFormAssociated);
     vnode.elm = elm;
@@ -6373,7 +6381,7 @@ function resetComponentStateWhenRemoved(vm) {
 // old vnode.children is removed from the DOM.
 function removeVM(vm) {
     if (process.env.NODE_ENV !== 'production') {
-        if (lwcRuntimeFlags.DISABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE) {
+        if (!shouldUseNativeCustomElementLifecycle(vm.component.constructor)) {
             // With native lifecycle, we cannot be certain that connectedCallback was called before a component
             // was removed from the VDOM. If the component is disconnected, then connectedCallback will not fire
             // in native mode, although it will fire in synthetic mode due to appendChild triggering it.
@@ -6697,7 +6705,7 @@ function runConnectedCallback(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.DISABLE_NATIVE_CUSTOM_ELEMENT_LIFECYCLE &&
+        !shouldUseNativeCustomElementLifecycle(vm.component.constructor) &&
         (process.env.NODE_ENV !== 'production' || isReportingEnabled())) {
         if (!vm.renderer.isConnected(vm.elm)) {
             if (process.env.NODE_ENV !== 'production') {
@@ -8068,5 +8076,5 @@ exports.swapTemplate = swapTemplate;
 exports.track = track;
 exports.unwrap = unwrap;
 exports.wire = wire;
-/** version: 7.0.1 */
+/** version: 7.0.0 */
 //# sourceMappingURL=index.cjs.js.map