2019-05-02 18:17:27 -04:00
|
|
|
# frozen_string_literal: true
|
|
|
|
|
2022-03-21 10:28:52 -04:00
|
|
|
require 'distributed_cache'
|
|
|
|
require 'stylesheet/compiler'
|
2017-04-12 10:52:52 -04:00
|
|
|
|
|
|
|
module Stylesheet; end
|
|
|
|
|
|
|
|
class Stylesheet::Manager
|
|
|
|
|
|
|
|
CACHE_PATH ||= 'tmp/stylesheet-cache'
|
|
|
|
MANIFEST_DIR ||= "#{Rails.root}/tmp/cache/assets/#{Rails.env}"
|
|
|
|
MANIFEST_FULL_PATH ||= "#{MANIFEST_DIR}/stylesheet-manifest"
|
2018-08-08 00:46:34 -04:00
|
|
|
THEME_REGEX ||= /_theme$/
|
2020-08-03 22:57:10 -04:00
|
|
|
COLOR_SCHEME_STYLESHEET ||= "color_definitions"
|
2017-04-12 10:52:52 -04:00
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
@@lock = Mutex.new
|
2017-04-12 10:52:52 -04:00
|
|
|
|
|
|
|
def self.cache
|
|
|
|
@cache ||= DistributedCache.new("discourse_stylesheet")
|
|
|
|
end
|
|
|
|
|
|
|
|
def self.clear_theme_cache!
|
2019-10-10 01:10:23 -04:00
|
|
|
cache.hash.keys.select { |k| k =~ /theme/ }.each { |k| cache.delete(k) }
|
|
|
|
end
|
|
|
|
|
2020-08-18 13:02:13 -04:00
|
|
|
def self.clear_color_scheme_cache!
|
|
|
|
cache.hash.keys.select { |k| k =~ /color_definitions/ }.each { |k| cache.delete(k) }
|
|
|
|
end
|
|
|
|
|
2019-10-10 01:10:23 -04:00
|
|
|
def self.clear_core_cache!(targets)
|
|
|
|
cache.hash.keys.select { |k| k =~ /#{targets.join('|')}/ }.each { |k| cache.delete(k) }
|
|
|
|
end
|
|
|
|
|
|
|
|
def self.clear_plugin_cache!(plugin)
|
|
|
|
cache.hash.keys.select { |k| k =~ /#{plugin}/ }.each { |k| cache.delete(k) }
|
2017-04-12 10:52:52 -04:00
|
|
|
end
|
|
|
|
|
2020-08-18 13:02:13 -04:00
|
|
|
def self.color_scheme_cache_key(color_scheme, theme_id = nil)
|
2020-08-11 16:28:59 -04:00
|
|
|
color_scheme_name = Slug.for(color_scheme.name) + color_scheme&.id.to_s
|
2020-08-18 13:02:13 -04:00
|
|
|
theme_string = theme_id ? "_theme#{theme_id}" : ""
|
2021-07-06 13:11:10 -04:00
|
|
|
"#{COLOR_SCHEME_STYLESHEET}_#{color_scheme_name}_#{theme_string}_#{Discourse.current_hostname}"
|
2020-08-11 16:28:59 -04:00
|
|
|
end
|
|
|
|
|
2017-04-12 10:52:52 -04:00
|
|
|
def self.precompile_css
|
2021-07-06 13:11:10 -04:00
|
|
|
targets = [:desktop, :mobile, :desktop_rtl, :mobile_rtl, :admin, :wizard]
|
|
|
|
targets += Discourse.find_plugin_css_assets(include_disabled: true, mobile_view: true, desktop_view: true)
|
|
|
|
|
|
|
|
targets.each do |target|
|
|
|
|
$stderr.puts "precompile target: #{target}"
|
|
|
|
|
|
|
|
Stylesheet::Manager::Builder.new(target: target, manager: nil).compile(force: true)
|
|
|
|
end
|
|
|
|
end
|
|
|
|
|
|
|
|
def self.precompile_theme_css
|
2021-06-30 22:09:39 -04:00
|
|
|
themes = Theme.where('user_selectable OR id = ?', SiteSetting.default_theme_id).pluck(:id, :color_scheme_id)
|
2020-11-11 18:17:38 -05:00
|
|
|
|
|
|
|
color_schemes = ColorScheme.where(user_selectable: true).to_a
|
|
|
|
color_schemes << ColorScheme.find_by(id: SiteSetting.default_dark_mode_color_scheme_id)
|
2021-07-06 13:11:10 -04:00
|
|
|
color_schemes << ColorScheme.base
|
2020-11-11 18:17:38 -05:00
|
|
|
color_schemes = color_schemes.compact.uniq
|
|
|
|
|
2021-07-06 13:11:10 -04:00
|
|
|
targets = [:desktop_theme, :mobile_theme]
|
2021-06-30 22:09:39 -04:00
|
|
|
compiled = Set.new
|
2020-11-11 18:17:38 -05:00
|
|
|
|
2021-07-06 13:11:10 -04:00
|
|
|
themes.each do |theme_id, color_scheme_id|
|
2021-06-15 02:57:17 -04:00
|
|
|
manager = self.new(theme_id: theme_id)
|
2017-04-12 12:46:03 -04:00
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
targets.each do |target|
|
2021-07-06 13:11:10 -04:00
|
|
|
next if theme_id == -1
|
2021-06-30 22:09:39 -04:00
|
|
|
|
2021-07-06 13:11:10 -04:00
|
|
|
scss_checker = ScssChecker.new(target, manager.theme_ids)
|
2021-06-30 04:06:13 -04:00
|
|
|
|
2021-07-06 13:11:10 -04:00
|
|
|
manager.load_themes(manager.theme_ids).each do |theme|
|
|
|
|
next if compiled.include?("#{target}_#{theme.id}")
|
2021-06-30 04:06:13 -04:00
|
|
|
|
2021-07-06 13:11:10 -04:00
|
|
|
builder = Stylesheet::Manager::Builder.new(
|
2021-06-30 22:52:21 -04:00
|
|
|
target: target, theme: theme, manager: manager
|
2021-07-06 13:11:10 -04:00
|
|
|
)
|
|
|
|
|
|
|
|
next if theme.component && !scss_checker.has_scss(theme.id)
|
|
|
|
$stderr.puts "precompile target: #{target} #{theme.name}"
|
|
|
|
builder.compile(force: true)
|
|
|
|
compiled << "#{target}_#{theme.id}"
|
2021-05-20 02:01:54 -04:00
|
|
|
end
|
2017-04-12 10:52:52 -04:00
|
|
|
end
|
2020-08-03 22:57:10 -04:00
|
|
|
|
2021-07-06 13:11:10 -04:00
|
|
|
theme_color_scheme = ColorScheme.find_by_id(color_scheme_id)
|
2021-06-30 22:09:39 -04:00
|
|
|
theme = manager.get_theme(theme_id)
|
2020-08-03 22:57:10 -04:00
|
|
|
|
2021-07-06 13:11:10 -04:00
|
|
|
[theme_color_scheme, *color_schemes].compact.uniq.each do |scheme|
|
|
|
|
$stderr.puts "precompile target: #{COLOR_SCHEME_STYLESHEET} #{theme.name} (#{scheme.name})"
|
2020-11-11 18:17:38 -05:00
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
Stylesheet::Manager::Builder.new(
|
|
|
|
target: COLOR_SCHEME_STYLESHEET,
|
2021-06-30 22:09:39 -04:00
|
|
|
theme: theme,
|
2021-06-15 02:57:17 -04:00
|
|
|
color_scheme: scheme,
|
|
|
|
manager: manager
|
|
|
|
).compile(force: true)
|
2020-11-11 18:17:38 -05:00
|
|
|
end
|
2021-06-30 22:09:39 -04:00
|
|
|
|
2020-08-18 13:02:13 -04:00
|
|
|
clear_color_scheme_cache!
|
2020-08-03 22:57:10 -04:00
|
|
|
end
|
|
|
|
|
2017-04-12 10:52:52 -04:00
|
|
|
nil
|
|
|
|
end
|
|
|
|
|
|
|
|
def self.last_file_updated
|
|
|
|
if Rails.env.production?
|
2022-01-05 12:45:08 -05:00
|
|
|
@last_file_updated ||= if File.exist?(MANIFEST_FULL_PATH)
|
2017-04-12 10:52:52 -04:00
|
|
|
File.readlines(MANIFEST_FULL_PATH, 'r')[0]
|
|
|
|
else
|
|
|
|
mtime = max_file_mtime
|
|
|
|
FileUtils.mkdir_p(MANIFEST_DIR)
|
|
|
|
File.open(MANIFEST_FULL_PATH, "w") { |f| f.print(mtime) }
|
|
|
|
mtime
|
|
|
|
end
|
|
|
|
else
|
|
|
|
max_file_mtime
|
|
|
|
end
|
|
|
|
end
|
|
|
|
|
|
|
|
def self.max_file_mtime
|
2017-04-12 12:30:24 -04:00
|
|
|
globs = ["#{Rails.root}/app/assets/stylesheets/**/*.*css",
|
|
|
|
"#{Rails.root}/app/assets/images/**/*.*"]
|
2017-04-12 10:52:52 -04:00
|
|
|
|
|
|
|
Discourse.plugins.map { |plugin| File.dirname(plugin.path) }.each do |path|
|
2017-04-12 12:30:24 -04:00
|
|
|
globs << "#{path}/plugin.rb"
|
2021-04-28 12:27:18 -04:00
|
|
|
globs << "#{path}/assets/stylesheets/**/*.*css"
|
2017-04-12 10:52:52 -04:00
|
|
|
end
|
|
|
|
|
|
|
|
globs.map do |pattern|
|
|
|
|
Dir.glob(pattern).map { |x| File.mtime(x) }.max
|
|
|
|
end.compact.max.to_i
|
|
|
|
end
|
|
|
|
|
2018-08-08 00:46:34 -04:00
|
|
|
def self.cache_fullpath
|
2021-07-26 00:22:54 -04:00
|
|
|
path = "#{Rails.root}/#{CACHE_PATH}"
|
|
|
|
return path if !Rails.env.test?
|
|
|
|
File.join(path, "test_#{ENV['TEST_ENV_NUMBER'].presence || '0'}")
|
2018-08-08 00:46:34 -04:00
|
|
|
end
|
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
attr_reader :theme_ids
|
|
|
|
|
|
|
|
def initialize(theme_id: nil)
|
2021-06-17 22:16:26 -04:00
|
|
|
@theme_id = theme_id
|
2021-06-15 02:57:17 -04:00
|
|
|
@theme_ids = Theme.transform_ids(@theme_id)
|
|
|
|
@themes_cache = {}
|
2017-04-12 10:52:52 -04:00
|
|
|
end
|
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
def cache
|
|
|
|
self.class.cache
|
|
|
|
end
|
2017-04-12 10:52:52 -04:00
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
def get_theme(theme_id)
|
|
|
|
if theme = @themes_cache[theme_id]
|
|
|
|
theme
|
|
|
|
else
|
|
|
|
load_themes([theme_id]).first
|
2017-04-12 10:52:52 -04:00
|
|
|
end
|
2021-06-15 02:57:17 -04:00
|
|
|
end
|
2017-04-12 10:52:52 -04:00
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
def load_themes(theme_ids)
|
|
|
|
themes = []
|
|
|
|
to_load_theme_ids = []
|
2017-04-12 10:52:52 -04:00
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
theme_ids.each do |theme_id|
|
|
|
|
if @themes_cache[theme_id]
|
|
|
|
themes << @themes_cache[theme_id]
|
|
|
|
else
|
|
|
|
to_load_theme_ids << theme_id
|
2017-04-12 10:52:52 -04:00
|
|
|
end
|
|
|
|
end
|
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
Theme
|
|
|
|
.where(id: to_load_theme_ids)
|
|
|
|
.includes(:yaml_theme_fields, :theme_settings, :upload_fields, :builder_theme_fields)
|
|
|
|
.each do |theme|
|
2017-04-12 10:52:52 -04:00
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
@themes_cache[theme.id] = theme
|
|
|
|
themes << theme
|
|
|
|
end
|
2017-04-12 10:52:52 -04:00
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
themes
|
2017-04-12 10:52:52 -04:00
|
|
|
end
|
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
def stylesheet_data(target = :desktop)
|
|
|
|
stylesheet_details(target, "all")
|
2017-04-12 10:52:52 -04:00
|
|
|
end
|
|
|
|
|
2022-07-04 12:23:09 -04:00
|
|
|
def stylesheet_preload_tag(target = :desktop, media = 'all')
|
|
|
|
stylesheets = stylesheet_details(target, media)
|
|
|
|
stylesheets.map do |stylesheet|
|
|
|
|
href = stylesheet[:new_href]
|
|
|
|
%[<link href="#{href}" rel="preload" as="style"/>]
|
|
|
|
end.join("\n").html_safe
|
|
|
|
end
|
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
def stylesheet_link_tag(target = :desktop, media = 'all')
|
|
|
|
stylesheets = stylesheet_details(target, media)
|
|
|
|
stylesheets.map do |stylesheet|
|
|
|
|
href = stylesheet[:new_href]
|
|
|
|
theme_id = stylesheet[:theme_id]
|
|
|
|
data_theme_id = theme_id ? "data-theme-id=\"#{theme_id}\"" : ""
|
2021-07-15 12:51:46 -04:00
|
|
|
theme_name = stylesheet[:theme_name]
|
2021-12-13 05:50:09 -05:00
|
|
|
data_theme_name = theme_name ? "data-theme-name=\"#{CGI.escapeHTML(theme_name)}\"" : ""
|
2021-07-15 12:51:46 -04:00
|
|
|
%[<link href="#{href}" media="#{media}" rel="stylesheet" data-target="#{target}" #{data_theme_id} #{data_theme_name}/>]
|
2021-06-15 02:57:17 -04:00
|
|
|
end.join("\n").html_safe
|
2017-04-12 10:52:52 -04:00
|
|
|
end
|
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
def stylesheet_details(target = :desktop, media = 'all')
|
|
|
|
target = target.to_sym
|
|
|
|
current_hostname = Discourse.current_hostname
|
2021-07-06 13:11:10 -04:00
|
|
|
is_theme_target = !!(target.to_s =~ THEME_REGEX)
|
|
|
|
|
|
|
|
array_cache_key = is_theme_target ?
|
|
|
|
"array_themes_#{@theme_ids.join(",")}_#{target}_#{current_hostname}" :
|
|
|
|
"array_#{target}_#{current_hostname}"
|
2017-04-12 10:52:52 -04:00
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
stylesheets = cache[array_cache_key]
|
|
|
|
return stylesheets if stylesheets.present?
|
2017-04-12 10:52:52 -04:00
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
@@lock.synchronize do
|
|
|
|
stylesheets = []
|
2017-04-12 10:52:52 -04:00
|
|
|
|
2021-07-06 13:11:10 -04:00
|
|
|
if is_theme_target
|
2021-07-15 12:51:46 -04:00
|
|
|
scss_checker = ScssChecker.new(target, @theme_ids)
|
|
|
|
themes = load_themes(@theme_ids)
|
2021-07-06 13:11:10 -04:00
|
|
|
themes.each do |theme|
|
|
|
|
theme_id = theme&.id
|
2021-07-15 12:51:46 -04:00
|
|
|
data = { target: target, theme_id: theme_id, theme_name: theme&.name.downcase, remote: theme.remote_theme_id? }
|
2021-07-06 13:11:10 -04:00
|
|
|
builder = Builder.new(target: target, theme: theme, manager: self)
|
2021-07-15 12:51:46 -04:00
|
|
|
|
|
|
|
next if builder.theme&.component && !scss_checker.has_scss(theme_id)
|
2022-01-05 12:45:08 -05:00
|
|
|
builder.compile unless File.exist?(builder.stylesheet_fullpath)
|
2022-02-14 14:53:39 -05:00
|
|
|
href = builder.stylesheet_absolute_url
|
2021-06-21 20:27:11 -04:00
|
|
|
|
2021-07-06 13:11:10 -04:00
|
|
|
data[:new_href] = href
|
|
|
|
stylesheets << data
|
2021-06-30 09:33:15 -04:00
|
|
|
end
|
2021-07-15 12:51:46 -04:00
|
|
|
|
2021-08-24 21:37:07 -04:00
|
|
|
if stylesheets.size > 1
|
2021-07-15 12:51:46 -04:00
|
|
|
stylesheets = stylesheets.sort_by do |s|
|
|
|
|
[
|
|
|
|
s[:remote] ? 0 : 1,
|
|
|
|
s[:theme_id] == @theme_id ? 1 : 0,
|
|
|
|
s[:theme_name]
|
|
|
|
]
|
|
|
|
end
|
|
|
|
end
|
2021-07-06 13:11:10 -04:00
|
|
|
else
|
|
|
|
builder = Builder.new(target: target, manager: self)
|
2022-01-05 12:45:08 -05:00
|
|
|
builder.compile unless File.exist?(builder.stylesheet_fullpath)
|
2022-02-14 14:53:39 -05:00
|
|
|
href = builder.stylesheet_absolute_url
|
2021-07-06 13:11:10 -04:00
|
|
|
|
|
|
|
data = { target: target, new_href: href }
|
2021-06-15 02:57:17 -04:00
|
|
|
stylesheets << data
|
2017-04-12 10:52:52 -04:00
|
|
|
end
|
2021-06-15 02:57:17 -04:00
|
|
|
|
|
|
|
cache.defer_set(array_cache_key, stylesheets.freeze)
|
|
|
|
stylesheets
|
2017-04-12 10:52:52 -04:00
|
|
|
end
|
|
|
|
end
|
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
def color_scheme_stylesheet_details(color_scheme_id = nil, media)
|
2021-06-17 22:16:26 -04:00
|
|
|
theme_id = @theme_id || SiteSetting.default_theme_id
|
2017-04-12 10:52:52 -04:00
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
color_scheme = begin
|
|
|
|
ColorScheme.find(color_scheme_id)
|
|
|
|
rescue
|
|
|
|
# don't load fallback when requesting dark color scheme
|
|
|
|
return false if media != "all"
|
2021-04-27 09:33:43 -04:00
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
get_theme(theme_id)&.color_scheme || ColorScheme.base
|
2017-04-12 10:52:52 -04:00
|
|
|
end
|
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
return false if !color_scheme
|
2018-03-04 19:04:23 -05:00
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
target = COLOR_SCHEME_STYLESHEET.to_sym
|
|
|
|
current_hostname = Discourse.current_hostname
|
|
|
|
cache_key = self.class.color_scheme_cache_key(color_scheme, theme_id)
|
|
|
|
stylesheets = cache[cache_key]
|
|
|
|
return stylesheets if stylesheets.present?
|
2018-08-30 06:53:03 -04:00
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
stylesheet = { color_scheme_id: color_scheme.id }
|
2018-08-08 00:46:34 -04:00
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
theme = get_theme(theme_id)
|
2018-08-08 00:46:34 -04:00
|
|
|
|
2021-06-21 00:44:41 -04:00
|
|
|
builder = Builder.new(
|
|
|
|
target: target,
|
|
|
|
theme: get_theme(theme_id),
|
|
|
|
color_scheme: color_scheme,
|
|
|
|
manager: self
|
|
|
|
)
|
|
|
|
|
2022-01-05 12:45:08 -05:00
|
|
|
builder.compile unless File.exist?(builder.stylesheet_fullpath)
|
2021-06-21 00:44:41 -04:00
|
|
|
|
2022-02-14 14:53:39 -05:00
|
|
|
href = builder.stylesheet_absolute_url
|
2021-06-21 00:44:41 -04:00
|
|
|
stylesheet[:new_href] = href
|
|
|
|
cache.defer_set(cache_key, stylesheet.freeze)
|
|
|
|
stylesheet
|
2018-06-13 09:54:26 -04:00
|
|
|
end
|
|
|
|
|
2022-07-04 12:23:09 -04:00
|
|
|
def color_scheme_stylesheet_preload_tag(color_scheme_id = nil, media = 'all')
|
|
|
|
stylesheet = color_scheme_stylesheet_details(color_scheme_id, media)
|
|
|
|
|
|
|
|
return '' if !stylesheet
|
|
|
|
|
|
|
|
href = stylesheet[:new_href]
|
|
|
|
|
|
|
|
%[<link href="#{href}" rel="preload" as="style"/>].html_safe
|
|
|
|
end
|
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
def color_scheme_stylesheet_link_tag(color_scheme_id = nil, media = 'all')
|
|
|
|
stylesheet = color_scheme_stylesheet_details(color_scheme_id, media)
|
2020-08-11 16:28:59 -04:00
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
return '' if !stylesheet
|
2017-04-12 10:52:52 -04:00
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
href = stylesheet[:new_href]
|
2017-04-12 10:52:52 -04:00
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
css_class = media == 'all' ? "light-scheme" : "dark-scheme"
|
2017-04-12 10:52:52 -04:00
|
|
|
|
2021-06-15 02:57:17 -04:00
|
|
|
%[<link href="#{href}" media="#{media}" rel="stylesheet" class="#{css_class}"/>].html_safe
|
2017-04-12 10:52:52 -04:00
|
|
|
end
|
|
|
|
end
|