feat(explorer): export files and packages

packages/dm-core-plugins/src/explorer/components/context-menu/getMenuItems.tsx

@@ -2,6 +2,7 @@ import { EBlueprint, TreeNode } from '@development-framework/dm-core'
 import { Menu } from '@equinor/eds-core-react'
 import React from 'react'
 import { toast } from 'react-toastify'
+import { downloadNode } from '../../downloadNode'
 import { EDialog } from '../../types'
 
 // This function must return a list of Menu.Item, ie not wrapped in a <></>.
@@ -63,6 +64,11 @@ export function getMenuItems(
         View raw
       </Menu.Item>
     )
+    menuItems.push(
+      <Menu.Item key={'export'} onClick={() => downloadNode(node)}>
+        Export
+      </Menu.Item>
+    )
     menuItems.push(getMenuItem(EDialog.Delete, 'Delete'))
     menuItems.push(getMenuItem(EDialog.EditACL, 'Change permissions'))
     menuItems.push(getMenuItem(EDialog.CopyLink, 'Copy or link'))

packages/dm-core-plugins/src/explorer/downloadNode.ts

@@ -0,0 +1,16 @@
+import { TreeNode } from '@development-framework/dm-core'
+import { AxiosResponse } from 'axios'
+import { createSyntheticFileDownload } from '../utils'
+
+export function downloadNode(node: TreeNode) {
+  node.tree.dmssApi
+    ._export({ pathAddress: node.getPath() }, { responseType: 'arraybuffer' })
+    .then(async (response: AxiosResponse) => {
+      const url = window.URL.createObjectURL(
+        new File([response.data], `${node.name}.zip`, {
+          type: 'application/zip',
+        })
+      )
+      createSyntheticFileDownload(url, `${node.name}.zip`)
+    })
+}