Tiny MCE Alchemy Skin css doesn't not get compiled in production

[ck2000]

Steps to reproduce

I am using rails 7.2 and alchemy_cms (7.3.0). In production the I am getting a 404 not found failed to load resource: the server responded with a status of 404 () mydomain.com/assets/tinymce/skins/ui/alchemy/content.min.css and my domain.com/assets/tinymce/skins/ui/alchemy/skin.min.css

On my server the current/public/assets/tinymce directory does not include a skins directory...

The TinyMCE editor does not work...

my environments/production.rb

require "active_support/core_ext/integer/time"

Rails.application.configure do
  # Settings specified here will take precedence over those in config/application.rb.

  # Code is not reloaded between requests.
  config.enable_reloading = false

  # Eager load code on boot. This eager loads most of Rails and
  # your application in memory, allowing both threaded web servers
  # and those relying on copy on write to perform better.
  # Rake tasks automatically ignore this option for performance.
  config.eager_load = true

  # Full error reports are disabled and caching is turned on.
  config.consider_all_requests_local = false
  config.action_controller.perform_caching = true

  # Do not fall back to assets pipeline if a precompiled asset is missed.
  config.assets.compile = false

  # Store uploaded files on the local file system (see config/storage.yml for options).
  config.active_storage.service = :amazon

  # Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies.
  config.force_ssl = true

  # Log to STDOUT by default
  config.logger = ActiveSupport::Logger.new(STDOUT)
    .tap  { |logger| logger.formatter = ::Logger::Formatter.new }
    .then { |logger| ActiveSupport::TaggedLogging.new(logger) }

  # Prepend all log lines with the following tags.
  config.log_tags = [ :request_id ]

  # "info" includes generic and useful information about system operation, but avoids logging too much
  # information to avoid inadvertent exposure of personally identifiable information (PII). If you
  # want to log everything, set the level to "debug".
  config.log_level = ENV.fetch("RAILS_LOG_LEVEL", "info")

  # Disable caching for Action Mailer templates even if Action Controller
  # caching is enabled.
  config.action_mailer.perform_caching = false

  # Ignore bad email addresses and do not raise email delivery errors.
  # Set this to true and configure the email server for immediate delivery to raise delivery errors.
  # config.action_mailer.raise_delivery_errors = false

  # Enable locale fallbacks for I18n (makes lookups for any locale fall back to
  # the I18n.default_locale when a translation cannot be found).
  config.i18n.fallbacks = true

  # Don't log any deprecations.
  config.active_support.report_deprecations = false

  # Do not dump schema after migrations.
  config.active_record.dump_schema_after_migration = false
end

Expected behavior

TinyMCE does load as it is doing in development.

Actual behavior

Tell us what happens instead

System configuration

• Alchemy Version: 7.3.0
• Rails Version: 7.2

[tvdeyen]

The skin does not need to be compiled anymore. Alchemy now includes a compiled css file that gets served by Sprockets.

The file that is configured in the default config is at /assets/tinymce/skins/content/alchemy/content.min.css. It seems it tries to load /assets/tinymce/skins/ui/alchemy/content.min.css, which is not correct.

Do you have a custom Tinymce config?

[ck2000]

Thank you for your response. I am using Alchemy out of the box.

I have created a monkey patch / rake task which solves the issue temporarily:

namespace :assets do
desc 'Copy tinymce content.min.css without digest'
task copy_tinymce_css: :environment do
source_content = Rails.root.join('app/assets/stylesheets/tinymce/skins/ui/alchemy/content.min.css')
source_skin = Rails.root.join('app/assets/stylesheets/tinymce/skins/ui/alchemy/skin.min.css')
destination_skin = '/home/k1/www/boardclub/current/public/assets/tinymce/skins/ui/alchemy'
destination_content = '/home/k1/www/boardclub/current/public/assets/tinymce/skins/content/alchemy'

# Create the destination directory if it doesn't exist
p "Create the destination directories ... #{destination_skin}"
FileUtils.mkdir_p(destination_skin)
p "Create the destination directories ... #{destination_content}"
FileUtils.mkdir_p(destination_content)

# Copy the file to the public/assets directory without digest
FileUtils.cp(source_content, destination_content +'/content.min.css')
FileUtils.cp(source_skin, destination_skin + '/skin.min.css')

puts "Tinymce skin.min.css and content.min.css copied to #{destination_skin} and #{destination_content}"

end
end

[tvdeyen]

This is interesting, since we deal with this in https://github.com/AlchemyCMS/alchemy_cms/blob/7.3-stable/lib/non_stupid_digest_assets.rb called here

alchemy_cms/lib/alchemy/engine.rb

Line 20 in 115da13

NonStupidDigestAssets.whitelist += [/^tinymce\//]

[tvdeyen]

Found the issue. Fix upcoming