comfy_middle_seat 3.2.0

data/CONTRIBUTING.md

@@ -0,0 +1,42 @@
+# Contributing
+
+Contribute your code to ComfortableMediaSurfer in 5 easy steps:
+
+### 1. Fork it
+
+Fork the project. Optionally, create a branch you want to work on.
+
+### 2. Get it running locally
+
+- Install gem dependencies with `bundle install`
+- There's nothing to configure, by default database is SQLite so it will be
+  created for you. Just run `bundle exec rake db:migrate`
+- Prepare the environment by running `rails comfy:compile_assets`, and
+  `rake db:test:prepare`
+- Make sure that existing tests are passing by running `bundle exec rake test`.
+  This uses six isolated workers by default, merges their coverage, and records
+  per-file runtimes in `tmp/parallel_runtime_test.log` for future balancing.
+  Set `PARALLEL_WORKERS` to tune the worker count, or run
+  `bundle exec rake test:serial` for a serial coverage run.
+- There are system tests that can be run with `bundle exec rake test:system`.
+  You need to have `chromedriver` installed for that.
+- You should be able to start the app via `bin/rails s` and navigate to http://localhost:3000/admin
+  and log in with username 'user' and password 'pass'
+
+### 3. Hack away
+
+- Create a few small pull requests instead of a humoungous one. I can merge small stuff faster.
+- When adding new code just make sure it follows the same style as the existing code.
+- Avoid adding 3rd party dependencies if you can.
+- Tests please, but nothing complicated. UnitTest / Fixtures all the way. Make sure all tests pass.
+- Run `bundle exec rubocop` and fix any issues raised.
+
+### 4. Make a pull request
+
+- If you never done it before read this: https://help.github.com/articles/using-pull-requests
+- When PR is submitted check if Github actions CI ran all tests successfully
+
+### 5. Done!
+
+If everything is good your changes will be merged into master branch. Eventually
+a new version of gem will be published.

data/Gemfile

@@ -0,0 +1,44 @@
+# frozen_string_literal: true
+
+source 'https://rubygems.org'
+git_source(:github) { |repo| "https://github.com/#{repo}.git" }
+
+gemspec
+
+gem 'rails', '~> 8.1.0'
+
+group :development, :test do
+  gem 'autoprefixer-rails', '~> 10.4.21.0'
+  gem 'byebug',             '~> 13.0.0', platforms: %i[mri mingw x64_mingw]
+  gem 'gem-release'
+  gem 'image_processing',   '>= 1.12.2'
+  gem 'propshaft',          '~> 1.3.1'
+  gem 'sqlite3',            '>= 2.1'
+  # gem 'mysql2',             '~> 0.5'
+  # gem 'pg',                 '~> 1.5.4'
+end
+
+group :development do
+  gem 'listen',       '~> 3.10.0'
+  gem 'web-console',  '~> 4.2'
+end
+
+group :test do
+  gem 'brakeman'
+  gem 'bundler-audit',            '~> 0.9.1'
+  gem 'coveralls_reborn',         '~> 0.29.0', require: false
+  gem 'cuprite',                  '>= 0.15'
+  gem 'diffy'
+  gem 'equivalent-xml',           '~> 0.6.0'
+  gem 'minitest',                 '< 6.0.0'
+  gem 'minitest-reporters',       '>= 1.6.1'
+  gem 'mocha',                    '>= 2.3.0', require: false
+  gem 'ostruct'
+  gem 'parallel_tests', '~> 5.7', require: false
+  gem 'puma'
+  gem 'rails-controller-testing', '~> 1.0.5'
+  gem 'rubocop',                  require: false
+  gem 'rubocop-minitest'
+  gem 'rubocop-rails'
+  gem 'simplecov', '~> 0.22.0', require: false
+end

data/LICENSE

@@ -0,0 +1,20 @@
+Copyright (c) 2010-2019 Oleg Khabarov, (c) 2024 Shakacode LLC
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,158 @@
+[![Rails CI](https://github.com/avonderluft/comfy-middle-seat/actions/workflows/rubyonrails.yml/badge.svg)](https://github.com/avonderluft/comfy-middle-seat/actions/workflows/rubyonrails.yml)
+[![Gem Version](https://img.shields.io/gem/v/comfy_middle_seat.svg?style=flat)](https://rubygems.org/gems/comfy_middle_seat)
+[![Gem Downloads](https://img.shields.io/gem/dt/comfy_middle_seat.svg?style=flat)](https://rubygems.org/gems/comfy_middle_seat)
+[![GitHub Release Date - Published_At](https://img.shields.io/github/release-date/avonderluft/comfy-middle-seat?label=last%20release&color=seagreen)](https://github.com/avonderluft/comfy-middle-seat/releases)
+
+# Comfy Middle Seat
+
+Comfy Middle Seat is a Rails CMS (Content Management System) engine, published as `comfy_middle_seat`. It keeps the Comfortable Media Surfer implementation and pays homage to the original Comfortable Mexican Sofa—with the same C.M.S. initials and a new place to sit.
+
+The `ComfortableMediaSurfer` Ruby namespace, configuration, and internal paths remain unchanged. Only the gem's public name changes; there is no need to rename existing Surfer initializers or database tables.
+
+## Project History
+
+- **[Comfortable Mexican Sofa](https://github.com/comfy/comfortable-mexican-sofa)**, created by Oleg Khabarov, is the original Rails CMS on which this project is built.
+- **[Comfortable Media Surfer](https://github.com/shakacode/comfortable-media-surfer)** revived Sofa under ShakaCode, continuing its development for modern Rails applications.
+- **Comfy Middle Seat** is a fork of Comfortable Media Surfer, published under a new gem name while retaining its implementation and API.
+
+See the [CHANGELOG](CHANGELOG.md) for the inherited development history, and the original [Sofa releases](https://github.com/comfy/comfortable-mexican-sofa/releases) and [Surfer releases](https://github.com/shakacode/comfortable-media-surfer/releases) for earlier releases.
+
+## Features
+
+- Simple drop-in integration with Rails 7.2+ apps with minimal configuration
+* The CMS keeps clear from the rest of your application
+* Powerful page templating capability using [Content Tags](https://github.com/shakacode/comfortable-media-surfer/wiki/Docs:-Content-Tags)
+* [Multiple Sites](https://github.com/shakacode/comfortable-media-surfer/wiki/Docs:-Sites) from a single installation
+* Multi-Language Support (i18n) (ca, cs, da, de, en, es, fi, fr, gr, hr, it, ja, nb, nl, pl, pt-BR, ru, sv, tr, uk, zh-CN, zh-TW) and page localization.
+* [CMS Seeds](https://github.com/shakacode/comfortable-media-surfer/wiki/Docs:-CMS-Seeds) for initial content population
+* [Revision History](https://github.com/shakacode/comfortable-media-surfer/wiki/Docs:-Revisions) to revert changes
+* [Extendable Admin Area](https://github.com/shakacode/comfortable-media-surfer/wiki/HowTo:-Reusing-Admin-Area) built with [Bootstrap 4](http://getbootstrap.com) (responsive design). Using [CodeMirror](http://codemirror.net) for HTML and Markdown highlighing and [Redactor](http://imperavi.com/redactor) as the WYSIWYG editor.
+
+## Dependencies
+
+- File attachments are handled by [ActiveStorage](https://github.com/rails/rails/tree/master/activestorage). Make sure that you can run appropriate migrations by running: `rails active_storage:install`
+- Image resizing is done with with [ImageMagick](http://www.imagemagick.org/script/download.php), so make sure it's installed.
+- Pagination is handled by [kaminari](https://github.com/amatsuda/kaminari).
+
+## Compatibility
+
+On Ruby 3.2+, 4.x, Rails 7.2+, 8.x
+
+## Installation
+
+Add gem definition to your Gemfile:
+
+```ruby
+gem "comfy_middle_seat", "~> 3.1.0"
+```
+
+Then from the Rails project's root run:
+
+```
+    bundle install
+    rails generate comfy:cms
+    rails db:migrate
+    rails comfy:compile_assets
+```
+
+Now take a look inside your `config/routes.rb` file. You'll see where routes attach for the admin area and content serving. Make sure that content serving route appears as a very last item or it will make all other routes to be inaccessible.
+
+```ruby
+comfy_route :cms_admin, path: "/admin"
+comfy_route :cms, path: "/"
+```
+
+## Converting from Comfortable Media Surfer, Comfortable Mexican Sofa, or Occams
+
+### From Surfer to Middle Seat
+
+Replace `comfortable_media_surfer` in your Gemfile with `comfy_middle_seat` and run `bundle install`. Do not include both gems. Existing `ComfortableMediaSurfer` configuration and database tables remain unchanged.
+
+### From Sofa to Middle Seat
+
+The database structure is the same.  Your Sofa project will also need to be upgraded to >= Rails 7.x  
+Then you should simply be able to update your Gemfile thus, and run bundle
+
+```ruby
+gem 'comfy_middle_seat', '~> 3.1.0'
+```
+
+### From Occams to Middle Seat
+
+Again the project must be >= Rails 7.x.  Since the schema is different, executing this SQL should get you set for Middle Seat
+
+```sql
+ALTER TABLE occams_cms_categories RENAME TO comfy_cms_categories;
+ALTER TABLE occams_cms_categorizations RENAME TO comfy_cms_categorizations;
+ALTER TABLE occams_cms_files RENAME TO comfy_cms_files;
+ALTER TABLE occams_cms_fragments RENAME TO comfy_cms_fragments;
+ALTER TABLE occams_cms_layouts RENAME TO comfy_cms_layouts;
+ALTER TABLE occams_cms_pages RENAME TO comfy_cms_pages;
+ALTER TABLE occams_cms_revisions RENAME TO comfy_cms_revisions;
+ALTER TABLE occams_cms_sites RENAME TO comfy_cms_sites;
+ALTER TABLE occams_cms_snippets RENAME TO comfy_cms_snippets;
+ALTER TABLE occams_cms_translations RENAME TO comfy_cms_translations;
+UPDATE comfy_cms_categories SET categorized_type = 'Comfy::Cms::Page' WHERE categorized_type = 'Occams::Cms::Page';
+UPDATE comfy_cms_categorizations SET categorized_type = 'Comfy::Cms::Page' WHERE categorized_type = 'Occams::Cms::Page';
+UPDATE comfy_cms_fragments SET record_type = 'Comfy::Cms::Page' WHERE record_type = 'Occams::Cms::Page';
+UPDATE comfy_cms_fragments SET record_type = 'Comfy::Cms::Layout' WHERE record_type = 'Occams::Cms::Layout';
+UPDATE comfy_cms_fragments SET record_type = 'Comfy::Cms::Snippet' WHERE record_type = 'Occams::Cms::Snippet';
+UPDATE comfy_cms_revisions SET record_type = 'Comfy::Cms::Page' WHERE record_type = 'Occams::Cms::Page';
+UPDATE comfy_cms_revisions SET record_type = 'Comfy::Cms::Layout' WHERE record_type = 'Occams::Cms::Layout';
+UPDATE comfy_cms_revisions SET record_type = 'Comfy::Cms::Snippet' WHERE record_type = 'Occams::Cms::Snippet';
+UPDATE active_storage_attachments SET record_type = 'Comfy::Cms::File' WHERE record_type = 'Occams::Cms::File';
+```
+
+## Quick Start Guide
+
+After finishing installation you should be able to navigate to http://localhost:3000/admin
+
+Default username and password is 'user' and 'pass'. You probably want to change it right away. Admin credentials (among other things) can be found and changed in your app's CMS initializer: `config/initializers/comfortable_media_surfer.rb`. The initializer retains its Surfer name for compatibility.
+
+Before creating pages and populating them with content we need to create a Site. Site defines a hostname, content path and its language.
+
+After creating a Site, you need to make a Layout. Layout is the template of your pages; it defines some reusable content (like header and footer, for example) and places where the content goes. A very simple layout can look like this:
+
+```html
+<html>
+  <body>
+    <h1>{{ cms:text title }}</h1>
+    {{ cms:wysiwyg content }}
+  </body>
+</html>
+```
+
+Once you have a layout, you may start creating pages and populating content. It's that easy.
+
+## Documentation
+
+The [Comfortable Media Surfer Wiki](https://github.com/shakacode/comfortable-media-surfer/wiki) remains the upstream reference for the inherited CMS features, including [Content Tags](https://github.com/shakacode/comfortable-media-surfer/wiki/Docs:-Content-Tags). The feature links above also point to that wiki. When following its installation instructions, use the `comfy_middle_seat` gem; Ruby examples using `ComfortableMediaSurfer` retain that namespace.
+
+## Add-ons
+
+If you want to add a Blog functionality to your app take a look at
+[ComfyBlog](https://github.com/comfy/comfy-blog).
+
+![Admin Area Preview](doc/preview.jpg)
+
+
+#### Contributing
+
+Comfy Middle Seat can run like any Rails application in development. It's as easy to work on as any other Rails app. For more detail see [CONTRIBUTING](CONTRIBUTING.md). The inherited development instructions may still refer to Comfortable Media Surfer.
+
+#### Testing
+
+- `bin/rails db:migrate RAILS_ENV=test`
+- `rake db:test:prepare`
+- `rake test`
+
+#### Acknowledgements
+
+- To [Oleg Khabarov](https://github.com/GBH) and the contributors to [Comfortable Mexican Sofa](https://github.com/comfy/comfortable-mexican-sofa), the original CMS.
+- To [ShakaCode](https://github.com/shakacode) and the contributors to [Comfortable Media Surfer](https://github.com/shakacode/comfortable-media-surfer), whose revival this fork builds on.
+- To [Roman Almeida](https://github.com/nasmorn) for contributing OEM License for [Redactor Text Editor](http://imperavi.com/redactor).
+
+---
+
+Copyright 2010-2019 Oleg Khabarov, 2024-2026 ShakaCode LLC, 2026 Andrew vonderLuft
+Released under the [MIT license](LICENSE)

data/Rakefile

@@ -0,0 +1,206 @@
+# frozen_string_literal: true
+
+require_relative 'config/application'
+require 'open3'
+require 'parallel_tests/tasks'
+require 'rake/testtask'
+require 'stringio'
+
+Rails.application.load_tasks
+
+module ComfortableMediaSurferTestOutput
+  SUMMARY = %r{(?<assertions>\d+) assertions, (?<errors>\d+) errors, (?<failures>\d+) failures, (?<skips>\d+) skips?, (?<tests>\d+) tests}
+  COLORS = { green: 32, yellow: 33, red: 31, cyan: 36 }.freeze
+
+  class Progress
+    def initialize(io)
+      @io = io
+      @line = +''
+      @pending = +''
+      @awaiting_blank = false
+      @expecting_progress = false
+      @printing_progress = false
+    end
+
+    def feed(chunk)
+      chunk.each_char { |character| consume(character) }
+      flush
+    end
+
+    def finish
+      flush
+      @io.puts if @printing_progress
+    end
+
+  private
+
+    def consume(character)
+      return if character == "\r"
+      return finish_line if character == "\n"
+
+      if @expecting_progress && character.match?(%r{[.EFS]})
+        @printing_progress = true
+        @pending << character
+      elsif @printing_progress
+        flush
+        @io.puts
+        @printing_progress = false
+        @expecting_progress = false
+        @line = +character
+      else
+        @expecting_progress = false if @expecting_progress
+        @line << character
+      end
+    end
+
+    def finish_line
+      flush
+      if @printing_progress
+        @io.puts
+        @expecting_progress = false
+      elsif @line.start_with?('# Running tests')
+        @awaiting_blank = true
+      elsif @awaiting_blank && @line.empty?
+        @expecting_progress = true
+        @awaiting_blank = false
+      end
+      @line.clear
+      @printing_progress = false
+    end
+
+    def flush
+      return if @pending.empty?
+
+      @io.print ComfortableMediaSurferTestOutput.progress_color(@pending)
+      @io.flush
+      @pending.clear
+    end
+  end
+
+module_function
+
+  def capture(env, command)
+    output = +''
+    errors = +''
+    status = nil
+    started_at = Process.clock_gettime(Process::CLOCK_MONOTONIC)
+    progress = Progress.new($stdout)
+
+    Open3.popen3(env, *command) do |stdin, stdout, stderr, wait_thread|
+      stdin.close
+      error_reader = Thread.new { stderr.read }
+      loop do
+        chunk = stdout.readpartial(4096)
+        output << chunk
+        progress.feed(chunk)
+      end
+    rescue EOFError
+      errors = error_reader.value
+      status = wait_thread.value
+    ensure
+      progress.finish
+    end
+
+    elapsed = Process.clock_gettime(Process::CLOCK_MONOTONIC) - started_at
+    [output, errors, status, elapsed]
+  end
+
+  def color(text, name)
+    return text unless $stdout.tty? && !ENV.key?('NO_COLOR')
+
+    "\e[#{COLORS.fetch(name)}m#{text}\e[0m"
+  end
+
+  def progress_color(text)
+    return text unless $stdout.tty? && !ENV.key?('NO_COLOR')
+
+    highlighted = text.gsub('S', "\e[33mS\e[32m")
+      .gsub(%r{[EF]}) { |character| "\e[31m#{character}\e[32m" }
+    "\e[32m#{highlighted}\e[0m"
+  end
+
+  def summary(output)
+    counts = output.match(SUMMARY)
+    raise 'Could not read the parallel test summary' unless counts
+
+    "#{counts[:tests]} tests, #{counts[:assertions]} assertions, " \
+      "#{counts[:failures]} failures, #{counts[:errors]} errors, " \
+      "#{counts[:skips]} #{counts[:skips] == '1' ? 'skip' : 'skips'}"
+  end
+
+  def run_parallel
+    workers = ENV.fetch('PARALLEL_WORKERS', '6')
+    skip_coverage = ENV.fetch('SKIP_COV', nil)
+    FileUtils.rm_rf('coverage')
+    FileUtils.mkdir_p('tmp')
+    Rake::Task['parallel:prepare'].invoke(workers)
+
+    env = {
+      'PARALLEL_COVERAGE' => skip_coverage ? nil : 'true',
+      'RECORD_RUNTIME' => 'true',
+      'SKIP_COV' => skip_coverage,
+      'NO_COLOR' => '1',
+      'TMPDIR' => ENV.fetch('COMFY_TEST_TMPDIR', '/tmp')
+    }
+    command = [
+      'bundle', 'exec', 'parallel_test', 'test',
+      '--type', 'test',
+      '--exclude-pattern', 'test/system/',
+      '-n', workers
+    ]
+
+    puts color("Running tests (#{workers} workers)…", :cyan)
+    stdout, stderr, status, elapsed = capture(env, command)
+    unless status.success?
+      $stdout.write(stdout)
+      $stderr.write(stderr)
+      raise "Parallel tests failed with status #{status.exitstatus}"
+    end
+    $stderr.write(stderr) unless stderr.empty?
+    puts color(summary(stdout), :green)
+    puts color(format('Completed in %.1f seconds', elapsed), :cyan)
+
+    report_coverage unless skip_coverage
+  end
+
+  def report_coverage
+    require 'simplecov'
+    SimpleCov.coverage_dir File.expand_path('coverage', __dir__)
+    result = SimpleCov::ResultMerger.merged_result
+    quietly { SimpleCov::Formatter::HTMLFormatter.new.format(result) }
+    coverage = format('Coverage: %<percent>.2f%% (%<covered>d/%<total>d) — coverage/index.html',
+                      percent: result.covered_percent, covered: result.covered_lines, total: result.total_lines)
+    puts color(coverage, :green)
+  end
+
+  def quietly
+    previous = $stdout
+    $stdout = StringIO.new
+    yield
+  ensure
+    $stdout = previous
+  end
+end
+
+namespace :test do
+  task :prepare_serial do
+    FileUtils.rm_rf('coverage')
+    ENV['TMPDIR'] = ENV.fetch('COMFY_TEST_TMPDIR', '/tmp')
+  end
+
+  desc 'Run tests serially with coverage'
+  Rake::TestTask.new(:serial) do |task|
+    task.libs << 'test' << 'lib'
+    task.test_files = Rake::FileList['test/**/*_test.rb'].exclude('test/system/**/*_test.rb')
+    task.warning = false
+  end
+  Rake::Task['test:serial'].enhance(['test:prepare_serial'])
+
+  desc 'Run tests in isolated processes'
+  task(:parallel) { ComfortableMediaSurferTestOutput.run_parallel }
+end
+
+Rake::Task[:test].clear
+
+desc 'Run tests in parallel (default: 6 workers)'
+task test: 'test:parallel'

data/app/assets/config/manifest.js

@@ -0,0 +1 @@
+//= link_tree ../builds

data/app/assets/javascripts/comfy/admin/cms/application.js

@@ -0,0 +1,27 @@
+import jQuery from "jquery";
+import ujs from "@rails/ujs";
+
+window.jQuery = window.$ = jQuery;
+ujs.start();
+
+import "bootstrap/js/src/tab";
+import "bootstrap/js/src/collapse";
+
+import "../../vendor/diff/diff_match_patch.min";
+import "../../vendor/diff/pretty_text_diff";
+import "../../vendor/fontawesome";
+
+import "./base";
+import "./categories";
+import "./codemirror";
+import "./diff";
+import "./file_link";
+import "./file_upload";
+import "./files_modal";
+import "./page_fragments";
+import "./sortable_list";
+import "./slugify";
+import "./timepicker";
+import "./wysiwyg";
+
+import "./custom";

data/app/assets/javascripts/comfy/admin/cms/base.js

@@ -0,0 +1,48 @@
+(() => {
+  if (!window.CMS) window.CMS = {};
+  const CMS = window.CMS;
+
+  // TODO(glebm): Use the battle-tested universal onPageLoad code and enable Turbolinks+async in the demo app.
+  // See: https://gist.github.com/glebm/2496daf445877055447a6fac46509d9a
+  const isTurbolinks = "Turbolinks" in window && window.Turbolinks.supported;
+  if (isTurbolinks) {
+    document.addEventListener("turbolinks:load", () => {
+      window.CMS.init();
+    });
+    document.addEventListener("turbolinks:before-cache", () => {
+      window.CMS.dispose();
+    });
+  } else {
+    document.addEventListener("DOMContentLoaded", () => {
+      window.CMS.init();
+    });
+  }
+
+  CMS.init = () => {
+    CMS.current_path = window.location.pathname;
+    CMS.slugify();
+    CMS.codemirror.init();
+    CMS.wysiwyg.init();
+    CMS.sortableList.init();
+    CMS.timepicker.init();
+    CMS.pageFragments();
+    CMS.categories();
+    CMS.files.init();
+    CMS.fileLinks();
+    CMS.fileUpload.init();
+    CMS.diff();
+  };
+
+  CMS.dispose = () => {
+    CMS.codemirror.dispose();
+    CMS.wysiwyg.dispose();
+    CMS.files.dispose();
+    CMS.fileLinks.dispose();
+    CMS.fileUpload.dispose();
+    CMS.sortableList.dispose();
+    CMS.timepicker.dispose();
+  };
+
+  CMS.getLocale = () =>
+    document.querySelector('meta[name="cms-locale"]').content;
+})();

data/app/assets/javascripts/comfy/admin/cms/categories.js

@@ -0,0 +1,17 @@
+(() => {
+  window.CMS.categories = (root = document) => {
+    const widget = root.querySelector('.categories-widget');
+    if (widget === null) return;
+    const readSection = widget.querySelector('.read');
+    const editSection = widget.querySelector('.editable');
+    widget.querySelector('.read button.toggle-cat-edit').addEventListener('click', () => {
+      readSection.style.display = 'none';
+      editSection.style.display = 'block';
+    });
+    widget.querySelector('.editable button.toggle-cat-edit').addEventListener('click', () => {
+      editSection.style.display = 'none';
+      readSection.style.display = 'block';
+    });
+  };
+})();
+

data/app/assets/javascripts/comfy/admin/cms/codemirror.js

@@ -0,0 +1,43 @@
+import jQuery from "jquery";
+import CodeMirror from "codemirror";
+import "codemirror/mode/markdown/markdown";
+import "codemirror/mode/htmlmixed/htmlmixed";
+
+(() => {
+  const codeMirrorInstances = [];
+  window.CMS.codemirror = {
+    init(root = document) {
+      for (const textarea of root.querySelectorAll(
+        "textarea[data-cms-cm-mode]"
+      )) {
+        const codemirror = CodeMirror.fromTextArea(textarea, {
+          mode: textarea.dataset.cmsCmMode,
+          tabSize: 2,
+          lineWrapping: true,
+          autoCloseTags: true,
+          lineNumbers: true,
+          viewportMargin: Infinity,
+        });
+        codeMirrorInstances.push(codemirror);
+      }
+
+      const tabsRoot =
+        root.id === "form-fragments"
+          ? root
+          : root.querySelector("#form-fragments");
+      jQuery(tabsRoot)
+        .find('a[data-toggle="tab"]')
+        .on("shown.bs.tab", () => {
+          for (const codemirror of codeMirrorInstances) {
+            codemirror.refresh();
+          }
+        });
+    },
+    dispose() {
+      for (const codemirror of codeMirrorInstances) {
+        codemirror.toTextArea();
+      }
+      codeMirrorInstances.length = 0;
+    },
+  };
+})();

data/app/assets/javascripts/comfy/admin/cms/custom.js

@@ -0,0 +1 @@
+// Custom JS for the admin area

data/app/assets/javascripts/comfy/admin/cms/diff.js

@@ -0,0 +1,12 @@
+import jQuery from "jquery";
+
+(() => {
+  window.CMS.diff = () => {
+    jQuery(".revision").prettyTextDiff({
+      cleanup: true,
+      originalContainer: ".original",
+      changedContainer: ".current",
+      diffContainer: ".diff .content",
+    });
+  };
+})();