@compiled/parcel-transformer 0.13.3 → 0.14.0

package/dist/index.js

@@ -3,14 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const fs_1 = __importDefault(require("fs"));
 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("@parcel/plugin");
 const source_map_1 = __importDefault(require("@parcel/source-map"));
-const enhanced_resolve_1 = require("enhanced-resolve");
+const utils_2 = require("./utils");
 const configFiles = [
     '.compiledcssrc',
     '.compiledcssrc.json',
@@ -87,7 +86,24 @@ exports.default = new plugin_1.Transformer({
         };
     },
     async transform({ asset, config, options }) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
+        const distStyleRules = [];
+        let someCode = await asset.getCode();
+        for (const match of someCode.matchAll(/(import ['"](?<importSpec>.+\.compiled\.css)['"];)|(require\(['"](?<requireSpec>.+\.compiled\.css)['"]\);)/g)) {
+            const specifierPath = ((_a = match.groups) === null || _a === void 0 ? void 0 : _a.importSpec) || ((_b = match.groups) === null || _b === void 0 ? void 0 : _b.requireSpec);
+            if (!specifierPath)
+                continue;
+            someCode = someCode.replace(match[0], '');
+            asset.setCode(someCode);
+            const cssFilePath = (0, path_1.isAbsolute)(specifierPath)
+                ? specifierPath
+                : (0, path_1.join)((0, path_1.dirname)(asset.filePath), specifierPath);
+            const cssContent = (await asset.fs.readFile(cssFilePath)).toString().split('\n');
+            if (!asset.meta.styleRules) {
+                asset.meta.styleRules = [];
+            }
+            asset.meta.styleRules.push(...cssContent);
+        }
         const ast = await asset.getAST();
         if (!ast) {
             // We will only receive ASTs for assets we're interested in.
@@ -98,11 +114,6 @@ exports.default = new plugin_1.Transformer({
         const extract = config.extract && options.mode !== 'development';
         const includedFiles = [];
         const code = asset.isASTDirty() ? undefined : await asset.getCode();
-        const resolver = enhanced_resolve_1.ResolverFactory.createResolver(Object.assign(Object.assign(Object.assign({ fileSystem: new enhanced_resolve_1.CachedInputFileSystem(fs_1.default, 4000) }, (config.extensions && {
-            extensions: config.extensions,
-        })), ((_a = config.resolve) !== null && _a !== void 0 ? _a : {})), { 
-            // This makes the resolver invoke the callback synchronously
-            useSyncFileSystemCalls: true }));
         const result = await (0, core_1.transformFromAstAsync)(ast.program, code, {
             code: true,
             ast: false,
@@ -111,23 +122,19 @@ exports.default = new plugin_1.Transformer({
             configFile: false,
             sourceMaps: true,
             parserOpts: {
-                plugins: (_b = config.parserBabelPlugins) !== null && _b !== void 0 ? _b : undefined,
+                plugins: (_c = config.parserBabelPlugins) !== null && _c !== void 0 ? _c : undefined,
             },
             plugins: [
-                ...((_c = config.transformerBabelPlugins) !== null && _c !== void 0 ? _c : []),
+                ...((_d = config.transformerBabelPlugins) !== null && _d !== void 0 ? _d : []),
                 asset.isSource && [
                     '@compiled/babel-plugin',
-                    Object.assign(Object.assign({}, config), { classNameCompressionMap: config.extract && config.classNameCompressionMap, onIncludedFiles: (files) => includedFiles.push(...files), resolver: {
-                            // The resolver needs to be synchronous, as babel plugins must be synchronous
-                            resolveSync: (context, request) => {
-                                return resolver.resolveSync({}, (0, path_1.dirname)(context), request);
-                            },
-                        }, cache: false }),
+                    Object.assign(Object.assign({}, config), { classNameCompressionMap: config.extract && config.classNameCompressionMap, onIncludedFiles: (files) => includedFiles.push(...files), resolver: config.resolver ? config.resolver : (0, utils_2.createDefaultResolver)(config), cache: false }),
                 ],
                 extract && [
                     '@compiled/babel-plugin-strip-runtime',
                     {
                         compiledRequireExclude: true,
+                        extractStylesToDirectory: config.extractStylesToDirectory,
                     },
                 ],
             ].filter(utils_1.toBoolean),
@@ -146,7 +153,7 @@ exports.default = new plugin_1.Transformer({
         if (extract) {
             // Store styleRules to asset.meta to be used by @compiled/parcel-optimizer
             const metadata = result === null || result === void 0 ? void 0 : result.metadata;
-            asset.meta.styleRules = metadata.styleRules;
+            asset.meta.styleRules = [...((_e = metadata.styleRules) !== null && _e !== void 0 ? _e : []), ...distStyleRules];
         }
         return [asset];
     },

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/types.d.ts

@@ -4,6 +4,7 @@ import type { ResolveOptions } from 'enhanced-resolve';
 type BabelPluginOpts = Omit<PluginOptions, 'cache' | 'onIncludedFiles' | 'resolver'>;
 export interface ParcelTransformerOpts extends BabelPluginOpts {
     extract?: boolean;
+    extractFromDistributedCode?: boolean;
     stylesheetPath?: string;
     /**
      * List of transformer babel plugins to be applied to evaluated files
@@ -23,9 +24,13 @@ export interface ParcelTransformerOpts extends BabelPluginOpts {
      */
     optimizeCss?: boolean;
     /**
-     * Override the default `resolve` used by @compiled/babel-plugin, which is used to statically evaluate import declarations
+     * @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
      *
@@ -49,5 +54,12 @@ export interface ParcelTransformerOpts extends BabelPluginOpts {
      * Default to `undefined`
      */
     classNameCompressionMapFilePath?: string;
+    /**
+     * When set, extract styles to an external CSS file
+     */
+    extractStylesToDirectory?: {
+        source: string;
+        dest: string;
+    };
 }
 export {};

package/dist/utils.d.ts

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

package/dist/utils.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createDefaultResolver = void 0;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = require("path");
+const enhanced_resolve_1 = require("enhanced-resolve");
+function createDefaultResolver(config) {
+    var _a;
+    const resolver = enhanced_resolve_1.ResolverFactory.createResolver(Object.assign(Object.assign(Object.assign({ fileSystem: new enhanced_resolve_1.CachedInputFileSystem(fs_1.default, 4000) }, (config.extensions && {
+        extensions: config.extensions,
+    })), ((_a = config.resolve) !== null && _a !== void 0 ? _a : {})), { 
+        // 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);
+        },
+    };
+}
+exports.createDefaultResolver = createDefaultResolver;
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":";;;;;;AAAA,4CAAoB;AACpB,+BAA+B;AAG/B,uDAA0E;AAI1E,SAAgB,qBAAqB,CAAC,MAA6B;;IACjE,MAAM,QAAQ,GAAG,kCAAe,CAAC,cAAc,6CAC7C,UAAU,EAAE,IAAI,wCAAqB,CAAC,YAAE,EAAE,IAAI,CAAC,IAC5C,CAAC,MAAM,CAAC,UAAU,IAAI;QACvB,UAAU,EAAE,MAAM,CAAC,UAAU;KAC9B,CAAC,GACC,CAAC,MAAA,MAAM,CAAC,OAAO,mCAAI,EAAE,CAAC;QACzB,4DAA4D;QAC5D,sBAAsB,EAAE,IAAI,IAC5B,CAAC;IAEH,OAAO;QACL,6EAA6E;QAC7E,WAAW,CAAC,OAAe,EAAE,OAAe;YAC1C,OAAO,QAAQ,CAAC,WAAW,CAAC,EAAE,EAAE,IAAA,cAAO,EAAC,OAAO,CAAC,EAAE,OAAO,CAAW,CAAC;QACvE,CAAC;KACF,CAAC;AACJ,CAAC;AAjBD,sDAiBC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@compiled/parcel-transformer",
-  "version": "0.13.3",
+  "version": "0.14.0",
   "description": "A familiar and performant compile time CSS-in-JS library for React.",
   "homepage": "https://compiledcssinjs.com/docs/pkg-parcel-transformer",
   "bugs": "https://github.com/atlassian-labs/compiled/issues/new?assignees=&labels=bug&template=bug_report.md",
@@ -22,12 +22,12 @@
   "dependencies": {
     "@babel/core": "^7.21.8",
     "@babel/generator": "^7.21.5",
-    "@compiled/babel-plugin": "^0.22.0",
-    "@compiled/babel-plugin-strip-runtime": "^0.19.0",
+    "@compiled/babel-plugin": "^0.24.0",
+    "@compiled/babel-plugin-strip-runtime": "^0.23.0",
     "@compiled/utils": "^0.8.0",
     "@parcel/plugin": "^2.8.3",
     "@parcel/source-map": "^2.1.1",
-    "enhanced-resolve": "^5.12.0"
+    "enhanced-resolve": "^5.15.0"
   },
   "devDependencies": {
     "@parcel/core": "^2.8.3",

package/src/__tests__/transformer.parceltest.ts

@@ -6,15 +6,6 @@ import { format } from 'prettier';
 
 const rootPath = join(__dirname, '..', '..', '..', '..');
 const fixtureRoot = join(rootPath, 'fixtures/parcel-transformer-test-app');
-const extractionFixtureRoot = join(rootPath, 'fixtures/parcel-transformer-test-extract-app');
-const compressingClassNameFixtureRoot = join(
-  rootPath,
-  'fixtures/parcel-transformer-test-compress-class-name-app'
-);
-const customResolverFixtureRoot = join(
-  rootPath,
-  'fixtures/parcel-transformer-test-custom-resolver-app'
-);
 const babelComponentFixture = join(rootPath, 'fixtures/babel-component');
 
 const workerFarm = createWorkerFarm();
@@ -79,7 +70,28 @@ it('transforms assets with babel plugin', async () => {
   `);
 }, 50000);
 
+it('transforms assets with custom resolve and statically evaluates imports', async () => {
+  const customResolveFixtureRoot = join(
+    rootPath,
+    'fixtures/parcel-transformer-test-custom-resolve-app'
+  );
+  const parcel = getParcelInstance(customResolveFixtureRoot);
+  const { changedAssets } = await parcel.run();
+
+  const asset = Array.from(changedAssets.values()).find(
+    (asset) => asset.filePath === join(customResolveFixtureRoot, 'src/index.jsx')
+  );
+
+  const code = await asset?.getCode();
+
+  expect(code).toInclude('color:red');
+}, 50000);
+
 it('transforms assets with custom resolver and statically evaluates imports', async () => {
+  const customResolverFixtureRoot = join(
+    rootPath,
+    'fixtures/parcel-transformer-test-custom-resolver-app'
+  );
   const parcel = getParcelInstance(customResolverFixtureRoot);
   const { changedAssets } = await parcel.run();
 
@@ -93,6 +105,7 @@ it('transforms assets with custom resolver and statically evaluates imports', as
 }, 50000);
 
 it('transforms assets with compiled and extraction babel plugins', async () => {
+  const extractionFixtureRoot = join(rootPath, 'fixtures/parcel-transformer-test-extract-app');
   const parcel = getParcelInstance(extractionFixtureRoot);
   const { changedAssets, bundleGraph } = await parcel.run();
   const assets = Array.from(changedAssets.values());
@@ -104,6 +117,8 @@ it('transforms assets with compiled and extraction babel plugins', async () => {
     "/* index.jsx generated by @compiled/babel-plugin v0.0.0 */ var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
     var _jsxRuntime = require("react/jsx-runtime");
     var _runtime = require("@compiled/react/runtime");
+    var _index = require("@compiled/babel-component-extracted-fixture/dist/index");
+    var _indexDefault = parcelHelpers.interopDefault(_index);
     var _babelComponentFixture = require("@compiled/babel-component-fixture");
     var _babelComponentFixtureDefault = parcelHelpers.interopDefault(_babelComponentFixture);
     var App = function() {
@@ -111,12 +126,15 @@ it('transforms assets with compiled and extraction babel plugins', async () => {
             children: [
                 /*#__PURE__*/ (0, _jsxRuntime.jsx)("div", {
                     className: (0, _runtime.ax)([
-                        "_1wyb12am _syaz5scu"
+                        "_1wyb12am _syaz13q2"
                     ]),
                     children: "CSS prop"
                 }),
                 /*#__PURE__*/ (0, _jsxRuntime.jsx)((0, _babelComponentFixtureDefault.default), {
                     children: "Babel component"
+                }),
+                /*#__PURE__*/ (0, _jsxRuntime.jsx)((0, _indexDefault.default), {
+                    children: "Component from NPM"
                 })
             ]
         });
@@ -146,32 +164,32 @@ it('transforms assets with compiled and extraction babel plugins', async () => {
     "._1wyb12am {
       font-size: 50px;
     }
-    ._syaz5scu {
-      color: red;
-    }
     ._syaz13q2 {
       color: blue;
     }
-    ._1wyb1ul9 {
-      font-size: 30px;
+    ._19bv1vi7 {
+      padding-left: 32px;
     }
     ._19itlf8h {
       border: 2px solid blue;
     }
+    ._19pk1ul9 {
+      margin-top: 30px;
+    }
+    ._1wyb1ul9 {
+      font-size: 30px;
+    }
+    ._bfhk1gy6 {
+      background-color: yellow;
+    }
     ._ca0q1vi7 {
       padding-top: 32px;
     }
-    ._u5f31vi7 {
-      padding-right: 32px;
-    }
     ._n3td1vi7 {
       padding-bottom: 32px;
     }
-    ._19bv1vi7 {
-      padding-left: 32px;
-    }
-    ._19pk1ul9 {
-      margin-top: 30px;
+    ._u5f31vi7 {
+      padding-right: 32px;
     }
     "
   `);
@@ -211,6 +229,10 @@ it('transforms assets with compiled and extraction babel plugins', async () => {
 }, 50000);
 
 it('transforms assets with class name compression enabled', async () => {
+  const compressingClassNameFixtureRoot = join(
+    rootPath,
+    'fixtures/parcel-transformer-test-compress-class-name-app'
+  );
   const parcel = getParcelInstance(compressingClassNameFixtureRoot);
   const { changedAssets, bundleGraph } = await parcel.run();
 

package/src/index.ts

@@ -1,5 +1,4 @@
-import fs from 'fs';
-import { join, dirname } from 'path';
+import { join, dirname, isAbsolute } from 'path';
 
 import { parseAsync, transformFromAstAsync } from '@babel/core';
 import generate from '@babel/generator';
@@ -11,9 +10,9 @@ import type {
 import { toBoolean } from '@compiled/utils';
 import { Transformer } from '@parcel/plugin';
 import SourceMap from '@parcel/source-map';
-import { CachedInputFileSystem, ResolverFactory } from 'enhanced-resolve';
 
 import type { ParcelTransformerOpts } from './types';
+import { createDefaultResolver } from './utils';
 
 const configFiles = [
   '.compiledcssrc',
@@ -112,7 +111,29 @@ export default new Transformer<ParcelTransformerOpts>({
   },
 
   async transform({ asset, config, options }) {
+    const distStyleRules: string[] = [];
+    let someCode = await asset.getCode();
+    for (const match of someCode.matchAll(
+      /(import ['"](?<importSpec>.+\.compiled\.css)['"];)|(require\(['"](?<requireSpec>.+\.compiled\.css)['"]\);)/g
+    )) {
+      const specifierPath = match.groups?.importSpec || match.groups?.requireSpec;
+      if (!specifierPath) continue;
+      someCode = someCode.replace(match[0], '');
+      asset.setCode(someCode);
+
+      const cssFilePath = isAbsolute(specifierPath)
+        ? specifierPath
+        : join(dirname(asset.filePath), specifierPath);
+
+      const cssContent = (await asset.fs.readFile(cssFilePath)).toString().split('\n');
+      if (!asset.meta.styleRules) {
+        asset.meta.styleRules = [];
+      }
+      (asset.meta.styleRules as string[]).push(...cssContent);
+    }
+
     const ast = await asset.getAST();
+
     if (!ast) {
       // 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.
@@ -124,16 +145,6 @@ export default new Transformer<ParcelTransformerOpts>({
     const includedFiles: string[] = [];
     const code = asset.isASTDirty() ? undefined : await asset.getCode();
 
-    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,
-    });
-
     const result = await transformFromAstAsync(ast.program, code, {
       code: true,
       ast: false,
@@ -152,12 +163,7 @@ export default new Transformer<ParcelTransformerOpts>({
             ...config,
             classNameCompressionMap: config.extract && config.classNameCompressionMap,
             onIncludedFiles: (files: string[]) => includedFiles.push(...files),
-            resolver: {
-              // The resolver needs to be synchronous, as babel plugins must be synchronous
-              resolveSync: (context: string, request: string) => {
-                return resolver.resolveSync({}, dirname(context), request);
-              },
-            },
+            resolver: config.resolver ? config.resolver : createDefaultResolver(config),
             cache: false,
           } as BabelPluginOptions,
         ],
@@ -165,6 +171,7 @@ export default new Transformer<ParcelTransformerOpts>({
           '@compiled/babel-plugin-strip-runtime',
           {
             compiledRequireExclude: true,
+            extractStylesToDirectory: config.extractStylesToDirectory,
           } as BabelStripRuntimePluginOptions,
         ],
       ].filter(toBoolean),
@@ -187,7 +194,7 @@ export default new Transformer<ParcelTransformerOpts>({
     if (extract) {
       // Store styleRules to asset.meta to be used by @compiled/parcel-optimizer
       const metadata = result?.metadata as BabelFileMetadata;
-      asset.meta.styleRules = metadata.styleRules;
+      asset.meta.styleRules = [...(metadata.styleRules ?? []), ...distStyleRules];
     }
 
     return [asset];

package/src/types.ts

@@ -6,6 +6,7 @@ type BabelPluginOpts = Omit<PluginOptions, 'cache' | 'onIncludedFiles' | 'resolv
 
 export interface ParcelTransformerOpts extends BabelPluginOpts {
   extract?: boolean;
+  extractFromDistributedCode?: boolean;
   stylesheetPath?: string;
 
   /**
@@ -29,10 +30,15 @@ export interface ParcelTransformerOpts extends BabelPluginOpts {
   optimizeCss?: boolean;
 
   /**
-   * Override the default `resolve` used by @compiled/babel-plugin, which is used to statically evaluate import declarations
+   * @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
    *
@@ -56,4 +62,9 @@ export interface ParcelTransformerOpts extends BabelPluginOpts {
    * Default to `undefined`
    */
   classNameCompressionMapFilePath?: string;
+
+  /**
+   * When set, extract styles to an external CSS file
+   */
+  extractStylesToDirectory?: { source: string; dest: string };
 }

package/src/utils.ts

@@ -0,0 +1,26 @@
+import fs from 'fs';
+import { dirname } from 'path';
+
+import type { Resolver } from '@compiled/babel-plugin';
+import { CachedInputFileSystem, ResolverFactory } from 'enhanced-resolve';
+
+import type { ParcelTransformerOpts } from './types';
+
+export function createDefaultResolver(config: ParcelTransformerOpts): 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;
+    },
+  };
+}