uniwind-plugin-next 1.1.0 → 1.1.2

package/README.md

@@ -18,7 +18,7 @@ Tested on Next `16.1`, but other versions will likely work fine.
 ## Installation & setup
 This setup guide assumes you already have a next.js project setup with Tailwind v4
 
-1. Install uniwind and this plugin:
+1. Install uniwind and this plugin. You will probably also need `@expo/next-adapter` if you don't already have it, to handle react-native web support.
 
 ```shell
 pnpm install uniwind uniwind-plugin-next @expo/next-adapter
@@ -47,8 +47,8 @@ export default withUniwind(withExpo(nextConfig), {
 ```js
 const config = {
   plugins: {
-    "@tailwindcss/postcss": {},
-    "uniwind-plugin-next/postcss": {}, // Add this line
+    '@tailwindcss/postcss': {},
+    'uniwind-plugin-next/postcss': {}, // Add this line
   },
 };
 
@@ -75,6 +75,13 @@ return (
 
 6. Start the dev server to generate `uniwind-types.d.ts`. Make sure that it's included in your `tsconfig.json`'s `include` array.
 
+## SSR Considerations
+- This plugin marks all Uniwind web components with `'use client'` automatically, so you do not need to do this manually.
+
+- Be aware that some Uniwind features, such as `withUniwind` and `useResolveClassNames` will not work in a server environment, as they rely on accessing `window` or `document`.
+
+- 
+
 ## Known limitations
 
 - This plugin uses a much more primitive regex-based postcss plugin for transforming Uniwind CSS functions (`pixelRatio()`, `fontScale()`, `hairlineWidth()`) compared to the official Vite plugin (which uses a full AST parser). As a result, some edge cases may not be handled correctly. If you do not use these functions in your CSS, this will not impact you. If you do run into any issues, please open an issue.

package/dist/index.cjs

@@ -257,12 +257,12 @@ const generateCSSForVariants = () => {
 
 //#endregion
 //#region src/webpack/uniwind/src/css/index.ts
-const dirname = typeof __dirname !== "undefined" ? __dirname : __dirname;
+const dirname$1 = typeof __dirname !== "undefined" ? __dirname : __dirname;
 const buildCSS = async (themes, input) => {
 	const variants$1 = generateCSSForVariants();
 	const insets = generateCSSForInsets();
 	const themesCSS = await generateCSSForThemes(themes, input);
-	const cssFile = path.default.join(dirname, "../../uniwind.css");
+	const cssFile = path.default.join(dirname$1, "../../uniwind.css");
 	if ((fs.default.existsSync(cssFile) ? fs.default.readFileSync(cssFile, "utf-8") : "") === cssFile) return;
 	fs.default.writeFileSync(cssFile, [
 		variants$1,
@@ -302,6 +302,7 @@ const stringifyThemes = (themes = []) => `[${themes.map((theme) => `'${theme}'`)
 
 //#endregion
 //#region src/webpack/UniwindWebpackPlugin.ts
+const dirname = typeof __dirname !== "undefined" ? __dirname : __dirname;
 var UniwindWebpackPlugin = class {
 	constructor({ cssEntryFile, extraThemes = [], dtsFile = "uniwind-types.d.ts" }) {
 		this.hasRun = false;
@@ -327,14 +328,15 @@ var UniwindWebpackPlugin = class {
 			test: /config\.c?js$/,
 			include: /uniwind[\/\\]dist/,
 			use: [{
-				loader: path.default.resolve(__dirname, "configInjectionLoader.js"),
+				loader: path.default.resolve(dirname, "configInjectionLoader.js"),
 				options: { stringifiedThemes: stringifyThemes(this.themes) }
 			}]
 		});
 		compiler.options.module.rules.push({
-			test: /index\.js$/,
+			test: /\.js$/,
+			exclude: /index\.js$/,
 			include: /uniwind[\/\\]dist[\/\\]module[\/\\]components[\/\\]web/,
-			use: [{ loader: path.default.resolve(__dirname, "clientDirectiveLoader.js") }]
+			use: [{ loader: path.default.resolve(dirname, "clientDirectiveLoader.js") }]
 		});
 	}
 };

package/dist/index.mjs

@@ -228,12 +228,12 @@ const generateCSSForVariants = () => {
 
 //#endregion
 //#region src/webpack/uniwind/src/css/index.ts
-const dirname = typeof __dirname !== "undefined" ? __dirname : import.meta.dirname;
+const dirname$1 = typeof __dirname !== "undefined" ? __dirname : import.meta.dirname;
 const buildCSS = async (themes, input) => {
 	const variants$1 = generateCSSForVariants();
 	const insets = generateCSSForInsets();
 	const themesCSS = await generateCSSForThemes(themes, input);
-	const cssFile = path.join(dirname, "../../uniwind.css");
+	const cssFile = path.join(dirname$1, "../../uniwind.css");
 	if ((fs.existsSync(cssFile) ? fs.readFileSync(cssFile, "utf-8") : "") === cssFile) return;
 	fs.writeFileSync(cssFile, [
 		variants$1,
@@ -273,6 +273,7 @@ const stringifyThemes = (themes = []) => `[${themes.map((theme) => `'${theme}'`)
 
 //#endregion
 //#region src/webpack/UniwindWebpackPlugin.ts
+const dirname = typeof __dirname !== "undefined" ? __dirname : import.meta.dirname;
 var UniwindWebpackPlugin = class {
 	constructor({ cssEntryFile, extraThemes = [], dtsFile = "uniwind-types.d.ts" }) {
 		this.hasRun = false;
@@ -298,14 +299,15 @@ var UniwindWebpackPlugin = class {
 			test: /config\.c?js$/,
 			include: /uniwind[\/\\]dist/,
 			use: [{
-				loader: path.resolve(__dirname, "configInjectionLoader.js"),
+				loader: path.resolve(dirname, "configInjectionLoader.js"),
 				options: { stringifiedThemes: stringifyThemes(this.themes) }
 			}]
 		});
 		compiler.options.module.rules.push({
-			test: /index\.js$/,
+			test: /\.js$/,
+			exclude: /index\.js$/,
 			include: /uniwind[\/\\]dist[\/\\]module[\/\\]components[\/\\]web/,
-			use: [{ loader: path.resolve(__dirname, "clientDirectiveLoader.js") }]
+			use: [{ loader: path.resolve(dirname, "clientDirectiveLoader.js") }]
 		});
 	}
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uniwind-plugin-next",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Compatibility plugin for using Uniwind with Next.js",
   "devDependencies": {
     "@types/node": "^25.0.3",