Added bulk get snippet routes (#273)

Author: rpPanda

.changeset/green-apes-eat.md

@@ -0,0 +1,5 @@
+---
+'mexit-webapp': patch
+---
+
+Added bulk snippet get endpoint

apps/webapp/src/Hooks/API/useNodeAPI.ts

@@ -2,12 +2,12 @@ import { client } from '@workduck-io/dwindle'
 
 import {
   apiURLs,
+  batchArray,
   defaultContent,
   DEFAULT_NAMESPACE,
   extractMetadata,
   getTagsFromContent,
   GET_REQUEST_MINIMUM_GAP,
-  iLinksToUpdate,
   mog,
   NodeEditorContent,
   removeNulls
@@ -26,7 +26,6 @@ import { useInternalLinks } from '../useInternalLinks'
 import { useLastOpened } from '../useLastOpened'
 import { useLinks } from '../useLinks'
 import { useNodes } from '../useNodes'
-import { useSearch } from '../useSearch'
 import { useSnippets } from '../useSnippets'
 import { useUpdater } from '../useUpdater'
 import { useAPIHeaders } from './useAPIHeaders'
@@ -376,33 +375,35 @@ export const useApi = () => {
         return newSnippets
       })
       .then(async (newSnippets) => {
-        const ids = newSnippets?.map((item) => item.snippetID)
-        mog('NewSnippets', { newSnippets, ids })
-
-        if (ids && ids.length > 0) {
-          const res = await runBatchWorker(WorkerRequestType.GET_SNIPPETS, 6, ids)
-          const requestData = { time: Date.now(), method: 'GET' }
-
-          res.fulfilled.forEach(async (snippet) => {
-            setRequest(apiURLs.snippet.getSnippetById(snippet.id), {
-              ...requestData,
-              url: apiURLs.snippet.getSnippetById(snippet.id)
+        const toUpdateSnippets = newSnippets?.map((item) => item.snippetID)
+        mog('NewSnippets', { newSnippets, toUpdateSnippets })
+        if (toUpdateSnippets && toUpdateSnippets.length > 0) {
+          const ids = batchArray(toUpdateSnippets, 10).map((id: string[]) => id.join(','))
+          if (ids && ids.length > 0) {
+            const res = await runBatchWorker(WorkerRequestType.GET_SNIPPETS, 6, ids)
+            const requestData = { time: Date.now(), method: 'GET' }
+
+            res.fulfilled.forEach(async (snippets) => {
+              setRequest(apiURLs.snippet.bulkGet, {
+                ...requestData,
+                url: apiURLs.snippet.bulkGet
+              })
+
+              if (snippets) {
+                snippets.forEach((snippet) => updateSnippet(snippet))
+              }
             })
 
-            if (snippet) {
-              updateSnippet(snippet)
-            }
-          })
-
-          mog('RunBatchWorkerSnippetsRes', { res, ids })
+            mog('RunBatchWorkerSnippetsRes', { res, ids })
+          }
         }
       })
 
     return data
   }
 
-  const getSnippetById = async (id: string) => {
-    const url = apiURLs.snippet.getSnippetById(id)
+  const getById = async (id: string) => {
+    const url = apiURLs.snippet.getById(id)
 
     const data = await client
       .get(url, {
@@ -467,7 +468,7 @@ export const useApi = () => {
     appendToNode,
     saveSnippetAPI,
     getAllSnippetsByWorkspace,
-    getSnippetById,
+    getById,
     refactorHierarchy,
     deleteAllVersionOfSnippet
   }

apps/webapp/src/Views/Snippets.tsx

@@ -12,21 +12,21 @@ import { Button, IconButton, Infobox } from '@workduck-io/mex-components'
 
 import { apiURLs, convertContentToRawText, DRAFT_NODE, generateSnippetId, GenericSearchResult, mog } from '@mexit/core'
 import {
-  ItemTag,
-  MainHeader,
-  Result,
-  ResultDesc,
-  ResultMain,
-  ResultRow,
-  ResultTitle,
-  SearchPreviewWrapper,
-  SnippetCommand,
-  SnippetHeader,
-  SnippetHelp,
-  SnippetsSearchContainer,
-  SplitSearchPreviewWrapper,
-  Title,
-  View
+    ItemTag,
+    MainHeader,
+    Result,
+    ResultDesc,
+    ResultMain,
+    ResultRow,
+    ResultTitle,
+    SearchPreviewWrapper,
+    SnippetCommand,
+    SnippetHeader,
+    SnippetHelp,
+    SnippetsSearchContainer,
+    SplitSearchPreviewWrapper,
+    Title,
+    View
 } from '@mexit/shared'
 
 import Plateless from '../Components/Editor/Plateless'
@@ -269,9 +269,9 @@ const Snippets = () => {
 
         res.fulfilled.forEach((snippet) => {
           if (snippet) {
-            setRequest(apiURLs.snippet.getSnippetById(snippet.id), {
+            setRequest(apiURLs.snippet.getById(snippet.id), {
               ...requestData,
-              url: apiURLs.snippet.getSnippetById(snippet.id)
+              url: apiURLs.snippet.getById(snippet.id)
             })
             updateSnippet(snippet)
           }

apps/webapp/src/Workers/requests.ts

@@ -41,12 +41,9 @@ const getMultipleNodeAPI = async (nodeids: string) => {
   })
 }
 
-const getSnippetAPI = async (id: string) => {
-  const url = apiURLs.snippet.getSnippetById(id)
-
-  return client.get(url).then((d) => {
-    return d.data
-  })
+const getMultipleSnippetAPI = async (ids: string) => {
+  const url = apiURLs.snippet.bulkGet
+  return client.post(url, { ids: ids.split(',') }).then((d) => d.data)
 }
 
 const runBatchWorker = async (requestType: WorkerRequestType, batchSize = 6, args: string[]) => {
@@ -64,7 +61,7 @@ const runBatchWorker = async (requestType: WorkerRequestType, batchSize = 6, arg
     }
 
     case WorkerRequestType.GET_SNIPPETS: {
-      args.forEach((i) => requestsToMake.push(getSnippetAPI(i)))
+      args.forEach((i) => requestsToMake.push(getMultipleSnippetAPI(i)))
       break
     }
   }

libs/core/src/Utils/routes.ts

@@ -88,7 +88,8 @@ export const apiURLs = {
   snippet: {
     create: BASE_URLS.snippet,
     getAllSnippetsByWorkspace: `${BASE_URLS.snippet}/all`,
-    getSnippetById: (uid: string) => `${BASE_URLS.snippet}/${uid}`,
+    getById: (uid: string) => `${BASE_URLS.snippet}/${uid}`,
+    bulkGet: `${BASE_URLS.snippet}/bulk`,
     deleteAllVersionsOfSnippet: (uid: string) => `${BASE_URLS.snippet}/${uid}/all`,
     deleteSpecificVersionOfSnippet: (uid: string, version?: number) => {
       let baseURL = `${BASE_URLS.snippet}/${uid}`