vaderjs 1.6.8 → 1.6.9

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vaderjs",
-    "version": "1.6.8",
+    "version": "1.6.9",
     "description": "A simple and powerful JavaScript library for building modern web applications.", 
     "bin": {
         "vaderjs": "./main.js"

package/plugins/tailwindcss/index.ts

@@ -11,13 +11,21 @@ function checkIfTailwindInstalled() {
     }
 }
 
-function initTailwind() { 
+function initTailwind() {
     const tailwindConfig = path.resolve(process.cwd(), 'tailwind.config.js')
     const postcssConfig = path.resolve(process.cwd(), 'postcss.config.js')
+    if(!fs.existsSync(path.join(process.cwd(), '/public/styles.css'))){
+
+        fs.writeFileSync(path.join(process.cwd(), '/public/styles.css'), `
+        @tailwind base;
+        @tailwind components;
+        @tailwind utilities;
+        `)
+    }
     if (!fs.existsSync(tailwindConfig)) {
         fs.writeFileSync(postcssConfig, `module.exports = {
             plugins: {
-              tailwindcss: {},  
+              tailwindcss: {},
               autoprefixer: {},
               }
               }`)
@@ -29,7 +37,7 @@ module.exports = {
     extend: {},
   },
   plugins: [],
-}`) 
+}`)
 
 }
 
@@ -41,22 +49,24 @@ export default {
     description: 'TailwindCSS plugin for Vader.js',
     version: '0.0.1',
     onBuildStart: async (vader) => {
-        vader.injectHTML(`<link rel="stylesheet" href="/public/tailwind.css">`)
-    },
-    onBuildFinish: async (vader) => {
         if (!checkIfTailwindInstalled()) {
             console.error('TailwindCSS is not installed. Please install it using `bun install  tailwindcss postcss-cli autoprefixer`')
             process.exit(1)
         }else{
            initTailwind()
-           
+
            vader.onFileChange('tailwind.config.js', async () => {
                 console.log('Rebuilding TailwindCSS...')
-                await vader.runCommand(['bun', 'run', 'tailwindcss', 'build', '-o', 'public/styles.css'])
+                await vader.runCommand(['bun', 'run', 'postcss',  './public/styles.css', '-o', 'dist/public/tailwind.css'])
                 console.log('TailwindCSS rebuilt successfully!')
-           }) 
-           vader.runCommand(['bun', 'run', 'postcss', 'public/styles.css', '-o', 'dist/public/tailwind.css'])
-        } 
+           })
+           await vader.runCommand(['bun', 'run', 'postcss', './public/styles.css', '-o', 'dist/public/tailwind.css'])
+           vader.injectHTML(`<style>${fs.readFileSync(path.resolve(process.cwd(), 'dist/public/tailwind.css'))}</style>`)
+        }
+
+    },
+    onBuildFinish: async (vader) => {
+        console.log('TailwindCSS plugin finished building')
     },
 
-}
+}