use builtin postcss

Author: aaripurna

lib/install/tailwind.config.js

@@ -1,7 +1,14 @@
 const defaultTheme = require('tailwindcss/defaultTheme')
+const plugin = require('tailwindcss/plugin')
+const path = require("path")
+const fs = require("fs");
+
+const usePlugin = (pluginName) => plugin(({ addUtilities, postcss }) => {
+  const pluginPath = path.join(__dirname, "../tmp/tailwindcss-plugin/", pluginName + ".css")
+  const css = fs.readFileSync(pluginPath, 'utf8')
+  addUtilities(postcss.parse(css).nodes)
+})
 
-// Uncomment this line if you want to add support for tailwind plugins
-// const usePlugin = require('./tailwind.plugins')
 
 module.exports = {
   content: [

lib/install/tailwind.plugins.js

@@ -33,11 +33,6 @@
   copy_file "#{__dir__}/tailwind.config.js", "config/tailwind.config.js"
 end
 
-unless Rails.root.join("config/tailwind.plugins.js").exist?
-  say "Add default config/tailwindcss.plugins.js"
-  copy_file "#{__dir__}/tailwind.plugins.js", "config/tailwind.plugins.js"
-end
-
 unless Rails.root.join("config/tailwind.plugins.yml").exist?
   say "Add default config/tailwindcss.plugins.yml"
   copy_file "#{__dir__}/tailwind.plugins.yml", "config/tailwind.plugins.yml"
@@ -62,8 +57,5 @@
 copy_file "#{__dir__}/dev", "bin/dev"
 chmod "bin/dev", 0755, verbose: false
 
-say "Install postcss globally"
-run "npm i --location=global postcss"
-
 say "Compile initial Tailwind build"
 run "rails tailwindcss:build"