discourse/lib/stylesheet/watcher.rb
Sam a3e8c3cd7b FEATURE: Native theme support
This feature introduces the concept of themes. Themes are an evolution
of site customizations.

Themes introduce two very big conceptual changes:

- A theme may include other "child themes", children can include grand
children and so on.

- A theme may specify a color scheme

The change does away with the idea of "enabled" color schemes.

It also adds a bunch of big niceties like

- You can source a theme from a git repo

- History for themes is much improved

- You can only have a single enabled theme. Themes can be selected by
    users, if you opt for it.

On a technical level this change comes with a whole bunch of goodies

- All CSS is now compiled using a custom pipeline that uses libsass
    see /lib/stylesheet

- There is a single pipeline for css compilation (in the past we used
    one for customizations and another one for the rest of the app

- The stylesheet pipeline is now divorced of sprockets, there is no
   reliance on sprockets for CSS bundling

- CSS is generated with source maps everywhere (including themes) this
    makes debugging much easier

- Our "live reloader" is smarter and avoid a flash of unstyled content
   we run a file watcher in "puma" in dev so you no longer need to run
   rake autospec to watch for CSS changes
2017-04-12 10:53:49 -04:00

71 lines
1.4 KiB
Ruby

require 'listen'
module Stylesheet
class Watcher
def self.watch(paths=nil)
watcher = new(paths)
watcher.start
watcher
end
def initialize(paths)
@paths = paths || ["app/assets/stylesheets", "plugins"]
@queue = Queue.new
end
def start
Thread.new do
begin
while true
worker_loop
end
rescue => e
STDERR.puts "CSS change notifier crashed #{e}"
end
end
root = Rails.root.to_s
@paths.each do |watch|
Thread.new do
begin
Listen.to("#{root}/#{watch}") do |modified, added, _|
paths = [modified, added].flatten
paths.compact!
paths.map!{|long| long[(root.length+1)..-1]}
process_change(paths)
end
rescue => e
STDERR.puts "Failed to listen for CSS changes at: #{watch}\n#{e}"
end
end
end
end
def worker_loop
@queue.pop
while @queue.length > 0
@queue.pop
end
message = ["desktop", "mobile", "admin"].map do |name|
{hash: SecureRandom.hex, name: "/stylesheets/#{name}.css"}
end
Stylesheet::Manager.cache.clear
MessageBus.publish '/file-change', message
end
def process_change(paths)
paths.each do |path|
if path =~ /\.(css|scss)$/
@queue.push path
end
end
end
end
end