Merge branch 'release/1.4.0'

# Conflicts:
#	package.json
#	yarn.lock

Author: beshkenadze

.eslintrc

@@ -17,6 +17,8 @@
     "react/destructuring-assignment": 0,
     "react/no-unused-prop-types": 0,
     "react/no-array-index-key": 0,
+    "react/jsx-props-no-spreading": 0,
+    "react/jsx-fragments": 0,
     "import/no-dynamic-require": 0,
     "import/extensions": 0,
     "no-plusplus": 0,

.rancher-pipeline.yml

@@ -7,14 +7,46 @@ stages:
       tag: caesarteam/caesar-web-client:${CICD_GIT_BRANCH}
       pushRemote: true
       registry: index.docker.io
+    when:
+      branch:
+        include:
+        - develop
+        - hotfix/*
+  - publishImageConfig:
+      dockerfilePath: ./Dockerfile
+      buildContext: .
+      tag: caesarteam/caesar-web-client:${CICD_GIT_TAG}
+      pushRemote: true
+      registry: index.docker.io
+    when:
+      event:
+        include:
+        - tag
 - name: Deploy
   steps:
   - applyYamlConfig:
       path: ./deploy/deployment.yaml
-branch:
-  include:
-  - develop
-  - master
+    when:
+      branch:
+        include:
+        - develop
+        - hotfix/*
+- name: Webhook
+  steps:
+  - runScriptConfig:
+      image: caesarteam/alpine-curl
+      shellScript: 'curl -X POST -H "Content-Type: application/json" --header "Authorization: Basic ${!WEBHOOK_TOKEN}" -d ''{"name": "caesarteam/caesar-web-client","tag": "${!CICD_GIT_TAG}"}'' ${WEBHOOK_URL}'
+    envFrom:
+    - sourceName: build-webhook
+      sourceKey: WEBHOOK_URL
+      targetKey: WEBHOOK_URL
+    - sourceName: build-webhook
+      sourceKey: WEBHOOK_TOKEN
+      targetKey: WEBHOOK_TOKEN
+  when:
+    event:
+      include:
+      - tag
 notification:
   recipients:
   - recipient: '#pipeline'

common/actions/node.js

@@ -2,7 +2,8 @@ export const FETCH_NODES_REQUEST = '@nodes/FETCH_NODES_REQUEST';
 export const FETCH_NODES_SUCCESS = '@nodes/FETCH_NODES_SUCCESS';
 export const FETCH_NODES_FAILURE = '@nodes/FETCH_NODES_FAILURE';
 
-export const ADD_ITEM = '@nodes/ADD_ITEM';
+export const ADD_ITEMS = '@nodes/ADD_ITEMS';
+export const FINISH_IS_LOADING = '@nodes/FINISH_IS_LOADING';
 
 export const SET_WORK_IN_PROGRESS_ITEM = '@nodes/SET_WORK_IN_PROGRESS_ITEM';
 export const SET_WORK_IN_PROGRESS_ITEM_IDS =
@@ -17,18 +18,28 @@ export const REMOVE_ITEM_REQUEST = '@nodes/REMOVE_ITEM_REQUEST';
 export const REMOVE_ITEM_SUCCESS = '@nodes/REMOVE_ITEM_SUCCESS';
 export const REMOVE_ITEM_FAILURE = '@nodes/REMOVE_ITEM_FAILURE';
 
+export const REMOVE_ITEMS_BATCH_REQUEST = '@nodes/REMOVE_ITEMS_BATCH_REQUEST';
+export const REMOVE_ITEMS_BATCH_SUCCESS = '@nodes/REMOVE_ITEMS_BATCH_SUCCESS';
+export const REMOVE_ITEMS_BATCH_FAILURE = '@nodes/REMOVE_ITEMS_BATCH_FAILURE';
+
 export const MOVE_ITEM_REQUEST = '@nodes/MOVE_ITEM_REQUEST';
 export const MOVE_ITEM_SUCCESS = '@nodes/MOVE_ITEM_SUCCESS';
 export const MOVE_ITEM_FAILURE = '@nodes/MOVE_ITEM_FAILURE';
 
-export const MOVE_ITEMS = '@nodes/MOVE_ITEMS';
-export const REMOVE_ITEMS = '@nodes/REMOVE_ITEMS';
+export const MOVE_ITEMS_BATCH_REQUEST = '@nodes/MOVE_ITEMS_BATCH_REQUEST';
+export const MOVE_ITEMS_BATCH_SUCCESS = '@nodes/MOVE_ITEMS_BATCH_SUCCESS';
+export const MOVE_ITEMS_BATCH_FAILURE = '@nodes/MOVE_ITEMS_BATCH_FAILURE';
+
 export const SHARE_ITEMS = '@nodes/SHARE_ITEMS';
 
 export const CREATE_ITEM_REQUEST = '@nodes/CREATE_ITEM_REQUEST';
 export const CREATE_ITEM_SUCCESS = '@nodes/CREATE_ITEM_SUCCESS';
 export const CREATE_ITEM_FAILURE = '@nodes/CREATE_ITEM_FAILURE';
 
+export const CREATE_ITEMS_BATCH_REQUEST = '@nodes/CREATE_ITEMS_BATCH_REQUEST';
+export const CREATE_ITEMS_BATCH_SUCCESS = '@nodes/CREATE_ITEMS_BATCH_SUCCESS';
+export const CREATE_ITEMS_BATCH_FAILURE = '@nodes/CREATE_ITEMS_BATCH_FAILURE';
+
 export const EDIT_ITEM_REQUEST = '@nodes/EDIT_ITEM_REQUEST';
 export const EDIT_ITEM_SUCCESS = '@nodes/EDIT_ITEM_SUCCESS';
 export const EDIT_ITEM_FAILURE = '@nodes/EDIT_ITEM_FAILURE';
@@ -107,8 +118,11 @@ export const SORT_LIST_FAILURE = '@nodes/SORT_LIST_FAILURE';
 
 export const RESET_STORE = '@nodes/RESET_STORE';
 
-export const fetchNodesRequest = () => ({
+export const fetchNodesRequest = withItemsDecryption => ({
   type: FETCH_NODES_REQUEST,
+  payload: {
+    withItemsDecryption,
+  },
 });
 
 export const fetchNodesSuccess = listsById => ({
@@ -122,13 +136,17 @@ export const fetchNodesFailure = () => ({
   type: FETCH_NODES_FAILURE,
 });
 
-export const addItem = item => ({
-  type: ADD_ITEM,
+export const addItems = items => ({
+  type: ADD_ITEMS,
   payload: {
-    item,
+    items,
   },
 });
 
+export const finishIsLoading = () => ({
+  type: FINISH_IS_LOADING,
+});
+
 export const setWorkInProgressItem = (item, mode) => ({
   type: SET_WORK_IN_PROGRESS_ITEM,
   payload: {
@@ -155,15 +173,25 @@ export const resetWorkInProgressItemIds = () => ({
   type: RESET_WORK_IN_PROGRESS_ITEM_IDS,
 });
 
-export const moveItems = listId => ({
-  type: MOVE_ITEMS,
+export const moveItemsBatchRequest = (oldListId, newListId) => ({
+  type: MOVE_ITEMS_BATCH_REQUEST,
   payload: {
-    listId,
+    oldListId,
+    newListId,
   },
 });
 
-export const removeItems = () => ({
-  type: REMOVE_ITEMS,
+export const moveItemsBatchSuccess = (itemIds, oldListId, newListId) => ({
+  type: MOVE_ITEMS_BATCH_SUCCESS,
+  payload: {
+    itemIds,
+    oldListId,
+    newListId,
+  },
+});
+
+export const moveItemsBatchFailure = () => ({
+  type: MOVE_ITEMS_BATCH_FAILURE,
 });
 
 export const shareItems = emails => ({
@@ -193,6 +221,25 @@ export const removeItemFailure = () => ({
   type: MOVE_ITEM_FAILURE,
 });
 
+export const removeItemsBatchRequest = listId => ({
+  type: REMOVE_ITEMS_BATCH_REQUEST,
+  payload: {
+    listId,
+  },
+});
+
+export const removeItemsBatchSuccess = (itemIds, listId) => ({
+  type: REMOVE_ITEMS_BATCH_SUCCESS,
+  payload: {
+    itemIds,
+    listId,
+  },
+});
+
+export const removeItemsBatchFailure = () => ({
+  type: REMOVE_ITEMS_BATCH_FAILURE,
+});
+
 export const moveItemRequest = listId => ({
   type: MOVE_ITEM_REQUEST,
   payload: {
@@ -234,6 +281,25 @@ export const createItemFailure = () => ({
   type: CREATE_ITEM_FAILURE,
 });
 
+export const createItemsBatchRequest = (listId, items) => ({
+  type: CREATE_ITEMS_BATCH_REQUEST,
+  payload: {
+    listId,
+    items,
+  },
+});
+
+export const createItemsBatchSuccess = items => ({
+  type: CREATE_ITEMS_BATCH_SUCCESS,
+  payload: {
+    items,
+  },
+});
+
+export const createItemsBatchFailure = () => ({
+  type: CREATE_ITEMS_BATCH_FAILURE,
+});
+
 export const editItemRequest = (item, setSubmitting) => ({
   type: EDIT_ITEM_REQUEST,
   payload: {

common/api.js

@@ -81,11 +81,18 @@ export const getUserBootstrap = () => callApi.get('/user/security/bootstrap');
 
 export const postCreateItem = data => callApi.post('/item', data);
 
+export const postCreateItemsBatch = data => callApi.post('/item/batch', data);
+
 export const removeItem = itemId => callApi.delete(`/item/${itemId}`);
 
+export const removeItemsBatch = query => callApi.delete(`/item/batch?${query}`);
+
 export const updateMoveItem = (itemId, data) =>
   callApi.patch(`/item/${itemId}/move`, data);
 
+export const updateMoveItemsBatch = (data, listId) =>
+  callApi.patch(`/item/batch/move/list/${listId}`, data);
+
 export const updateItem = (itemId, data) =>
   callApi.patch(`/item/${itemId}`, data);
 

common/constants.js

@@ -16,6 +16,7 @@ export const {
 export const PORTAL_ID = 'portal';
 export const DEFAULT_IDLE_TIMEOUT = 5 * 60 * 1000;
 export const MAX_SIZE_RANDOM_BUFFER = 60000;
+export const WORKER_DECRYPTION_BUFFER_SIZE = 10;
 
 export const ROOT_TYPE = 'root';
 export const INBOX_TYPE = 'inbox';
@@ -62,6 +63,11 @@ export const ITEM_TYPES = {
   ITEM_DOCUMENT_TYPE,
 };
 
+export const ITEM_ICON_TYPES = {
+  [ITEM_CREDENTIALS_TYPE]: 'key',
+  [ITEM_DOCUMENT_TYPE]: 'securenote',
+};
+
 export const KEY_CODES = {
   BACKSPACE: 8,
   TAB: 9,

common/decryption.worker.js

@@ -2,39 +2,44 @@
 self.window = self;
 
 const { decryptItem, getPrivateKeyObj } = require('./utils/cipherUtils');
+const constants = require('../common/constants');
+
+const { API_URI, WORKER_DECRYPTION_BUFFER_SIZE } = constants;
+
+const postMessage = (event, items) =>
+  window.postMessage({ event, items }, API_URI);
 
 window.onmessage = async message => {
   const {
-    data: {
-      event,
-      data: { listId, items, privateKey, masterPassword },
-    },
+    data: { event, data },
   } = message;
 
-  switch (event) {
-    case `decryptItems_${listId}`: {
-      const privateKeyObj = await getPrivateKeyObj(privateKey, masterPassword);
+  const { events, items, privateKey, masterPassword } = data;
+
+  const privateKeyObj = await getPrivateKeyObj(privateKey, masterPassword);
+  const len = items.length;
+
+  let buffer = [];
 
-      for (let index = 0; index < items.length; index++) {
-        const item = items[index];
+  if (event === events.eventToWorker) {
+    for (let index = 0; index < len; index++) {
+      const item = items[index];
+      const isLast = index === len - 1;
+
+      try {
         // eslint-disable-next-line
-        try {
-          const secret = await decryptItem(item.secret, privateKeyObj);
-
-          window.postMessage({
-            event: `emitDecryptedItem_${listId}`,
-            item: {
-              ...item,
-              secret,
-            },
-          });
-        } catch (e) {
-          console.log(e, item, listId);
+        const secret = await decryptItem(item.secret, privateKeyObj);
+
+        buffer.push({ id: item.id, secret });
+
+        if (buffer.length === WORKER_DECRYPTION_BUFFER_SIZE || isLast) {
+          postMessage(events.eventFromWorker, buffer);
+
+          buffer = [];
         }
+      } catch (e) {
+        console.log(e, item);
       }
-      break;
     }
-    default:
-      break;
   }
 };

common/openpgp.worker.js common/encryption.worker.jscommon/openpgp.worker.js renamed to common/encryption.worker.js

@@ -4,16 +4,19 @@ self.window = self;
 const openpgp = require('openpgp');
 const constants = require('../common/constants');
 
-const { MAX_SIZE_RANDOM_BUFFER } = constants;
+const { MAX_SIZE_RANDOM_BUFFER, API_URI } = constants;
 
 let randomQueue = [];
 
 function randomCallback() {
   if (!randomQueue.length) {
-    window.postMessage({
-      event: 'request-seed',
-      amount: MAX_SIZE_RANDOM_BUFFER,
-    });
+    window.postMessage(
+      {
+        event: 'request-seed',
+        amount: MAX_SIZE_RANDOM_BUFFER,
+      },
+      API_URI,
+    );
   }
 
   return new Promise(resolve => {