From 608b3820b141aba7ab85a6184a128460e04122dc Mon Sep 17 00:00:00 2001
From: Quinten Kock <quinten@quinten.space>
Date: Sat, 18 Oct 2025 02:14:35 +0200
Subject: [PATCH] test

---
 src/app/editor.ts     | 36 ++++++++++++++++++++++++++++++++++++
 src/app/editorgrid.ts |  0
 src/app/foldernav.ts  |  3 +--
 src/app/renderer.ts   | 37 +++----------------------------------
 4 files changed, 40 insertions(+), 36 deletions(-)
 create mode 100644 src/app/editor.ts
 create mode 100644 src/app/editorgrid.ts

diff --git a/src/app/editor.ts b/src/app/editor.ts
new file mode 100644
index 0000000..759da53
--- /dev/null
+++ b/src/app/editor.ts
@@ -0,0 +1,36 @@
+import van from "vanjs-core";
+import * as vanX from "vanjs-ext";
+const v = van.tags;
+
+import { basicSetup } from "codemirror";
+import { EditorView } from "@codemirror/view";
+import { oneDark } from "@codemirror/theme-one-dark";
+
+const fixedHeightEditor = EditorView.theme({
+    "&": {
+        height: "100%",
+        minHeight: "0px",
+        resize: "horizontal",
+        overflow: "auto",
+        width: "600px",
+        minWidth: "8em",
+    },
+    ".cm-scroller": { overflow: "auto" },
+});
+
+export class EditorColumn {
+    view: EditorView;
+    wrapper: HTMLElement;
+
+    constructor() {
+        this.view = new EditorView({
+            doc: "Start document",
+            extensions: [basicSetup, oneDark, fixedHeightEditor],
+        });
+        console.log("Character width: ", this.view.defaultCharacterWidth);
+        this.wrapper = v.div({ class: "editorWrapper" }, this.view.dom);
+    }
+    get dom() {
+        return this.wrapper;
+    }
+}
diff --git a/src/app/editorgrid.ts b/src/app/editorgrid.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/foldernav.ts b/src/app/foldernav.ts
index e7cd6f9..f827d63 100644
--- a/src/app/foldernav.ts
+++ b/src/app/foldernav.ts
@@ -61,5 +61,4 @@ const FsItemView = (tree: FolderTree): HTMLElement => {
     return folder;
 };
 
-// Mount the folder tree view to the nav
-van.add(document.querySelector("aside nav"), FolderTreeView);
+export const NavBar = FolderTreeView;
diff --git a/src/app/renderer.ts b/src/app/renderer.ts
index eda488b..c193a13 100644
--- a/src/app/renderer.ts
+++ b/src/app/renderer.ts
@@ -33,40 +33,8 @@ import van from "vanjs-core";
 import * as vanX from "vanjs-ext";
 const v = van.tags;
 
-import { basicSetup } from "codemirror";
-import { EditorView } from "@codemirror/view";
-import { oneDark } from "@codemirror/theme-one-dark";
-
-import "./foldernav.ts";
-
-const fixedHeightEditor = EditorView.theme({
-    "&": {
-        height: "100%",
-        minHeight: "0px",
-        resize: "horizontal",
-        overflow: "auto",
-        width: "600px",
-        minWidth: "8em",
-    },
-    ".cm-scroller": { overflow: "auto" },
-});
-
-class EditorColumn {
-    view: EditorView;
-    wrapper: HTMLElement;
-
-    constructor() {
-        this.view = new EditorView({
-            doc: "Start document",
-            extensions: [basicSetup, oneDark, fixedHeightEditor],
-        });
-        console.log("Character width: ", this.view.defaultCharacterWidth);
-        this.wrapper = v.div({ class: "editorWrapper" }, this.view.dom);
-    }
-    get dom() {
-        return this.wrapper;
-    }
-}
+import { EditorColumn } from "./editor";
+import { NavBar } from "./foldernav";
 
 // Create and mount editor list
 const editors = vanX.reactive([]);
@@ -77,5 +45,6 @@ function addView() {
 }
 
 document.getElementById("addEditor")?.addEventListener("click", addView);
+van.add(document.querySelector("aside nav"), NavBar);
 
 addView();