From 7d30aab07be8b5c3d1cd71d191bec1d113cba3e7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jonatan=20K=C5=82osko?= <jonatanklosko@gmail.com>
Date: Thu, 17 Mar 2022 13:27:28 +0100
Subject: [PATCH] Enable SQL highlighting in the editor (#1056)

---
 assets/js/hooks/cell_editor/live_editor/theme.js | 3 +++
 assets/webpack.config.js                         | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/assets/js/hooks/cell_editor/live_editor/theme.js b/assets/js/hooks/cell_editor/live_editor/theme.js
index 6a10b39fe..d8065a163 100644
--- a/assets/js/hooks/cell_editor/live_editor/theme.js
+++ b/assets/js/hooks/cell_editor/live_editor/theme.js
@@ -54,6 +54,9 @@ const theme = {
     // JSON specific
     { token: "string.key", foreground: colors.lightRed },
     { token: "keyword.json", foreground: colors.blue },
+
+    // SQL specific
+    { token: "operator.sql", foreground: colors.purple },
   ],
 
   colors: {
diff --git a/assets/webpack.config.js b/assets/webpack.config.js
index cb16a0fd0..51516c834 100644
--- a/assets/webpack.config.js
+++ b/assets/webpack.config.js
@@ -55,7 +55,7 @@ module.exports = (env, options) => {
       }),
       new MiniCssExtractPlugin({ filename: "../css/app.css" }),
       new MonacoWebpackPlugin({
-        languages: ["markdown", "elixir", "xml", "json"],
+        languages: ["markdown", "elixir", "xml", "json", "sql"],
       }),
     ],
     optimization: {