Added textmate theme and JSON mode imports

jloleysens · Nov 13, 2019 · 6a80c6a · 6a80c6a
1 parent f48497b
commit 6a80c6a
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 0 deletions.
diff --git a/...er/public/sections/grokdebugger/components/custom_patterns_input/custom_patterns_input.js b/...er/public/sections/grokdebugger/components/custom_patterns_input/custom_patterns_input.js
@@ -57,6 +57,7 @@ MSG message-id=<%{GREEDYDATA}>`;
         <EuiPanel paddingSize="s">
           <EuiCodeEditor
             width="100%"
+            theme="textmate"
             value={value}
             onChange={onChange}
             setOptions={{

diff --git a/...y/plugins/grokdebugger/public/sections/grokdebugger/components/event_input/event_input.js b/...y/plugins/grokdebugger/public/sections/grokdebugger/components/event_input/event_input.js
@@ -28,6 +28,7 @@ export function EventInput({ value, onChange }) {
       <EuiPanel paddingSize="s">
         <EuiCodeEditor
           width="100%"
+          theme="textmate"
           value={value}
           onChange={onChange}
           setOptions={{

diff --git a/...plugins/grokdebugger/public/sections/grokdebugger/components/event_output/event_output.js b/...plugins/grokdebugger/public/sections/grokdebugger/components/event_output/event_output.js
@@ -27,6 +27,7 @@ export function EventOutput({ value }) {
       <EuiPanel paddingSize="s">
         <EuiCodeEditor
           mode="json"
+          theme="textmate"
           isReadOnly
           width="100%"
           height="340px"

diff --git a/...ugins/grokdebugger/public/sections/grokdebugger/components/grok_debugger/brace_imports.ts b/...ugins/grokdebugger/public/sections/grokdebugger/components/grok_debugger/brace_imports.ts
@@ -0,0 +1,8 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import 'brace/mode/json';
+import 'brace/theme/textmate';
diff --git a/...ugins/grokdebugger/public/sections/grokdebugger/components/grok_debugger/grok_debugger.js b/...ugins/grokdebugger/public/sections/grokdebugger/components/grok_debugger/grok_debugger.js
@@ -5,6 +5,9 @@
  */
 import React from 'react';
 import { isEmpty } from 'lodash';
+
+import './brace_imports';
+
 import {
   EuiForm,
   EuiButton,

diff --git a/...ugins/grokdebugger/public/sections/grokdebugger/components/pattern_input/pattern_input.js b/...ugins/grokdebugger/public/sections/grokdebugger/components/pattern_input/pattern_input.js
@@ -29,6 +29,7 @@ export function PatternInput({ value, onChange }) {
       <EuiPanel paddingSize="s">
         <EuiCodeEditor
           width="100%"
+          theme="textmate"
           value={value}
           onChange={onChange}
           mode={new GrokMode()}