BYOND version panel

Author: alexkar598

Diff for: src/app/components/panel/panel.component.ts

@@ -9,6 +9,7 @@ export enum Panel {
   Controller,
   Editor,
   Output,
+  Byond,
 }
 
 @Component({
@@ -46,6 +47,9 @@ export class PanelComponent {
       case Panel.Output:
         this.panelComponent = import('../../panels/output/output.component');
         break;
+      case Panel.Byond:
+        this.panelComponent = import('../../panels/byond/byond.component');
+        break;
     }
   }
 }

Diff for: src/app/panels/byond/byond.component.html

@@ -0,0 +1 @@
+<p>byond works!</p>

Diff for: src/app/panels/byond/byond.component.scss

@@ -0,0 +1,13 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-panel-byond',
+  standalone: true,
+  imports: [],
+  templateUrl: './byond.component.html',
+  styleUrl: './byond.component.scss',
+})
+export default class ByondPanel {
+  // noinspection JSUnusedGlobalSymbols
+  static title = 'BYOND versions';
+}

Diff for: src/app/panels/byond/byond.component.ts

@@ -9,10 +9,11 @@ const LOCAL_STORAGE_KEY = 'layout';
   providedIn: 'root',
 })
 export class ShellService {
+  private minimumVersion = 1;
   public layout?: PanelTreeRoot;
   private defaultLayout = JSON.stringify({
-    version: 0,
-    nextBranchId: 3,
+    version: 1,
+    nextBranchId: 4,
     id: 0,
     type: 'branch',
     split: 'vertical',
@@ -29,14 +30,27 @@ export class ShellService {
             size: 70,
           },
           {
-            id: Panel.Output,
-            type: 'leaf',
+            id: 2,
+            type: 'branch',
+            split: 'vertical',
             size: 30,
+            children: [
+              {
+                id: Panel.Output,
+                type: 'leaf',
+                size: 70,
+              },
+              {
+                id: Panel.Byond,
+                type: 'leaf',
+                size: 30,
+              },
+            ],
           },
         ],
       },
       {
-        id: 2,
+        id: 3,
         type: 'branch',
         split: 'horizontal',
         size: 30,
@@ -78,5 +92,8 @@ export class ShellService {
         localStorage.getItem(LOCAL_STORAGE_KEY) ?? '',
       )) || this.defaultLayout,
     );
+    if (this.layout!.version < this.minimumVersion) {
+      this.layout = JSON.parse(this.defaultLayout);
+    }
   }
 }