Tailwind configurations for running into engine

Gemfile.lock

@@ -3,6 +3,7 @@ PATH
   specs:
     oodle (0.1.0)
       rails (>= 6.0.0, < 8.0.0)
+      tailwindcss-rails
       view_component
 
 GEM
@@ -215,6 +216,10 @@ GEM
     securerandom (0.3.1)
     sqlite3 (2.1.0-x86_64-linux-gnu)
     stringio (3.1.1)
+    tailwindcss-rails (3.0.0)
+      railties (>= 7.0.0)
+      tailwindcss-ruby
+    tailwindcss-ruby (3.4.14-x86_64-linux)
     thor (1.3.2)
     timeout (0.4.1)
     tzinfo (2.0.6)

app/assets/config/oodle_manifest.js

@@ -0,0 +1,3 @@
+//= link_tree ../builds/ .css
+//= link oodle/application.css
+//= link oodle/application.tailwind.css

config/tailwind.config.js

@@ -0,0 +1,23 @@
+const defaultTheme = require('tailwindcss/defaultTheme')
+
+module.exports = {
+  content: [
+    './public/*.html',
+    './app/helpers/**/*.rb',
+    './app/javascript/**/*.js',
+    './app/views/**/*.{erb,haml,html,slim}',
+    './app/components/**/*.{html,erb,rb}'
+  ],
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: ['Inter var', ...defaultTheme.fontFamily.sans],
+      },
+    },
+  },
+  plugins: [
+    require('@tailwindcss/forms'),
+    require('@tailwindcss/aspect-ratio'),
+    require('@tailwindcss/typography'),
+  ]
+}

lib/oodle.rb

@@ -1,8 +1,19 @@
 require "oodle/version"
 require "oodle/engine"
 
+require "tailwindcss-rails"
 require "view_component"
 module Oodle
  class Engine < ::Rails::Engine
+    isolate_namespace(Oodle)
+
+    initializer :append_migrations do |app|
+      unless app.root.to_s.match?(root.to_s + File::SEPARATOR)
+        app.config.paths["db/migrate"].concat(config.paths["db/migrate"].expanded)
+      end
+    end
+    initializer "oodle.assets" do |app|
+      app.config.assets.precompile += %w[oodle_manifest]
+    end
  end
 end

lib/oodle/engine.rb

@@ -1,11 +1,5 @@
 module Oodle
   class Engine < ::Rails::Engine
     isolate_namespace Oodle
-
-    initializer :append_migrations do |app|
-      unless app.root.to_s.match?(root.to_s + File::SEPARATOR)
-        app.config.paths["db/migrate"].concat(config.paths["db/migrate"].expanded)
-      end
-    end
   end
 end

lib/tasks/oodle_tasks.rake

@@ -2,3 +2,8 @@
 # task :oodle do
 #   # Task goes here
 # end
+task :tailwind_engine_watch do
+  system "bin/rails tailwindcss:watch -i #{Oodle::Engine.root.join("app/assets/stylesheets/application.tailwind.css")} \
+         -o #{Oodle::Engine.root.join("app/assets/builds/oodle.css")} \
+         -c #{Oodle::Engine.root.join("config/tailwind.config.js")}"
+end

oodle.gemspec

@@ -22,5 +22,7 @@ Gem::Specification.new do |spec|
   end
 
   spec.add_dependency "rails", ">= 6.0.0", "< 8.0.0"
+  spec.add_dependency "tailwindcss-rails"
+
   spec.add_dependency "view_component"
 end