@workleap/swc-configs 1.0.1 → 2.1.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @workleap/swc-configs
 
+## 2.1.0
+
+### Minor Changes
+
+- [#106](https://github.com/gsoft-inc/wl-web-configs/pull/106) [`a747302`](https://github.com/gsoft-inc/wl-web-configs/commit/a74730233d78c71e45bcd8911a706630d359a67c) Thanks [@patricklafrance](https://github.com/patricklafrance)! - Fixed SWC targets and support TS 5.2
+
+## 2.0.0
+
+### Major Changes
+
+- [#98](https://github.com/gsoft-inc/wl-web-configs/pull/98) [`56ca32e`](https://github.com/gsoft-inc/wl-web-configs/commit/56ca32ee3194c51210aacc5189f3ebbec5a4a7b6) Thanks [@patricklafrance](https://github.com/patricklafrance)! - New start, every package has a major version bump
+
 ## 1.0.1
 
 ### Patch Changes

package/README.md

@@ -1,395 +1,19 @@
-# @workleap/swc-configs
+# swc-configs
 
-## Installation
-
-Install the following packages:
-
-**With pnpm**
-
-```shell
-pnpm add -D @workleap/swc-configs @swc/core @swc/helpers
-```
-
-**With yarn**
-
-```shell
-yarn add -D @workleap/swc-configs @swc/core @swc/helpers
-```
-
-**With npm**
-
-```shell
-npm install -D @workleap/swc-configs @swc/core @swc/helpers
-```
+[![License](https://img.shields.io/badge/License-Apache_2.0-blue.svg)](../../LICENSE)
+[![npm version](https://img.shields.io/npm/v/@workleap/swc-configs)](https://www.npmjs.com/package/@workleap/swc-configs)
 
 ## Usage
 
-### Dev
-
-Create a `swc.dev.js` file at the root of your project:
-
-```
-root
-|---/src
-|---swc.dev.js
-|---webpack.dev.js
-```
-
-Then, in the newly created file, import and execute the `defineDevConfig` function to export a valid SWC configuration object:
-
-```ts
-// swc.dev.js
-
-import { defineDevConfig } from "@workleap/swc-configs";
-
-export const swcConfig = defineDevConfig();
-```
-
-Finally, install the Webpack [swc-loader](https://swc.rs/docs/usage/swc-loader) package and add the following `rule` to your Webpack configuration:
-
-```js
-// webpack.dev.js
-
-// @ts-check
-
-import { swcConfig } from "./swc.dev.js";
-
-/** @type {import("webpack").Configuration} */
-export default {
-    module: {
-        rules: {
-            test: /\.(ts|tsx)/i,
-            exclude: /node_modules/,
-            use: {
-                loader: "swc-loader",
-                options: swcConfig
-            }
-        }
-    }
-}
-```
-
-> The rule declaration may vary depending of your project configuration. For example, you might want to change the `test` property to target ECMAScript files instead: `test: /\.(js|jsx)/i`.
-
-#### Customizing the configuration
-
-If you wish to customize the default development configuration, there are a few possibilities.
-
-##### Use predefined options
-
-The `defineDevConfig` function accepts predefined options to customize the default SWC configuration without having to learn any [SWC specific configuration syntax](https://swc.rs/docs/configuration/swcrc) or mangling with complicated configuration properties.
-
-To enable [React fast refresh](https://github.com/pmmmwh/react-refresh-webpack-plugin), use the `fastRefresh` option:
-
-```ts
-// swc.dev.js
-
-import { defineDevConfig } from "@workleap/swc-configs";
-
-return defineDevConfig({
-    fastRefresh: true
-});
-```
-
-> Don't forget to install [ReactRefreshWebpackPlugin](https://github.com/pmmmwh/react-refresh-webpack-plugin) and update your Webpack configuration accordingly.
-
-The development configuration expect to parse TypeScript code. If your project is coded with regular JavaScript (ECMAScript), use the `parser` option to configure SWC to parse regular JavaScript code rather than TypeScript code:
-
-```ts
-// swc.dev.js
-
-import { defineDevConfig } from "@workleap/swc-configs";
-
-return defineDevConfig({
-    parser: "ecmascript"
-});
-```
-
-##### Manually overriding SWC configuration
-
-Refer to the [configuration override](#configuration-override) section.
-
-### Build
-
-Create a `swc.build.js` file at the root of your project:
-
-```
-root
-|---/src
-|---swc.build.js
-|---webpack.build.js
-```
-
-Then, in the newly created file, import and execute the `defineBuildConfig` function to export a valid SWC configuration object:
-
-```ts
-// swc.build.js
-
-import { defineBuildConfig } from "@workleap/swc-configs";
-
-export const swcConfig = defineBuildConfig();
-```
-
-Finally, install the Webpack [swc-loader](https://swc.rs/docs/usage/swc-loader) package and add the following `rule` to your Webpack configuration:
-
-```js
-// webpack.build.js
-
-// @ts-check
-
-import { swcConfig } from "./swc.build.js";
-
-/** @type {import("webpack").Configuration} */
-export default {
-    module: {
-        rules: {
-            test: /\.(ts|tsx)/i,
-            exclude: /node_modules/,
-            use: {
-                loader: "swc-loader",
-                options: swcConfig
-            }
-        }
-    }
-}
-```
-
-#### Customizing the configuration
-
-If you wish to customize the default build configuration, there are a few possibilities.
-
-##### Use predefined options
-
-The `defineBuildConfig` function accepts predefined options to customize the default SWC configuration without having to learn any [SWC specific configuration syntax](https://swc.rs/docs/configuration/swcrc) or mangling with complicated configuration properties.
-
-The build configuration expect to parse TypeScript code. If your project is coded with regular JavaScript (ECMAScript), use the `parser` option to configure SWC to parse regular JavaScript code rather than TypeScript code:
-
-```ts
-// swc.build.js
-
-import { defineBuildConfig } from "@workleap/swc-configs";
-
-return defineBuildConfig({
-    parser: "ecmascript"
-});
-```
-
-##### Manually overriding SWC configuration
-
-Refer to the [configuration override](#configuration-override) section.
-
-### Jest
-
-#### Installation
-
-First install the following package:
-
-**With pnpm**
-
-```shell
-pnpm add -D @swc/jest
-```
-
-**With yarn**
-
-```shell
-yarn add -D @swc/jest
-```
-
-**With npm**
-
-```shell
-yarn add -D @swc/jest
-```
-
-#### Usage
-
-Create a `swc.jest.ts` file at the root of your project:
-
-```
-root
-|---/src
-|---swc.jest.ts
-|---jest.config.ts
-```
-
-Then, in the newly created file, import and execute the `defineJestConfig` function to export a valid SWC configuration object:
-
-```ts
-// swc.jest.ts
-
-import { defineJestConfig } from "@workleap/swc-configs";
-
-export const swcConfig = defineJestConfig();
-```
-
-Finally, add the following Jest [code transform](https://jestjs.io/docs/code-transformation) to your `jest.config.ts` file:
-
-```js
-// jest.config.ts
-
-import { swcCnfig } from "./swc.jest.ts";
-
-const config = {
-    transform: {
-        "^.+\\.(ts|tsx)$": ["@swc/jest", swcConfig as Record<string, unknown>]
-    }
-};
-```
-
-> The transform declaration may vary depending of your project configuration. For example, you might want to change the file extensions to target ECMAScript files instead: `^.+\\.(js|jsx)$`.
-
-#### Customizing the configuration
-
-If you wish to customize the default Jest configuration, there are a few possibilities.
-
-##### Use predefined options
-
-The `defineJestConfig` function accepts predefined options to customize the default SWC configuration without having to learn any [SWC specific configuration syntax](https://swc.rs/docs/configuration/swcrc) or mangling with complicated configuration properties.
-
-The default Jest configuration doesn't include React. To include React, use the `react` option:
-
-```ts
-// swc.jest.ts
-
-import { defineJestConfig } from "@workleap/swc-configs";
-
-return defineJestConfig({
-    react: true
-});
-```
-
-The Jest configuration expect to parse TypeScript code. If your project is coded with regular JavaScript (ECMAScript), use the `parser` option to configure SWC to parse regular JavaScript code rather than TypeScript code:
-
-```ts
-// swc.jest.ts
-
-import { defineJestConfig } from "@workleap/swc-configs";
-
-return defineJestConfig({
-    parser: "ecmascript"
-});
-```
-
-##### Manually overriding SWC configuration
-
-Refer to the [configuration override](#configuration-override) section.
-
-### Configuration override
-
-> This documentation section will use the [Dev configuration](#dev) `defineDevConfig` function and `DefaultDevConfig` object to showcase examples but keep in mind that it also available for the [Build](#build) and [Jest](#jest) configurations.
-
-All "define" functions accepts a `configOverride` property. This property allow the consumer to override any property of the default SWC configuration. The `configOverride` supports 2 syntaxes, a [custom object](#custom-object) and a [function](#function).
-
-It's important to note that with both syntaxes, the provided configuration **will not** be merged with the default configuration, it will override any matching properties of the default configuration.
-
-#### Custom object
-
-The easiest way to override manually the SWC config is with the object syntax:
-
-```ts
-// swc.dev.ts
-
-import { defineDevConfig } from "@workleap/swc-configs";
-
-return defineDevConfig({
-    configOverride: {
-        jsc: {
-            parser: {
-                dynamicImport: true
-            }
-        }
-    }
-});
-```
-
-In the previous example, the whole `jsx` section of the default configuration would be overrided for:
-
-```js
-jsc: {
-    parser: {
-        dynamicImport: true
-    }
-}
-```
-
-While in some cases it's fine, often a consumer would prefer to extend the default configuration rather than overriding it's properties. To extend the configuration, use the `DefaultDevConfig` object to merge new properties with the default configuration properties:
-
-```ts
-// swc.dev.ts
-
-import { defineDevConfig, DefaultDevConfig } from "@workleap/swc-configs";
-import merge from "deepmerge";
-
-return defineDevConfig({
-    configOverride: merge.all(DefaultDevConfig, {
-        jsc: {
-            parser: {
-                dynamicImport: true
-            }
-        }
-    })
-});
-```
-
-##### Function
-
-The `configOverride` property also accept a function. While there are a wide range of additional use cases that can be solved with a function, the main purpose of using a function here is to allow mixing **predefined options** with a **custom configuration object**.
-
-Take the following example:
-
-```ts
-// swc.dev.ts
-
-import { defineDevConfig, DefaultDevConfig } from "@workleap/swc-configs";
-import merge from "deepmerge";
-
-return defineDevConfig({
-    fastRefresh: true,
-    configOverride: merge.all(DefaultDevConfig, {
-        jsc: {
-            parser: {
-                dynamicImport: true
-            }
-        }
-    })
-});
-```
-
-In this example, the consumer wish to enable [React fast refresh](https://github.com/pmmmwh/react-refresh-webpack-plugin) and ESM dynamic imports. That's a good idea to use the `fastRefresh` predefined options to enable fast refresh. However, since there are no predefined option to enable ESM dynamic imports, a custom configuration object must be provided to extend the `jsc.parser` section with the `dynamicImport` property.
-
-Given that the consumer extends the configuration rather than overriding it, one could expect that the React fast refresh configuration will be included in the final configuration.
-
-Wrong, the React fast refresh configuration won't be included because it's not part of the `DefaultDevConfig` object that the consumer is extending.
-
-To extend the default development configuration and also use predefined options, you must provide a function rather than an object:
-
-```ts
-// swc.dev.ts
-
-import { defineDevConfig, DefaultDevConfig } from "@workleap/swc-configs";
-import merge from "deepmerge";
+View the [user's documentation](https://gsoft-inc.github.io/wl-web-configs/).
 
-return defineDevConfig({
-    fastRefresh: true,
-    configOverride: (config) => {
-        // The "config" argument is the DefaultDevConfig object including the fast refresh configuration.
-        return merge.all(config, {
-            jsc: {
-                parser: {
-                    dynamicImport: true
-                }
-            }
-        });
-    }
-});
-```
+## 🤝 Contributing
 
-Using a function allow the consumer to receive as argument a configuration object derived from the `DefaultDevConfig` object, including any additional properties added with predefined options.
+View the [contributor's documentation](../../CONTRIBUTING.md).
 
-## Maintainers notes
+### Notes
 
-### CJS support
+#### CJS support
 
 To support CJS projects, this package is build for ESM and CJS formats. To support CJS, `type: "module"` has been temporary removed from the `package.json` file.
 
@@ -397,4 +21,4 @@ Once all our projects use ESM, CJS support can be removed.
 
 ## License
 
-Copyright © 2023, GSoft inc. This code is licensed under the Apache License, Version 2.0. You may obtain a copy of this license at https://github.com/gsoft-inc/gsoft-license/blob/master/LICENSE.
+Copyright © 2023, Workleap. This code is licensed under the Apache License, Version 2.0. You may obtain a copy of this license at https://github.com/gsoft-inc/workleap-license/blob/master/LICENSE.

package/dist/applyTransformers.d.mts

@@ -0,0 +1,9 @@
+import { Config } from '@swc/core';
+
+interface SwcConfigTransformerContext {
+    environment: "dev" | "build" | "jest";
+}
+type SwcConfigTransformer = (config: Config, context: SwcConfigTransformerContext) => Config;
+declare function applyTransformers(config: Config, transformers: SwcConfigTransformer[], context: SwcConfigTransformerContext): Config;
+
+export { SwcConfigTransformer, SwcConfigTransformerContext, applyTransformers };

package/dist/browserslistToSwc.d.mts

@@ -0,0 +1,9 @@
+import browserslist from 'browserslist';
+
+declare function createSwcTargetsFromBrowserslistEntries(entries: string[]): Record<keyof readonly ["ie", "edge", "firefox", "chrome", "safari", "opera", "ios", "android", "op_mob", "and_chr", "and_ff", "ie_mob", "samsung"], string>;
+interface BrowserslistToSwcOptions extends Omit<browserslist.Options, "path"> {
+    queries?: string | string[];
+}
+declare function browserslistToSwc(options?: BrowserslistToSwcOptions): Record<keyof readonly ["ie", "edge", "firefox", "chrome", "safari", "opera", "ios", "android", "op_mob", "and_chr", "and_ff", "ie_mob", "samsung"], string>;
+
+export { BrowserslistToSwcOptions, browserslistToSwc, createSwcTargetsFromBrowserslistEntries };

package/dist/browserslistToSwc.d.ts

@@ -0,0 +1,9 @@
+import browserslist from 'browserslist';
+
+declare function createSwcTargetsFromBrowserslistEntries(entries: string[]): Record<keyof readonly ["ie", "edge", "firefox", "chrome", "safari", "opera", "ios", "android", "op_mob", "and_chr", "and_ff", "ie_mob", "samsung"], string>;
+interface BrowserslistToSwcOptions extends Omit<browserslist.Options, "path"> {
+    queries?: string | string[];
+}
+declare function browserslistToSwc(options?: BrowserslistToSwcOptions): Record<keyof readonly ["ie", "edge", "firefox", "chrome", "safari", "opera", "ios", "android", "op_mob", "and_chr", "and_ff", "ie_mob", "samsung"], string>;
+
+export { BrowserslistToSwcOptions, browserslistToSwc, createSwcTargetsFromBrowserslistEntries };

package/dist/browserslistToSwc.js

@@ -0,0 +1,80 @@
+'use strict';
+
+var browserslist = require('browserslist');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var browserslist__default = /*#__PURE__*/_interopDefault(browserslist);
+
+// src/browserslistToSwc.ts
+var SwcSupportedBrowsers = [
+  "ie",
+  "edge",
+  "firefox",
+  "chrome",
+  "safari",
+  "opera",
+  "ios",
+  "android",
+  "op_mob",
+  "and_chr",
+  "and_ff",
+  "ie_mob",
+  "samsung"
+];
+var SwcMobileBrowserAliases = {
+  "and_chr": "chrome",
+  "and_ff": "firefox",
+  "ie_mob": "ie",
+  "ios_saf": "ios",
+  "op_mob": "opera"
+};
+function parseBrowserslistEntry(entry) {
+  const values = entry.split(" ");
+  let browser = values[0];
+  let version = values[1];
+  if (SwcMobileBrowserAliases[browser]) {
+    browser = SwcMobileBrowserAliases[browser];
+  }
+  if (version.includes("-")) {
+    version = version.slice(0, version.indexOf("-"));
+  }
+  if (version.endsWith(".0")) {
+    version = version.slice(0, -2);
+  }
+  return {
+    browser,
+    version
+  };
+}
+function createSwcTargetsFromBrowserslistEntries(entries) {
+  return entries.reduce((acc, x) => {
+    const { browser, version } = parseBrowserslistEntry(x);
+    if (SwcSupportedBrowsers.indexOf(browser) === -1) {
+      return acc;
+    }
+    const _browser = browser;
+    if (acc[_browser]) {
+      if (parseFloat(acc[_browser]) > parseFloat(version)) {
+        acc[_browser] = version;
+      }
+    } else {
+      acc[_browser] = version;
+    }
+    return acc;
+  }, {});
+}
+function browserslistToSwc(options = {}) {
+  const {
+    queries,
+    ...browserlistsOptions
+  } = options;
+  const entries = browserslist__default.default(queries, {
+    path: "./browserslistrc",
+    ...browserlistsOptions
+  });
+  return createSwcTargetsFromBrowserslistEntries(entries);
+}
+
+exports.browserslistToSwc = browserslistToSwc;
+exports.createSwcTargetsFromBrowserslistEntries = createSwcTargetsFromBrowserslistEntries;

package/dist/browserslistToSwc.mjs

@@ -0,0 +1 @@
+export { browserslistToSwc, createSwcTargetsFromBrowserslistEntries } from './chunk-MGMFB3UY.mjs';

package/dist/build.d.mts

@@ -0,0 +1,11 @@
+import { Config } from '@swc/core';
+import { SwcConfigTransformer } from './applyTransformers.mjs';
+
+interface DefineBuildConfigOptions {
+    targets: Record<string, string>;
+    parser?: "ecmascript" | "typescript";
+    transformers?: SwcConfigTransformer[];
+}
+declare function defineBuildConfig(options: DefineBuildConfigOptions): Config;
+
+export { DefineBuildConfigOptions, defineBuildConfig };

package/dist/build.d.ts

@@ -2,7 +2,7 @@ import { Config } from '@swc/core';
 import { SwcConfigTransformer } from './applyTransformers.js';
 
 interface DefineBuildConfigOptions {
-    browsers: any;
+    targets: Record<string, string>;
     parser?: "ecmascript" | "typescript";
     transformers?: SwcConfigTransformer[];
 }

package/dist/build.js

@@ -8,7 +8,7 @@ function applyTransformers(config, transformers, context) {
 // src/build.ts
 function defineBuildConfig(options) {
   const {
-    browsers,
+    targets,
     parser = "typescript",
     transformers = []
   } = options;
@@ -21,8 +21,6 @@ function defineBuildConfig(options) {
         syntax: "typescript",
         tsx: true
       },
-      // The output environment that the code will be compiled for.
-      target: "es2022",
       // View https://swc.rs/docs/configuration/minification for options.
       minify: {
         compress: true,
@@ -49,7 +47,8 @@ function defineBuildConfig(options) {
       ignoreDynamic: true
     },
     env: {
-      targets: browsers
+      // jsc.target is not provided because the provided targets takes precedence.
+      targets
     }
   };
   const transformedConfig = applyTransformers(config, transformers, {

package/dist/build.mjs

@@ -1,2 +1,2 @@
-export { defineBuildConfig } from './chunk-UFEY2RGG.mjs';
+export { defineBuildConfig } from './chunk-4XVTQNRR.mjs';
 import './chunk-3UBBOKDF.mjs';

package/dist/{chunk-UFEY2RGG.mjs → chunk-4XVTQNRR.mjs}

@@ -3,7 +3,7 @@ import { applyTransformers } from './chunk-3UBBOKDF.mjs';
 // src/build.ts
 function defineBuildConfig(options) {
   const {
-    browsers,
+    targets,
     parser = "typescript",
     transformers = []
   } = options;
@@ -16,8 +16,6 @@ function defineBuildConfig(options) {
         syntax: "typescript",
         tsx: true
       },
-      // The output environment that the code will be compiled for.
-      target: "es2022",
       // View https://swc.rs/docs/configuration/minification for options.
       minify: {
         compress: true,
@@ -44,7 +42,8 @@ function defineBuildConfig(options) {
       ignoreDynamic: true
     },
     env: {
-      targets: browsers
+      // jsc.target is not provided because the provided targets takes precedence.
+      targets
     }
   };
   const transformedConfig = applyTransformers(config, transformers, {

package/dist/chunk-MGMFB3UY.mjs

@@ -0,0 +1,73 @@
+import browserslist from 'browserslist';
+
+// src/browserslistToSwc.ts
+var SwcSupportedBrowsers = [
+  "ie",
+  "edge",
+  "firefox",
+  "chrome",
+  "safari",
+  "opera",
+  "ios",
+  "android",
+  "op_mob",
+  "and_chr",
+  "and_ff",
+  "ie_mob",
+  "samsung"
+];
+var SwcMobileBrowserAliases = {
+  "and_chr": "chrome",
+  "and_ff": "firefox",
+  "ie_mob": "ie",
+  "ios_saf": "ios",
+  "op_mob": "opera"
+};
+function parseBrowserslistEntry(entry) {
+  const values = entry.split(" ");
+  let browser = values[0];
+  let version = values[1];
+  if (SwcMobileBrowserAliases[browser]) {
+    browser = SwcMobileBrowserAliases[browser];
+  }
+  if (version.includes("-")) {
+    version = version.slice(0, version.indexOf("-"));
+  }
+  if (version.endsWith(".0")) {
+    version = version.slice(0, -2);
+  }
+  return {
+    browser,
+    version
+  };
+}
+function createSwcTargetsFromBrowserslistEntries(entries) {
+  return entries.reduce((acc, x) => {
+    const { browser, version } = parseBrowserslistEntry(x);
+    if (SwcSupportedBrowsers.indexOf(browser) === -1) {
+      return acc;
+    }
+    const _browser = browser;
+    if (acc[_browser]) {
+      if (parseFloat(acc[_browser]) > parseFloat(version)) {
+        acc[_browser] = version;
+      }
+    } else {
+      acc[_browser] = version;
+    }
+    return acc;
+  }, {});
+}
+function browserslistToSwc(options = {}) {
+  const {
+    queries,
+    ...browserlistsOptions
+  } = options;
+  const entries = browserslist(queries, {
+    path: "./browserslistrc",
+    ...browserlistsOptions
+  });
+  return createSwcTargetsFromBrowserslistEntries(entries);
+}
+
+export { browserslistToSwc, createSwcTargetsFromBrowserslistEntries };

package/dist/{chunk-6PUKUTDM.mjs → chunk-MYINGMHM.mjs}

@@ -17,7 +17,7 @@ function defineJestConfig(options = {}) {
         tsx: react
       },
       // The output environment that the code will be compiled for.
-      target: "es2022",
+      target: "esnext",
       transform: react ? {
         react: {
           // Use "react/jsx-runtime".

package/dist/{chunk-LPGVRYUE.mjs → chunk-VPNQWY2U.mjs}

@@ -3,7 +3,7 @@ import { applyTransformers } from './chunk-3UBBOKDF.mjs';
 // src/dev.ts
 function defineDevConfig(options) {
   const {
-    browsers,
+    targets,
     fastRefresh = false,
     parser = "typescript",
     transformers = []
@@ -17,8 +17,6 @@ function defineDevConfig(options) {
         syntax: "typescript",
         tsx: true
       },
-      // The output environment that the code will be compiled for.
-      target: "es2022",
       transform: {
         react: {
           // Use "react/jsx-runtime".
@@ -43,7 +41,8 @@ function defineDevConfig(options) {
       ignoreDynamic: true
     },
     env: {
-      targets: browsers
+      // jsc.target is not provided because the provided targets takes precedence.
+      targets
     }
   };
   const transformedConfig = applyTransformers(config, transformers, {

package/dist/dev.d.mts

@@ -0,0 +1,12 @@
+import { Config } from '@swc/core';
+import { SwcConfigTransformer } from './applyTransformers.mjs';
+
+interface DefineDevConfigOptions {
+    targets: Record<string, string>;
+    fastRefresh?: boolean;
+    parser?: "ecmascript" | "typescript";
+    transformers?: SwcConfigTransformer[];
+}
+declare function defineDevConfig(options: DefineDevConfigOptions): Config;
+
+export { DefineDevConfigOptions, defineDevConfig };

package/dist/dev.d.ts

@@ -2,7 +2,7 @@ import { Config } from '@swc/core';
 import { SwcConfigTransformer } from './applyTransformers.js';
 
 interface DefineDevConfigOptions {
-    browsers: any;
+    targets: Record<string, string>;
     fastRefresh?: boolean;
     parser?: "ecmascript" | "typescript";
     transformers?: SwcConfigTransformer[];

package/dist/dev.js

@@ -8,7 +8,7 @@ function applyTransformers(config, transformers, context) {
 // src/dev.ts
 function defineDevConfig(options) {
   const {
-    browsers,
+    targets,
     fastRefresh = false,
     parser = "typescript",
     transformers = []
@@ -22,8 +22,6 @@ function defineDevConfig(options) {
         syntax: "typescript",
         tsx: true
       },
-      // The output environment that the code will be compiled for.
-      target: "es2022",
       transform: {
         react: {
           // Use "react/jsx-runtime".
@@ -48,7 +46,8 @@ function defineDevConfig(options) {
       ignoreDynamic: true
     },
     env: {
-      targets: browsers
+      // jsc.target is not provided because the provided targets takes precedence.
+      targets
     }
   };
   const transformedConfig = applyTransformers(config, transformers, {

package/dist/dev.mjs

@@ -1,2 +1,2 @@
-export { defineDevConfig } from './chunk-LPGVRYUE.mjs';
+export { defineDevConfig } from './chunk-VPNQWY2U.mjs';
 import './chunk-3UBBOKDF.mjs';

package/dist/index.d.mts

@@ -0,0 +1,7 @@
+export { Config as SwcConfig } from '@swc/core';
+export { SwcConfigTransformer, SwcConfigTransformerContext } from './applyTransformers.mjs';
+export { BrowserslistToSwcOptions, browserslistToSwc, createSwcTargetsFromBrowserslistEntries } from './browserslistToSwc.mjs';
+export { DefineBuildConfigOptions, defineBuildConfig } from './build.mjs';
+export { DefineDevConfigOptions, defineDevConfig } from './dev.mjs';
+export { DefineJestConfigOptions, defineJestConfig } from './jest.mjs';
+import 'browserslist';

package/dist/index.d.ts

@@ -1,5 +1,7 @@
+export { Config as SwcConfig } from '@swc/core';
 export { SwcConfigTransformer, SwcConfigTransformerContext } from './applyTransformers.js';
+export { BrowserslistToSwcOptions, browserslistToSwc, createSwcTargetsFromBrowserslistEntries } from './browserslistToSwc.js';
 export { DefineBuildConfigOptions, defineBuildConfig } from './build.js';
 export { DefineDevConfigOptions, defineDevConfig } from './dev.js';
 export { DefineJestConfigOptions, defineJestConfig } from './jest.js';
-import '@swc/core';
+import 'browserslist';

package/dist/index.js

@@ -1,5 +1,81 @@
 'use strict';
 
+var browserslist = require('browserslist');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var browserslist__default = /*#__PURE__*/_interopDefault(browserslist);
+
+// src/browserslistToSwc.ts
+var SwcSupportedBrowsers = [
+  "ie",
+  "edge",
+  "firefox",
+  "chrome",
+  "safari",
+  "opera",
+  "ios",
+  "android",
+  "op_mob",
+  "and_chr",
+  "and_ff",
+  "ie_mob",
+  "samsung"
+];
+var SwcMobileBrowserAliases = {
+  "and_chr": "chrome",
+  "and_ff": "firefox",
+  "ie_mob": "ie",
+  "ios_saf": "ios",
+  "op_mob": "opera"
+};
+function parseBrowserslistEntry(entry) {
+  const values = entry.split(" ");
+  let browser = values[0];
+  let version = values[1];
+  if (SwcMobileBrowserAliases[browser]) {
+    browser = SwcMobileBrowserAliases[browser];
+  }
+  if (version.includes("-")) {
+    version = version.slice(0, version.indexOf("-"));
+  }
+  if (version.endsWith(".0")) {
+    version = version.slice(0, -2);
+  }
+  return {
+    browser,
+    version
+  };
+}
+function createSwcTargetsFromBrowserslistEntries(entries) {
+  return entries.reduce((acc, x) => {
+    const { browser, version } = parseBrowserslistEntry(x);
+    if (SwcSupportedBrowsers.indexOf(browser) === -1) {
+      return acc;
+    }
+    const _browser = browser;
+    if (acc[_browser]) {
+      if (parseFloat(acc[_browser]) > parseFloat(version)) {
+        acc[_browser] = version;
+      }
+    } else {
+      acc[_browser] = version;
+    }
+    return acc;
+  }, {});
+}
+function browserslistToSwc(options = {}) {
+  const {
+    queries,
+    ...browserlistsOptions
+  } = options;
+  const entries = browserslist__default.default(queries, {
+    path: "./browserslistrc",
+    ...browserlistsOptions
+  });
+  return createSwcTargetsFromBrowserslistEntries(entries);
+}
+
 // src/applyTransformers.ts
 function applyTransformers(config, transformers, context) {
   return transformers.reduce((acc, transformer) => transformer(acc, context), config);
@@ -8,7 +84,7 @@ function applyTransformers(config, transformers, context) {
 // src/build.ts
 function defineBuildConfig(options) {
   const {
-    browsers,
+    targets,
     parser = "typescript",
     transformers = []
   } = options;
@@ -21,8 +97,6 @@ function defineBuildConfig(options) {
         syntax: "typescript",
         tsx: true
       },
-      // The output environment that the code will be compiled for.
-      target: "es2022",
       // View https://swc.rs/docs/configuration/minification for options.
       minify: {
         compress: true,
@@ -49,7 +123,8 @@ function defineBuildConfig(options) {
       ignoreDynamic: true
     },
     env: {
-      targets: browsers
+      // jsc.target is not provided because the provided targets takes precedence.
+      targets
     }
   };
   const transformedConfig = applyTransformers(config, transformers, {
@@ -61,7 +136,7 @@ function defineBuildConfig(options) {
 // src/dev.ts
 function defineDevConfig(options) {
   const {
-    browsers,
+    targets,
     fastRefresh = false,
     parser = "typescript",
     transformers = []
@@ -75,8 +150,6 @@ function defineDevConfig(options) {
         syntax: "typescript",
         tsx: true
       },
-      // The output environment that the code will be compiled for.
-      target: "es2022",
       transform: {
         react: {
           // Use "react/jsx-runtime".
@@ -101,7 +174,8 @@ function defineDevConfig(options) {
       ignoreDynamic: true
     },
     env: {
-      targets: browsers
+      // jsc.target is not provided because the provided targets takes precedence.
+      targets
     }
   };
   const transformedConfig = applyTransformers(config, transformers, {
@@ -127,7 +201,7 @@ function defineJestConfig(options = {}) {
         tsx: react
       },
       // The output environment that the code will be compiled for.
-      target: "es2022",
+      target: "esnext",
       transform: react ? {
         react: {
           // Use "react/jsx-runtime".
@@ -152,6 +226,8 @@ function defineJestConfig(options = {}) {
   return transformedConfig;
 }
 
+exports.browserslistToSwc = browserslistToSwc;
+exports.createSwcTargetsFromBrowserslistEntries = createSwcTargetsFromBrowserslistEntries;
 exports.defineBuildConfig = defineBuildConfig;
 exports.defineDevConfig = defineDevConfig;
 exports.defineJestConfig = defineJestConfig;

package/dist/index.mjs

@@ -1,4 +1,5 @@
-export { defineBuildConfig } from './chunk-UFEY2RGG.mjs';
-export { defineDevConfig } from './chunk-LPGVRYUE.mjs';
-export { defineJestConfig } from './chunk-6PUKUTDM.mjs';
+export { browserslistToSwc, createSwcTargetsFromBrowserslistEntries } from './chunk-MGMFB3UY.mjs';
+export { defineBuildConfig } from './chunk-4XVTQNRR.mjs';
+export { defineDevConfig } from './chunk-VPNQWY2U.mjs';
+export { defineJestConfig } from './chunk-MYINGMHM.mjs';
 import './chunk-3UBBOKDF.mjs';

package/dist/jest.d.mts

@@ -0,0 +1,11 @@
+import { Config } from '@swc/core';
+import { SwcConfigTransformer } from './applyTransformers.mjs';
+
+interface DefineJestConfigOptions {
+    react?: boolean;
+    parser?: "ecmascript" | "typescript";
+    transformers?: SwcConfigTransformer[];
+}
+declare function defineJestConfig(options?: DefineJestConfigOptions): Config;
+
+export { DefineJestConfigOptions, defineJestConfig };

package/dist/jest.js

@@ -22,7 +22,7 @@ function defineJestConfig(options = {}) {
         tsx: react
       },
       // The output environment that the code will be compiled for.
-      target: "es2022",
+      target: "esnext",
       transform: react ? {
         react: {
           // Use "react/jsx-runtime".

package/dist/jest.mjs

@@ -1,2 +1,2 @@
-export { defineJestConfig } from './chunk-6PUKUTDM.mjs';
+export { defineJestConfig } from './chunk-MYINGMHM.mjs';
 import './chunk-3UBBOKDF.mjs';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@workleap/swc-configs",
   "description": "Workleap recommended SWC configs.",
-  "version": "1.0.1",
+  "version": "2.1.0",
   "license": "Apache-2.0",
   "keywords": [
     "workleap",
@@ -10,12 +10,17 @@
   ],
   "exports": {
     ".": {
-      "require": "./dist/index.js",
-      "import": "./dist/index.mjs",
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.mjs"
+      "require": {
+        "default": "./dist/index.js",
+        "types": "./dist/index.d.ts"
+      },
+      "import": {
+        "default": "./dist/index.mjs",
+        "types": "./dist/index.d.mts"
+      }
     }
   },
+  "types": "./dist/index.d.ts",
   "files": [
     "dist",
     "CHANGELOG.md",
@@ -27,26 +32,31 @@
     "directory": "packages/swc-configs"
   },
   "devDependencies": {
-    "@swc/core": "1.3.63",
+    "@swc/core": "1.3.80",
     "@swc/helpers": "0.5.1",
-    "@swc/jest": "0.2.26",
-    "@types/jest": "29.5.2",
-    "jest": "29.5.0",
+    "@swc/jest": "0.2.29",
+    "@types/jest": "29.5.4",
+    "browserslist": "4.21.10",
+    "jest": "29.6.4",
     "ts-node": "10.9.1",
-    "tsup": "6.7.0",
-    "typescript": "5.0.4",
-    "@workleap/eslint-plugin": "1.8.3",
-    "@workleap/tsup-configs": "2.0.1",
-    "@workleap/typescript-configs": "2.3.3"
+    "tsup": "7.2.0",
+    "typescript": "5.2.2",
+    "@workleap/eslint-plugin": "2.1.0",
+    "@workleap/tsup-configs": "3.0.0",
+    "@workleap/typescript-configs": "3.0.1"
   },
   "peerDependencies": {
     "@swc/core": "*",
     "@swc/helpers": "*",
-    "@swc/jest": "*"
+    "@swc/jest": "*",
+    "browserslist": "*"
   },
   "peerDependenciesMeta": {
     "@swc/jest": {
       "optional": true
+    },
+    "browserslist": {
+      "optional": true
     }
   },
   "publishConfig": {