From d7a8beeefb3bf1a9bbb2fa26fd18efa97fa1de29 Mon Sep 17 00:00:00 2001
From: ochafik <ochafik@google.com>
Date: Mon, 27 Mar 2023 00:20:40 +0100
Subject: [PATCH] Add back-home button as one can stray far from the playground

---
 src/components/EditorPanel.tsx |  9 +++++++-
 src/components/FilePicker.tsx  | 39 +++++++++++++++++-----------------
 2 files changed, 28 insertions(+), 20 deletions(-)

diff --git a/src/components/EditorPanel.tsx b/src/components/EditorPanel.tsx
index e395f8c..1efbf06 100644
--- a/src/components/EditorPanel.tsx
+++ b/src/components/EditorPanel.tsx
@@ -8,7 +8,7 @@ import { Button } from 'primereact/button';
 import { MenuItem } from 'primereact/menuitem';
 import { Menu } from 'primereact/menu';
 import { buildUrlForStateParams } from '../state/fragment-state';
-import { blankProjectState } from '../state/initial-state';
+import { blankProjectState, defaultSourcePath } from '../state/initial-state';
 import { ModelContext, FSContext } from './contexts';
 import FilePicker, {  } from './FilePicker';
 // import { isFileWritable } from '../state/model';
@@ -170,6 +170,13 @@ export default function EditorPanel({className, style}: {className?: string, sty
             style={{
               flex: 1,
             }}/>
+
+        {state.params.sourcePath !== defaultSourcePath && 
+          <Button icon="pi pi-chevron-left" 
+          text
+          onClick={() => model.openFile(defaultSourcePath)} 
+          title={`Go back to ${defaultSourcePath}`}/>}
+
       </div>
 
       
diff --git a/src/components/FilePicker.tsx b/src/components/FilePicker.tsx
index 0aee84f..83fdcf7 100644
--- a/src/components/FilePicker.tsx
+++ b/src/components/FilePicker.tsx
@@ -6,6 +6,7 @@ import TreeNode from 'primereact/treenode';
 import { ModelContext, FSContext } from './contexts';
 // import { isFileWritable } from '../state/model';
 import { join } from '../fs/filesystem';
+import { defaultSourcePath } from '../state/initial-state';
 
 function listFilesAsNodes(fs: FS, path: string, accept?: (path: string) => boolean): TreeNode[] {
   const files: [string, string][] = []
@@ -37,7 +38,7 @@ function listFilesAsNodes(fs: FS, path: string, accept?: (path: string) => boole
       nodes.push({
         // icon: path == '/home' ? 'pi-home' : ...
         // icon: isDirectory ? 'pi pi-folder' : isFileWritable(path) ? 'pi pi-file' : 'pi pi-lock',
-        icon: isDirectory ? 'pi pi-folder' : 'pi pi-file',
+        icon: isDirectory ? 'pi pi-folder' : path === defaultSourcePath ? 'pi pi-home' : 'pi pi-file',
         label: name,
         data: path,
         key: path,
@@ -56,24 +57,24 @@ export default function FilePicker({className, style}: {className?: string, styl
 
   const fs = useContext(FSContext);
 
-  const fsItems = fs && //listFilesAsNodes(fs, '/home')
-  [
-    {
-      icon: 'pi pi-home',
-      label: 'User files',
-      key: '/',
-      children: listFilesAsNodes(fs, '/'),//
-      // children: listFilesAsNodes(fs, '/', f => f != librariesFolder && !f.startsWith(`${librariesFolder}/`)),
-      selectable: false
-    },
-    {
-      icon: 'pi pi-database',
-      label: 'Builtin libraries',
-      key: '/libraries',
-      children: listFilesAsNodes(fs, '/libraries'),
-      selectable: false
-    },
-  ] || [];
+  const fsItems = fs && listFilesAsNodes(fs, '/')
+  // [
+  //   {
+  //     icon: 'pi pi-home',
+  //     label: 'User files',
+  //     key: '/',
+  //     children: listFilesAsNodes(fs, '/'),//
+  //     // children: listFilesAsNodes(fs, '/', f => f != librariesFolder && !f.startsWith(`${librariesFolder}/`)),
+  //     selectable: false
+  //   },
+  //   {
+  //     icon: 'pi pi-database',
+  //     label: 'Builtin libraries',
+  //     key: '/libraries',
+  //     children: listFilesAsNodes(fs, '/libraries'),
+  //     selectable: false
+  //   },
+  // ] || [];
 
   return (
       <TreeSelect