vzcode 1.12.0 → 1.13.0

package/src/client/vzReducer/splitCurrentPaneReducer.ts

@@ -0,0 +1,71 @@
+import {
+  PaneId,
+  LeafPane,
+  SplitPane,
+  Pane,
+} from '../../types';
+import { VZAction, VZState } from '.';
+import { updatePane } from './updatePane';
+
+export const splitCurrentPaneReducer = (
+  state: VZState,
+  action: VZAction,
+): VZState => {
+  console.log('splitCurrentPaneReducer');
+  if (action.type !== 'split_current_pane') {
+    return state;
+  }
+
+  const activePaneId = state.activePaneId;
+
+  const newLeafPane1: Pane = {
+    id: `${activePaneId}-1`, // Generate unique IDs for new panes
+    type: 'leafPane',
+    tabList: [],
+    activeFileId: null,
+  };
+
+  const newLeafPane2: Pane = {
+    id: `${activePaneId}-2`,
+    type: 'leafPane',
+    tabList: [],
+    activeFileId: null,
+  };
+
+  const newSplitPane: Pane = {
+    id: activePaneId,
+    type: 'splitPane',
+    orientation: 'horizontal',
+    children: [newLeafPane1, newLeafPane2],
+  };
+
+  const updatedPane = updatePane({
+    pane: state.pane,
+    activePaneId,
+    newTabList: undefined,
+    newActiveFileId: undefined,
+  });
+
+  const updateSplitPane = (pane: Pane, id: PaneId): Pane =>
+    pane.id === id
+      ? newSplitPane
+      : pane.type === 'splitPane'
+        ? {
+            ...pane,
+            children: pane.children.map((child) =>
+              updateSplitPane(child, id),
+            ),
+          }
+        : pane;
+
+  const finalPane = updateSplitPane(
+    updatedPane,
+    activePaneId,
+  );
+
+  return {
+    ...state,
+    pane: finalPane,
+    activePaneId: newLeafPane1.id,
+  };
+};

package/src/client/vzReducer/updatePresenceIndicatorReducer.ts

@@ -0,0 +1,30 @@
+import { VZAction, VZState } from '.';
+
+export const updatePresenceIndicatorReducer = (
+  state: VZState,
+  action: VZAction,
+): VZState => {
+  if (action.type === 'update_presence_indicator') {
+    // True if there's already an entry for this user.
+    const needsUpdate =
+      state.sidebarPresenceIndicators.find(
+        (d) =>
+          d.username === action.presenceIndicator.username,
+      );
+
+    return {
+      ...state,
+      sidebarPresenceIndicators: needsUpdate
+        ? state.sidebarPresenceIndicators.map((d) =>
+            d.username === action.presenceIndicator.username
+              ? action.presenceIndicator
+              : d,
+          )
+        : [
+            ...state.sidebarPresenceIndicators,
+            action.presenceIndicator,
+          ],
+    };
+  }
+  return state;
+};

package/src/types.ts

@@ -192,13 +192,36 @@ export type VZCodeContent = {
   isInteracting?: boolean;
 };
 // Example Presence object, from ShareDB:
-// {"start":["files","69064344","text",183],"end":["files","69064344","text",183],"username":"Jim"}
+// {
+//   "start": [
+//     "files",
+//     "71898298",
+//     "text",
+//     415
+//   ],
+//   "end": [
+//     "files",
+//     "71898298",
+//     "text",
+//     415
+//   ],
+//   "username": "Tim"
+// }
 export type Presence = {
   start: Array<string | number>;
   end: Array<string | number>;
   username: Username;
 };
 
+// An item in the list of sidebar presence indicators.
+// It needs to know:
+// * What user the presence is associated with
+// * What file the presence is associated with
+export type PresenceIndicator = {
+  username: Username;
+  fileId: FileId;
+};
+
 // An id used for presence.
 export type PresenceId = string;