@csszyx/unplugin 0.1.0 → 0.1.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 csszyx contributors
+
+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

@@ -1,52 +1,76 @@
 # @csszyx/unplugin
 
-> Vite, Webpack, and Rollup integration for csszyx.
+> Vite, Webpack, and esbuild integration for csszyx.
 
-This package provides the build-time transformations needed to make csszyx work. It handles:
-
-- 🔍 Extracting styles from your code.
-- 🎨 Generating static CSS.
-- 🧩 Mangling class names for production.
-- ⚡ Injecting hydration scripts.
+Build-time plugin that transforms `sz` props into Tailwind classes, generates static CSS, mangles class names in production, and injects hydration scripts for SSR.
 
 ## Installation
 
 ```bash
-npm install -D @csszyx/unplugin
+pnpm add -D @csszyx/unplugin
 ```
 
-## Usage
+Or install the umbrella package which includes this:
+
+```bash
+pnpm add csszyx
+```
 
-### Vite
+## Vite
 
 ```ts
 // vite.config.ts
 import { defineConfig } from "vite";
-import csszyx from "@csszyx/unplugin/vite";
+import tailwindcss from "@tailwindcss/vite";
+import react from "@vitejs/plugin-react";
+import csszyx from "csszyx/vite";
 
 export default defineConfig({
-  plugins: [csszyx()],
+  plugins: [...csszyx(), tailwindcss(), react()],
 });
 ```
 
-### Webpack
+The direct import also works:
+
+```ts
+import csszyx from "@csszyx/unplugin/vite";
+```
+
+## Webpack (Next.js)
+
+```js
+// next.config.js
+const csszyx = require("@csszyx/unplugin/webpack").default;
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  webpack: (config) => {
+    config.plugins.push(...csszyx());
+    return config;
+  },
+};
+
+module.exports = nextConfig;
+```
+
+## Webpack (standalone)
 
 ```js
 // webpack.config.js
-import csszyx from "@csszyx/unplugin/webpack";
+const csszyx = require("@csszyx/unplugin/webpack").default;
 
-export default {
-  plugins: [csszyx()],
+module.exports = {
+  plugins: [...csszyx()],
 };
 ```
 
 ## Features
 
-- **Universal Support**: Works with standard unplugin hooks.
-- **HTML Injection**: Automatically injects mangle maps and checksums.
-- **Hot Module Replacement**: Updates styles instantly in dev.
-- **CSS Mangling**: Compresses class names (e.g., `text-center` -> `a`) in production.
+- **sz prop transform** -- Compiles `sz={{ }}` objects into `className` strings via Babel AST
+- **HTML injection** -- Injects mangle maps and checksums for SSR hydration
+- **HMR support** -- Updates styles instantly during development
+- **CSS mangling** -- Compresses class names (e.g., `text-center` -> `z`) in production builds
 
 ## License
 
-MIT © [csszyx contributors](https://github.com/nguyennhutien/csszyx)
+MIT

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@csszyx/unplugin",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Vite and Webpack integration for csszyx",
   "keywords": [
     "csszyx",
@@ -51,22 +51,15 @@
   "files": [
     "dist"
   ],
-  "scripts": {
-    "build": "tsup src/index.ts src/vite.ts src/webpack.ts src/css-mangler.ts --format esm,cjs --dts --clean",
-    "dev": "tsup src/index.ts src/vite.ts src/webpack.ts src/css-mangler.ts --format esm --dts --watch",
-    "lint": "eslint src",
-    "test": "vitest run",
-    "test:watch": "vitest"
-  },
   "dependencies": {
-    "@csszyx/compiler": "workspace:*",
-    "@csszyx/core": "workspace:*",
-    "@csszyx/svelte-adapter": "workspace:*",
-    "@csszyx/types": "workspace:*",
-    "@csszyx/vue-adapter": "workspace:*",
     "postcss": "^8.4.35",
     "postcss-selector-parser": "^6.0.15",
-    "unplugin": "^1.10.1"
+    "unplugin": "^1.10.1",
+    "@csszyx/compiler": "0.1.2",
+    "@csszyx/core": "0.1.2",
+    "@csszyx/svelte-adapter": "0.0.0",
+    "@csszyx/types": "0.1.2",
+    "@csszyx/vue-adapter": "0.0.0"
   },
   "devDependencies": {
     "@types/node": "^20.11.0",
@@ -77,5 +70,12 @@
     "vite": "^7.3.1",
     "vitest": "^1.2.0",
     "webpack": "^5.104.1"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts src/vite.ts src/webpack.ts src/css-mangler.ts --format esm,cjs --dts --clean",
+    "dev": "tsup src/index.ts src/vite.ts src/webpack.ts src/css-mangler.ts --format esm --dts --watch",
+    "lint": "eslint src",
+    "test": "vitest run",
+    "test:watch": "vitest"
   }
-}
+}