allow setting the prefix

DigitecGalaxus · Dec 6, 2024 · ca852b5 · ca852b5
1 parent 0b95fc1
commit ca852b5
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/packages/next-yak/withYak/index.ts b/packages/next-yak/withYak/index.ts
@@ -15,6 +15,12 @@ const { resolve } = createRequire(currentDir + "/index.js");
 
 export type YakConfigOptions = {
   contextPath?: string;
+  /**
+   * Optional prefix for generated CSS identifiers.
+   * This can be used to ensure unique class names across different applications
+   * or to add organization-specific prefixes.
+   */
+  prefix?: string;
   experiments?: {
     debug?:
       | boolean
@@ -32,7 +38,11 @@ const addYak = (yakOptions: YakConfigOptions, nextConfig: NextConfig) => {
   nextConfig.experimental.swcPlugins ||= [];
   nextConfig.experimental.swcPlugins.push([
     resolve("yak-swc"),
-    { devMode: process.env.NODE_ENV !== "production", basePath: currentDir },
+    { 
+      devMode: process.env.NODE_ENV !== "production", 
+      basePath: currentDir,
+      prefix: yakOptions.prefix 
+    },
   ]);
 
   nextConfig.webpack = (webpackConfig, options) => {
@@ -104,7 +114,9 @@ function resolveYakContext(contextPath: string | undefined, cwd: string) {
  *   // your next config here
  * };
  * const yakConfig = {
- *   // your yak config
+ *   // Optional prefix for generated CSS identifiers
+ *   prefix: "my-app",
+ *   // Other yak config options...
  * };
  * module.exports = withYak(yakConfig, nextConfig);
  * ```
@@ -150,4 +162,4 @@ export const withYak: {
     };
   }
   return addYak(yakOptions, nextConfig);
-};
+};