Add syntax form to preview other syntax highlights

Author: rossta

app/controllers/application_controller.rb

@@ -2,4 +2,5 @@ class ApplicationController < ActionController::Base
   include Erroring
   include Authentication
   include ColorScheming
+  include SyntaxHighlighting
 end

app/controllers/concerns/syntax_highlighting.rb

@@ -0,0 +1,21 @@
+module SyntaxHighlighting
+  extend ActiveSupport::Concern
+
+  included do
+    helper_method :find_syntax_highlight
+  end
+
+  def find_syntax_highlight
+    @syntax_highlight ||= preview_syntax_highlight || session_syntax_highlight || default_syntax_highlight
+  end
+
+  def preview_syntax_highlight_id = params.fetch(:settings, {}).permit(:syntax_highlight)[:syntax_highlight]
+
+  def session_syntax_highlight_id = session[:syntax_highlight]
+
+  def preview_syntax_highlight = @preview_syntax_highlight ||= preview_syntax_highlight_id && Settings::SyntaxHighlight.find(preview_syntax_highlight_id)
+
+  def session_syntax_highlight = @session_syntax_highlight ||= session_syntax_highlight_id && Settings::SyntaxHighlight.find(session_syntax_highlight_id)
+
+  def default_syntax_highlight = @default_syntax_highlight ||= Settings::SyntaxHighlight.default
+end

app/controllers/settings/syntax_highlights_controller.rb

@@ -0,0 +1,32 @@
+class Settings::SyntaxHighlightsController < ApplicationController
+  def show
+    render Settings::SyntaxHighlights::ShowView.new(
+      current_highlight: find_syntax_highlight,
+      available_highlights: Settings::SyntaxHighlight.curated
+    )
+  end
+
+  def update
+    # highlight = params[:syntax_highlight]
+    # if available_highlight_styles.include?(highlight)
+    #   current_user.update(syntax_highlight: highlight)
+    #   flash[:notice] = "Syntax highlight updated to #{highlight}"
+    # else
+    #   flash[:alert] = "Invalid syntax highlight choice"
+    # end
+    # redirect_to action: :show
+
+    syntax_highlight = params.fetch(:settings, {}).permit(:syntax_highlight)
+    @syntax_highlight = Settings::SyntaxHighlight.find(syntax_highlight)
+
+    redirect_to settings_syntax_highlight_path unless @syntax_highlight.present?
+
+    if @syntax_highlight == Settings::SyntaxHighlight.default
+      session.delete(:syntax_highlight)
+    else
+      session[:syntax_highlight] = @syntax_highlight.name
+    end
+
+    redirect_to settings_syntax_highlight_path, status: :see_other
+  end
+end

app/models/settings/syntax_highlight.rb

@@ -0,0 +1,51 @@
+class Settings::SyntaxHighlight
+  include ActiveModel::Model
+
+  class << self
+    def default
+      find("dracula")
+    end
+
+    def find(name)
+      if available_names.include?(name)
+        new(name: name)
+      else
+        raise ActiveRecord::RecordNotFound, "Couldn't find SyntaxHighlight with name '#{name}'"
+      end
+    end
+
+    def curated
+      available_names.map { |name| find(name) }
+    end
+
+    def available_names
+      @available_names ||= Dir.glob(css_glob_pattern).map { |file| File.basename(file, ".css") }
+    end
+
+    private
+
+    def css_glob_pattern
+      Rails.root.join("app", "assets", "stylesheets", "pygments", "*.css")
+    end
+  end
+
+  attr_accessor :name
+
+  def initialize(name:)
+    @name = name
+  end
+
+  def ==(other)
+    return false if other.nil? || !other.is_a?(self.class)
+
+    name == other.name
+  end
+
+  def path
+    Rails.root.join("app", "assets", "stylesheets", "pygments", "#{name}.css")
+  end
+
+  def asset_path
+    "pygments/#{name}.css"
+  end
+end

app/views/application/_footer.html.erb

@@ -17,6 +17,9 @@
         <li class="">
           <%= link_to "Settings", settings_color_scheme_path %>
         </li>
+        <li class="">
+          <%= link_to "Syntax Highlight", settings_syntax_highlight_path %>
+        </li>
         <!--
         <li>
           <ul>

app/views/application/theme/_code.html.erb

@@ -1 +1,2 @@
-<%= vite_stylesheet_tag "entrypoints/code/dracula.css", media: "all", "data-turbo-track": "reload" %>
+<%#= vite_stylesheet_tag "entrypoints/code/dracula.css", media: "all", "data-turbo-track": "reload" %>
+<%= stylesheet_link_tag find_syntax_highlight.asset_path, media: "all", "data-turbo-track": "reload" %>

app/views/settings/syntax_highlights/_example.html.erb

@@ -0,0 +1,3 @@
+<div id="example_<%= example.basename(".*") %>">
+  <%= render CodeBlock::AppFile.new(example.app_path, language: "ruby") %>
+</div>

app/views/settings/syntax_highlights/hello_world.rb renamed to app/views/settings/syntax_highlights/examples/hello_world.rb

@@ -0,0 +1,55 @@
+class Settings::SyntaxHighlights::Form < ApplicationView
+  include Phlex::Rails::Helpers::FormWith
+  include Phlex::Rails::Helpers::LinkTo
+  include Phlex::Rails::Helpers::ButtonTo
+  include Phlex::Rails::Helpers::ContentFor
+  include Phlex::Rails::Helpers::StylesheetLinkTag
+
+  def initialize(current_highlight:, available_highlights:)
+    @current_highlight = current_highlight
+    @available_highlights = available_highlights
+  end
+
+  def view_template
+    div(class: "grid grid-content") do
+      # if @current_highlight != Settings::SyntaxHighlight.default
+      stylesheet_link_tag @current_highlight.asset_path
+      # end
+
+      p {
+        plain %(Current syntax highlight style:)
+        strong { @current_highlight.name }
+      }
+      form_with(
+        model: @current_highlight,
+        url: settings_syntax_highlight_path,
+        method: :get
+      ) do |form|
+        fieldset {
+          form.label :name, "Choose a syntax highlight style:"
+          form.select :name,
+            syntax_highlight_options_for_select,
+            {
+              selected: @current_highlight.name
+            },
+            name: "settings[syntax_highlight]",
+            onchange: "this.form.requestSubmit()"
+        }
+      end
+
+      h2 { %(Preview) }
+      h3 { %(Ruby) }
+      render CodeBlock::AppFile.new("app/controllers/application_controller.rb", language: "ruby")
+      h3 { %(CSS) }
+      render CodeBlock::AppFile.new("app/javascript/css/components/page-header.css", language: "css")
+      h3 { %(HTML with ERB) }
+      render CodeBlock::AppFile.new("app/views/layouts/application.html.erb", language: "erb")
+    end
+  end
+
+  private
+
+  def syntax_highlight_options_for_select
+    @available_highlights.map { |highlight| [highlight.name, highlight.name] }
+  end
+end

app/views/settings/syntax_highlights/form.rb

@@ -0,0 +1,21 @@
+class Settings::SyntaxHighlights::ShowView < ApplicationView
+  include Phlex::Rails::Helpers::TurboFrameTag
+
+  def initialize(current_highlight:, available_highlights:)
+    @current_highlight = current_highlight
+    @available_highlights = available_highlights
+  end
+
+  def view_template
+    render Pages::Header.new(title: "Settings: Syntax Highlight")
+
+    section(class: %(secton-content container py-gap)) do
+      turbo_frame_tag "syntax-highlight-form" do
+        render Settings::SyntaxHighlights::Form.new(
+          current_highlight: @current_highlight,
+          available_highlights: @available_highlights
+        )
+      end
+    end
+  end
+end