fix: add babel plugins for vite import.meta compat (#279)

Co-authored-by: Rico Kahler <[email protected]>
ricokahler · Jan 21, 2023 · 2df465e · 2df465e · vercel · Jan 21, 2023
1 parent 09ab3b7
commit 2df465e
Show file tree

Hide file tree

Showing 4 changed files with 50 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/cli/src/commands/codegen.test.ts b/packages/cli/src/commands/codegen.test.ts
@@ -51,7 +51,7 @@ describe('codegen command', () => {
         "Converting queries to typescript…",
         "Converted 2 queries to TypeScript",
         "Writing query types output…",
-        "Wrote query types output to <PATH>",
+        "Wrote types to <PATH>",
       ]
     `);
 

diff --git a/packages/extractor/package.json b/packages/extractor/package.json
@@ -48,6 +48,8 @@
     "@sanity-codegen/types": "^1.0.0-alpha.34",
     "babel-merge": "^3.0.0",
     "babel-plugin-css-modules-transform": "^1.6.2",
+    "babel-plugin-transform-import-meta": "^2.2.0",
+    "babel-plugin-transform-vite-meta-env": "^1.0.3",
     "jsdom": "^21.0.0",
     "jsdom-global": "^3.0.2",
     "prettier": "^2.8.3"

diff --git a/packages/extractor/src/default-babel-options.ts b/packages/extractor/src/default-babel-options.ts
@@ -24,6 +24,10 @@ export const defaultBabelOptions = {
   plugins: [
     // used to resolve css module imports that are allowed in sanity projects
     'css-modules-transform',
+    // used to convert import.meta.env.VAR
+    'babel-plugin-transform-vite-meta-env',
+    // used to convert `import.meta.url`
+    'babel-plugin-transform-import-meta',
     '@babel/plugin-proposal-class-properties',
     '@babel/plugin-proposal-numeric-separator',
     '@babel/plugin-proposal-optional-chaining',