@griffel/postcss-syntax 1.1.0 → 1.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@griffel/postcss-syntax",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "postcss syntax for Griffel",
   "license": "MIT",
   "repository": {
@@ -9,7 +9,7 @@
   },
   "dependencies": {
     "@babel/core": "^7.23.2",
-    "@griffel/babel-preset": "^1.5.8",
+    "@griffel/babel-preset": "^1.6.0",
     "@babel/helper-plugin-utils": "^7.22.5",
     "postcss": "^8.4.29"
   },

package/src/parse.d.ts

@@ -1,7 +1,7 @@
 import * as postcss from 'postcss';
 import type { BabelPluginOptions } from '@griffel/babel-preset';
 export type PostCSSParserOptions = Pick<postcss.ProcessOptions<postcss.Document | postcss.Root>, 'from' | 'map'>;
-export interface ParserOptions extends PostCSSParserOptions, BabelPluginOptions {
+export interface ParserOptions extends Pick<PostCSSParserOptions, 'from'>, BabelPluginOptions {
 }
 /**
  * Generates CSS rules from a JavaScript file. Each slot in `makeStyles` and each `makeResetStyles` will be one line in the output.

package/src/parse.js

@@ -10,7 +10,7 @@ const constants_1 = require("./constants");
  */
 const parse = (css, opts) => {
     const { from: filename = 'postcss-syntax.styles.ts' } = opts !== null && opts !== void 0 ? opts : {};
-    const griffelPluginOptions = extractGrifellBabelPluginOptions(opts);
+    const griffelPluginOptions = extractGriffelBabelPluginOptions(opts);
     const code = css.toString();
     const { metadata } = (0, transform_sync_1.default)(code, {
         filename,
@@ -51,7 +51,7 @@ const parse = (css, opts) => {
     return root;
 };
 exports.parse = parse;
-const extractGrifellBabelPluginOptions = (opts = {}) => {
+const extractGriffelBabelPluginOptions = (opts = {}) => {
     const { babelOptions, evaluationRules, generateMetadata, modules } = opts;
     const babelPluginOptions = {};
     if (babelOptions) {

package/src/transform-sync.js

@@ -7,27 +7,14 @@ const location_preset_1 = require("./location-preset");
  * Transforms passed source code with Babel, uses user's config for parsing, but ignores it for transforms.
  */
 function transformSync(sourceCode, options) {
-    // Parse the code first so Babel will use user's babel config for parsing
-    // During transforms we don't want to use user's config
-    const babelAST = Babel.parseSync(sourceCode, {
-        caller: { name: 'griffel' },
-        filename: options.filename,
-        sourceMaps: true,
-        // TODO - we might need to add some babel config in the eslint rule options
-        // if the user doesn't want to use their normal babel config for this
-        // but let's only add it if it becomes necessary
-    });
-    if (babelAST === null) {
-        throw new Error(`Failed to create AST for "${options.filename}" due unknown Babel error...`);
-    }
-    const babelFileResult = Babel.transformFromAstSync(babelAST, sourceCode, {
+    var _a;
+    const { plugins, presets } = (_a = options.pluginOptions.babelOptions) !== null && _a !== void 0 ? _a : { plugins: [], presets: [] };
+    const babelFileResult = Babel.transformSync(sourceCode, {
         // Ignore all user's configs and apply only our plugin
         babelrc: false,
         configFile: false,
-        presets: [
-            [babel_preset_1.default, options.pluginOptions],
-            [location_preset_1.default, options.pluginOptions],
-        ],
+        plugins,
+        presets: [...(presets !== null && presets !== void 0 ? presets : []), [babel_preset_1.default, options.pluginOptions], [location_preset_1.default, options.pluginOptions]],
         filename: options.filename,
         sourceFileName: options.filename,
     });

package/src/transform-sync.js.map

@@ -1 +1 @@
-{"version":3,"file":"transform-sync.js","sourceRoot":"","sources":["../../../../packages/postcss-syntax/src/transform-sync.ts"],"names":[],"mappings":";;AAAA,qCAAqC;AAErC,wDAAkD;AAElD,uDAA+C;AAO/C;;GAEG;AACH,SAAwB,aAAa,CAAC,UAAkB,EAAE,OAAyB;IACjF,yEAAyE;IACzE,uDAAuD;IACvD,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAC,UAAU,EAAE;QAC3C,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QAC3B,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,UAAU,EAAE,IAAI;QAChB,2EAA2E;QAC3E,qEAAqE;QACrE,gDAAgD;KACjD,CAAC,CAAC;IAEH,IAAI,QAAQ,KAAK,IAAI,EAAE;QACrB,MAAM,IAAI,KAAK,CAAC,6BAA6B,OAAO,CAAC,QAAQ,8BAA8B,CAAC,CAAC;KAC9F;IAED,MAAM,eAAe,GAAG,KAAK,CAAC,oBAAoB,CAAC,QAAQ,EAAE,UAAU,EAAE;QACvE,sDAAsD;QACtD,OAAO,EAAE,KAAK;QACd,UAAU,EAAE,KAAK;QACjB,OAAO,EAAE;YACP,CAAC,sBAAa,EAAE,OAAO,CAAC,aAAa,CAAC;YACtC,CAAC,yBAAc,EAAE,OAAO,CAAC,aAAa,CAAC;SACxC;QAED,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,cAAc,EAAE,OAAO,CAAC,QAAQ;KACjC,CAAC,CAAC;IAEH,IAAI,eAAe,KAAK,IAAI,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,wBAAwB,OAAO,CAAC,QAAQ,8BAA8B,CAAC,CAAC;KACzF;IAED,OAAO;QACL,QAAQ,EAAE,eAAe,CAAC,QAAmE;QAC7F,IAAI,EAAE,eAAe,CAAC,IAAI;KAC3B,CAAC;AACJ,CAAC;AArCD,gCAqCC"}
+{"version":3,"file":"transform-sync.js","sourceRoot":"","sources":["../../../../packages/postcss-syntax/src/transform-sync.ts"],"names":[],"mappings":";;AAAA,qCAAqC;AAErC,wDAAkD;AAElD,uDAA+C;AAO/C;;GAEG;AACH,SAAwB,aAAa,CAAC,UAAkB,EAAE,OAAyB;;IACjF,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,MAAA,OAAO,CAAC,aAAa,CAAC,YAAY,mCAAI,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;IAChG,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE;QACtD,sDAAsD;QACtD,OAAO,EAAE,KAAK;QACd,UAAU,EAAE,KAAK;QACjB,OAAO;QACP,OAAO,EAAE,CAAC,GAAG,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,CAAC,EAAE,CAAC,sBAAa,EAAE,OAAO,CAAC,aAAa,CAAC,EAAE,CAAC,yBAAc,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;QAE9G,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,cAAc,EAAE,OAAO,CAAC,QAAQ;KACjC,CAAC,CAAC;IAEH,IAAI,eAAe,KAAK,IAAI,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,wBAAwB,OAAO,CAAC,QAAQ,8BAA8B,CAAC,CAAC;KACzF;IAED,OAAO;QACL,QAAQ,EAAE,eAAe,CAAC,QAAmE;QAC7F,IAAI,EAAE,eAAe,CAAC,IAAI;KAC3B,CAAC;AACJ,CAAC;AArBD,gCAqBC"}