rubyapi · colby-swandale · Oct 8, 2020 · Oct 8, 2020 · Oct 8, 2020 · Oct 8, 2020
diff --git a/...pt/controllers/code_example_controller.js → ...ontrollers/app/code_example_controller.js b/...pt/controllers/code_example_controller.js → ...ontrollers/app/code_example_controller.js
diff --git a/...pt/controllers/github_links_controller.js → ...ontrollers/app/github_links_controller.js b/...pt/controllers/github_links_controller.js → ...ontrollers/app/github_links_controller.js
diff --git a/app/javascript/controllers/index.js → app/javascript/controllers/app/index.js b/app/javascript/controllers/index.js → app/javascript/controllers/app/index.js
@@ -5,5 +5,5 @@ import { Application } from "stimulus"
 import { definitionsFromContext } from "stimulus/webpack-helpers"
 
 const application = Application.start()
-const context = require.context("controllers", true, /_controller\.js$/)
+const context = require.context("controllers/app", true, /_controller\.js$/)
 application.load(definitionsFromContext(context))
diff --git a/...vascript/controllers/method_controller.js → ...ript/controllers/app/method_controller.js b/...vascript/controllers/method_controller.js → ...ript/controllers/app/method_controller.js
diff --git a/...pt/controllers/ruby_version_controller.js → ...ontrollers/app/ruby_version_controller.js b/...pt/controllers/ruby_version_controller.js → ...ontrollers/app/ruby_version_controller.js
diff --git a/...vascript/controllers/search_controller.js → ...ript/controllers/app/search_controller.js b/...vascript/controllers/search_controller.js → ...ript/controllers/app/search_controller.js
diff --git a/...pt/controllers/theme-switch_controller.js → ...ontrollers/app/theme-switch_controller.js b/...pt/controllers/theme-switch_controller.js → ...ontrollers/app/theme-switch_controller.js
diff --git a/app/javascript/controllers/repl/index.js b/app/javascript/controllers/repl/index.js
@@ -0,0 +1,9 @@
+// Load all the controllers within this directory and all subdirectories.
+// Controller files must be named *_controller.js.
+
+import { Application } from "stimulus"
+import { definitionsFromContext } from "stimulus/webpack-helpers"
+
+const application = Application.start()
+const context = require.context("controllers/repl", true, /_controller\.js$/)
+application.load(definitionsFromContext(context))
diff --git a/...javascript/controllers/repl_controller.js → ...cript/controllers/repl/repl_controller.js b/...javascript/controllers/repl_controller.js → ...cript/controllers/repl/repl_controller.js
@@ -1,5 +1,5 @@
 import { Controller } from "stimulus"
-import * as monaco from "monaco-editor"
+import * as monaco from 'monaco-editor/esm/vs/editor/editor.api.js'
 import hotkeys from "hotkeys-js"
 
 export default class extends Controller {

diff --git a/app/javascript/packs/application.js b/app/javascript/packs/application.js
@@ -8,4 +8,4 @@
 // layout file, like app/views/layouts/application.html.erb
 
 import "./app"
-import "controllers"
+import "controllers/app"
diff --git a/app/javascript/packs/repl.js b/app/javascript/packs/repl.js
@@ -0,0 +1,11 @@
+/* eslint no-console:0 */
+// This file is automatically compiled by Webpack, along with any other files
+// present in this directory. You're encouraged to place your actual application logic in
+// a relevant structure within app/javascript and only use these pack files to reference
+// that code so it'll be compiled.
+//
+// To reference this file, add <%= javascript_pack_tag 'application' %> to the appropriate
+// layout file, like app/views/layouts/application.html.erb
+
+import "./app"
+import "controllers/repl"
diff --git a/app/views/layouts/application.html.slim b/app/views/layouts/application.html.slim
@@ -17,6 +17,7 @@ html lang="en"
     = stylesheet_pack_tag 'application'
     = javascript_pack_tag 'icons'
     = javascript_pack_tag 'application', defer: true
+    = yield(:javascript_packs) if content_for?(:javascript_packs)
     = content_for(:head)
 
   body class="bg-white text-gray-700 dark:bg-gray-800 dark:text-gray-400"

diff --git a/app/views/repl/index.html.slim b/app/views/repl/index.html.slim
@@ -1,3 +1,6 @@
+- content_for :javascript_packs do
+  = javascript_pack_tag 'repl', defer: true
+
 div class="mt-16" data-controller="repl"
   div class="pt-2 grid md:grid-cols-3 gap-6"
     div class="col-span-2 relative"

diff --git a/config/webpack/environment.js b/config/webpack/environment.js
@@ -3,7 +3,10 @@ const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
 
 environment.plugins.prepend(
   'MonacoWebpackPlugin',
-  new MonacoWebpackPlugin()
+  new MonacoWebpackPlugin({
+    languages: ['ruby'],
+    features: ['accessibilityHelp', '!anchorSelect', '!bracketMatching', '!caretOperations', '!clipboard', '!codeAction', '!codelens', '!colorDetector', 'comment', '!contextmenu', '!coreCommands', '!cursorUndo', '!dnd', '!find', '!folding', '!fontZoom', '!format', '!gotoError', '!gotoLine', '!gotoSymbol', '!hover', 'iPadShowKeyboard', '!inPlaceReplace', 'indentation', '!inspectTokens', '!linesOperations', '!links', '!multicursor', '!onTypeRename', '!parameterHints', '!quickCommand', '!quickHelp', '!quickOutline', '!referenceSearch', '!rename', '!smartSelect', '!snippets', '!suggest', '!toggleHighContrast', '!toggleTabFocusMode', '!transpose', '!unusualLineTerminators', '!viewportSemanticTokens', '!wordHighlighter', '!wordOperations', '!wordPartOperations']
+  })
 )
 
 module.exports = environment