Remove filescoping from babel-plugin, Add transform integration APIs

.changeset/early-experts-bathe.md

@@ -0,0 +1,7 @@
+---
+'@vanilla-extract/esbuild-plugin': minor
+'@vanilla-extract/vite-plugin': minor
+'@vanilla-extract/rollup-plugin': minor
+---
+
+Add automatic debug Ids

.changeset/fuzzy-bags-hide.md

@@ -0,0 +1,7 @@
+---
+'@vanilla-extract/integration': minor
+---
+
+Add `transform` and `transformSync` functions
+
+The transform APIs can be used to append filescopes and automatic debug Ids to `.css.ts` files.

.changeset/nice-tools-wink.md

@@ -0,0 +1,7 @@
+---
+'@vanilla-extract/webpack-plugin': minor
+---
+
+Add automatic debug Ids
+
+Previously, to get automatic debug Ids you needed to use babel with the `@vanilla-extract/babel-plugin` in your webpack config. This is no longer the case so babel is no longer required. 

.changeset/strong-apricots-marry.md

@@ -0,0 +1,5 @@
+---
+'@vanilla-extract/integration': major
+---
+
+`vanillaExtractFilescopePlugin` has been renamed to `vanillaExtractTransformPlugin`

.changeset/tasty-pans-fry.md

@@ -0,0 +1,5 @@
+---
+'@vanilla-extract/integration': major
+---
+
+`compile` now expects a valid `identOption` parameter

.changeset/tender-yaks-poke.md

@@ -0,0 +1,13 @@
+---
+'@vanilla-extract/babel-plugin': major
+---
+
+Remove filescope appending
+
+Previously, this plugin appended vanilla-extract filescopes to `.css.ts` files, as well as adding debug IDs to style calls. Filescopes are essential to make vanilla-extract work. Filescope appending has been moved exclusively to the `@vanilla-extract/integration` package.
+
+Migration Guide
+
+In most cases, you should remove this plugin entirely from your setup and everything will continue working as expected. 
+
+If you were using this plugin to make vanilla-extract work in [Jest](https://jestjs.io/) then you should migrate to [`@vanilla-extract/jest`](https://vanilla-extract.style/documentation/test-environments/).

babel-jest.config.js

@@ -1,5 +1,4 @@
 module.exports = {
   extends: './babel.config',
   presets: [['@babel/preset-env', { targets: { node: 'current' } }]],
-  plugins: [require.resolve('@vanilla-extract/babel-plugin')],
 };

jest.config.js

@@ -1,6 +1,7 @@
 module.exports = {
   setupFilesAfterEnv: ['./jest.setup.ts'],
   transform: {
+    '\\.css\\.ts$': '@vanilla-extract/jest',
     '\\.tsx?$': ['babel-jest', { configFile: './babel-jest.config.js' }],
   },
   testMatch: ['**/?(*.)+(test).[jt]s?(x)'],

package.json

@@ -43,7 +43,7 @@
     "@testing-library/jest-dom": "^5.11.9",
     "@types/jest": "^27.0.3",
     "@types/testing-library__jest-dom": "^5.14.5",
-    "@vanilla-extract/babel-plugin": "*",
+    "@vanilla-extract/jest": "*",
     "babel-jest": "^27.3.1",
     "fast-glob": "^3.2.7",
     "jest": "^27.3.1",

packages/babel-plugin/package.json

@@ -20,12 +20,9 @@
   "author": "SEEK",
   "license": "MIT",
   "dependencies": {
-    "@babel/core": "^7.13.10",
-    "@babel/template": "^7.12.13",
-    "@vanilla-extract/integration": "^5.0.0"
+    "@babel/core": "^7.13.10"
   },
   "devDependencies": {
-    "@types/babel__core": "^7.1.19",
-    "@types/babel__template": "^7.4.1"
+    "@types/babel__core": "^7.1.19"
   }
 }