feat: add / remove pane

index.html

@@ -17,6 +17,8 @@
       <button id="menu-button">☰ Menu</button>
       <div id="menu-content">
         <button id="settings-button">⚙ Settings</button>
+        <button id="add-pane-button">+ add Pane</button>
+        <button id="remove-pane-button">- scrap Pane</button>
         <button id="export-button">⇓ Export</button>
         <a class="button" href="https://github.com/pastagang/nudel" target="_blank">♨ Source</a>
         <button id="about-button">? About</button>

src/main.js

@@ -174,3 +174,19 @@ addEventListener(
   },
   { passive: false, capture: true },
 );
+
+// add / remove panes
+document.getElementById('add-pane-button').addEventListener('click', () => {
+  if (!session) return;
+  const documents = session.getDocuments();
+  const newDocs = [
+    ...documents.map((doc) => ({ id: doc.id, target: doc.target })),
+    { id: String(documents.length + 1), target: 'strudel' },
+  ];
+  session.setActiveDocuments(newDocs);
+});
+document.getElementById('remove-pane-button').addEventListener('click', () => {
+  if (!session) return;
+  const documents = session.getDocuments();
+  session.setActiveDocuments([...documents.map((doc) => ({ id: doc.id, target: doc.target })).slice(0, -1)]);
+});