Add js example to syntax highlight preview

Author: rossta

app/javascript/controllers/syntax-highlight/preview.js

@@ -1,15 +1,11 @@
 import { Controller } from '@hotwired/stimulus';
-import debug from '../../utils/debug';
-
-const console = debug('app:javascript:controllers:syntax-highlight:preview');
 
 export default class extends Controller {
   static values = {
-    name: String,
+    name: String, // The name of the syntax highlight css file to enable
   };
 
   connect() {
-    console.log('connect', this.nameValue);
     const name = this.nameValue;
     document
       .querySelectorAll('link[rel="stylesheet"][data-syntax-highlight]')

app/views/settings/syntax_highlights/form.rb

@@ -66,6 +66,8 @@ def each(&)
           CSS
         end
       end
+      h3 { %(JavaScript) }
+      render CodeBlock::AppFile.new("app/javascript/controllers/syntax-highlight/preview.js", language: "js")
       h3 { %(HTML with ERB) }
       render CodeBlock::AppFile.new("app/views/layouts/application.html.erb", language: "erb")
     end