feat(mermaid): disable line wrapping by default

src/public/app/types.d.ts

@@ -186,8 +186,7 @@ declare global {
         attach(editor: TextEditor);
     };
 
-    var CodeMirror: {
+    interface CodeMirrorOpts {
-        (el: HTMLElement, opts: {
         value: string;
         viewportMargin: number;
         indentUnit: number;
@@ -199,7 +198,16 @@ declare global {
         };
         lineNumbers: boolean;
         lineWrapping: boolean;
-        }): CodeMirrorInstance;
+        keyMap: "vim" | "default";
+        lint: boolean;
+        gutters: string[];
+        tabindex: number;
+        dragDrop: boolean;
+        placeholder: string;
+    }
+
+    var CodeMirror: {
+        (el: HTMLElement, opts: CodeMirrorOpts): CodeMirrorInstance;
         keyMap: {
             default: Record<string, string>;
         };

src/public/app/widgets/type_widgets/abstract_code_type_widget.ts

@@ -64,7 +64,7 @@ export default class AbstractCodeTypeWidget extends TypeWidget {
      *
      * @returns the extra options to be passed to the CodeMirror constructor.
      */
-    getExtraOpts() {
+    getExtraOpts(): Partial<CodeMirrorOpts> {
         return {};
     }
 

src/public/app/widgets/type_widgets/abstract_split_type_widget.ts

@@ -92,6 +92,7 @@ export default abstract class AbstractSplitTypeWidget extends TypeWidget {
         super();
         this.editorTypeWidget = new EditableCodeTypeWidget();
         this.editorTypeWidget.isEnabled = () => true;
+        this.editorTypeWidget.getExtraOpts = this.buildEditorExtraOptions;
     }
 
     doRender(): void {
@@ -139,13 +140,20 @@ export default abstract class AbstractSplitTypeWidget extends TypeWidget {
 
     /**
      * Called upon when the split between the preview and content pane is initialized. Can be used to add additional listeners if needed.
-     *
-     * @returns the additional split options.
      */
     buildSplitExtraOptions(): Split.Options {
         return {};
     }
 
+    /**
+     * Called upon when the code editor is being initialized. Can be used to add additional options to the editor.
+     */
+    buildEditorExtraOptions(): Partial<CodeMirrorOpts> {
+        return {
+            lineWrapping: false
+        };
+    }
+
     setError(message: string | null | undefined) {
         this.$errorContainer.toggleClass("hidden-ext", !message);
         this.$preview.toggleClass("on-error", !!message);

src/public/app/widgets/type_widgets/editable_code.ts

@@ -38,7 +38,7 @@ export default class EditableCodeTypeWidget extends AbstractCodeTypeWidget {
         super.doRender();
     }
 
-    getExtraOpts() {
+    getExtraOpts(): Partial<CodeMirrorOpts> {
         return {
             keyMap: options.is("vimKeymapEnabled") ? "vim" : "default",
             lint: true,