@griffel/postcss-syntax 1.0.0

package/LICENSE.md

@@ -0,0 +1,21 @@
+    MIT License
+
+    Copyright (c) Microsoft Corporation.
+
+    Permission is hereby granted, free of charge, to any person obtaining a copy
+    of this software and associated documentation files (the "Software"), to deal
+    in the Software without restriction, including without limitation the rights
+    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+    copies of the Software, and to permit persons to whom the Software is
+    furnished to do so, subject to the following conditions:
+
+    The above copyright notice and this permission notice shall be included in all
+    copies or substantial portions of the Software.
+
+    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+    SOFTWARE

package/README.md

@@ -0,0 +1,33 @@
+# Postcss syntax for Griffel
+
+A postcss [custom syntax](https://postcss.org/docs/how-to-write-custom-syntax) for Javascript files that contain
+Griffel CSS in JS code.
+
+## Parser
+
+The parser will parse a Javascript file and return the CSS output of any Griffel `makeStyle` or `makeResetStyle`
+calls. The parsed postcss AST will include source locations back to the original Javascript code.
+
+## Stringifier
+
+The stringifier only works on a postcss AST that was parsed by this custom syntax since Griffel ahead of time
+compilation lacks the capability to map generated CSS back to the original javascript properties very accurately.
+
+## Configuring @griffel/babel-preset
+
+The preprocessor uses transforms in the `@griffel/babel-preset` package. In order to configure the babel transform
+that is used internally, we've created the a factory to return the custom syntax that uses the desired configuration.
+
+```ts
+import { createSyntax } from '@griffel/postcss-syntax';
+const syntax = createSyntax({
+  modules: [
+    { moduleSource: '@myScope/griffel', importName: 'createStyles' },
+  ]
+})
+```
+
+For more information about how to configure the babel Griffel preset 
+[you can check out the docs](https://github.com/microsoft/griffel/blob/main/packages/babel-preset/README.md#usage)
+
+

package/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@griffel/postcss-syntax",
+  "version": "1.0.0",
+  "description": "postcss syntax for Griffel",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/griffel"
+  },
+  "dependencies": {
+    "@babel/core": "^7.12.13",
+    "@griffel/babel-preset": "^1.5.1",
+    "@babel/helper-plugin-utils": "^7.12.13",
+    "postcss": "^8.4.29"
+  },
+  "main": "index.js",
+  "types": "./src/index.d.ts"
+}

package/src/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const GRIFFEL_SLOT_RAW = "griffel-slot";
+export declare const GRIFFEL_SRC_RAW = "griffel-src";
+export declare const GRIFFEL_DECLARATOR_RAW = "griffel-declarator";

package/src/constants.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GRIFFEL_DECLARATOR_RAW = exports.GRIFFEL_SRC_RAW = exports.GRIFFEL_SLOT_RAW = void 0;
+exports.GRIFFEL_SLOT_RAW = 'griffel-slot';
+exports.GRIFFEL_SRC_RAW = 'griffel-src';
+exports.GRIFFEL_DECLARATOR_RAW = 'griffel-declarator';
+//# sourceMappingURL=constants.js.map

package/src/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../packages/postcss-syntax/src/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,gBAAgB,GAAG,cAAc,CAAC;AAClC,QAAA,eAAe,GAAG,aAAa,CAAC;AAChC,QAAA,sBAAsB,GAAG,oBAAoB,CAAC"}

package/src/createSyntax.d.ts

@@ -0,0 +1,8 @@
+import * as postcss from 'postcss';
+import { BabelPluginOptions } from '@griffel/babel-preset';
+/**
+ * Creates a custom syntax with configured options for @griffel/babel-preset
+ * @param options - Options to configure @griffel/babel-preset
+ * @returns a postcss custom syntax
+ */
+export declare function createSyntax(options: BabelPluginOptions): postcss.Syntax;

package/src/createSyntax.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createSyntax = void 0;
+const parse_1 = require("./parse");
+const stringify_1 = require("./stringify");
+/**
+ * Creates a custom syntax with configured options for @griffel/babel-preset
+ * @param options - Options to configure @griffel/babel-preset
+ * @returns a postcss custom syntax
+ */
+function createSyntax(options) {
+    const extendedParse = (css, opts) => (0, parse_1.parse)(css, { ...opts, ...options });
+    return {
+        stringify: stringify_1.stringify,
+        parse: extendedParse,
+    };
+}
+exports.createSyntax = createSyntax;
+//# sourceMappingURL=createSyntax.js.map

package/src/createSyntax.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSyntax.js","sourceRoot":"","sources":["../../../../packages/postcss-syntax/src/createSyntax.ts"],"names":[],"mappings":";;;AACA,mCAAgC;AAChC,2CAAwC;AAGxC;;;;GAIG;AACH,SAAgB,YAAY,CAAC,OAA2B;IACtD,MAAM,aAAa,GAAmB,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,IAAA,aAAK,EAAC,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC;IAEzF,OAAO;QACL,SAAS,EAAT,qBAAS;QACT,KAAK,EAAE,aAAa;KACrB,CAAC;AACJ,CAAC;AAPD,oCAOC"}

package/src/index.d.ts

@@ -0,0 +1,11 @@
+import { parse } from './parse';
+import { stringify } from './stringify';
+export { parse, stringify };
+export { createSyntax } from './createSyntax';
+declare const _default: {
+    parse: (css: string | {
+        toString(): string;
+    }, opts?: import("./parse").ParserOptions | undefined) => import("postcss/lib/document").default;
+    stringify: import("postcss").Stringifier;
+};
+export default _default;

package/src/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createSyntax = exports.stringify = exports.parse = void 0;
+const parse_1 = require("./parse");
+Object.defineProperty(exports, "parse", { enumerable: true, get: function () { return parse_1.parse; } });
+const stringify_1 = require("./stringify");
+Object.defineProperty(exports, "stringify", { enumerable: true, get: function () { return stringify_1.stringify; } });
+var createSyntax_1 = require("./createSyntax");
+Object.defineProperty(exports, "createSyntax", { enumerable: true, get: function () { return createSyntax_1.createSyntax; } });
+exports.default = {
+    parse: parse_1.parse,
+    stringify: stringify_1.stringify,
+};
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/postcss-syntax/src/index.ts"],"names":[],"mappings":";;;AAAA,mCAAgC;AAGvB,sFAHA,aAAK,OAGA;AAFd,2CAAwC;AAExB,0FAFP,qBAAS,OAEO;AACzB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,kBAAe;IACb,KAAK,EAAL,aAAK;IACL,SAAS,EAAT,qBAAS;CACV,CAAC"}

package/src/location-preset.d.ts

@@ -0,0 +1,16 @@
+import { PluginObj, PluginPass, types as t, ConfigAPI } from '@babel/core';
+import { BabelPluginOptions } from '@griffel/babel-preset';
+export interface LocationPluginState extends PluginPass {
+    locations?: Record<string, Record<string, t.SourceLocation>>;
+    resetLocations?: Record<string, t.SourceLocation>;
+}
+export interface LocationPluginMetadata {
+    locations: Record<string, Record<string, t.SourceLocation>>;
+    resetLocations: Record<string, t.SourceLocation>;
+}
+export interface LocationPluginOptions extends Pick<BabelPluginOptions, 'modules'> {
+}
+declare const _default: (babel: ConfigAPI, options: LocationPluginOptions) => {
+    plugins: (LocationPluginOptions | ((api: object, options: LocationPluginOptions | null | undefined, dirname: string) => PluginObj<LocationPluginState>))[][];
+};
+export default _default;

package/src/location-preset.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const helper_plugin_utils_1 = require("@babel/helper-plugin-utils");
+/**
+ * A plugin that parses Griffel code and returns code locations mapped to respective styles and slots
+ */
+const plugin = (0, helper_plugin_utils_1.declare)((api, options) => {
+    api.assertVersion(7);
+    const { modules = [
+        { moduleSource: '@griffel/react', importName: 'makeStyles', resetImportName: 'makeResetStyles' },
+        { moduleSource: '@fluentui/react-components', importName: 'makeStyles', resetImportName: 'makeResetStyles' },
+    ], } = options;
+    const functionKinds = modules.map(moduleEntry => {
+        var _a;
+        return (_a = moduleEntry.importName) !== null && _a !== void 0 ? _a : 'makeStyles';
+    });
+    const resetFunctionKinds = modules.map(moduleEntry => {
+        var _a;
+        return (_a = moduleEntry.resetImportName) !== null && _a !== void 0 ? _a : 'makeResetStyles';
+    });
+    return {
+        name: '@griffel/slot-location-plugin',
+        pre() {
+            this.locations = {};
+            this.resetLocations = {};
+        },
+        visitor: {
+            Program: {
+                exit() {
+                    Object.assign(this.file.metadata, {
+                        locations: this.locations,
+                        resetLocations: this.resetLocations,
+                    });
+                },
+            },
+            CallExpression(path, state) {
+                var _a;
+                const callee = path.get('callee');
+                const declarator = path.findParent(p => p.isVariableDeclarator());
+                if (!(declarator === null || declarator === void 0 ? void 0 : declarator.isVariableDeclarator())) {
+                    return;
+                }
+                const id = declarator.get('id');
+                const declaratorId = id.isIdentifier() ? id.node.name : 'unknown';
+                if (!callee.isIdentifier()) {
+                    return;
+                }
+                // Technically we should check if these function kinds are from Griffel
+                // but since we only collect locations, the plugin is idempotent and we
+                // it's safe enough to avoid doing that check
+                if (functionKinds.includes(callee.node.name)) {
+                    const locations = path.get('arguments')[0];
+                    if (!locations.isObjectExpression()) {
+                        return;
+                    }
+                    const properties = locations.get('properties');
+                    properties.forEach(property => {
+                        var _a, _b;
+                        var _c;
+                        if (!property.isObjectProperty()) {
+                            return;
+                        }
+                        const key = property.get('key');
+                        if (!key.isIdentifier()) {
+                            return;
+                        }
+                        if (!property.node.loc) {
+                            return;
+                        }
+                        (_a = state.locations) !== null && _a !== void 0 ? _a : (state.locations = {});
+                        (_b = (_c = state.locations)[declaratorId]) !== null && _b !== void 0 ? _b : (_c[declaratorId] = {});
+                        state.locations[declaratorId][key.node.name] = {
+                            ...property.node.loc,
+                        };
+                        state.locations[declaratorId][key.node.name] = {
+                            ...property.node.loc,
+                        };
+                    });
+                }
+                if (resetFunctionKinds.includes(callee.node.name)) {
+                    (_a = state.resetLocations) !== null && _a !== void 0 ? _a : (state.resetLocations = {});
+                    const resetStyles = path.get('arguments')[0];
+                    if (!resetStyles.isObjectExpression()) {
+                        return;
+                    }
+                    if (!resetStyles.node.loc) {
+                        return;
+                    }
+                    state.resetLocations[declaratorId] = resetStyles.node.loc;
+                }
+            },
+        },
+    };
+});
+exports.default = (babel, options) => {
+    return {
+        plugins: [[plugin, options]],
+    };
+};
+//# sourceMappingURL=location-preset.js.map

package/src/location-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"location-preset.js","sourceRoot":"","sources":["../../../../packages/postcss-syntax/src/location-preset.ts"],"names":[],"mappings":";;AACA,oEAAqD;AAgBrD;;GAEG;AACH,MAAM,MAAM,GAAG,IAAA,6BAAO,EAAwD,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE;IAC7F,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IAErB,MAAM,EACJ,OAAO,GAAG;QACR,EAAE,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE;QAChG,EAAE,YAAY,EAAE,4BAA4B,EAAE,UAAU,EAAE,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE;KAC7G,GACF,GAAG,OAAO,CAAC;IAEZ,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;;QAC9C,OAAO,MAAA,WAAW,CAAC,UAAU,mCAAI,YAAY,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;;QACnD,OAAO,MAAA,WAAW,CAAC,eAAe,mCAAI,iBAAiB,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,OAAO;QACL,IAAI,EAAE,+BAA+B;QAErC,GAAG;YACD,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;YACpB,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;QAC3B,CAAC;QAED,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,IAAI;oBACF,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;wBAChC,SAAS,EAAE,IAAI,CAAC,SAAS;wBACzB,cAAc,EAAE,IAAI,CAAC,cAAc;qBACV,CAAC,CAAC;gBAC/B,CAAC;aACF;YAED,cAAc,CAAC,IAAI,EAAE,KAAK;;gBACxB,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gBAClC,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,oBAAoB,EAAE,CAAC,CAAC;gBAElE,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,oBAAoB,EAAE,CAAA,EAAE;oBACvC,OAAO;iBACR;gBAED,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;gBAChC,MAAM,YAAY,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;gBAElE,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE;oBAC1B,OAAO;iBACR;gBAED,uEAAuE;gBACvE,uEAAuE;gBACvE,6CAA6C;gBAC7C,IAAI,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;oBAC5C,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC3C,IAAI,CAAC,SAAS,CAAC,kBAAkB,EAAE,EAAE;wBACnC,OAAO;qBACR;oBAED,MAAM,UAAU,GAAG,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;oBAC/C,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;;;wBAC5B,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,EAAE;4BAChC,OAAO;yBACR;wBAED,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;wBAChC,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,EAAE;4BACvB,OAAO;yBACR;wBAED,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE;4BACtB,OAAO;yBACR;wBAED,MAAA,KAAK,CAAC,SAAS,oCAAf,KAAK,CAAC,SAAS,GAAK,EAAE,EAAC;wBACvB,YAAA,KAAK,CAAC,SAAS,EAAC,YAAY,wCAAZ,YAAY,IAAM,EAAE,EAAC;wBACrC,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;4BAC7C,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG;yBACrB,CAAC;wBACF,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;4BAC7C,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG;yBACrB,CAAC;oBACJ,CAAC,CAAC,CAAC;iBACJ;gBAED,IAAI,kBAAkB,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;oBACjD,MAAA,KAAK,CAAC,cAAc,oCAApB,KAAK,CAAC,cAAc,GAAK,EAAE,EAAC;oBAC5B,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC7C,IAAI,CAAC,WAAW,CAAC,kBAAkB,EAAE,EAAE;wBACrC,OAAO;qBACR;oBAED,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE;wBACzB,OAAO;qBACR;oBAED,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC;iBAC3D;YACH,CAAC;SACF;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAe,CAAC,KAAgB,EAAE,OAA8B,EAAE,EAAE;IAClE,OAAO;QACL,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KAC7B,CAAC;AACJ,CAAC,CAAC"}

package/src/parse.d.ts

@@ -0,0 +1,8 @@
+import * as postcss from 'postcss';
+import { BabelPluginOptions } from '@griffel/babel-preset';
+export declare type PostCSSParserOptions = Pick<postcss.ProcessOptions<postcss.Document | postcss.Root>, 'from' | 'map'>;
+export interface ParserOptions extends PostCSSParserOptions, BabelPluginOptions {
+}
+export declare const parse: (css: string | {
+    toString(): string;
+}, opts?: ParserOptions) => postcss.Document;

package/src/parse.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parse = void 0;
+const postcss = require("postcss");
+const transform_sync_1 = require("./transform-sync");
+const constants_1 = require("./constants");
+const parse = (css, opts) => {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { from: filename = 'postcss-syntax.styles.ts', map, ...griffelPluginOptions } = opts !== null && opts !== void 0 ? opts : {};
+    const code = css.toString();
+    const { metadata } = (0, transform_sync_1.default)(code, {
+        filename,
+        pluginOptions: {
+            ...griffelPluginOptions,
+            generateMetadata: true,
+        },
+    });
+    const { cssEntries, cssResetEntries, resetLocations, locations } = metadata;
+    const cssRuleNodes = Object.entries(cssEntries)
+        .map(([declarator, slots]) => {
+        return Object.entries(slots).reduce((arr, [slot, rules]) => {
+            if (!locations[declarator][slot]) {
+                throw new Error(`No code location for ${declarator}:${slot} - please report a bug`);
+            }
+            const location = locations[declarator][slot];
+            const nodes = rules.map(rule => {
+                const root = postcss.parse(rule);
+                root.walk(node => {
+                    node.raws[constants_1.GRIFFEL_SLOT_RAW] = slot;
+                    node.raws[constants_1.GRIFFEL_DECLARATOR_RAW] = declarator;
+                    if (!node.source) {
+                        return;
+                    }
+                    // There's currently no way to to map generated CSS to original JS code
+                    // Mapping each node to the original slot is probably the best we can do for now
+                    node.source.end = {
+                        offset: 0,
+                        column: location.end.column,
+                        line: location.end.line,
+                    };
+                    node.source.start = {
+                        offset: 0,
+                        column: location.start.column,
+                        line: location.start.line,
+                    };
+                });
+                return root.nodes[0];
+            });
+            return [...arr, ...nodes];
+        }, []);
+    })
+        .flat();
+    const cssResetRuleNodes = Object.entries(cssResetEntries).map(([declarator, [resetRule]]) => {
+        if (!resetLocations[declarator]) {
+            throw new Error(`No code location for ${declarator} - please report a bug`);
+        }
+        const location = resetLocations[declarator];
+        const root = postcss.parse(resetRule);
+        root.walk(node => {
+            node.raws[constants_1.GRIFFEL_DECLARATOR_RAW] = declarator;
+            if (!node.source) {
+                return;
+            }
+            // There's currently no way to to map generated CSS to original JS code through Griffel AOT
+            // Mapping each node to the original slot is probably the best we can do for now
+            node.source.end = {
+                offset: 0,
+                column: location.end.column,
+                line: location.end.line,
+            };
+            node.source.start = {
+                offset: 0,
+                column: location.start.column,
+                line: location.start.line,
+            };
+        });
+        return root.nodes[0];
+    });
+    const root = new postcss.Root();
+    const allNodes = cssRuleNodes.concat(cssResetRuleNodes);
+    for (const rule of allNodes) {
+        root.append(rule);
+    }
+    const doc = new postcss.Document();
+    root.parent = doc;
+    // https://github.com/callstack/linaria/blob/911b59b0b8bb7de2accce63ece528841f2b29f4a/packages/postcss-linaria/src/parse.ts#L180
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    root.document = doc;
+    doc.nodes.push(root);
+    doc.source = {
+        input: new postcss.Input(code),
+        start: {
+            line: 1,
+            column: 1,
+            offset: 0,
+        },
+    };
+    doc.raws[constants_1.GRIFFEL_SRC_RAW] = css;
+    return doc;
+};
+exports.parse = parse;
+//# sourceMappingURL=parse.js.map

package/src/parse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse.js","sourceRoot":"","sources":["../../../../packages/postcss-syntax/src/parse.ts"],"names":[],"mappings":"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"}

package/src/stringify.d.ts

@@ -0,0 +1,2 @@
+import * as postcss from 'postcss';
+export declare const stringify: postcss.Stringifier;

package/src/stringify.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stringify = void 0;
+const constants_1 = require("./constants");
+const stringify = root => {
+    const originalSource = root.raw(constants_1.GRIFFEL_SRC_RAW);
+    if (originalSource) {
+        console.log(originalSource);
+        return originalSource;
+    }
+    // TODO maybe we could generate some default Griffel file with all styles in one slot
+    throw new Error('Griffel syntax stringifier can only stringify AST parsed with the custom syntax');
+};
+exports.stringify = stringify;
+//# sourceMappingURL=stringify.js.map

package/src/stringify.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stringify.js","sourceRoot":"","sources":["../../../../packages/postcss-syntax/src/stringify.ts"],"names":[],"mappings":";;;AACA,2CAA8C;AAEvC,MAAM,SAAS,GAAwB,IAAI,CAAC,EAAE;IACnD,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,2BAAe,CAAC,CAAC;IACjD,IAAI,cAAc,EAAE;QAClB,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;QAC5B,OAAO,cAAc,CAAC;KACvB;IAED,qFAAqF;IACrF,MAAM,IAAI,KAAK,CAAC,iFAAiF,CAAC,CAAC;AACrG,CAAC,CAAC;AATW,QAAA,SAAS,aASpB"}

package/src/transform-sync.d.ts

@@ -0,0 +1,13 @@
+import { BabelPluginMetadata, BabelPluginOptions } from '@griffel/babel-preset';
+import { LocationPluginMetadata } from './location-preset';
+export declare type TransformOptions = {
+    filename: string;
+    pluginOptions: BabelPluginOptions;
+};
+/**
+ * Transforms passed source code with Babel, uses user's config for parsing, but ignores it for transforms.
+ */
+export default function transformSync(sourceCode: string, options: TransformOptions): {
+    metadata: BabelPluginMetadata & LocationPluginMetadata;
+    code: string | null | undefined;
+};

package/src/transform-sync.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const Babel = require("@babel/core");
+const babel_preset_1 = require("@griffel/babel-preset");
+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, {
+        // 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],
+        ],
+        filename: options.filename,
+        sourceFileName: options.filename,
+    });
+    if (babelFileResult === null) {
+        throw new Error(`Failed to transform "${options.filename}" due unknown Babel error...`);
+    }
+    return {
+        metadata: babelFileResult.metadata,
+        code: babelFileResult.code,
+    };
+}
+exports.default = transformSync;
+//# sourceMappingURL=transform-sync.js.map

package/src/transform-sync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform-sync.js","sourceRoot":"","sources":["../../../../packages/postcss-syntax/src/transform-sync.ts"],"names":[],"mappings":";;AAAA,qCAAqC;AACrC,wDAA+F;AAC/F,uDAA2E;AAO3E;;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"}