From 3c5aec27c3c4f6be61ad15770badd6f776d026a7 Mon Sep 17 00:00:00 2001
From: ochafik <ochafik@google.com>
Date: Mon, 27 Mar 2023 01:27:09 +0100
Subject: [PATCH] Hide line numbers by default

---
 src/components/EditorPanel.tsx  | 2 ++
 src/components/SettingsMenu.tsx | 6 ++++++
 src/state/app-state.ts          | 1 +
 src/state/fragment-state.ts     | 1 +
 4 files changed, 10 insertions(+)

diff --git a/src/components/EditorPanel.tsx b/src/components/EditorPanel.tsx
index 1efbf06..b7523f1 100644
--- a/src/components/EditorPanel.tsx
+++ b/src/components/EditorPanel.tsx
@@ -193,6 +193,8 @@ export default function EditorPanel({className, style}: {className?: string, sty
           onMount={onMount} // TODO: This looks a bit silly, does it trigger a re-render??
           options={{
             ...openscadEditorOptions,
+            
+            lineNumbers: state.view.lineNumbers ? 'on' : 'off',
             // readOnly: !isFileWritable(state.params.sourcePath)
           }}
           />
diff --git a/src/components/SettingsMenu.tsx b/src/components/SettingsMenu.tsx
index 9b5ca27..89b646e 100644
--- a/src/components/SettingsMenu.tsx
+++ b/src/components/SettingsMenu.tsx
@@ -38,6 +38,12 @@ export default function SettingsMenu({className, style}: {className?: string, st
           // disabled: true,
           command: () => model.mutate(s => s.view.showShadows = !s.view.showShadows)
         },
+        {
+          label: state.view.lineNumbers ? 'Hide line numbers' : 'Show line numbers',
+          icon: 'pi pi-list',
+          // disabled: true,
+          command: () => model.mutate(s => s.view.lineNumbers = !s.view.lineNumbers)
+        },
       ] as MenuItem[]} popup ref={settingsMenu} />
       <Button title="Settings menu"
           style={style}
diff --git a/src/state/app-state.ts b/src/state/app-state.ts
index 31a3157..c16ce84 100644
--- a/src/state/app-state.ts
+++ b/src/state/app-state.ts
@@ -24,6 +24,7 @@ export interface State {
     color: string,
     showAxes?: boolean,
     showShadows?: boolean,
+    lineNumbers?: boolean,
   }
 
   lastCheckerRun?: {
diff --git a/src/state/fragment-state.ts b/src/state/fragment-state.ts
index 5cef40f..70862ce 100644
--- a/src/state/fragment-state.ts
+++ b/src/state/fragment-state.ts
@@ -37,6 +37,7 @@ export function readStateFromFragment(): State | null {
           color: validateString(view?.color, () => defaultModelColor),
           showAxes: validateBoolean(view?.layout?.showAxis),
           showShadows: validateBoolean(view?.layout?.showShadow),
+          lineNumbers: validateBoolean(view?.layout?.lineNumbers, () => false)
         }
       };
     } catch (e) {