feat: clean ident option

packages/css/src/identifier.ts

@@ -53,6 +53,14 @@ export function generateIdentifier(
 
   let identifier = `${fileScopeHash}${refCount}`;
 
+  if (getIdentOption() === 'clean') {
+    const devPrefix = getDevPrefix({ debugId, debugFileName });
+
+    if (devPrefix) {
+      identifier = `${devPrefix}`;
+    }
+  }
+
   if (getIdentOption() === 'debug') {
     const devPrefix = getDevPrefix({ debugId, debugFileName });
 

packages/css/src/types.ts

@@ -129,7 +129,7 @@ export interface Composition {
   classList: string;
 }
 
-type IdentOption = 'short' | 'debug';
+type IdentOption = 'short' | 'debug' | 'clean';
 export interface Adapter {
   appendCss: (css: CSS, fileScope: FileScope) => void;
   registerClassName: (className: string) => void;

packages/integration/src/transform.ts

@@ -22,7 +22,7 @@ export const transformSync = ({
 }: TransformParams): string => {
   let code = source;
 
-  if (identOption === 'debug') {
+  if (identOption === 'debug' || identOption === 'clean') {
     const result = babel.transformSync(source, {
       filename: filePath,
       cwd: rootPath,
@@ -54,7 +54,7 @@ export const transform = async ({
 }: TransformParams): Promise<string> => {
   let code = source;
 
-  if (identOption === 'debug') {
+  if (identOption === 'debug' || identOption === 'clean') {
     const result = await babel.transform(source, {
       filename: filePath,
       cwd: rootPath,

packages/jest-transform/package.json

@@ -20,6 +20,7 @@
   "author": "SEEK",
   "license": "MIT",
   "dependencies": {
+    "@vanilla-extract/css": "^1.7.2",
     "@vanilla-extract/integration": "^6.0.0",
     "esbuild": "^0.11.16"
   },

packages/jest-transform/src/index.ts

@@ -1,22 +1,42 @@
 import type { Transformer } from '@jest/transform';
-import { transformSync, getPackageInfo } from '@vanilla-extract/integration';
+import { setAdapter } from '@vanilla-extract/css/adapter';
+import {
+  transformSync,
+  getPackageInfo,
+  IdentifierOption,
+} from '@vanilla-extract/integration';
 import * as esbuild from 'esbuild';
 
-const vanillaTransformer: Transformer = {
+interface TransformerConfig {
+  identOption: IdentifierOption;
+}
+
+const vanillaTransformer: Transformer<TransformerConfig> = {
   canInstrument: false,
   process(source, filePath, options) {
-    const { name: packageName } = getPackageInfo(options.config.rootDir);
+    const { config, supportsStaticESM, transformerConfig } = options;
+    const { identOption = 'debug' } = transformerConfig;
+    const { name: packageName } = getPackageInfo(config.rootDir);
+
+    setAdapter({
+      appendCss: () => {},
+      registerClassName: () => {},
+      onEndFileScope: () => {},
+      registerComposition: () => {},
+      markCompositionUsed: () => {},
+      getIdentOption: () => identOption,
+    });
 
     const code = transformSync({
       source,
       filePath,
-      rootPath: options.config.rootDir,
+      rootPath: config.rootDir,
       packageName: packageName,
-      identOption: 'debug',
+      identOption: identOption,
     });
 
     const result = esbuild.transformSync(code, {
-      format: options.supportsStaticESM ? 'esm' : 'cjs',
+      format: supportsStaticESM ? 'esm' : 'cjs',
       target: 'es2018',
       loader: 'ts',
     });