SharedDirectoryInfoRequest

packages/shared/libs/logger.js

@@ -35,6 +35,10 @@ export class Logger {
     this.log('info', ...args);
   }
 
+  debug(...args) {
+    this.log('debug', ...args);
+  }
+
   error(...args) {
     this.log('error', ...args);
   }

packages/teleport/package.json

@@ -24,6 +24,7 @@
   },
   "devDependencies": {
     "@gravitational/build": "^1.0.0",
+    "@types/wicg-native-file-system": "^2020.6.0",
     "jest-canvas-mock": "^2.3.1"
   }
 }

packages/teleport/src/DesktopSession/DesktopSession.story.tsx

@@ -46,7 +46,6 @@ const props: State = {
     permission: { state: '' },
     errorText: '',
   },
-  isRecording: false,
   tdpClient: fakeClient(),
   username: 'user',
   onWsOpen: () => {},
@@ -55,7 +54,6 @@ const props: State = {
   disconnected: false,
   setDisconnected: () => {},
   setClipboardState: () => {},
-  setIsRecording: () => {},
   canShareDirectory: true,
   isSharingDirectory: false,
   setIsSharingDirectory: () => {},
@@ -113,7 +111,6 @@ export const ConnectedSettingsFalse = () => {
         permission: { state: '' },
         errorText: '',
       }}
-      isRecording={false}
       onPngFrame={(ctx: CanvasRenderingContext2D) => {
         fillGray(ctx.canvas);
       }}
@@ -140,7 +137,6 @@ export const ConnectedSettingsTrue = () => {
         permission: { state: 'granted' },
         errorText: '',
       }}
-      isRecording={true}
       isSharingDirectory={true}
       onPngFrame={(ctx: CanvasRenderingContext2D) => {
         fillGray(ctx.canvas);

packages/teleport/src/DesktopSession/DesktopSession.tsx

@@ -108,8 +108,6 @@ function Session(props: PropsWithChildren<State>) {
     hostname,
     clipboardState,
     setClipboardState,
-    isRecording,
-    setIsRecording,
     canShareDirectory,
     isSharingDirectory,
     setIsSharingDirectory,
@@ -153,17 +151,24 @@ function Session(props: PropsWithChildren<State>) {
             ...prevState,
             enabled: false,
           }));
-          setIsRecording(false);
           setIsSharingDirectory(false);
           tdpClient.nuke();
         }}
         userHost={`${username}@${hostname}`}
         clipboardSharingEnabled={clipboardSharingActive}
-        isRecording={isRecording}
         canShareDirectory={canShareDirectory}
         isSharingDirectory={isSharingDirectory}
         onShareDirectory={() => {
-          setIsSharingDirectory(true);
+          window
+            .showDirectoryPicker()
+            .then(sharedDirHandle => {
+              setIsSharingDirectory(true);
+              tdpClient.sharedDirectory = sharedDirHandle;
+              tdpClient.sendSharedDirectoryAnnounce();
+            })
+            .catch(() => {
+              setIsSharingDirectory(false);
+            });
         }}
       />
 

packages/teleport/src/DesktopSession/TopBar.tsx

@@ -24,7 +24,6 @@ export default function TopBar(props: Props) {
   const {
     userHost,
     clipboardSharingEnabled,
-    isRecording,
     onDisconnect,
     canShareDirectory,
     isSharingDirectory,
@@ -70,19 +69,6 @@ export default function TopBar(props: Props) {
                 : 'Clipboard Sharing Disabled'
             }
           />
-          <Flex
-            title={isRecording ? 'Recording In Progress' : 'Not Recording'}
-            alignItems="center"
-          >
-            <StyledRecordingIndicator
-              style={{
-                backgroundColor: isRecording
-                  ? theme.colors.error.light
-                  : theme.colors.text.secondary,
-              }}
-            />
-            <Text style={primaryOnTrue(isRecording)}>Recording</Text>
-          </Flex>
         </Flex>
         <ActionMenu
           onDisconnect={onDisconnect}
@@ -108,18 +94,9 @@ const StyledFolderShared = styled(FolderShared)`
   align-self: 'center';
 `;
 
-const StyledRecordingIndicator = styled.div`
-  width: 10px;
-  height: 10px;
-  border-radius: 10px;
-  margin-right: 6px;
-  vertical-align: text-bottom;
-`;
-
 type Props = {
   userHost: string;
   clipboardSharingEnabled: boolean;
-  isRecording: boolean;
   canShareDirectory: boolean;
   isSharingDirectory: boolean;
   onDisconnect: VoidFunction;