@gustcss/postcss 0.1.0 → 0.2.0

package/LICENSE

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

@@ -0,0 +1,109 @@
+# @gustcss/postcss
+
+PostCSS plugin for [GustCSS](https://www.npmjs.com/package/gustcss) - Lightning-fast CSS utility generator.
+
+## Installation
+
+```bash
+npm install gustcss @gustcss/postcss postcss
+```
+
+## Usage
+
+### Basic Setup
+
+In your `postcss.config.js`:
+
+```javascript
+module.exports = {
+  plugins: [
+    require('@gustcss/postcss')({
+      content: ['./src/**/*.{js,ts,jsx,tsx}'],
+    }),
+  ],
+}
+```
+
+### In Your CSS
+
+Add the `@gustcss` directive in your CSS file:
+
+```css
+@gustcss;
+
+/* Your custom styles */
+```
+
+The plugin will scan your source files and generate utility classes on-demand.
+
+### Configuration
+
+#### Using Plugin Options
+
+```javascript
+module.exports = {
+  plugins: [
+    require('@gustcss/postcss')({
+      content: ['./src/**/*.{js,ts,jsx,tsx}'],
+      config: './gustcss.config.json', // Optional: path to config file
+    }),
+  ],
+}
+```
+
+#### Using Config File
+
+Create `gustcss.config.json` in your project root:
+
+```json
+{
+  "content": ["./src/**/*.{js,ts,jsx,tsx}"],
+  "output": "dist/utility.css",
+  "darkMode": "class",
+  "theme": {
+    "extend": {
+      "colors": {
+        "brand": "#3B82F6"
+      }
+    }
+  }
+}
+```
+
+## How It Works
+
+1. The plugin scans files specified in the `content` array
+2. Extracts utility class names from your code
+3. Generates CSS for those utilities on-demand
+4. Injects the generated CSS into your build
+
+## Example
+
+**Input** (your HTML/JSX):
+```jsx
+<div className="p-4 bg-blue-500 text-white rounded-lg">
+  Hello GustCSS!
+</div>
+```
+
+**Output** (generated CSS):
+```css
+.p-4 { padding: 1rem; }
+.bg-blue-500 { background-color: #3b82f6; }
+.text-white { color: #ffffff; }
+.rounded-lg { border-radius: 0.5rem; }
+```
+
+## Requirements
+
+- Node.js >= 18.0.0
+- PostCSS ^8.0.0
+
+## Related Packages
+
+- [gustcss](https://www.npmjs.com/package/gustcss) - CLI tool
+- [@gustcss/vite](https://www.npmjs.com/package/@gustcss/vite) - Vite plugin
+
+## License
+
+MIT

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gustcss/postcss",
-  "version": "0.1.0",
-  "description": "PostCSS plugin for Gust CSS Utility Generator",
+  "version": "0.2.0",
+  "description": "PostCSS plugin for GustCSS",
   "main": "index.js",
   "type": "commonjs",
   "files": [
@@ -12,9 +12,10 @@
     "access": "public"
   },
   "dependencies": {
-    "gustcss": "^0.1.0"
+    "gustcss": "^0.2.0"
   },
   "peerDependencies": {
     "postcss": "^8.0.0"
-  }
+  },
+  "license": "MIT"
 }