welcome screen: added open workspace button

Author: computing-den

src/extension/codemic.ts

@@ -173,8 +173,6 @@ class CodeMic {
         await this.openScreen({ screen, session, load: true });
       } else if (screen === t.Screen.Recorder) {
         await this.openScreen({ screen, session, clock: recorder!.clock });
-      } else {
-        throw new Error('Why did vscode restart?');
       }
 
       return true;
@@ -379,6 +377,26 @@ class CodeMic {
         // await this.updateFrontend();
         return ok;
       }
+      case 'welcome/openWorkspace': {
+        const uris = await vscode.window.showOpenDialog({
+          canSelectFiles: false,
+          canSelectFolders: true,
+          canSelectMany: false,
+          title: 'Open a directory with a .CodeMic session',
+        });
+
+        const workspace = uris?.[0]?.fsPath;
+        if (!workspace) return ok;
+
+        await VscWorkspace.setUpWorkspace_MAY_RESTART_VSCODE(this.context, {
+          screen: t.Screen.Welcome,
+          workspace,
+          searchQuery: this.searchQuery,
+          userMetadata: this.userMetadata,
+        });
+
+        return ok;
+      }
       case 'welcome/deleteSession': {
         assert(this.welcome);
         const listing = this.welcome?.sessions.find(s => s.head.id === req.sessionId);

src/lib/lib.ts

@@ -719,9 +719,12 @@ export function searchSessions(sessions: t.SessionUIListing[], searchQuery: stri
   return sessions.filter(listing => doFieldsIncludeTokens(getFields(listing.head)));
 
   function getFields(head: t.SessionHead): string[] {
-    return [head.handle, head.title, head.author ?? '', head.description, ...head.toc.map(item => item.title)].map(
-      str => str?.toLowerCase(),
-    );
+    return [
+      `@${head.author ?? ''}/${head.handle}`,
+      head.title,
+      head.description,
+      ...head.toc.map(item => item.title),
+    ].map(str => str?.toLowerCase());
   }
 
   function doFieldsIncludeTokens(fields: string[]) {

src/lib/types.ts

@@ -22,6 +22,7 @@ export type FrontendToBackendReqRes =
       response: OKResponse;
     }
   | { request: { type: 'welcome/openNewSessionInRecorder' }; response: OKResponse }
+  | { request: { type: 'welcome/openWorkspace' }; response: OKResponse }
   | { request: { type: 'welcome/deleteSession'; sessionId: string }; response: OKResponse }
   | { request: { type: 'welcome/likeSession'; sessionId: string; value: boolean }; response: OKResponse }
   | { request: { type: 'welcome/search'; searchQuery: string }; response: OKResponse }

src/view/welcome.css

@@ -62,7 +62,7 @@
       }
 
       & vscode-button {
-        margin-left: var(--spacing-medium);
+        margin-left: var(--spacing-x-small);
       }
     }
 
@@ -112,5 +112,20 @@
     /*     flex-direction: column; */
     /*   } */
     /* } */
+
+    .empty-listings {
+      display: grid;
+      justify-items: center;
+      align-items: center;
+      margin: 2rem 1rem 2rem;
+      gap: 0.5rem;
+
+      & p {
+        font-size: 0.9rem;
+        color: var(--text-weak);
+        text-align: center;
+        letter-spacing: 2px;
+      }
+    }
   }
 }

src/view/welcome.tsx

@@ -9,6 +9,7 @@ import Section from './section.jsx';
 import postMessage from './api.js';
 import _ from 'lodash';
 import { VSCodeButton, VSCodeLink, VSCodeTextField } from '@vscode/webview-ui-toolkit/react';
+import { Link } from '@vscode/webview-ui-toolkit';
 
 type Props = { user?: t.UserUI; welcome: t.WelcomeUIState; earlyAccessEmail?: string };
 
@@ -107,6 +108,14 @@ function WelcomeSessions(props: Props) {
               value={welcome.searchQuery}
               onInput={search}
             ></VSCodeTextField>
+
+            <VSCodeButton
+              onClick={() => postMessage({ type: 'welcome/openWorkspace' })}
+              title="Open session"
+              appearance="secondary"
+            >
+              <span className="codicon codicon-folder-opened" />
+            </VSCodeButton>
             <VSCodeButton
               onClick={() => postMessage({ type: 'welcome/openNewSessionInRecorder' })}
               title="Record a new session"
@@ -165,7 +174,19 @@ function SessionsSection(props: SessionsSectionProps) {
             onShare={share}
           />
         )}
-        {props.listings.length === 0 && !props.loading && <Section.Message>Empty</Section.Message>}
+        {props.listings.length === 0 && !props.loading && (
+          <div className="empty-listings">
+            <p>No session found in workspace</p>
+            {/*
+            <VSCodeButton
+              appearance="secondary"
+              onClick={() => postMessage({ type: 'welcome/openWorkspace' })}
+              title="Pick a workspace with a session"
+            >
+              Open session
+              </VSCodeButton>*/}
+          </div>
+        )}
       </Section.Body>
     </Section>
   );