UI: Add option to disable minimap in script editor (#2504)

src/ScriptEditor/ui/Options.ts

@@ -5,6 +5,7 @@ export type WordWrapOptions = "on" | "off" | "bounded" | "wordWrapColumn";
 export type CursorStyle = editor.IEditorOptions["cursorStyle"];
 export type CursorBlinking = editor.IEditorOptions["cursorBlinking"];
 export type StickyScroll = editor.IEditorOptions["stickyScroll"];
+export type Minimap = editor.IEditorOptions["minimap"];
 
 export interface Options {
   theme: string;
@@ -19,4 +20,5 @@ export interface Options {
   cursorBlinking: CursorBlinking;
   beautifyOnSave: boolean;
   stickyScroll: StickyScroll;
+  minimap: Minimap;
 }

src/ScriptEditor/ui/OptionsModal.tsx

@@ -158,6 +158,14 @@ export function OptionsModal(props: OptionsModalProps): ReactElement {
           checked={props.options.stickyScroll?.enabled}
         />
       </div>
+
+      <div style={{ display: "flex", alignItems: "center" }}>
+        <Typography marginRight={"auto"}>Enable Minimap: </Typography>
+        <Switch
+          onChange={(e) => props.onOptionChange("minimap", { enabled: e.target.checked })}
+          checked={props.options.minimap?.enabled}
+        />
+      </div>
     </Modal>
   );
 }

src/ScriptEditor/ui/ScriptEditorContext.tsx

@@ -93,6 +93,7 @@ export function ScriptEditorContextProvider({ children }: { children: React.Reac
     cursorBlinking: Settings.MonacoCursorBlinking,
     beautifyOnSave: Settings.MonacoBeautifyOnSave,
     stickyScroll: Settings.MonacoStickyScroll,
+    minimap: Settings.MonacoMinimap,
   });
 
   function saveOptions(options: Options) {
@@ -109,6 +110,7 @@ export function ScriptEditorContextProvider({ children }: { children: React.Reac
     Settings.MonacoWordWrap = options.wordWrap;
     Settings.MonacoBeautifyOnSave = options.beautifyOnSave;
     Settings.MonacoStickyScroll = options.stickyScroll;
+    Settings.MonacoMinimap = options.minimap;
   }
 
   return (