feat: Version 2

Closes #627, closes #1047
2025-05-10 02:09:06 +02:00
parent ad7fb51cfa
commit 2ee1166747
1557 changed files with 76832 additions and 47042 deletions
@@ -1,3 +1,8 @@
+/*!
+ * Copyright (c) 2024 PLANKA Software GmbH
+ * Licensed under the Fair Use License: https://github.com/plankanban/planka/blob/master/LICENSE.md
+ */
+
 import { call, put, select, take } from 'redux-saga/effects';
 import { push } from '../../../lib/redux-router';

@@ -7,23 +12,28 @@ import selectors from '../../../selectors';
 import actions from '../../../actions';
 import api from '../../../api';
 import { getAccessToken } from '../../../utils/access-token-storage';
+import mergeRecords from '../../../utils/merge-records';
 import ActionTypes from '../../../constants/ActionTypes';
 import Paths from '../../../constants/Paths';

+export function* goTo(pathname) {
+  yield put(push(pathname));
+}
+
 export function* goToRoot() {
-  yield put(push(Paths.ROOT));
+  yield call(goTo, Paths.ROOT);
 }

 export function* goToProject(projectId) {
-  yield put(push(Paths.PROJECTS.replace(':id', projectId)));
+  yield call(goTo, Paths.PROJECTS.replace(':id', projectId));
 }

 export function* goToBoard(boardId) {
-  yield put(push(Paths.BOARDS.replace(':id', boardId)));
+  yield call(goTo, Paths.BOARDS.replace(':id', boardId));
 }

 export function* goToCard(cardId) {
-  yield put(push(Paths.CARDS.replace(':id', cardId)));
+  yield call(goTo, Paths.CARDS.replace(':id', cardId));
 }

 export function* handleLocationChange() {
@@ -45,7 +55,7 @@ export function* handleLocationChange() {
    case Paths.OIDC_CALLBACK:
      yield call(goToRoot);

-      return;
+      break;
    default:
  }

@@ -55,87 +65,197 @@ export function* handleLocationChange() {
    yield take(ActionTypes.CORE_INITIALIZE);
  }

+  let currentBoard = yield select(selectors.selectCurrentBoard);
+
+  let currentBoardId = null;
+  let currentCardId = null;
+  let isEditModeEnabled;
  let board;
-  let users;
+  let card;
+  let users1;
+  let users2;
  let projects;
  let boardMemberships;
  let labels;
  let lists;
  let cards;
-  let cardMemberships;
-  let cardLabels;
-  let tasks;
-  let attachments;
-  let deletedNotifications;
+  let cardMemberships1;
+  let cardMemberships2;
+  let cardLabels1;
+  let cardLabels2;
+  let taskLists1;
+  let taskLists2;
+  let tasks1;
+  let tasks2;
+  let attachments1;
+  let attachments2;
+  let customFieldGroups1;
+  let customFieldGroups2;
+  let customFields1;
+  let customFields2;
+  let customFieldValues1;
+  let customFieldValues2;
+  let notificationsToDelete;

  switch (pathsMatch.pattern.path) {
-    case Paths.BOARDS:
-    case Paths.CARDS: {
-      const currentBoard = yield select(selectors.selectCurrentBoard);
+    case Paths.ROOT:
+      isEditModeEnabled = false;

-      if (currentBoard && currentBoard.isFetching === null) {
-        yield put(actions.handleLocationChange.fetchBoard(currentBoard.id));
+      break;
+    case Paths.PROJECTS: {
+      const boardIds = yield select(selectors.selectBoardIdsForCurrentProject);

-        try {
-          ({
-            item: board,
-            included: {
-              users,
-              projects,
-              boardMemberships,
-              labels,
-              lists,
-              cards,
-              cardMemberships,
-              cardLabels,
-              tasks,
-              attachments,
-            },
-          } = yield call(request, api.getBoard, currentBoard.id, true));
-        } catch (error) {} // eslint-disable-line no-empty
-      }
-
-      if (pathsMatch.pattern.path === Paths.CARDS) {
-        const notificationIds = yield select(selectors.selectNotificationIdsForCurrentCard);
-
-        if (notificationIds && notificationIds.length > 0) {
-          try {
-            ({ items: deletedNotifications } = yield call(
-              request,
-              api.updateNotifications,
-              notificationIds,
-              {
-                isRead: true,
-              },
-            ));
-          } catch (error) {} // eslint-disable-line no-empty
-        }
+      if (boardIds && boardIds.length === 0) {
+        isEditModeEnabled = true;
      }

      break;
    }
+    case Paths.BOARDS:
+      if (currentBoard) {
+        ({ id: currentBoardId } = currentBoard);
+
+        if (currentBoard.isFetching === null) {
+          yield put(actions.handleLocationChange.fetchBoard(currentBoard.id));
+
+          try {
+            ({
+              item: board,
+              included: {
+                projects,
+                boardMemberships,
+                labels,
+                lists,
+                cards,
+                users: users1,
+                cardMemberships: cardMemberships1,
+                cardLabels: cardLabels1,
+                taskLists: taskLists1,
+                tasks: tasks1,
+                attachments: attachments1,
+                customFieldGroups: customFieldGroups1,
+                customFields: customFields1,
+                customFieldValues: customFieldValues1,
+              },
+            } = yield call(request, api.getBoard, currentBoard.id, true));
+          } catch {
+            /* empty */
+          }
+        }
+      }
+
+      break;
+    case Paths.CARDS:
+      ({ cardId: currentCardId, boardId: currentBoardId } = yield select(selectors.selectPath));
+
+      if (!currentCardId) {
+        yield put(actions.handleLocationChange.fetchContent());
+
+        try {
+          ({
+            item: card,
+            included: {
+              users: users1,
+              cardMemberships: cardMemberships1,
+              cardLabels: cardLabels1,
+              taskLists: taskLists1,
+              tasks: tasks1,
+              attachments: attachments1,
+              customFieldGroups: customFieldGroups1,
+              customFields: customFields1,
+              customFieldValues: customFieldValues1,
+            },
+          } = yield call(request, api.getCard, pathsMatch.params.id));
+        } catch {
+          /* empty */
+        }
+
+        if (card) {
+          ({ id: currentCardId } = card);
+
+          currentBoard = yield select(selectors.selectBoardById, card.boardId);
+
+          if (currentBoard) {
+            ({ id: currentBoardId } = currentBoard);
+
+            if (currentBoard.isFetching === null) {
+              try {
+                ({
+                  item: board,
+                  included: {
+                    projects,
+                    boardMemberships,
+                    labels,
+                    lists,
+                    cards,
+                    users: users2,
+                    cardMemberships: cardMemberships2,
+                    cardLabels: cardLabels2,
+                    taskLists: taskLists2,
+                    tasks: tasks2,
+                    attachments: attachments2,
+                    customFieldGroups: customFieldGroups2,
+                    customFields: customFields2,
+                    customFieldValues: customFieldValues2,
+                  },
+                } = yield call(request, api.getBoard, card.boardId, true));
+              } catch {
+                /* empty */
+              }
+            }
+          }
+        }
+      }
+
+      if (currentCardId) {
+        const notificationIds = yield select(
+          selectors.selectNotificationIdsByCardId,
+          currentCardId,
+        );
+
+        if (notificationIds.length > 0) {
+          try {
+            ({
+              included: { notifications: notificationsToDelete },
+            } = yield call(request, api.readCardNotifications, currentCardId));
+          } catch {
+            /* empty */
+          }
+        }
+      }
+
+      break;
    default:
  }

  yield put(
    actions.handleLocationChange(
+      pathsMatch.pathname,
+      currentBoardId,
+      currentCardId,
+      isEditModeEnabled,
      board,
-      users,
+      mergeRecords(users1, users2),
      projects,
      boardMemberships,
      labels,
      lists,
-      cards,
-      cardMemberships,
-      cardLabels,
-      tasks,
-      attachments,
-      deletedNotifications,
+      mergeRecords(card && [card], cards),
+      mergeRecords(cardMemberships1, cardMemberships2),
+      mergeRecords(cardLabels1, cardLabels2),
+      mergeRecords(taskLists1, taskLists2),
+      mergeRecords(tasks1, tasks2),
+      mergeRecords(attachments1, attachments2),
+      mergeRecords(customFieldGroups1, customFieldGroups2),
+      mergeRecords(customFields1, customFields2),
+      mergeRecords(customFieldValues1, customFieldValues2),
+      notificationsToDelete,
    ),
  );
 }

 export default {
+  goTo,
  goToRoot,
  goToProject,
  goToBoard,