@atlaspack/transformer-compiled 0.0.2-canary.4110

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright (c) 2024 Atlassian US., Inc.
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/lib/CompiledTransformer.js

@@ -0,0 +1,211 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * Atlaspack transformer for Compiled CSS-in-JS.
+ *
+ * This is a direct port of @compiled/parcel-transformer to Atlaspack,
+ * allowing users to transition without any change in functionality.
+ */
+const path_1 = require("path");
+const core_1 = require("@babel/core");
+const generator_1 = __importDefault(require("@babel/generator"));
+const utils_1 = require("@compiled/utils");
+const plugin_1 = require("@atlaspack/plugin");
+const source_map_1 = __importDefault(require("@atlaspack/source-map"));
+const utils_2 = require("@atlaspack/utils");
+const utils_3 = require("./utils");
+const configFiles = [
+    '.compiledcssrc',
+    '.compiledcssrc.json',
+    'compiledcss.js',
+    'compiledcss.config.js',
+];
+const packageKey = '@atlaspack/transformer-compiled';
+/**
+ * Atlaspack Compiled transformer.
+ */
+exports.default = new plugin_1.Transformer({
+    async loadConfig({ config, options }) {
+        const conf = await config.getConfigFrom((0, path_1.join)(options.projectRoot, 'index'), configFiles, {
+            packageKey,
+        });
+        const contents = {
+            extract: false,
+            importReact: true,
+            ssr: false,
+        };
+        if (conf) {
+            if (conf.filePath.endsWith('.js')) {
+                config.invalidateOnStartup();
+            }
+            // Use `classNameCompressionMapFilePath` to get classNameCompressionMap
+            // Note `classNameCompressionMap` and `classNameCompressionMapFilePath` are mutually exclusive.
+            // If both are provided, classNameCompressionMap takes precedence.
+            if (!conf.contents.classNameCompressionMap &&
+                conf.contents.classNameCompressionMapFilePath) {
+                // Use `getConfigFrom` from Atlaspack so the contents are cached at `.parcel-cache`
+                const configClassNameCompressionMap = await config.getConfigFrom((0, path_1.join)(options.projectRoot, 'index'), [conf.contents.classNameCompressionMapFilePath], {
+                    packageKey,
+                });
+                if (configClassNameCompressionMap?.contents) {
+                    Object.assign(contents, {
+                        classNameCompressionMap: configClassNameCompressionMap?.contents,
+                    });
+                }
+            }
+            Object.assign(contents, conf.contents);
+        }
+        return contents;
+    },
+    canReuseAST() {
+        // Compiled should run before any other JS transformer.
+        return false;
+    },
+    async parse({ asset, config, options }) {
+        // Disable stylesheet extraction locally due to https://github.com/atlassian-labs/compiled/issues/1306
+        const extract = config.extract && options.mode !== 'development';
+        if (!asset.isSource && !extract) {
+            // Only parse source (pre-built code should already have been baked) or if stylesheet extraction is enabled
+            return undefined;
+        }
+        const code = await asset.getCode();
+        if (
+        // If neither Compiled (default) nor any of the additional import sources are found in the code, we bail out.
+        [...utils_1.DEFAULT_IMPORT_SOURCES, ...(config.importSources || [])].every((importSource) => !code.includes(importSource))) {
+            // We only want to parse files that are actually using Compiled.
+            // For everything else we bail out.
+            return undefined;
+        }
+        if (code.includes('/* COMPILED_TRANSFORMED_ASSET */')) {
+            // If we're dealing with a pre-transformed asset, we bail out to avoid performing the expensive parse operation.
+            // We add this marker to the code to indicate that the asset has already been transformed.
+            return undefined;
+        }
+        const program = await (0, core_1.parseAsync)(code, {
+            filename: asset.filePath,
+            babelrc: false,
+            configFile: false,
+            caller: { name: 'compiled' },
+            rootMode: 'upward-optional',
+            parserOpts: {
+                // @ts-expect-error - Type mismatch between @babel/parser and @compiled/utils versions
+                plugins: config.parserBabelPlugins ?? utils_1.DEFAULT_PARSER_BABEL_PLUGINS,
+            },
+            plugins: config.transformerBabelPlugins ?? undefined,
+        });
+        if (program) {
+            return {
+                type: 'babel',
+                version: '7.0.0',
+                program,
+            };
+        }
+        return undefined;
+    },
+    async transform({ asset, config, options }) {
+        if (config.extract && config.classHashPrefix) {
+            throw new Error('`@atlaspack/transformer-compiled` is mixing `extract: true` and `classHashPrefix` options, which will not supported and will result in bundle size bloat.');
+        }
+        const ast = await asset.getAST();
+        if (!(ast?.type === 'babel' && ast.program)) {
+            // We will only receive ASTs for assets we're interested in.
+            // Since this is undefined (or in node modules) we aren't interested in it.
+            return [asset];
+        }
+        // Disable stylesheet extraction locally due to https://github.com/atlassian-labs/compiled/issues/1306
+        const extract = config.extract && options.mode !== 'development';
+        const includedFiles = [];
+        const code = asset.isASTDirty() ? undefined : await asset.getCode();
+        const result = await (0, core_1.transformFromAstAsync)(ast.program, code, {
+            code: false,
+            ast: true,
+            filename: asset.filePath,
+            babelrc: false,
+            configFile: false,
+            sourceMaps: !!asset.env.sourceMap,
+            compact: false,
+            parserOpts: {
+                // @ts-expect-error - Type mismatch between @babel/parser and @compiled/utils versions
+                plugins: config.parserBabelPlugins ?? utils_1.DEFAULT_PARSER_BABEL_PLUGINS,
+            },
+            plugins: [
+                ...(config.transformerBabelPlugins ?? []),
+                asset.isSource && [
+                    '@compiled/babel-plugin',
+                    {
+                        ...config,
+                        classNameCompressionMap: config.extract && config.classNameCompressionMap,
+                        onIncludedFiles: (files) => includedFiles.push(...files),
+                        resolver: config.resolver
+                            ? config.resolver
+                            : (0, utils_3.createDefaultResolver)(config),
+                        cache: false,
+                    },
+                ],
+                extract && [
+                    '@compiled/babel-plugin-strip-runtime',
+                    {
+                        compiledRequireExclude: true,
+                        extractStylesToDirectory: config.extractStylesToDirectory,
+                    },
+                ],
+            ].filter(utils_1.toBoolean),
+            caller: {
+                name: 'compiled',
+            },
+        });
+        includedFiles.forEach((file) => {
+            // Included files are those which have been statically evaluated into this asset.
+            // This tells atlaspack that if any of those files change this asset should be transformed
+            // again.
+            asset.invalidateOnFileChange(file);
+        });
+        if (extract) {
+            // Store styleRules to asset.meta to be used by @atlaspack/optimizer-compiled
+            const metadata = result?.metadata;
+            asset.meta.styleRules = [
+                ...(asset.meta?.styleRules ?? []),
+                ...(metadata.styleRules ?? []),
+            ];
+        }
+        if (result?.ast) {
+            asset.setAST({
+                type: 'babel',
+                version: '7.0.0',
+                program: result.ast,
+            });
+        }
+        return [asset];
+    },
+    async generate({ asset, ast, options }) {
+        const originalSourceMap = await asset.getMap();
+        const sourceFileName = (0, utils_2.relativeUrl)(options.projectRoot, asset.filePath);
+        const { code, rawMappings } = (0, generator_1.default)(ast.program, {
+            sourceFileName,
+            sourceMaps: !!asset.env.sourceMap,
+            comments: true,
+        });
+        const map = new source_map_1.default(options.projectRoot);
+        if (rawMappings) {
+            map.addIndexedMappings(rawMappings);
+        }
+        if (originalSourceMap) {
+            // The babel AST already contains the correct mappings, but not the source contents.
+            // We need to copy over the source contents from the original map.
+            const sourcesContent = originalSourceMap.getSourcesContentMap();
+            for (const filePath in sourcesContent) {
+                const content = sourcesContent[filePath];
+                if (content != null) {
+                    map.setSourceContent(filePath, content);
+                }
+            }
+        }
+        return {
+            content: code,
+            map,
+        };
+    },
+});

package/lib/types/CompiledTransformer.d.ts

@@ -0,0 +1,7 @@
+import { Transformer } from '@atlaspack/plugin';
+import type { CompiledTransformerOpts } from './types';
+/**
+ * Atlaspack Compiled transformer.
+ */
+declare const _default: Transformer<CompiledTransformerOpts>;
+export default _default;

package/lib/types/types.d.ts

@@ -0,0 +1,72 @@
+import type { PluginItem } from '@babel/core';
+import type { PluginOptions } from '@compiled/babel-plugin';
+import type { ResolveOptions } from 'enhanced-resolve';
+type BabelPluginOpts = Omit<PluginOptions, 'cache' | 'onIncludedFiles' | 'resolver'>;
+export interface CompiledTransformerOpts extends BabelPluginOpts {
+    extract?: boolean;
+    extractFromDistributedCode?: boolean;
+    stylesheetPath?: string;
+    /**
+     * List of transformer babel plugins to be applied to evaluated files
+     *
+     * See the [babel docs](https://babeljs.io/docs/en/plugins/#transform-plugins)
+     */
+    transformerBabelPlugins?: PluginItem[];
+    /**
+     * Builds in a node environment.
+     * Defaults to `false`.
+     */
+    ssr?: boolean;
+    /**
+     * Will run additional cssnano plugins to normalize CSS during build.
+     *
+     * Default to `true`.
+     */
+    optimizeCss?: boolean;
+    /**
+     * @deprecated Override the default `resolve` used by @compiled/babel-plugin, which is used to statically evaluate import declarations
+     */
+    resolve?: ResolveOptions;
+    /**
+     * Override the default @compiled/babel-plugin resolver, by providing a module path that exports a custom resolver
+     */
+    resolver?: string;
+    /**
+     * Add the component name as class name to DOM in non-production environment if styled is used
+     *
+     * Default to `false`
+     */
+    addComponentName?: boolean;
+    /**
+     * A map holds the key-value pairs between full Atomic class names and the compressed ones
+     * i.e. { '_aaaabbbb': 'a' }
+     *
+     * Default to `undefined`
+     */
+    classNameCompressionMap?: {
+        [index: string]: string;
+    };
+    /**
+     * File path to classNameCompressionMap. It's relative to project root.
+     * Note `classNameCompressionMap` and `classNameCompressionMapFilePath` are mutually exclusive.
+     * If both are provided, classNameCompressionMap takes precedence.
+     *
+     * Default to `undefined`
+     */
+    classNameCompressionMapFilePath?: string;
+    /**
+     * When set, extract styles to an external CSS file
+     */
+    extractStylesToDirectory?: {
+        source: string;
+        dest: string;
+    };
+    /**
+     * Adds a defined prefix to the generated classes' hashes.
+     * Useful in micro frontend environments to avoid clashing/specificity issues.
+     *
+     * This will throw an error if used alongside extraction or `extract: true`.
+     */
+    classHashPrefix?: string;
+}
+export {};

package/lib/types/utils.d.ts

@@ -0,0 +1,3 @@
+import type { Resolver } from '@compiled/babel-plugin';
+import type { CompiledTransformerOpts } from './types';
+export declare function createDefaultResolver(config: CompiledTransformerOpts): Resolver;

package/lib/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/utils.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createDefaultResolver = createDefaultResolver;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = require("path");
+const enhanced_resolve_1 = require("enhanced-resolve");
+function createDefaultResolver(config) {
+    const resolver = enhanced_resolve_1.ResolverFactory.createResolver({
+        fileSystem: new enhanced_resolve_1.CachedInputFileSystem(fs_1.default, 4000),
+        ...(config.extensions && {
+            extensions: config.extensions,
+        }),
+        ...(config.resolve ?? {}),
+        // This makes the resolver invoke the callback synchronously
+        useSyncFileSystemCalls: true,
+    });
+    return {
+        // The resolver needs to be synchronous, as babel plugins must be synchronous
+        resolveSync(context, request) {
+            return resolver.resolveSync({}, (0, path_1.dirname)(context), request);
+        },
+    };
+}

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@atlaspack/transformer-compiled",
+  "version": "0.0.2-canary.4110+d9c93d9fc",
+  "description": "Atlaspack transformer for Compiled CSS-in-JS (insourced from @compiled/parcel-transformer)",
+  "license": "(MIT OR Apache-2.0)",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/atlassian-labs/atlaspack.git"
+  },
+  "main": "./lib/CompiledTransformer.js",
+  "source": "./src/CompiledTransformer.ts",
+  "types": "./lib/types/CompiledTransformer.d.ts",
+  "engines": {
+    "node": ">= 16.0.0"
+  },
+  "files": [
+    "lib",
+    "src"
+  ],
+  "dependencies": {
+    "@atlaspack/plugin": "2.14.5-canary.331+d9c93d9fc",
+    "@atlaspack/source-map": "3.2.1-canary.4110+d9c93d9fc",
+    "@atlaspack/utils": "2.14.5-canary.331+d9c93d9fc",
+    "@babel/core": "^7.22.11",
+    "@babel/generator": "^7.22.10",
+    "@compiled/babel-plugin": "^0.38.0",
+    "@compiled/babel-plugin-strip-runtime": "^0.38.0",
+    "@compiled/utils": "^0.13.1",
+    "enhanced-resolve": "^5.18.1"
+  },
+  "devDependencies": {
+    "@atlaspack/types": "2.14.5-canary.331+d9c93d9fc"
+  },
+  "type": "commonjs",
+  "scripts": {
+    "build:lib": "gulp build --gulpfile ../../../gulpfile.js --cwd ."
+  },
+  "gitHead": "d9c93d9fc21e4b4b41e8d59079a7fd1f748d4144"
+}

package/src/CompiledTransformer.ts

@@ -0,0 +1,274 @@
+/**
+ * Atlaspack transformer for Compiled CSS-in-JS.
+ *
+ * This is a direct port of @compiled/parcel-transformer to Atlaspack,
+ * allowing users to transition without any change in functionality.
+ */
+import {join} from 'path';
+
+import {parseAsync, transformFromAstAsync} from '@babel/core';
+import generate from '@babel/generator';
+import type {PluginOptions as BabelPluginOptions} from '@compiled/babel-plugin';
+import type {
+  PluginOptions as BabelStripRuntimePluginOptions,
+  BabelFileMetadata,
+} from '@compiled/babel-plugin-strip-runtime';
+import {
+  DEFAULT_IMPORT_SOURCES,
+  DEFAULT_PARSER_BABEL_PLUGINS,
+  toBoolean,
+} from '@compiled/utils';
+import {Transformer} from '@atlaspack/plugin';
+import SourceMap from '@atlaspack/source-map';
+import {relativeUrl} from '@atlaspack/utils';
+
+import type {CompiledTransformerOpts} from './types';
+import {createDefaultResolver} from './utils';
+
+const configFiles = [
+  '.compiledcssrc',
+  '.compiledcssrc.json',
+  'compiledcss.js',
+  'compiledcss.config.js',
+];
+
+const packageKey = '@atlaspack/transformer-compiled';
+
+/**
+ * Atlaspack Compiled transformer.
+ */
+export default new Transformer<CompiledTransformerOpts>({
+  async loadConfig({config, options}) {
+    const conf = await config.getConfigFrom<CompiledTransformerOpts>(
+      join(options.projectRoot, 'index'),
+      configFiles,
+      {
+        packageKey,
+      },
+    );
+
+    const contents: CompiledTransformerOpts = {
+      extract: false,
+      importReact: true,
+      ssr: false,
+    };
+
+    if (conf) {
+      if (conf.filePath.endsWith('.js')) {
+        config.invalidateOnStartup();
+      }
+
+      // Use `classNameCompressionMapFilePath` to get classNameCompressionMap
+      // Note `classNameCompressionMap` and `classNameCompressionMapFilePath` are mutually exclusive.
+      // If both are provided, classNameCompressionMap takes precedence.
+      if (
+        !conf.contents.classNameCompressionMap &&
+        conf.contents.classNameCompressionMapFilePath
+      ) {
+        // Use `getConfigFrom` from Atlaspack so the contents are cached at `.parcel-cache`
+        const configClassNameCompressionMap = await config.getConfigFrom(
+          join(options.projectRoot, 'index'),
+          [conf.contents.classNameCompressionMapFilePath],
+          {
+            packageKey,
+          },
+        );
+
+        if (configClassNameCompressionMap?.contents) {
+          Object.assign(contents, {
+            classNameCompressionMap: configClassNameCompressionMap?.contents,
+          });
+        }
+      }
+
+      Object.assign(contents, conf.contents);
+    }
+
+    return contents;
+  },
+
+  canReuseAST() {
+    // Compiled should run before any other JS transformer.
+    return false;
+  },
+
+  async parse({asset, config, options}) {
+    // Disable stylesheet extraction locally due to https://github.com/atlassian-labs/compiled/issues/1306
+    const extract = config.extract && options.mode !== 'development';
+    if (!asset.isSource && !extract) {
+      // Only parse source (pre-built code should already have been baked) or if stylesheet extraction is enabled
+      return undefined;
+    }
+
+    const code = await asset.getCode();
+    if (
+      // If neither Compiled (default) nor any of the additional import sources are found in the code, we bail out.
+      [...DEFAULT_IMPORT_SOURCES, ...(config.importSources || [])].every(
+        (importSource) => !code.includes(importSource),
+      )
+    ) {
+      // We only want to parse files that are actually using Compiled.
+      // For everything else we bail out.
+      return undefined;
+    }
+    if (code.includes('/* COMPILED_TRANSFORMED_ASSET */')) {
+      // If we're dealing with a pre-transformed asset, we bail out to avoid performing the expensive parse operation.
+      // We add this marker to the code to indicate that the asset has already been transformed.
+      return undefined;
+    }
+
+    const program = await parseAsync(code, {
+      filename: asset.filePath,
+      babelrc: false,
+      configFile: false,
+      caller: {name: 'compiled'},
+      rootMode: 'upward-optional',
+      parserOpts: {
+        // @ts-expect-error - Type mismatch between @babel/parser and @compiled/utils versions
+        plugins: config.parserBabelPlugins ?? DEFAULT_PARSER_BABEL_PLUGINS,
+      },
+      plugins: config.transformerBabelPlugins ?? undefined,
+    });
+
+    if (program) {
+      return {
+        type: 'babel',
+        version: '7.0.0',
+        program,
+      };
+    }
+
+    return undefined;
+  },
+
+  async transform({asset, config, options}) {
+    if (config.extract && config.classHashPrefix) {
+      throw new Error(
+        '`@atlaspack/transformer-compiled` is mixing `extract: true` and `classHashPrefix` options, which will not supported and will result in bundle size bloat.',
+      );
+    }
+
+    const ast = await asset.getAST();
+
+    if (!(ast?.type === 'babel' && ast.program)) {
+      // We will only receive ASTs for assets we're interested in.
+      // Since this is undefined (or in node modules) we aren't interested in it.
+      return [asset];
+    }
+
+    // Disable stylesheet extraction locally due to https://github.com/atlassian-labs/compiled/issues/1306
+    const extract = config.extract && options.mode !== 'development';
+    const includedFiles: string[] = [];
+    const code = asset.isASTDirty() ? undefined : await asset.getCode();
+
+    const result = await transformFromAstAsync(ast.program, code, {
+      code: false,
+      ast: true,
+      filename: asset.filePath,
+      babelrc: false,
+      configFile: false,
+      sourceMaps: !!asset.env.sourceMap,
+      compact: false,
+      parserOpts: {
+        // @ts-expect-error - Type mismatch between @babel/parser and @compiled/utils versions
+        plugins: config.parserBabelPlugins ?? DEFAULT_PARSER_BABEL_PLUGINS,
+      },
+      plugins: [
+        ...(config.transformerBabelPlugins ?? []),
+        asset.isSource && [
+          '@compiled/babel-plugin',
+          {
+            ...config,
+            classNameCompressionMap:
+              config.extract && config.classNameCompressionMap,
+            onIncludedFiles: (files: string[]) => includedFiles.push(...files),
+            resolver: config.resolver
+              ? config.resolver
+              : createDefaultResolver(config),
+            cache: false,
+          } as BabelPluginOptions,
+        ],
+        extract && [
+          '@compiled/babel-plugin-strip-runtime',
+          {
+            compiledRequireExclude: true,
+            extractStylesToDirectory: config.extractStylesToDirectory,
+          } as BabelStripRuntimePluginOptions,
+        ],
+      ].filter(toBoolean),
+      caller: {
+        name: 'compiled',
+      },
+    });
+
+    includedFiles.forEach((file) => {
+      // Included files are those which have been statically evaluated into this asset.
+      // This tells atlaspack that if any of those files change this asset should be transformed
+      // again.
+      asset.invalidateOnFileChange(file);
+    });
+
+    if (extract) {
+      // Store styleRules to asset.meta to be used by @atlaspack/optimizer-compiled
+      const metadata = result?.metadata as BabelFileMetadata;
+      asset.meta.styleRules = [
+        ...((asset.meta?.styleRules as string[] | undefined) ?? []),
+        ...(metadata.styleRules ?? []),
+      ];
+    }
+
+    if (result?.ast) {
+      asset.setAST({
+        type: 'babel',
+        version: '7.0.0',
+        program: result.ast,
+      });
+    }
+
+    return [asset];
+  },
+
+  async generate({asset, ast, options}) {
+    const originalSourceMap = await asset.getMap();
+    const sourceFileName: string = relativeUrl(
+      options.projectRoot,
+      asset.filePath,
+    );
+
+    const {code, rawMappings} = generate(ast.program, {
+      sourceFileName,
+      sourceMaps: !!asset.env.sourceMap,
+      comments: true,
+    }) as {
+      code: string;
+      rawMappings?: Array<{
+        generated: {line: number; column: number};
+        source: string;
+        original: {line: number; column: number};
+        name?: string;
+      }>;
+    };
+
+    const map = new SourceMap(options.projectRoot);
+    if (rawMappings) {
+      map.addIndexedMappings(rawMappings);
+    }
+
+    if (originalSourceMap) {
+      // The babel AST already contains the correct mappings, but not the source contents.
+      // We need to copy over the source contents from the original map.
+      const sourcesContent = originalSourceMap.getSourcesContentMap();
+      for (const filePath in sourcesContent) {
+        const content = sourcesContent[filePath];
+        if (content != null) {
+          map.setSourceContent(filePath, content);
+        }
+      }
+    }
+
+    return {
+      content: code,
+      map,
+    };
+  },
+});

package/src/types.ts

@@ -0,0 +1,81 @@
+import type {PluginItem} from '@babel/core';
+import type {PluginOptions} from '@compiled/babel-plugin';
+import type {ResolveOptions} from 'enhanced-resolve';
+
+type BabelPluginOpts = Omit<
+  PluginOptions,
+  'cache' | 'onIncludedFiles' | 'resolver'
+>;
+
+export interface CompiledTransformerOpts extends BabelPluginOpts {
+  extract?: boolean;
+  extractFromDistributedCode?: boolean;
+  stylesheetPath?: string;
+
+  /**
+   * List of transformer babel plugins to be applied to evaluated files
+   *
+   * See the [babel docs](https://babeljs.io/docs/en/plugins/#transform-plugins)
+   */
+  transformerBabelPlugins?: PluginItem[];
+
+  /**
+   * Builds in a node environment.
+   * Defaults to `false`.
+   */
+  ssr?: boolean;
+
+  /**
+   * Will run additional cssnano plugins to normalize CSS during build.
+   *
+   * Default to `true`.
+   */
+  optimizeCss?: boolean;
+
+  /**
+   * @deprecated Override the default `resolve` used by @compiled/babel-plugin, which is used to statically evaluate import declarations
+   */
+  resolve?: ResolveOptions;
+
+  /**
+   * Override the default @compiled/babel-plugin resolver, by providing a module path that exports a custom resolver
+   */
+  resolver?: string;
+
+  /**
+   * Add the component name as class name to DOM in non-production environment if styled is used
+   *
+   * Default to `false`
+   */
+  addComponentName?: boolean;
+
+  /**
+   * A map holds the key-value pairs between full Atomic class names and the compressed ones
+   * i.e. { '_aaaabbbb': 'a' }
+   *
+   * Default to `undefined`
+   */
+  classNameCompressionMap?: {[index: string]: string};
+
+  /**
+   * File path to classNameCompressionMap. It's relative to project root.
+   * Note `classNameCompressionMap` and `classNameCompressionMapFilePath` are mutually exclusive.
+   * If both are provided, classNameCompressionMap takes precedence.
+   *
+   * Default to `undefined`
+   */
+  classNameCompressionMapFilePath?: string;
+
+  /**
+   * When set, extract styles to an external CSS file
+   */
+  extractStylesToDirectory?: {source: string; dest: string};
+
+  /**
+   * Adds a defined prefix to the generated classes' hashes.
+   * Useful in micro frontend environments to avoid clashing/specificity issues.
+   *
+   * This will throw an error if used alongside extraction or `extract: true`.
+   */
+  classHashPrefix?: string;
+}

package/src/utils.ts

@@ -0,0 +1,28 @@
+import fs from 'fs';
+import {dirname} from 'path';
+
+import type {Resolver} from '@compiled/babel-plugin';
+import {CachedInputFileSystem, ResolverFactory} from 'enhanced-resolve';
+
+import type {CompiledTransformerOpts} from './types';
+
+export function createDefaultResolver(
+  config: CompiledTransformerOpts,
+): Resolver {
+  const resolver = ResolverFactory.createResolver({
+    fileSystem: new CachedInputFileSystem(fs, 4000),
+    ...(config.extensions && {
+      extensions: config.extensions,
+    }),
+    ...(config.resolve ?? {}),
+    // This makes the resolver invoke the callback synchronously
+    useSyncFileSystemCalls: true,
+  });
+
+  return {
+    // The resolver needs to be synchronous, as babel plugins must be synchronous
+    resolveSync(context: string, request: string) {
+      return resolver.resolveSync({}, dirname(context), request) as string;
+    },
+  };
+}