fix: modify the directory tree algorithm to include relative path with each node

Web/src/containers/SASjsDrive/sideBar.tsx

@@ -16,9 +16,10 @@ import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
 import ChevronRightIcon from '@mui/icons-material/ChevronRight'
 
 interface TreeNode {
-  path: string
   name: string
-  children?: readonly TreeNode[]
+  relativePath: string
+  absolutePath: string
+  children: Array<TreeNode>
 }
 
 const useStyles = makeStyles(() => ({
@@ -49,21 +50,21 @@ const SideBar = (props: any) => {
   }, [])
 
   const handleSelect = (node: TreeNode) => {
-    if (!node.children) {
+    if (!node.children.length) {
       window.history.pushState(
         '',
         '',
-        `${baseUrl}/SASjsDrive?filepath=${node.path}`
+        `${baseUrl}/SASjsDrive?filepath=${node.relativePath}`
       )
-      props.setSelectedFilePath(node.path)
+      props.setSelectedFilePath(node.relativePath)
     }
   }
 
   const renderTree = (nodes: TreeNode) => (
     <TreeItem
       classes={{ root: classes.root }}
-      key={nodes.path}
+      key={nodes.relativePath}
-      nodeId={nodes.path}
+      nodeId={nodes.relativePath}
       label={
         <ListItem
           className={classes.listItem}

src/controllers/sasjsExecutor.ts

@@ -1,7 +1,40 @@
-import dirTree from 'directory-tree'
+import fs from 'fs'
-import path from 'path'
+import { TreeNode } from '../types'
+import { getTmpFilesFolderPath } from '../utils'
 
 export const sasjsExecutor = () => {
-  const tree = dirTree(path.join(__dirname, '..', '..', 'tmp'))
+  const root: TreeNode = {
-  return tree
+    name: 'files',
+    relativePath: '',
+    absolutePath: getTmpFilesFolderPath(),
+    children: []
+  }
+
+  const stack = [root]
+
+  while (stack.length) {
+    const currentNode = stack.pop()
+
+    if (currentNode) {
+      const children = fs.readdirSync(currentNode.absolutePath)
+
+      for (let child of children) {
+        const absoluteChildPath = `${currentNode.absolutePath}/${child}`
+        const relativeChildPath = `${currentNode.relativePath}/${child}`
+        const childNode: TreeNode = {
+          name: child,
+          relativePath: relativeChildPath,
+          absolutePath: absoluteChildPath,
+          children: []
+        }
+        currentNode.children.push(childNode)
+
+        if (fs.statSync(childNode.absolutePath).isDirectory()) {
+          stack.push(childNode)
+        }
+      }
+    }
+  }
+
+  return root
 }