@lwc/babel-plugin-component 9.0.4-alpha.2 → 9.1.1-alpha.0

package/README.md

@@ -21,8 +21,8 @@ This babel plugin does the following transform:
 ## Usage
 
 ```js
-const babel = require('@babel/core');
-const lwcPlugin = require('@lwc/babel-plugin-component');
+import babel from '@babel/core';
+import lwcPlugin from '@lwc/babel-plugin-component';
 
 const source = `
 import { LightningElement } from 'lwc';

package/dist/constants.d.ts

@@ -1,6 +1,7 @@
 declare const LWC_PACKAGE_ALIAS = "lwc";
 declare const LWC_PACKAGE_EXPORTS: {
     BASE_COMPONENT: string;
+    MOSAIC_BASE_COMPONENT: string;
     API_DECORATOR: string;
     TRACK_DECORATOR: string;
     WIRE_DECORATOR: string;

package/dist/{index.cjs.js → index.cjs}

@@ -5,11 +5,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var path = require('path');
+var node_path = require('node:path');
 var helperModuleImports = require('@babel/helper-module-imports');
 var shared = require('@lwc/shared');
-var errors = require('@lwc/errors');
 var lineColumn = require('line-column');
+var errors = require('@lwc/errors');
 
 /*
  * Copyright (c) 2023, salesforce.com, inc.
@@ -19,6 +19,7 @@ var lineColumn = require('line-column');
  */
 const LWC_PACKAGE_ALIAS = 'lwc';
 const LWC_PACKAGE_EXPORTS = {
+    MOSAIC_BASE_COMPONENT: 'Mosaic',
     API_DECORATOR: 'api',
     TRACK_DECORATOR: 'track',
     WIRE_DECORATOR: 'wire',
@@ -47,114 +48,6 @@ const ENABLE_PRIVATE_METHODS_KEY = 'enablePrivateMethods';
 const SYNTHETIC_ELEMENT_INTERNALS_KEY = 'enableSyntheticElementInternals';
 const COMPONENT_FEATURE_FLAG_KEY = 'componentFeatureFlag';
 
-/*
- * Copyright (c) 2023, salesforce.com, inc.
- * All rights reserved.
- * SPDX-License-Identifier: MIT
- * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
- */
-function getBaseName(classPath) {
-    const ext = path.extname(classPath);
-    return path.basename(classPath, ext);
-}
-function importDefaultTemplate(path, state) {
-    const { filename } = state.file.opts;
-    const componentName = getBaseName(filename);
-    return helperModuleImports.addDefault(path, `./${componentName}.html`, {
-        nameHint: TEMPLATE_KEY,
-    });
-}
-function needsComponentRegistration(path) {
-    return ((path.isIdentifier() && path.node.name !== 'undefined' && path.node.name !== 'null') ||
-        path.isCallExpression() ||
-        path.isClassDeclaration() ||
-        path.isConditionalExpression());
-}
-function getComponentRegisteredName(t, state) {
-    const { namespace, name } = state.opts;
-    const componentName = shared.generateCustomElementTagName(namespace, name);
-    return t.stringLiteral(componentName);
-}
-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;
-        if (declarationPath.isClassDeclaration()) {
-            const hasIdentifier = t.isIdentifier(node.id);
-            if (hasIdentifier) {
-                statementPath.insertBefore(node);
-                node = node.id;
-            }
-            else {
-                // if it does not have an id, we can treat it as a ClassExpression
-                t.toExpression(node);
-            }
-        }
-        const apiVersion = shared.getAPIVersionFromNumber(state.opts.apiVersion);
-        // Example:
-        //     registerComponent(cmp, {
-        //       tmpl: template,
-        //       sel: 'x-foo',
-        //       apiVersion: '58'
-        //     })
-        const properties = [
-            t.objectProperty(t.identifier(TEMPLATE_KEY), templateIdentifier),
-            t.objectProperty(t.identifier(COMPONENT_NAME_KEY), componentRegisteredName),
-            // It's important that, at this point, we have an APIVersion rather than just a number.
-            // 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)));
-        }
-        if (state.opts.enablePrivateMethods === true) {
-            properties.push(t.objectProperty(t.identifier(ENABLE_PRIVATE_METHODS_KEY), t.booleanLiteral(true)));
-        }
-        const registerComponentExpression = t.callExpression(registerComponentId, [
-            node,
-            t.objectExpression(properties),
-        ]);
-        // Example:
-        // const __lwc_component_class_internal = registerComponent(cmp, ...);
-        // This provides a way to access the component class for other lwc tools
-        const classIdentifier = t.identifier(COMPONENT_CLASS_ID);
-        declarationPath.parentPath.insertBefore(t.variableDeclaration('const', [
-            t.variableDeclarator(classIdentifier, registerComponentExpression),
-        ]));
-        return classIdentifier;
-    }
-    return {
-        ExportDefaultDeclaration(path, state) {
-            const implicitResolution = !state.opts.isExplicitImport;
-            if (implicitResolution) {
-                const declaration = path.get('declaration');
-                if (needsComponentRegistration(declaration)) {
-                    declaration.replaceWith(createRegisterComponent(declaration, state));
-                }
-            }
-        },
-    };
-}
-
 /*
  * Copyright (c) 2023, salesforce.com, inc.
  * All rights reserved.
@@ -289,6 +182,145 @@ function copyMethodMetadata(source, target) {
     if (source.override != null)
         target.override = source.override;
 }
+/**
+ * Returns true if the given class path extends `Mosaic` imported from the `'lwc'` package.
+ * Used to apply Mosaic-specific compilation rules (no template, no @wire, etc.).
+ */
+function isMosaic(classPath) {
+    const node = classPath.node;
+    const superClass = node.superClass;
+    if (!superClass || superClass.type !== 'Identifier') {
+        return false;
+    }
+    const superName = superClass.name;
+    const binding = classPath.scope.getBinding(superName);
+    if (!binding) {
+        return false;
+    }
+    const bindingPath = binding.path;
+    if (!bindingPath.isImportSpecifier()) {
+        return false;
+    }
+    const importDecl = bindingPath.parent;
+    if (importDecl.source.value !== LWC_PACKAGE_ALIAS) {
+        return false;
+    }
+    const importedName = bindingPath.node.imported
+        .name;
+    return importedName === LWC_PACKAGE_EXPORTS.MOSAIC_BASE_COMPONENT;
+}
+
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+function getBaseName(classPath) {
+    const ext = node_path.extname(classPath);
+    return node_path.basename(classPath, ext);
+}
+function importDefaultTemplate(path, state) {
+    const { filename } = state.file.opts;
+    const componentName = getBaseName(filename);
+    return helperModuleImports.addDefault(path, `./${componentName}.html`, {
+        nameHint: TEMPLATE_KEY,
+    });
+}
+function needsComponentRegistration(path) {
+    if (path.isClassDeclaration() && isMosaic(path)) {
+        // Mosaics don't use an HTML template so are not registered as LWC components.
+        return false;
+    }
+    return ((path.isIdentifier() && path.node.name !== 'undefined' && path.node.name !== 'null') ||
+        path.isCallExpression() ||
+        path.isClassDeclaration() ||
+        path.isConditionalExpression());
+}
+function getComponentRegisteredName(t, state) {
+    const { namespace, name } = state.opts;
+    const componentName = shared.generateCustomElementTagName(namespace, name);
+    return t.stringLiteral(componentName);
+}
+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;
+        if (declarationPath.isClassDeclaration()) {
+            const hasIdentifier = t.isIdentifier(node.id);
+            if (hasIdentifier) {
+                statementPath.insertBefore(node);
+                node = node.id;
+            }
+            else {
+                // if it does not have an id, we can treat it as a ClassExpression
+                t.toExpression(node);
+            }
+        }
+        const apiVersion = shared.getAPIVersionFromNumber(state.opts.apiVersion);
+        // Example:
+        //     registerComponent(cmp, {
+        //       tmpl: template,
+        //       sel: 'x-foo',
+        //       apiVersion: '58'
+        //     })
+        const properties = [
+            t.objectProperty(t.identifier(TEMPLATE_KEY), templateIdentifier),
+            t.objectProperty(t.identifier(COMPONENT_NAME_KEY), componentRegisteredName),
+            // It's important that, at this point, we have an APIVersion rather than just a number.
+            // 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)));
+        }
+        if (state.opts.enablePrivateMethods === true) {
+            properties.push(t.objectProperty(t.identifier(ENABLE_PRIVATE_METHODS_KEY), t.booleanLiteral(true)));
+        }
+        const registerComponentExpression = t.callExpression(registerComponentId, [
+            node,
+            t.objectExpression(properties),
+        ]);
+        // Example:
+        // const __lwc_component_class_internal = registerComponent(cmp, ...);
+        // This provides a way to access the component class for other lwc tools
+        const classIdentifier = t.identifier(COMPONENT_CLASS_ID);
+        declarationPath.parentPath.insertBefore(t.variableDeclaration('const', [
+            t.variableDeclarator(classIdentifier, registerComponentExpression),
+        ]));
+        return classIdentifier;
+    }
+    return {
+        ExportDefaultDeclaration(path, state) {
+            const implicitResolution = !state.opts.isExplicitImport;
+            if (implicitResolution) {
+                const declaration = path.get('declaration');
+                if (needsComponentRegistration(declaration)) {
+                    declaration.replaceWith(createRegisterComponent(declaration, state));
+                }
+            }
+        },
+    };
+}
 
 /*
  * Copyright (c) 2023, salesforce.com, inc.
@@ -1137,6 +1169,19 @@ function decorators({ types: t }) {
             const decoratorMetas = decoratorPaths
                 .map((path) => getDecoratorMetadata(path, state))
                 .filter((meta) => meta !== null);
+            // Mosaic classes may only use @api. @wire and @track are not allowed.
+            if (isMosaic(path)) {
+                const mosaicForbiddenDecorators = {
+                    [LWC_PACKAGE_EXPORTS.WIRE_DECORATOR]: errors.DecoratorErrors.MOSAIC_CANNOT_USE_WIRE,
+                    [LWC_PACKAGE_EXPORTS.TRACK_DECORATOR]: errors.DecoratorErrors.MOSAIC_CANNOT_USE_TRACK,
+                };
+                for (const meta of decoratorMetas) {
+                    const errorInfo = mosaicForbiddenDecorators[meta.name];
+                    if (errorInfo) {
+                        handleError(meta.path, { errorInfo }, state);
+                    }
+                }
+            }
             validate(decoratorMetas, state);
             const metaPropertyList = getMetadataObjectPropertyList(t, decoratorMetas, classBodyItems, state);
             if (metaPropertyList.length === 0) {
@@ -1167,57 +1212,6 @@ function decorators({ types: t }) {
     };
 }
 
-/*
- * Copyright (c) 2023, salesforce.com, inc.
- * All rights reserved.
- * SPDX-License-Identifier: MIT
- * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
- */
-function defaultImport(t, specifiers) {
-    const defaultImport = specifiers.find((s) => t.isImportDefaultSpecifier(s));
-    return defaultImport && defaultImport.local.name;
-}
-function dedupeImports ({ types: t }) {
-    return function (path) {
-        const body = path.get('body');
-        const importStatements = body.filter((s) => s.isImportDeclaration());
-        const visited = new Map();
-        importStatements.forEach((importPath) => {
-            const sourceLiteral = importPath.node.source;
-            // If the import is of the type import * as X, just ignore it since we can't dedupe
-            if (importPath.node.specifiers.some((_) => t.isImportNamespaceSpecifier(_))) {
-                return;
-            }
-            // If we have seen the same source, we will try to dedupe it
-            if (visited.has(sourceLiteral.value)) {
-                const visitedImport = visited.get(sourceLiteral.value);
-                const visitedSpecifiers = visitedImport.node.specifiers;
-                const visitedDefaultImport = defaultImport(t, visitedSpecifiers);
-                // We merge all the named imports unless is a default with the same name
-                let canImportBeRemoved = true;
-                importPath.node.specifiers.forEach((s) => {
-                    if (visitedDefaultImport && t.isImportDefaultSpecifier(s)) {
-                        if (visitedDefaultImport !== s.local.name) {
-                            canImportBeRemoved = false;
-                        }
-                    }
-                    else {
-                        visitedSpecifiers.push(s);
-                    }
-                });
-                if (canImportBeRemoved) {
-                    importPath.remove();
-                }
-                // We need to sort the imports due to a bug in babel where default must be first
-                visitedSpecifiers.sort((a) => (t.isImportDefaultSpecifier(a) ? -1 : 1));
-            }
-            else {
-                visited.set(sourceLiteral.value, importPath);
-            }
-        });
-    };
-}
-
 /*
  * Copyright (c) 2023, salesforce.com, inc.
  * All rights reserved.
@@ -1546,8 +1540,6 @@ function LwcClassTransform(api) {
                 exit(path) {
                     const engineImportSpecifiers = getEngineImportSpecifiers(path);
                     removeImportedDecoratorSpecifiers(engineImportSpecifiers);
-                    // Will eventually be removed to eliminate unnecessary complexity. Rollup already does this for us.
-                    dedupeImports(api)(path);
                 },
             },
             Import: transformDynamicImports,
@@ -1561,5 +1553,5 @@ function LwcClassTransform(api) {
 exports.LwcPrivateMethodTransform = privateMethodTransform;
 exports.LwcReversePrivateMethodTransform = reversePrivateMethodTransform;
 exports.default = LwcClassTransform;
-/** version: 9.0.4-alpha.2 */
-//# sourceMappingURL=index.cjs.js.map
+/** version: 9.1.1-alpha.0 */
+//# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,11 +1,11 @@
 /**
  * Copyright (c) 2026 Salesforce, Inc.
  */
-import { extname, basename } from 'path';
+import { extname, basename } from 'node:path';
 import { addNamed, addDefault } from '@babel/helper-module-imports';
 import { getAPIVersionFromNumber, generateCustomElementTagName, DISALLOWED_PROP_SET, AMBIGUOUS_PROP_SET, isAPIFeatureEnabled, LWC_VERSION_COMMENT } from '@lwc/shared';
-import { generateCompilerDiagnostic, DiagnosticLevel, generateErrorMessage, DecoratorErrors, CompilerMetrics, LWCClassErrors } from '@lwc/errors';
 import lineColumn from 'line-column';
+import { generateCompilerDiagnostic, DiagnosticLevel, generateErrorMessage, DecoratorErrors, CompilerMetrics, LWCClassErrors } from '@lwc/errors';
 
 /*
  * Copyright (c) 2023, salesforce.com, inc.
@@ -15,6 +15,7 @@ import lineColumn from 'line-column';
  */
 const LWC_PACKAGE_ALIAS = 'lwc';
 const LWC_PACKAGE_EXPORTS = {
+    MOSAIC_BASE_COMPONENT: 'Mosaic',
     API_DECORATOR: 'api',
     TRACK_DECORATOR: 'track',
     WIRE_DECORATOR: 'wire',
@@ -43,114 +44,6 @@ const ENABLE_PRIVATE_METHODS_KEY = 'enablePrivateMethods';
 const SYNTHETIC_ELEMENT_INTERNALS_KEY = 'enableSyntheticElementInternals';
 const COMPONENT_FEATURE_FLAG_KEY = 'componentFeatureFlag';
 
-/*
- * Copyright (c) 2023, salesforce.com, inc.
- * All rights reserved.
- * SPDX-License-Identifier: MIT
- * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
- */
-function getBaseName(classPath) {
-    const ext = extname(classPath);
-    return basename(classPath, ext);
-}
-function importDefaultTemplate(path, state) {
-    const { filename } = state.file.opts;
-    const componentName = getBaseName(filename);
-    return addDefault(path, `./${componentName}.html`, {
-        nameHint: TEMPLATE_KEY,
-    });
-}
-function needsComponentRegistration(path) {
-    return ((path.isIdentifier() && path.node.name !== 'undefined' && path.node.name !== 'null') ||
-        path.isCallExpression() ||
-        path.isClassDeclaration() ||
-        path.isConditionalExpression());
-}
-function getComponentRegisteredName(t, state) {
-    const { namespace, name } = state.opts;
-    const componentName = generateCustomElementTagName(namespace, name);
-    return t.stringLiteral(componentName);
-}
-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;
-        if (declarationPath.isClassDeclaration()) {
-            const hasIdentifier = t.isIdentifier(node.id);
-            if (hasIdentifier) {
-                statementPath.insertBefore(node);
-                node = node.id;
-            }
-            else {
-                // if it does not have an id, we can treat it as a ClassExpression
-                t.toExpression(node);
-            }
-        }
-        const apiVersion = getAPIVersionFromNumber(state.opts.apiVersion);
-        // Example:
-        //     registerComponent(cmp, {
-        //       tmpl: template,
-        //       sel: 'x-foo',
-        //       apiVersion: '58'
-        //     })
-        const properties = [
-            t.objectProperty(t.identifier(TEMPLATE_KEY), templateIdentifier),
-            t.objectProperty(t.identifier(COMPONENT_NAME_KEY), componentRegisteredName),
-            // It's important that, at this point, we have an APIVersion rather than just a number.
-            // 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)));
-        }
-        if (state.opts.enablePrivateMethods === true) {
-            properties.push(t.objectProperty(t.identifier(ENABLE_PRIVATE_METHODS_KEY), t.booleanLiteral(true)));
-        }
-        const registerComponentExpression = t.callExpression(registerComponentId, [
-            node,
-            t.objectExpression(properties),
-        ]);
-        // Example:
-        // const __lwc_component_class_internal = registerComponent(cmp, ...);
-        // This provides a way to access the component class for other lwc tools
-        const classIdentifier = t.identifier(COMPONENT_CLASS_ID);
-        declarationPath.parentPath.insertBefore(t.variableDeclaration('const', [
-            t.variableDeclarator(classIdentifier, registerComponentExpression),
-        ]));
-        return classIdentifier;
-    }
-    return {
-        ExportDefaultDeclaration(path, state) {
-            const implicitResolution = !state.opts.isExplicitImport;
-            if (implicitResolution) {
-                const declaration = path.get('declaration');
-                if (needsComponentRegistration(declaration)) {
-                    declaration.replaceWith(createRegisterComponent(declaration, state));
-                }
-            }
-        },
-    };
-}
-
 /*
  * Copyright (c) 2023, salesforce.com, inc.
  * All rights reserved.
@@ -285,6 +178,145 @@ function copyMethodMetadata(source, target) {
     if (source.override != null)
         target.override = source.override;
 }
+/**
+ * Returns true if the given class path extends `Mosaic` imported from the `'lwc'` package.
+ * Used to apply Mosaic-specific compilation rules (no template, no @wire, etc.).
+ */
+function isMosaic(classPath) {
+    const node = classPath.node;
+    const superClass = node.superClass;
+    if (!superClass || superClass.type !== 'Identifier') {
+        return false;
+    }
+    const superName = superClass.name;
+    const binding = classPath.scope.getBinding(superName);
+    if (!binding) {
+        return false;
+    }
+    const bindingPath = binding.path;
+    if (!bindingPath.isImportSpecifier()) {
+        return false;
+    }
+    const importDecl = bindingPath.parent;
+    if (importDecl.source.value !== LWC_PACKAGE_ALIAS) {
+        return false;
+    }
+    const importedName = bindingPath.node.imported
+        .name;
+    return importedName === LWC_PACKAGE_EXPORTS.MOSAIC_BASE_COMPONENT;
+}
+
+/*
+ * Copyright (c) 2023, salesforce.com, inc.
+ * All rights reserved.
+ * SPDX-License-Identifier: MIT
+ * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
+ */
+function getBaseName(classPath) {
+    const ext = extname(classPath);
+    return basename(classPath, ext);
+}
+function importDefaultTemplate(path, state) {
+    const { filename } = state.file.opts;
+    const componentName = getBaseName(filename);
+    return addDefault(path, `./${componentName}.html`, {
+        nameHint: TEMPLATE_KEY,
+    });
+}
+function needsComponentRegistration(path) {
+    if (path.isClassDeclaration() && isMosaic(path)) {
+        // Mosaics don't use an HTML template so are not registered as LWC components.
+        return false;
+    }
+    return ((path.isIdentifier() && path.node.name !== 'undefined' && path.node.name !== 'null') ||
+        path.isCallExpression() ||
+        path.isClassDeclaration() ||
+        path.isConditionalExpression());
+}
+function getComponentRegisteredName(t, state) {
+    const { namespace, name } = state.opts;
+    const componentName = generateCustomElementTagName(namespace, name);
+    return t.stringLiteral(componentName);
+}
+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;
+        if (declarationPath.isClassDeclaration()) {
+            const hasIdentifier = t.isIdentifier(node.id);
+            if (hasIdentifier) {
+                statementPath.insertBefore(node);
+                node = node.id;
+            }
+            else {
+                // if it does not have an id, we can treat it as a ClassExpression
+                t.toExpression(node);
+            }
+        }
+        const apiVersion = getAPIVersionFromNumber(state.opts.apiVersion);
+        // Example:
+        //     registerComponent(cmp, {
+        //       tmpl: template,
+        //       sel: 'x-foo',
+        //       apiVersion: '58'
+        //     })
+        const properties = [
+            t.objectProperty(t.identifier(TEMPLATE_KEY), templateIdentifier),
+            t.objectProperty(t.identifier(COMPONENT_NAME_KEY), componentRegisteredName),
+            // It's important that, at this point, we have an APIVersion rather than just a number.
+            // 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)));
+        }
+        if (state.opts.enablePrivateMethods === true) {
+            properties.push(t.objectProperty(t.identifier(ENABLE_PRIVATE_METHODS_KEY), t.booleanLiteral(true)));
+        }
+        const registerComponentExpression = t.callExpression(registerComponentId, [
+            node,
+            t.objectExpression(properties),
+        ]);
+        // Example:
+        // const __lwc_component_class_internal = registerComponent(cmp, ...);
+        // This provides a way to access the component class for other lwc tools
+        const classIdentifier = t.identifier(COMPONENT_CLASS_ID);
+        declarationPath.parentPath.insertBefore(t.variableDeclaration('const', [
+            t.variableDeclarator(classIdentifier, registerComponentExpression),
+        ]));
+        return classIdentifier;
+    }
+    return {
+        ExportDefaultDeclaration(path, state) {
+            const implicitResolution = !state.opts.isExplicitImport;
+            if (implicitResolution) {
+                const declaration = path.get('declaration');
+                if (needsComponentRegistration(declaration)) {
+                    declaration.replaceWith(createRegisterComponent(declaration, state));
+                }
+            }
+        },
+    };
+}
 
 /*
  * Copyright (c) 2023, salesforce.com, inc.
@@ -1133,6 +1165,19 @@ function decorators({ types: t }) {
             const decoratorMetas = decoratorPaths
                 .map((path) => getDecoratorMetadata(path, state))
                 .filter((meta) => meta !== null);
+            // Mosaic classes may only use @api. @wire and @track are not allowed.
+            if (isMosaic(path)) {
+                const mosaicForbiddenDecorators = {
+                    [LWC_PACKAGE_EXPORTS.WIRE_DECORATOR]: DecoratorErrors.MOSAIC_CANNOT_USE_WIRE,
+                    [LWC_PACKAGE_EXPORTS.TRACK_DECORATOR]: DecoratorErrors.MOSAIC_CANNOT_USE_TRACK,
+                };
+                for (const meta of decoratorMetas) {
+                    const errorInfo = mosaicForbiddenDecorators[meta.name];
+                    if (errorInfo) {
+                        handleError(meta.path, { errorInfo }, state);
+                    }
+                }
+            }
             validate(decoratorMetas, state);
             const metaPropertyList = getMetadataObjectPropertyList(t, decoratorMetas, classBodyItems, state);
             if (metaPropertyList.length === 0) {
@@ -1163,57 +1208,6 @@ function decorators({ types: t }) {
     };
 }
 
-/*
- * Copyright (c) 2023, salesforce.com, inc.
- * All rights reserved.
- * SPDX-License-Identifier: MIT
- * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
- */
-function defaultImport(t, specifiers) {
-    const defaultImport = specifiers.find((s) => t.isImportDefaultSpecifier(s));
-    return defaultImport && defaultImport.local.name;
-}
-function dedupeImports ({ types: t }) {
-    return function (path) {
-        const body = path.get('body');
-        const importStatements = body.filter((s) => s.isImportDeclaration());
-        const visited = new Map();
-        importStatements.forEach((importPath) => {
-            const sourceLiteral = importPath.node.source;
-            // If the import is of the type import * as X, just ignore it since we can't dedupe
-            if (importPath.node.specifiers.some((_) => t.isImportNamespaceSpecifier(_))) {
-                return;
-            }
-            // If we have seen the same source, we will try to dedupe it
-            if (visited.has(sourceLiteral.value)) {
-                const visitedImport = visited.get(sourceLiteral.value);
-                const visitedSpecifiers = visitedImport.node.specifiers;
-                const visitedDefaultImport = defaultImport(t, visitedSpecifiers);
-                // We merge all the named imports unless is a default with the same name
-                let canImportBeRemoved = true;
-                importPath.node.specifiers.forEach((s) => {
-                    if (visitedDefaultImport && t.isImportDefaultSpecifier(s)) {
-                        if (visitedDefaultImport !== s.local.name) {
-                            canImportBeRemoved = false;
-                        }
-                    }
-                    else {
-                        visitedSpecifiers.push(s);
-                    }
-                });
-                if (canImportBeRemoved) {
-                    importPath.remove();
-                }
-                // We need to sort the imports due to a bug in babel where default must be first
-                visitedSpecifiers.sort((a) => (t.isImportDefaultSpecifier(a) ? -1 : 1));
-            }
-            else {
-                visited.set(sourceLiteral.value, importPath);
-            }
-        });
-    };
-}
-
 /*
  * Copyright (c) 2023, salesforce.com, inc.
  * All rights reserved.
@@ -1542,8 +1536,6 @@ function LwcClassTransform(api) {
                 exit(path) {
                     const engineImportSpecifiers = getEngineImportSpecifiers(path);
                     removeImportedDecoratorSpecifiers(engineImportSpecifiers);
-                    // Will eventually be removed to eliminate unnecessary complexity. Rollup already does this for us.
-                    dedupeImports(api)(path);
                 },
             },
             Import: transformDynamicImports,
@@ -1555,5 +1547,5 @@ function LwcClassTransform(api) {
 }
 
 export { privateMethodTransform as LwcPrivateMethodTransform, reversePrivateMethodTransform as LwcReversePrivateMethodTransform, LwcClassTransform as default };
-/** version: 9.0.4-alpha.2 */
+/** version: 9.1.1-alpha.0 */
 //# sourceMappingURL=index.js.map

package/dist/utils.d.ts

@@ -28,5 +28,10 @@ declare function isErrorRecoveryMode(state: LwcBabelPluginPass): boolean;
  * private-method transforms use this to maintain round-trip parity.
  */
 declare function copyMethodMetadata(source: types.ClassMethod | types.ClassPrivateMethod, target: types.ClassMethod | types.ClassPrivateMethod): void;
-export { isClassMethod, isGetterClassMethod, isSetterClassMethod, getEngineImportSpecifiers, handleError, incrementMetricCounter, isErrorRecoveryMode, copyMethodMetadata, };
+/**
+ * Returns true if the given class path extends `Mosaic` imported from the `'lwc'` package.
+ * Used to apply Mosaic-specific compilation rules (no template, no @wire, etc.).
+ */
+declare function isMosaic(classPath: NodePath): boolean;
+export { isClassMethod, isGetterClassMethod, isSetterClassMethod, getEngineImportSpecifiers, handleError, incrementMetricCounter, isErrorRecoveryMode, copyMethodMetadata, isMosaic, };
 //# sourceMappingURL=utils.d.ts.map

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": "9.0.4-alpha.2",
+    "version": "9.1.1-alpha.0",
     "description": "Babel plugin to transform a LWC module",
     "keywords": [
         "lwc"
@@ -19,17 +19,22 @@
         "url": "https://github.com/salesforce/lwc/issues"
     },
     "license": "MIT",
+    "type": "module",
     "publishConfig": {
         "access": "public"
     },
+    "engines": {
+        "node": ">=16.6.0"
+    },
     "volta": {
         "extends": "../../../package.json"
     },
-    "main": "dist/index.cjs.js",
+    "main": "dist/index.js",
     "module": "dist/index.js",
     "types": "dist/index.d.ts",
     "files": [
         "dist/**/*.js",
+        "dist/**/*.cjs",
         "dist/**/*.d.ts"
     ],
     "scripts": {
@@ -47,8 +52,8 @@
     },
     "dependencies": {
         "@babel/helper-module-imports": "7.28.6",
-        "@lwc/errors": "9.0.4-alpha.2",
-        "@lwc/shared": "9.0.4-alpha.2",
+        "@lwc/errors": "9.1.1-alpha.0",
+        "@lwc/shared": "9.1.1-alpha.0",
         "line-column": "~1.0.2"
     },
     "devDependencies": {

package/dist/dedupe-imports.d.ts

@@ -1,4 +0,0 @@
-import type { types, NodePath } from '@babel/core';
-import type { BabelAPI } from './types';
-export default function ({ types: t }: BabelAPI): (path: NodePath<types.Program>) => void;
-//# sourceMappingURL=dedupe-imports.d.ts.map