integration: Split out compiler into @vanilla-extract/compiler package (#1536)

askoufis · web-flow · commit a8248befac51 · 2025-01-30T10:31:38.000+11:00
diff --git a/.changeset/many-flowers-switch.md b/.changeset/many-flowers-switch.md
@@ -0,0 +1,5 @@
+---
+'@vanilla-extract/vite-plugin': patch
+---
+
+Consume compiler API from new `@vanilla-extract/compiler` package instead of `@vanilla-extract/integration`
diff --git a/.changeset/new-cameras-stare.md b/.changeset/new-cameras-stare.md
@@ -0,0 +1,5 @@
+---
+'@vanilla-extract/compiler': minor
+---
+
+Initial release
diff --git a/.changeset/seven-drinks-drum.md b/.changeset/seven-drinks-drum.md
@@ -0,0 +1,5 @@
+---
+'@vanilla-extract/integration': minor
+---
+
+Export `serializeVanillaModule` function
diff --git a/.changeset/tiny-needles-dance.md b/.changeset/tiny-needles-dance.md
@@ -0,0 +1,7 @@
+---
+'@vanilla-extract/integration': major
+---
+
+Remove `createCompiler` function and `Compiler` and `CreateCompilerOptions` types
+
+BREAKING CHANGE: These APIs have been moved to the new `@vanilla-extract/compiler` package
diff --git a/.gitignore b/.gitignore
@@ -4,6 +4,7 @@ tsconfig.tsbuildinfo
 packages/**/README.md
 !packages/sprinkles/README.md
 !packages/integration/README.md
+!packages/compiler/README.md
 test-results
 .parcel-cache
 
diff --git a/packages/compiler/README.md b/packages/compiler/README.md
@@ -0,0 +1,3 @@
+# @vanilla-extract/compiler
+
+This package is not intended for public consumption.
diff --git a/packages/compiler/package.json b/packages/compiler/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "@vanilla-extract/compiler",
+  "version": "0.0.0",
+  "description": "Zero-runtime Stylesheets-in-TypeScript",
+  "main": "dist/vanilla-extract-compiler.cjs.js",
+  "module": "dist/vanilla-extract-compiler.esm.js",
+  "types": "dist/vanilla-extract-compiler.cjs.d.ts",
+  "files": [
+    "/dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vanilla-extract-css/vanilla-extract.git",
+    "directory": "packages/compiler"
+  },
+  "author": "SEEK",
+  "license": "MIT",
+  "dependencies": {
+    "@vanilla-extract/css": "workspace:^",
+    "@vanilla-extract/integration": "workspace:^",
+    "vite": "^5.0.11",
+    "vite-node": "^1.2.0"
+  }
+}
diff --git a/packages/compiler/src/compiler.ts b/packages/compiler/src/compiler.ts
@@ -4,13 +4,15 @@ import type { Adapter } from '@vanilla-extract/css';
 import { transformCss } from '@vanilla-extract/css/transformCss';
 import type { ModuleNode, UserConfig as ViteUserConfig } from 'vite';
 
-import type { IdentifierOption } from './types';
-import { cssFileFilter } from './filters';
-import { getPackageInfo } from './packageInfo';
-import { transform } from './transform';
-import { normalizePath } from './addFileScope';
+import {
+  cssFileFilter,
+  transform,
+  normalizePath,
+  getPackageInfo,
+  serializeVanillaModule,
+  type IdentifierOption,
+} from '@vanilla-extract/integration';
 import { lock } from './lock';
-import { serializeVanillaModule } from './processVanillaFile';
 
 type Css = Parameters<Adapter['appendCss']>[0];
 type Composition = Parameters<Adapter['registerComposition']>[0];
diff --git a/packages/compiler/src/index.ts b/packages/compiler/src/index.ts
@@ -0,0 +1,5 @@
+export {
+  createCompiler,
+  type Compiler,
+  type CreateCompilerOptions,
+} from './compiler';
diff --git a/packages/compiler/src/lock.ts b/packages/compiler/src/lock.ts
diff --git a/packages/esbuild-plugin-next/package.json b/packages/esbuild-plugin-next/package.json
@@ -17,6 +17,7 @@
   "author": "SEEK",
   "license": "MIT",
   "dependencies": {
+    "@vanilla-extract/compiler": "workspace:^",
     "@vanilla-extract/integration": "workspace:^"
   },
   "peerDependencies": {
diff --git a/packages/esbuild-plugin-next/src/index.ts b/packages/esbuild-plugin-next/src/index.ts
@@ -1,11 +1,13 @@
 import { dirname } from 'path';
 
 import {
-  cssFileFilter,
+  type CreateCompilerOptions,
   createCompiler,
+} from '@vanilla-extract/compiler';
+import {
+  cssFileFilter,
   vanillaExtractTransformPlugin,
   IdentifierOption,
-  CreateCompilerOptions,
 } from '@vanilla-extract/integration';
 import type { Plugin } from 'esbuild';
 
diff --git a/packages/integration/package.json b/packages/integration/package.json
@@ -24,9 +24,7 @@
     "eval": "0.1.8",
     "find-up": "^5.0.0",
     "javascript-stringify": "^2.0.1",
-    "mlly": "^1.4.2",
-    "vite": "^5.0.11",
-    "vite-node": "^1.2.0"
+    "mlly": "^1.4.2"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.5"
diff --git a/packages/integration/src/index.ts b/packages/integration/src/index.ts
@@ -2,19 +2,18 @@ export {
   processVanillaFile,
   parseFileScope,
   stringifyFileScope,
+  serializeVanillaModule,
 } from './processVanillaFile';
 export { getSourceFromVirtualCssFile } from './virtualFile';
-export { getPackageInfo } from './packageInfo';
-export { compile, vanillaExtractTransformPlugin } from './compile';
-export { createCompiler } from './compiler';
+export { getPackageInfo, type PackageInfo } from './packageInfo';
+export {
+  compile,
+  vanillaExtractTransformPlugin,
+  type CompileOptions,
+} from './compile';
 export { hash } from './hash';
 export { addFileScope, normalizePath } from './addFileScope';
 export { serializeCss, deserializeCss } from './serialize';
 export { transformSync, transform } from './transform';
-
-export * from './filters';
-
+export { cssFileFilter, virtualCssFileFilter } from './filters';
 export type { IdentifierOption } from './types';
-export type { PackageInfo } from './packageInfo';
-export type { CompileOptions } from './compile';
-export type { Compiler, CreateCompilerOptions } from './compiler';
diff --git a/packages/vite-plugin/package.json b/packages/vite-plugin/package.json
@@ -16,6 +16,7 @@
   "author": "SEEK",
   "license": "MIT",
   "dependencies": {
+    "@vanilla-extract/compiler": "workspace:^",
     "@vanilla-extract/integration": "workspace:^"
   },
   "devDependencies": {
diff --git a/packages/vite-plugin/src/index.ts b/packages/vite-plugin/src/index.ts
@@ -9,13 +9,12 @@ import type {
   TransformResult,
   UserConfig,
 } from 'vite';
+import { type Compiler, createCompiler } from '@vanilla-extract/compiler';
 import {
   cssFileFilter,
-  IdentifierOption,
+  type IdentifierOption,
   getPackageInfo,
   transform,
-  type Compiler,
-  createCompiler,
   normalizePath,
 } from '@vanilla-extract/integration';
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/tests/compiler/compiler.test.ts b/tests/compiler/compiler.test.ts
@@ -1,5 +1,6 @@
 import path from 'path';
-import { createCompiler, normalizePath } from '@vanilla-extract/integration';
+import { createCompiler } from '@vanilla-extract/compiler';
+import { normalizePath } from '@vanilla-extract/integration';
 import tsconfigPaths from 'vite-tsconfig-paths';
 
 expect.addSnapshotSerializer({
diff --git a/tests/compiler/compiler.vitest.test.ts b/tests/compiler/compiler.vitest.test.ts
@@ -1,6 +1,7 @@
 import path from 'path';
 import { describe, beforeAll, afterAll, test, expect } from 'vitest';
-import { createCompiler, normalizePath } from '@vanilla-extract/integration';
+import { createCompiler } from '@vanilla-extract/compiler';
+import { normalizePath } from '@vanilla-extract/integration';
 
 // Vitest has trouble with snapshots that don't contain wrapping quotes. See this regex and the functions above/below it:
 // https://github.com/vitest-dev/vitest/blob/ae73f2737607a878ba589d548aa6f8ba639dc07c/packages/snapshot/src/port/inlineSnapshot.ts#L96
diff --git a/tests/package.json b/tests/package.json
@@ -9,6 +9,7 @@
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.4.2",
     "@vanilla-extract-private/test-helpers": "workspace:*",
+    "@vanilla-extract/compiler": "workspace:*",
     "@vanilla-extract/css": "workspace:*",
     "@vanilla-extract/dynamic": "workspace:*",
     "@vanilla-extract/integration": "workspace:*",

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +'@vanilla-extract/vite-plugin': patch
 +---
++
 +Consume compiler API from new `@vanilla-extract/compiler` package instead of `@vanilla-extract/integration`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+# @vanilla-extract/compiler`
	`2`	`+`
	`3`	`+This package is not intended for public consumption.`