@gustcss/vite 0.1.0 → 0.1.1

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,136 @@
+# @gustcss/vite
+
+Vite plugin for [GustCSS](https://www.npmjs.com/package/gustcss) - Lightning-fast CSS utility generator.
+
+## Installation
+
+```bash
+npm install gustcss @gustcss/vite
+```
+
+## Usage
+
+### Basic Setup
+
+In your `vite.config.js` or `vite.config.ts`:
+
+```javascript
+import { defineConfig } from 'vite'
+import gustcss from '@gustcss/vite'
+
+export default defineConfig({
+  plugins: [
+    gustcss({
+      output: 'src/styles/utility.css',
+    }),
+  ],
+})
+```
+
+### Import Generated CSS
+
+In your main entry file (e.g., `src/main.js`):
+
+```javascript
+import './styles/utility.css'
+```
+
+### Configuration
+
+#### Using Plugin Options
+
+```javascript
+export default defineConfig({
+  plugins: [
+    gustcss({
+      content: ['./src/**/*.{js,ts,jsx,tsx,vue,astro}'],
+      output: 'src/styles/utility.css',
+      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,vue,astro}"],
+  "output": "src/styles/utility.css",
+  "darkMode": "class",
+  "theme": {
+    "extend": {
+      "colors": {
+        "brand": "#3B82F6"
+      }
+    }
+  }
+}
+```
+
+## Features
+
+### ⚡️ Development Mode
+
+- Watches your source files for changes
+- Regenerates CSS automatically
+- Hot Module Replacement (HMR) support
+
+### 🚀 Production Build
+
+- Generates optimized CSS at build time
+- Only includes utilities used in your code
+- No runtime overhead
+
+## 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. Outputs to the specified CSS file
+5. Watches for changes in development mode
+
+## Framework Support
+
+Works with all Vite-supported frameworks:
+
+- ⚛️ React
+- 🖖 Vue
+- 🔺 Astro
+- 💎 Solid
+- 🔥 Svelte
+- 📦 Vanilla JS
+
+## Example
+
+**Input** (your component):
+```jsx
+<div className="p-4 bg-blue-500 text-white rounded-lg hover:bg-blue-600">
+  Hello GustCSS!
+</div>
+```
+
+**Output** (`src/styles/utility.css`):
+```css
+.p-4 { padding: 1rem; }
+.bg-blue-500 { background-color: #3b82f6; }
+.text-white { color: #ffffff; }
+.rounded-lg { border-radius: 0.5rem; }
+.hover\:bg-blue-600:hover { background-color: #2563eb; }
+```
+
+## Requirements
+
+- Node.js >= 18.0.0
+- Vite ^4.0.0 || ^5.0.0 || ^6.0.0
+
+## Related Packages
+
+- [gustcss](https://www.npmjs.com/package/gustcss) - CLI tool
+- [@gustcss/postcss](https://www.npmjs.com/package/@gustcss/postcss) - PostCSS plugin
+
+## License
+
+MIT

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gustcss/vite",
-  "version": "0.1.0",
-  "description": "Vite plugin for Gust CSS Utility Generator",
+  "version": "0.1.1",
+  "description": "Vite plugin for GustCSS",
   "main": "index.mjs",
   "module": "index.mjs",
   "type": "module",
@@ -22,9 +22,10 @@
     "access": "public"
   },
   "dependencies": {
-    "gustcss": "^0.1.0"
+    "gustcss": "^0.1.1"
   },
   "peerDependencies": {
     "vite": "^4.0.0 || ^5.0.0 || ^6.0.0"
-  }
+  },
+  "license": "MIT"
 }