@compiled/vite-plugin 1.0.0

package/README.md

@@ -0,0 +1,60 @@
+# @compiled/vite-plugin
+
+Vite plugin for Compiled.
+
+## Installation
+
+```bash
+npm install @compiled/vite-plugin @compiled/react
+```
+
+## Usage
+
+Add the plugin to your `vite.config.ts`:
+
+```js
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import compiled from '@compiled/vite-plugin';
+
+export default defineConfig({
+  plugins: [compiled(), react()],
+});
+```
+
+**Important:** The Compiled plugin must be placed **before** the React plugin. It is enforced by default via `pre` ordering.
+
+## Configuration
+
+Common options:
+
+```ts
+compiled({
+  extract: true, // Extract CSS to file (production only)
+  importReact: false, // Set false when using automatic JSX runtime
+  ssr: false, // Enable SSR mode
+  sortAtRules: true, // Sort media queries for extraction
+  sortShorthand: true, // Sort shorthand properties for extraction
+});
+```
+
+## CSS Extraction
+
+Enable CSS extraction for production builds:
+
+```ts
+export default defineConfig({
+  plugins: [
+    compiled({
+      extract: true, // Generates compiled.css
+    }),
+    react(),
+  ],
+});
+```
+
+Extraction is automatically disabled in development for optimal HMR.
+
+## More Information
+
+Detailed documentation and examples can be [found on the documentation website](https://compiledcssinjs.com/docs/pkg-vite-plugin).

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+import type { PluginOptions } from './types';
+/**
+ * Compiled Vite plugin.
+ *
+ * Transforms CSS-in-JS to atomic CSS at build time using Babel.
+ *
+ * @param userOptions - Plugin configuration options
+ * @returns Vite plugin object
+ */
+export default function compiledVitePlugin(userOptions?: PluginOptions): any;
+export type { PluginOptions as VitePluginOptions };

package/dist/index.js

@@ -0,0 +1,221 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const core_1 = require("@babel/core");
+const css_1 = require("@compiled/css");
+const utils_1 = require("@compiled/utils");
+const utils_2 = require("./utils");
+/**
+ * Compiled Vite plugin.
+ *
+ * Transforms CSS-in-JS to atomic CSS at build time using Babel.
+ *
+ * @param userOptions - Plugin configuration options
+ * @returns Vite plugin object
+ */
+function compiledVitePlugin(userOptions = {}) {
+    const options = Object.assign({ 
+        // Vite-specific
+        bake: true, extract: false, transformerBabelPlugins: undefined, ssr: false, extractStylesToDirectory: undefined, sortShorthand: true, 
+        // Babel-inherited
+        importReact: true, nonce: undefined, importSources: undefined, optimizeCss: true, resolver: undefined, extensions: undefined, parserBabelPlugins: undefined, addComponentName: false, classNameCompressionMap: undefined, processXcss: undefined, increaseSpecificity: undefined, sortAtRules: true, classHashPrefix: undefined, flattenMultipleSelectors: undefined }, userOptions);
+    // Storage for collected style rules during transformation
+    const collectedStyleRules = new Set();
+    // Store the emitted CSS filename for HTML injection
+    // This gets set in generateBundle after the file is emitted
+    let extractedCssFileName;
+    // Name used for the extracted CSS asset
+    const EXTRACTED_CSS_NAME = 'compiled-extracted.css';
+    return {
+        name: '@compiled/vite-plugin',
+        enforce: 'pre',
+        transform(code, id) {
+            var _a, _b, _c, _d, _e;
+            return __awaiter(this, void 0, void 0, function* () {
+                // Filter out node_modules (except for specific includes if needed)
+                if (id.includes('/node_modules/@compiled/react')) {
+                    return null;
+                }
+                // Only process JS/TS/JSX/TSX files
+                if (!/\.[jt]sx?$/.test(id)) {
+                    return null;
+                }
+                const importSources = [...utils_1.DEFAULT_IMPORT_SOURCES, ...(options.importSources || [])];
+                // Bail early if Compiled (via an importSource) isn't in the module
+                if (!importSources.some((name) => code.includes(name))) {
+                    return null;
+                }
+                try {
+                    const includedFiles = [];
+                    // Parse to AST using Babel
+                    const ast = yield (0, core_1.parseAsync)(code, {
+                        filename: id,
+                        babelrc: false,
+                        configFile: false,
+                        caller: { name: 'compiled' },
+                        rootMode: 'upward-optional',
+                        parserOpts: {
+                            plugins: (_a = options.parserBabelPlugins) !== null && _a !== void 0 ? _a : utils_1.DEFAULT_PARSER_BABEL_PLUGINS,
+                        },
+                        plugins: (_b = options.transformerBabelPlugins) !== null && _b !== void 0 ? _b : undefined,
+                    });
+                    if (!ast) {
+                        return null;
+                    }
+                    // Disable stylesheet extraction in development mode
+                    const isDevelopment = process.env.NODE_ENV === 'development';
+                    const extract = options.extract && !isDevelopment;
+                    // Transform using the Compiled Babel Plugin
+                    const result = yield (0, core_1.transformFromAstAsync)(ast, code, {
+                        babelrc: false,
+                        configFile: false,
+                        sourceMaps: true,
+                        filename: id,
+                        parserOpts: {
+                            plugins: (_c = options.parserBabelPlugins) !== null && _c !== void 0 ? _c : utils_1.DEFAULT_PARSER_BABEL_PLUGINS,
+                        },
+                        plugins: [
+                            ...((_d = options.transformerBabelPlugins) !== null && _d !== void 0 ? _d : []),
+                            options.bake && [
+                                '@compiled/babel-plugin',
+                                Object.assign(Object.assign({}, options), { 
+                                    // Turn off compressing class names if stylesheet extraction is off
+                                    classNameCompressionMap: extract && options.classNameCompressionMap, onIncludedFiles: (files) => includedFiles.push(...files), resolver: options.resolver ? options.resolver : (0, utils_2.createDefaultResolver)(options), cache: false }),
+                            ],
+                            extract && [
+                                '@compiled/babel-plugin-strip-runtime',
+                                {
+                                    compiledRequireExclude: options.ssr || extract,
+                                    extractStylesToDirectory: options.extractStylesToDirectory,
+                                },
+                            ],
+                        ].filter(utils_1.toBoolean),
+                        caller: {
+                            name: 'compiled',
+                        },
+                    });
+                    // Store metadata for CSS extraction if enabled
+                    if (extract && (result === null || result === void 0 ? void 0 : result.metadata)) {
+                        const metadata = result.metadata;
+                        // Collect style rules from this file
+                        if (metadata.styleRules && metadata.styleRules.length > 0) {
+                            metadata.styleRules.forEach((rule) => collectedStyleRules.add(rule));
+                        }
+                    }
+                    // Return transformed code and source map
+                    if (result === null || result === void 0 ? void 0 : result.code) {
+                        return {
+                            code: result.code,
+                            map: (_e = result.map) !== null && _e !== void 0 ? _e : null,
+                        };
+                    }
+                    return null;
+                }
+                catch (e) {
+                    // Throw error to be displayed by Vite
+                    const error = e;
+                    this.error({
+                        message: `[@compiled/vite-plugin] Failed to transform: ${error.message}`,
+                        stack: error.stack,
+                    });
+                }
+            });
+        },
+        generateBundle(_outputOptions, bundle) {
+            // Post-process CSS assets to apply Compiled's sorting and deduplication
+            const isDevelopment = process.env.NODE_ENV === 'development';
+            const extract = options.extract && !isDevelopment;
+            // Process each CSS asset in the bundle
+            for (const [fileName, output] of Object.entries(bundle)) {
+                // Only process CSS assets
+                if (!fileName.endsWith('.css') || output.type !== 'asset') {
+                    continue;
+                }
+                const asset = output;
+                const cssContent = asset.source;
+                // Check if this CSS contains Compiled atomic classes (starts with underscore)
+                // This is a heuristic to identify CSS that came from .compiled.css files
+                if (cssContent.includes('._')) {
+                    try {
+                        // Apply Compiled's CSS sorting and deduplication
+                        const sortConfig = {
+                            sortAtRulesEnabled: options.sortAtRules,
+                            sortShorthandEnabled: options.sortShorthand,
+                        };
+                        const sortedCss = (0, css_1.sort)(cssContent, sortConfig);
+                        // Update the asset with sorted CSS
+                        asset.source = sortedCss;
+                    }
+                    catch (error) {
+                        const err = error;
+                        this.warn({
+                            message: `[@compiled/vite-plugin] Failed to sort CSS in ${fileName}: ${err.message}`,
+                        });
+                    }
+                }
+            }
+            // Also emit extracted styles if we collected any from local code
+            if (extract && collectedStyleRules.size > 0) {
+                try {
+                    // Convert Set to array and sort for determinism
+                    const allRules = Array.from(collectedStyleRules).sort();
+                    // Join all rules and apply CSS sorting
+                    const combinedCss = allRules.join('\n');
+                    const sortConfig = {
+                        sortAtRulesEnabled: options.sortAtRules,
+                        sortShorthandEnabled: options.sortShorthand,
+                    };
+                    const sortedCss = (0, css_1.sort)(combinedCss, sortConfig);
+                    // Emit the CSS file with content-based naming
+                    // Vite will add a content hash to the filename automatically
+                    this.emitFile({
+                        type: 'asset',
+                        name: EXTRACTED_CSS_NAME,
+                        source: sortedCss,
+                    });
+                    // Mark that we've emitted the file so transformIndexHtml can inject it
+                    // The actual filename will be determined in transformIndexHtml from the bundle
+                    extractedCssFileName = EXTRACTED_CSS_NAME;
+                }
+                catch (error) {
+                    const err = error;
+                    this.warn({
+                        message: `[@compiled/vite-plugin] Failed to generate CSS bundle: ${err.message}`,
+                    });
+                }
+            }
+        },
+        transformIndexHtml(_html, ctx) {
+            // Inject the extracted CSS file into HTML if it was emitted
+            if (!extractedCssFileName || !ctx.bundle) {
+                return [];
+            }
+            // Find the emitted CSS asset in the bundle by its name
+            // The actual fileName will have a content hash added by Vite
+            const cssAsset = Object.values(ctx.bundle).find((asset) => asset.type === 'asset' && asset.name === EXTRACTED_CSS_NAME);
+            if (!cssAsset) {
+                return [];
+            }
+            return [
+                {
+                    tag: 'link',
+                    attrs: {
+                        rel: 'stylesheet',
+                        href: `/${cssAsset.fileName}`,
+                    },
+                    injectTo: 'head',
+                },
+            ];
+        },
+    };
+}
+exports.default = compiledVitePlugin;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/types.d.ts

@@ -0,0 +1,41 @@
+import type { PluginItem } from '@babel/core';
+import type { PluginOptions as BabelPluginOptions } from '@compiled/babel-plugin';
+/**
+ * Vite plugin options extending the babel-plugin options with Vite-specific configuration.
+ */
+export interface PluginOptions extends BabelPluginOptions {
+    /**
+     * Converts your source code into a Compiled component.
+     * Defaults to `true`.
+     */
+    bake?: boolean;
+    /**
+     * Extracts to CSS when `true`.
+     * Defaults to `false`.
+     */
+    extract?: boolean;
+    /**
+     * List of transformer babel plugins to be applied to evaluated files
+     *
+     * See the [babel docs](https://babeljs.io/docs/en/plugins/#transform-plugins)
+     */
+    transformerBabelPlugins?: PluginItem[];
+    /**
+     * Build in a node environment.
+     * Defaults to `false`.
+     */
+    ssr?: boolean;
+    /**
+     * When set, extract styles to an external CSS file.
+     */
+    extractStylesToDirectory?: {
+        source: string;
+        dest: string;
+    };
+    /**
+     * Whether to sort shorthand and longhand properties,
+     * eg. `margin` before `margin-top` for enforced determinism.
+     * Defaults to `true`.
+     */
+    sortShorthand?: boolean;
+}

package/dist/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/dist/utils.d.ts

@@ -0,0 +1,11 @@
+import type { Resolver } from '@compiled/babel-plugin';
+import type { PluginOptions } from './types';
+/**
+ * Creates a default resolver using enhanced-resolve.
+ * This is the same resolver used by webpack and other bundlers,
+ * providing robust module resolution with caching.
+ *
+ * @param config - Vite plugin configuration
+ * @returns Resolver compatible with @compiled/babel-plugin
+ */
+export declare function createDefaultResolver(config: PluginOptions): Resolver;

package/dist/utils.js

@@ -0,0 +1,57 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createDefaultResolver = void 0;
+const fs = __importStar(require("fs"));
+const path_1 = require("path");
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const enhancedResolve = require('enhanced-resolve');
+// Handle both ESM and CJS imports
+const { CachedInputFileSystem, ResolverFactory } = enhancedResolve.CachedInputFileSystem
+    ? enhancedResolve
+    : enhancedResolve.default || enhancedResolve;
+/**
+ * Creates a default resolver using enhanced-resolve.
+ * This is the same resolver used by webpack and other bundlers,
+ * providing robust module resolution with caching.
+ *
+ * @param config - Vite plugin configuration
+ * @returns Resolver compatible with @compiled/babel-plugin
+ */
+function createDefaultResolver(config) {
+    const resolver = ResolverFactory.createResolver(Object.assign(Object.assign({ fileSystem: new CachedInputFileSystem(fs, 4000) }, (config.extensions && {
+        extensions: config.extensions,
+    })), { 
+        // This makes the resolver invoke the callback synchronously
+        useSyncFileSystemCalls: true }));
+    return {
+        // The resolver needs to be synchronous, as babel plugins must be synchronous
+        resolveSync(context, request) {
+            return resolver.resolveSync({}, (0, path_1.dirname)(context), request);
+        },
+    };
+}
+exports.createDefaultResolver = createDefaultResolver;
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAyB;AACzB,+BAA+B;AAM/B,8DAA8D;AAC9D,MAAM,eAAe,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;AAEpD,kCAAkC;AAClC,MAAM,EAAE,qBAAqB,EAAE,eAAe,EAAE,GAAG,eAAe,CAAC,qBAAqB;IACtF,CAAC,CAAC,eAAe;IACjB,CAAC,CAAC,eAAe,CAAC,OAAO,IAAI,eAAe,CAAC;AAE/C;;;;;;;GAOG;AACH,SAAgB,qBAAqB,CAAC,MAAqB;IACzD,MAAM,QAAQ,GAAG,eAAe,CAAC,cAAc,+BAC7C,UAAU,EAAE,IAAI,qBAAqB,CAAC,EAAE,EAAE,IAAI,CAAC,IAC5C,CAAC,MAAM,CAAC,UAAU,IAAI;QACvB,UAAU,EAAE,MAAM,CAAC,UAAU;KAC9B,CAAC;QACF,4DAA4D;QAC5D,sBAAsB,EAAE,IAAI,IAC5B,CAAC;IAEH,OAAO;QACL,6EAA6E;QAC7E,WAAW,CAAC,OAAe,EAAE,OAAe;YAC1C,OAAO,QAAQ,CAAC,WAAW,CAAC,EAAE,EAAE,IAAA,cAAO,EAAC,OAAO,CAAC,EAAE,OAAO,CAAW,CAAC;QACvE,CAAC;KACF,CAAC;AACJ,CAAC;AAhBD,sDAgBC"}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@compiled/vite-plugin",
+  "version": "1.0.0",
+  "description": "A familiar and performant compile time CSS-in-JS library for React - Vite plugin.",
+  "homepage": "https://compiledcssinjs.com/docs/pkg-vite-plugin",
+  "bugs": "https://github.com/atlassian-labs/compiled/issues/new?assignees=&labels=bug&template=bug_report.md",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/atlassian-labs/compiled.git",
+    "directory": "packages/vite-plugin"
+  },
+  "license": "Apache-2.0",
+  "author": "Michael Dougall",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "dependencies": {
+    "@babel/core": "^7.26.10",
+    "@babel/parser": "^7.26.10",
+    "@compiled/babel-plugin": "^0.38.0",
+    "@compiled/babel-plugin-strip-runtime": "^0.38.0",
+    "@compiled/css": "^0.21.0",
+    "@compiled/utils": "^0.13.1",
+    "enhanced-resolve": "^5.18.1"
+  },
+  "devDependencies": {
+    "@compiled/react": "^0.18.0",
+    "@types/babel__core": "^7.20.3",
+    "react": "^17.0.2",
+    "vite": "^5.0.0"
+  },
+  "peerDependencies": {
+    "vite": ">= 4.0.0"
+  }
+}