Centralise esbuild options type (#720)

Co-authored-by: Michael Taranto <[email protected]>

Author: mattcompiles

README.md

@@ -88,6 +88,7 @@ Want to work at a higher level while maximising style re-use? Check out  🍨 [S
   - [Test environments](#test-environments)
   - [Configuration](#configuration)
     - [identifiers](#identifiers)
+    - [esbuildOptions](#esbuildoptions)
 - [Styling API](#styling-api)
   - [style](#style)
   - [styleVariants](#stylevariants)
@@ -396,9 +397,8 @@ Each integration will set a default value based on the configuration options pas
 ### esbuildOptions
 > Only for `esbuild`, `vite` and `rollup` plugins
 
-The `vite`, `esbuild` and `rollup` plugins use esbuild internally to compile `.css.ts` files before running them to extract styles. You can pass additional options here to customize that process.
-
-Accepts a subset of esbuild build options (`plugins`, `external`, `define` and `loader`), see https://esbuild.github.io/api/#build-api. The options are deep merged with the default options provided by Vanilla Extract.
+esbuild is used internally to compile `.css.ts` files before evaluating them to extract styles. You can pass additional options here to customize that process.
+Accepts a subset of esbuild build options (`plugins`, `external`, `define` and `loader`), see https://esbuild.github.io/api/#build-api.
 
 ---
 

packages/esbuild-plugin/src/index.ts

@@ -8,8 +8,9 @@ import {
   compile,
   vanillaExtractFilescopePlugin,
   IdentifierOption,
+  CompileOptions,
 } from '@vanilla-extract/integration';
-import type { Plugin, BuildOptions as EsbuildOptions } from 'esbuild';
+import type { Plugin } from 'esbuild';
 
 const vanillaCssNamespace = 'vanilla-extract-css-ns';
 
@@ -22,10 +23,7 @@ interface VanillaExtractPluginOptions {
   runtime?: boolean;
   processCss?: (css: string) => Promise<string>;
   identifiers?: IdentifierOption;
-  esbuildOptions?: Pick<
-    EsbuildOptions,
-    'plugins' | 'external' | 'define' | 'loader'
-  >;
+  esbuildOptions?: CompileOptions['esbuildOptions'];
 }
 export function vanillaExtractPlugin({
   outputCss,

packages/integration/src/compile.ts

@@ -35,7 +35,7 @@ export const vanillaExtractFilescopePlugin = (): Plugin => ({
   },
 });
 
-interface CompileOptions {
+export interface CompileOptions {
   filePath: string;
   cwd?: string;
   esbuildOptions?: Pick<

packages/integration/src/index.ts

@@ -14,3 +14,4 @@ export * from './filters';
 
 export type { IdentifierOption } from './processVanillaFile';
 export type { PackageInfo } from './packageInfo';
+export type { CompileOptions } from './compile';

packages/rollup-plugin/src/index.ts

@@ -6,19 +6,16 @@ import {
   IdentifierOption,
   getSourceFromVirtualCssFile,
   virtualCssFileFilter,
+  CompileOptions,
 } from '@vanilla-extract/integration';
-import { BuildOptions as EsbuildOptions } from 'esbuild';
 import { posix } from 'path';
 
 const { relative, normalize, dirname } = posix;
 
 interface Options {
   identifiers?: IdentifierOption;
   cwd?: string;
-  esbuildOptions?: Pick<
-    EsbuildOptions,
-    'plugins' | 'external' | 'define' | 'loader'
-  >;
+  esbuildOptions?: CompileOptions['esbuildOptions'];
 }
 export function vanillaExtractPlugin({
   identifiers,

packages/vite-plugin/package.json

@@ -21,7 +21,6 @@
     "postcss-load-config": "^3.1.0"
   },
   "devDependencies": {
-    "esbuild": "^0.11.16",
     "vite": "^2.7.0"
   },
   "peerDependencies": {

packages/vite-plugin/src/index.ts

@@ -10,19 +10,16 @@ import {
   IdentifierOption,
   addFileScope,
   getPackageInfo,
+  CompileOptions,
 } from '@vanilla-extract/integration';
 import { PostCSSConfigResult, resolvePostcssConfig } from './postcss';
-import { BuildOptions as EsbuildOptions } from 'esbuild';
 
 const styleUpdateEvent = (fileId: string) =>
   `vanilla-extract-style-update:${fileId}`;
 
 interface Options {
   identifiers?: IdentifierOption;
-  esbuildOptions?: Pick<
-    EsbuildOptions,
-    'plugins' | 'external' | 'define' | 'loader'
-  >;
+  esbuildOptions?: CompileOptions['esbuildOptions'];
 }
 export function vanillaExtractPlugin({
   identifiers,