@gustcss/vite 0.1.0

package/index.cjs

@@ -0,0 +1,186 @@
+const { execSync, spawn } = require('child_process')
+const path = require('path')
+const fs = require('fs')
+
+/**
+ * @gustcss/vite - Vite plugin for CSS Utility Generator
+ *
+ * Usage in vite.config.ts:
+ *   import gustcss from '@gustcss/vite'
+ *   export default defineConfig({
+ *     plugins: [gustcss({ output: 'src/styles/utility.css' })],
+ *   })
+ */
+function cssUtility(opts = {}) {
+  const output = opts.output || 'src/styles/utility.css'
+  const content = opts.content || ['./src/**/*.{js,ts,jsx,tsx,astro,vue}']
+  const configPath = opts.config
+  let watchProcess = null
+
+  function findBinary(cwd) {
+    const possiblePaths = [
+      path.join(cwd, 'node_modules', '.bin', 'gustcss'),
+      path.join(cwd, '..', '..', 'bin', 'gustcss'), // For sample projects
+      'gustcss', // Global installation
+    ]
+
+    for (const p of possiblePaths) {
+      if (p === 'gustcss' || fs.existsSync(p)) {
+        return p
+      }
+    }
+
+    throw new Error('gustcss binary not found')
+  }
+
+  function findConfigFile(cwd) {
+    if (configPath) {
+      return configPath
+    }
+    // Auto-detect config file in current directory
+    const defaultConfigPaths = [
+      'gustcss.config.json',
+      'gustcss.config.js',
+    ]
+    for (const configName of defaultConfigPaths) {
+      const fullPath = path.join(cwd, configName)
+      if (fs.existsSync(fullPath)) {
+        return fullPath
+      }
+    }
+    return null
+  }
+
+  function buildArgs(cwd, extraArgs = []) {
+    const args = ['build', ...extraArgs]
+    const resolvedConfigPath = findConfigFile(cwd)
+
+    if (resolvedConfigPath) {
+      // Use existing config file
+      args.push('--config', resolvedConfigPath)
+    } else {
+      // Create temporary config file to avoid glob pattern issues with CLI
+      const tempConfigPath = path.join(cwd, '.gustcss.vite.tmp.json')
+      const tempConfig = { content, output }
+      fs.writeFileSync(tempConfigPath, JSON.stringify(tempConfig))
+      args.push('--config', tempConfigPath)
+      // Note: temp file cleanup happens after build in buildCSS
+    }
+
+    return args
+  }
+
+  function buildCSS(cwd, binaryPath) {
+    const resolvedConfigPath = findConfigFile(cwd)
+    const args = ['build', '-o', output]
+
+    let tempConfigPath = null
+    if (resolvedConfigPath) {
+      args.push('--config', resolvedConfigPath)
+    } else {
+      tempConfigPath = path.join(cwd, '.gustcss.vite.tmp.json')
+      const tempConfig = { content }
+      fs.writeFileSync(tempConfigPath, JSON.stringify(tempConfig))
+      args.push('--config', tempConfigPath)
+    }
+
+    try {
+      execSync(`"${binaryPath}" ${args.join(' ')}`, {
+        cwd,
+        encoding: 'utf-8',
+        stdio: ['pipe', 'pipe', 'pipe'],
+      })
+    } catch (error) {
+      const stderr = error.stderr ? error.stderr.toString() : error.message
+      console.error(`gustcss build failed: ${stderr}`)
+    } finally {
+      // Clean up temporary config file
+      if (tempConfigPath && fs.existsSync(tempConfigPath)) {
+        fs.unlinkSync(tempConfigPath)
+      }
+    }
+  }
+
+  return {
+    name: 'gustcss',
+
+    configResolved(config) {
+      const cwd = config.root || process.cwd()
+      const binaryPath = findBinary(cwd)
+
+      // Always run initial build
+      buildCSS(cwd, binaryPath)
+    },
+
+    configureServer(server) {
+      const cwd = server.config.root || process.cwd()
+      const binaryPath = findBinary(cwd)
+      const resolvedConfigPath = findConfigFile(cwd)
+      const outputPath = path.resolve(cwd, output)
+
+      // First, run initial build synchronously before starting watch mode
+      buildCSS(cwd, binaryPath)
+
+      // Start watch mode (without initial build since we just did it)
+      const args = ['build', '--watch', '-o', output]
+
+      let tempConfigPath = null
+      if (resolvedConfigPath) {
+        args.push('--config', resolvedConfigPath)
+      } else {
+        tempConfigPath = path.join(cwd, '.gustcss.vite.tmp.json')
+        const tempConfig = { content }
+        fs.writeFileSync(tempConfigPath, JSON.stringify(tempConfig))
+        args.push('--config', tempConfigPath)
+      }
+
+      watchProcess = spawn(binaryPath, args, {
+        cwd,
+        stdio: ['pipe', 'pipe', 'pipe'],
+      })
+
+      watchProcess.stderr.on('data', (data) => {
+        console.error(`gustcss: ${data}`)
+      })
+
+      // Watch generated CSS file for HMR
+      server.watcher.add(outputPath)
+      server.watcher.on('change', (changedPath) => {
+        if (path.resolve(changedPath) === outputPath) {
+          server.ws.send({
+            type: 'update',
+            updates: [
+              {
+                type: 'css-update',
+                path: '/' + path.relative(cwd, outputPath),
+                acceptedPath: '/' + path.relative(cwd, outputPath),
+                timestamp: Date.now(),
+              },
+            ],
+          })
+        }
+      })
+
+      server.httpServer?.on('close', () => {
+        if (watchProcess) {
+          watchProcess.kill()
+          watchProcess = null
+        }
+        // Clean up temporary config file
+        if (tempConfigPath && fs.existsSync(tempConfigPath)) {
+          fs.unlinkSync(tempConfigPath)
+        }
+      })
+    },
+
+    buildEnd() {
+      if (watchProcess) {
+        watchProcess.kill()
+        watchProcess = null
+      }
+    },
+  }
+}
+
+module.exports = { cssUtility }
+module.exports.default = cssUtility

package/index.mjs

@@ -0,0 +1,186 @@
+const { execSync, spawn } = require('child_process')
+const path = require('path')
+const fs = require('fs')
+
+/**
+ * @gustcss/vite - Vite plugin for CSS Utility Generator
+ *
+ * Usage in vite.config.ts:
+ *   import gustcss from '@gustcss/vite'
+ *   export default defineConfig({
+ *     plugins: [gustcss({ output: 'src/styles/utility.css' })],
+ *   })
+ */
+function cssUtility(opts = {}) {
+  const output = opts.output || 'src/styles/utility.css'
+  const content = opts.content || ['./src/**/*.{js,ts,jsx,tsx,astro,vue}']
+  const configPath = opts.config
+  let watchProcess = null
+
+  function findBinary(cwd) {
+    const possiblePaths = [
+      path.join(cwd, 'node_modules', '.bin', 'gustcss'),
+      path.join(cwd, '..', '..', 'bin', 'gustcss'), // For sample projects
+      'gustcss', // Global installation
+    ]
+
+    for (const p of possiblePaths) {
+      if (p === 'gustcss' || fs.existsSync(p)) {
+        return p
+      }
+    }
+
+    throw new Error('gustcss binary not found')
+  }
+
+  function findConfigFile(cwd) {
+    if (configPath) {
+      return configPath
+    }
+    // Auto-detect config file in current directory
+    const defaultConfigPaths = [
+      'gustcss.config.json',
+      'gustcss.config.js',
+    ]
+    for (const configName of defaultConfigPaths) {
+      const fullPath = path.join(cwd, configName)
+      if (fs.existsSync(fullPath)) {
+        return fullPath
+      }
+    }
+    return null
+  }
+
+  function buildArgs(cwd, extraArgs = []) {
+    const args = ['build', ...extraArgs]
+    const resolvedConfigPath = findConfigFile(cwd)
+
+    if (resolvedConfigPath) {
+      // Use existing config file
+      args.push('--config', resolvedConfigPath)
+    } else {
+      // Create temporary config file to avoid glob pattern issues with CLI
+      const tempConfigPath = path.join(cwd, '.gustcss.vite.tmp.json')
+      const tempConfig = { content, output }
+      fs.writeFileSync(tempConfigPath, JSON.stringify(tempConfig))
+      args.push('--config', tempConfigPath)
+      // Note: temp file cleanup happens after build in buildCSS
+    }
+
+    return args
+  }
+
+  function buildCSS(cwd, binaryPath) {
+    const resolvedConfigPath = findConfigFile(cwd)
+    const args = ['build', '-o', output]
+
+    let tempConfigPath = null
+    if (resolvedConfigPath) {
+      args.push('--config', resolvedConfigPath)
+    } else {
+      tempConfigPath = path.join(cwd, '.gustcss.vite.tmp.json')
+      const tempConfig = { content }
+      fs.writeFileSync(tempConfigPath, JSON.stringify(tempConfig))
+      args.push('--config', tempConfigPath)
+    }
+
+    try {
+      execSync(`"${binaryPath}" ${args.join(' ')}`, {
+        cwd,
+        encoding: 'utf-8',
+        stdio: ['pipe', 'pipe', 'pipe'],
+      })
+    } catch (error) {
+      const stderr = error.stderr ? error.stderr.toString() : error.message
+      console.error(`gustcss build failed: ${stderr}`)
+    } finally {
+      // Clean up temporary config file
+      if (tempConfigPath && fs.existsSync(tempConfigPath)) {
+        fs.unlinkSync(tempConfigPath)
+      }
+    }
+  }
+
+  return {
+    name: 'gustcss',
+
+    configResolved(config) {
+      const cwd = config.root || process.cwd()
+      const binaryPath = findBinary(cwd)
+
+      // Always run initial build
+      buildCSS(cwd, binaryPath)
+    },
+
+    configureServer(server) {
+      const cwd = server.config.root || process.cwd()
+      const binaryPath = findBinary(cwd)
+      const resolvedConfigPath = findConfigFile(cwd)
+      const outputPath = path.resolve(cwd, output)
+
+      // First, run initial build synchronously before starting watch mode
+      buildCSS(cwd, binaryPath)
+
+      // Start watch mode (without initial build since we just did it)
+      const args = ['build', '--watch', '-o', output]
+
+      let tempConfigPath = null
+      if (resolvedConfigPath) {
+        args.push('--config', resolvedConfigPath)
+      } else {
+        tempConfigPath = path.join(cwd, '.gustcss.vite.tmp.json')
+        const tempConfig = { content }
+        fs.writeFileSync(tempConfigPath, JSON.stringify(tempConfig))
+        args.push('--config', tempConfigPath)
+      }
+
+      watchProcess = spawn(binaryPath, args, {
+        cwd,
+        stdio: ['pipe', 'pipe', 'pipe'],
+      })
+
+      watchProcess.stderr.on('data', (data) => {
+        console.error(`gustcss: ${data}`)
+      })
+
+      // Watch generated CSS file for HMR
+      server.watcher.add(outputPath)
+      server.watcher.on('change', (changedPath) => {
+        if (path.resolve(changedPath) === outputPath) {
+          server.ws.send({
+            type: 'update',
+            updates: [
+              {
+                type: 'css-update',
+                path: '/' + path.relative(cwd, outputPath),
+                acceptedPath: '/' + path.relative(cwd, outputPath),
+                timestamp: Date.now(),
+              },
+            ],
+          })
+        }
+      })
+
+      server.httpServer?.on('close', () => {
+        if (watchProcess) {
+          watchProcess.kill()
+          watchProcess = null
+        }
+        // Clean up temporary config file
+        if (tempConfigPath && fs.existsSync(tempConfigPath)) {
+          fs.unlinkSync(tempConfigPath)
+        }
+      })
+    },
+
+    buildEnd() {
+      if (watchProcess) {
+        watchProcess.kill()
+        watchProcess = null
+      }
+    },
+  }
+}
+
+module.exports = { cssUtility }
+module.exports.default = cssUtility

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@gustcss/vite",
+  "version": "0.1.0",
+  "description": "Vite plugin for Gust CSS Utility Generator",
+  "main": "index.mjs",
+  "module": "index.mjs",
+  "type": "module",
+  "files": [
+    "index.cjs",
+    "index.mjs",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.cjs"
+    }
+  },
+  "keywords": ["vite", "vite-plugin", "gustcss", "gust", "css", "utility"],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "gustcss": "^0.1.0"
+  },
+  "peerDependencies": {
+    "vite": "^4.0.0 || ^5.0.0 || ^6.0.0"
+  }
+}