@lwc/babel-plugin-component 8.23.0 → 8.24.0

package/dist/constants.d.ts

@@ -24,5 +24,6 @@ declare const COMPONENT_NAME_KEY = "sel";
 declare const API_VERSION_KEY = "apiVersion";
 declare const COMPONENT_CLASS_ID = "__lwc_component_class_internal";
 declare const SYNTHETIC_ELEMENT_INTERNALS_KEY = "enableSyntheticElementInternals";
-export { DECORATOR_TYPES, LWC_PACKAGE_ALIAS, LWC_PACKAGE_EXPORTS, LWC_COMPONENT_PROPERTIES, REGISTER_COMPONENT_ID, REGISTER_DECORATORS_ID, TEMPLATE_KEY, COMPONENT_NAME_KEY, API_VERSION_KEY, COMPONENT_CLASS_ID, SYNTHETIC_ELEMENT_INTERNALS_KEY, };
+declare const COMPONENT_FEATURE_FLAG_KEY = "componentFeatureFlag";
+export { DECORATOR_TYPES, LWC_PACKAGE_ALIAS, LWC_PACKAGE_EXPORTS, LWC_COMPONENT_PROPERTIES, REGISTER_COMPONENT_ID, REGISTER_DECORATORS_ID, TEMPLATE_KEY, COMPONENT_NAME_KEY, API_VERSION_KEY, COMPONENT_CLASS_ID, SYNTHETIC_ELEMENT_INTERNALS_KEY, COMPONENT_FEATURE_FLAG_KEY, };
 //# sourceMappingURL=constants.d.ts.map

package/dist/index.cjs.js

@@ -42,6 +42,7 @@ const COMPONENT_NAME_KEY = 'sel';
 const API_VERSION_KEY = 'apiVersion';
 const COMPONENT_CLASS_ID = '__lwc_component_class_internal';
 const SYNTHETIC_ELEMENT_INTERNALS_KEY = 'enableSyntheticElementInternals';
+const COMPONENT_FEATURE_FLAG_KEY = 'componentFeatureFlag';
 
 /*
  * Copyright (c) 2023, salesforce.com, inc.
@@ -75,6 +76,13 @@ function component ({ types: t }) {
     function createRegisterComponent(declarationPath, state) {
         const registerComponentId = helperModuleImports.addNamed(declarationPath, REGISTER_COMPONENT_ID, LWC_PACKAGE_ALIAS);
         const templateIdentifier = importDefaultTemplate(declarationPath, state);
+        // Optionally import feature flag module if provided via compiler options
+        let componentFeatureFlagIdentifier;
+        if (state.opts.componentFeatureFlagModulePath) {
+            componentFeatureFlagIdentifier = helperModuleImports.addDefault(declarationPath, state.opts.componentFeatureFlagModulePath, {
+                nameHint: COMPONENT_FEATURE_FLAG_KEY,
+            });
+        }
         const statementPath = declarationPath.getStatementParent();
         const componentRegisteredName = getComponentRegisteredName(t, state);
         let node = declarationPath.node;
@@ -103,6 +111,14 @@ function component ({ types: t }) {
             // The client needs to trust the server that it's providing an actual known API version
             t.objectProperty(t.identifier(API_VERSION_KEY), t.numericLiteral(apiVersion)),
         ];
+        if (componentFeatureFlagIdentifier) {
+            properties.push(t.objectProperty(t.identifier(COMPONENT_FEATURE_FLAG_KEY), t.objectExpression([
+                t.objectProperty(t.identifier('value'), t.callExpression(t.identifier('Boolean'), [
+                    componentFeatureFlagIdentifier,
+                ])),
+                t.objectProperty(t.identifier('path'), t.stringLiteral(state.opts.componentFeatureFlagModulePath)),
+            ])));
+        }
         // Only include enableSyntheticElementInternals if set to true
         if (state.opts.enableSyntheticElementInternals === true) {
             properties.push(t.objectProperty(t.identifier(SYNTHETIC_ELEMENT_INTERNALS_KEY), t.booleanLiteral(true)));
@@ -1273,5 +1289,5 @@ function LwcClassTransform(api) {
 }
 
 exports.default = LwcClassTransform;
-/** version: 8.23.0 */
+/** version: 8.24.0 */
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.js

@@ -38,6 +38,7 @@ const COMPONENT_NAME_KEY = 'sel';
 const API_VERSION_KEY = 'apiVersion';
 const COMPONENT_CLASS_ID = '__lwc_component_class_internal';
 const SYNTHETIC_ELEMENT_INTERNALS_KEY = 'enableSyntheticElementInternals';
+const COMPONENT_FEATURE_FLAG_KEY = 'componentFeatureFlag';
 
 /*
  * Copyright (c) 2023, salesforce.com, inc.
@@ -71,6 +72,13 @@ function component ({ types: t }) {
     function createRegisterComponent(declarationPath, state) {
         const registerComponentId = addNamed(declarationPath, REGISTER_COMPONENT_ID, LWC_PACKAGE_ALIAS);
         const templateIdentifier = importDefaultTemplate(declarationPath, state);
+        // Optionally import feature flag module if provided via compiler options
+        let componentFeatureFlagIdentifier;
+        if (state.opts.componentFeatureFlagModulePath) {
+            componentFeatureFlagIdentifier = addDefault(declarationPath, state.opts.componentFeatureFlagModulePath, {
+                nameHint: COMPONENT_FEATURE_FLAG_KEY,
+            });
+        }
         const statementPath = declarationPath.getStatementParent();
         const componentRegisteredName = getComponentRegisteredName(t, state);
         let node = declarationPath.node;
@@ -99,6 +107,14 @@ function component ({ types: t }) {
             // The client needs to trust the server that it's providing an actual known API version
             t.objectProperty(t.identifier(API_VERSION_KEY), t.numericLiteral(apiVersion)),
         ];
+        if (componentFeatureFlagIdentifier) {
+            properties.push(t.objectProperty(t.identifier(COMPONENT_FEATURE_FLAG_KEY), t.objectExpression([
+                t.objectProperty(t.identifier('value'), t.callExpression(t.identifier('Boolean'), [
+                    componentFeatureFlagIdentifier,
+                ])),
+                t.objectProperty(t.identifier('path'), t.stringLiteral(state.opts.componentFeatureFlagModulePath)),
+            ])));
+        }
         // Only include enableSyntheticElementInternals if set to true
         if (state.opts.enableSyntheticElementInternals === true) {
             properties.push(t.objectProperty(t.identifier(SYNTHETIC_ELEMENT_INTERNALS_KEY), t.booleanLiteral(true)));
@@ -1269,5 +1285,5 @@ function LwcClassTransform(api) {
 }
 
 export { LwcClassTransform as default };
-/** version: 8.23.0 */
+/** version: 8.24.0 */
 //# sourceMappingURL=index.js.map

package/dist/types.d.ts

@@ -14,6 +14,7 @@ export interface LwcBabelPluginOptions {
     instrumentation?: InstrumentationObject;
     apiVersion?: number;
     enableSyntheticElementInternals?: boolean;
+    componentFeatureFlagModulePath?: string;
 }
 export interface LwcBabelPluginPass extends PluginPass {
     opts: LwcBabelPluginOptions;

package/package.json

@@ -4,7 +4,7 @@
         "You can safely modify dependencies, devDependencies, keywords, etc., but other props will be overwritten."
     ],
     "name": "@lwc/babel-plugin-component",
-    "version": "8.23.0",
+    "version": "8.24.0",
     "description": "Babel plugin to transform a LWC module",
     "keywords": [
         "lwc"
@@ -47,8 +47,8 @@
     },
     "dependencies": {
         "@babel/helper-module-imports": "7.27.1",
-        "@lwc/errors": "8.23.0",
-        "@lwc/shared": "8.23.0",
+        "@lwc/errors": "8.24.0",
+        "@lwc/shared": "8.24.0",
         "line-column": "~1.0.2"
     },
     "devDependencies": {