Add overflow to editor, maximise field widths, add toggle for preview

2024-07-06 09:47:14 +09:30
parent 38b0b51d40
commit 1a59b24f60
10 changed files with 58 additions and 9 deletions
--- a/src/app/editor/editor.component.ts
+++ b/src/app/editor/editor.component.ts
@@ -26,6 +26,8 @@ export class EditorComponent {
  fileContents = input<string>();
  selectedMessage = input.required<ProtoMessage>();

+  showRaw = input<boolean>(true);
+
  protected values = signal<any>(undefined);

  private code = viewChild<ElementRef<HTMLElement>>('code');
@@ -53,7 +55,7 @@ export class EditorComponent {
        const message = this.selectedMessage();
        this.values.set(
          Object.fromEntries(
-            message.values.map((value) => [[value.name, null]])
+            message.values.map((value) => [[value.name, undefined]])
          )
        );
      },