created a new split pane reducer

the new split pane reducer takes a leaf pane and converts it into a split pane with two leaf pane childern with the same tabs as the original leaf pane before the split.
vizhub-core · curran · Jul 30, 2024 · Jul 14, 2024 · Jul 19, 2024 · Jul 23, 2024
commit 0b903e034b53a82232b737faa67915502ba6df6f
diff --git a/src/client/RunCodeWidget/index.tsx b/src/client/RunCodeWidget/index.tsx
@@ -41,6 +41,7 @@ export const RunCodeWidget = ({
     (event: React.MouseEvent) => {
       event.stopPropagation();
       // set the code editor width to half of its current width
+
     },
     [],
   );

diff --git a/src/client/vzReducer/splitPane.ts b/src/client/vzReducer/splitPane.ts
@@ -0,0 +1,46 @@
+import {
+    PaneId,
+    LeafPane,
+    SplitPane,
+    Pane,
+} from '../../types';
+
+export const splitCurrentPane = ( {
+    pane,
+    activePaneId,
+    orientation,
+}: {
+    pane: Pane;
+    activePaneId: PaneId;
+    orientation: 'vertical' | 'horizontal';
+}): Pane => {
+    if (pane.type === 'leafPane') {
+        // convert the leafPane to a splitPane with two leafPane children
+        const newPaneId1 = activePaneId + 1;
+        const newLeafPane1: Pane = {
+            id: newPaneId1,
+            type: 'leafPane',
+            tabList: pane.tabList,
+            activeFileId: pane.activeFileId,
+        };
+        const newPaneId2 = activePaneId + 2;
+        const newLeafPane2: Pane = {
+            id: newPaneId2,
+            type: 'leafPane',
+            tabList: pane.tabList,
+            activeFileId: pane.activeFileId,
+        };
+        const newSplitPane: Pane = {
+            id: activePaneId,
+            type: 'splitPane',
+            orientation: orientation,
+            children: [newLeafPane1, newLeafPane2],
+        };
+        return newSplitPane;
+    } 
+    else {
+        throw new Error('The pane is not a leafPane and cannot be split');
+    }
+
+}
+
-Original file line number
+Diff line change
@@ Expand Up / @@ -41,6 +41,7 @@ export const RunCodeWidget = ({ @@
         (event: React.MouseEvent) => {
           event.stopPropagation();
           // set the code editor width to half of its current width
         },
         [],
       );
@@ Expand Down @@