.eslintrc.json

@@ -50,6 +50,7 @@
     "no-prototype-builtins": 0,
     "flowtype/space-after-type-colon": [2, "always", { "allowLineBreak": true }],
     "no-restricted-syntax": 0,
-    "no-empty": 0
+    "no-empty": 0,
+    "react/prefer-stateless-function": 0
   }
 }

.flowconfig

@@ -1,4 +1,5 @@
 [ignore]
+node_modules/
 
 [include]
 

src/renderer/analytics.js

@@ -13,13 +13,13 @@ type Analytics = {
   track: (string, ?Object) => void,
   setUser: Object => void,
   toggle: (boolean, ?boolean) => void,
-  apiLogView: (string, string, string) => void,
+  apiLogView: (string, string, string, ?number, ?() => void) => void,
 };
 
 let analyticsEnabled: boolean = false;
 
 const analytics: Analytics = {
-  track: (name: string, payload: ?Object): void => {
+  track: (name, payload) => {
     if (analyticsEnabled) {
       if (payload) {
         mixpanel.track(name, payload);
@@ -28,7 +28,7 @@ const analytics: Analytics = {
       }
     }
   },
-  setUser: (user: Object): void => {
+  setUser: user => {
     if (user.id) {
       mixpanel.identify(user.id);
     }
@@ -44,13 +44,7 @@ const analytics: Analytics = {
     }
     analyticsEnabled = enabled;
   },
-  apiLogView: (
-    uri: string,
-    outpoint: string,
-    claimId: string,
-    timeToStart?: number,
-    onSuccessCb: ?() => void
-  ): void => {
+  apiLogView: (uri, outpoint, claimId, timeToStart, onSuccessCb) => {
     if (analyticsEnabled) {
       const params: {
         uri: string,

src/renderer/component/cardVerify/view.jsx

@@ -29,8 +29,12 @@ type Props = {
   token: string,
 };
 
-class CardVerify extends React.Component {
-  constructor(props) {
+type State = {
+  open: boolean,
+};
+
+class CardVerify extends React.Component<Props, State> {
+  constructor(props: Props) {
     super(props);
     this.state = {
       open: false,

src/renderer/component/fileRender/view.jsx

@@ -16,15 +16,16 @@ type Props = {
     fileType: string,
     contentType: string,
     downloadPath: string,
+    url: ?string,
   },
   currentTheme: string,
 };
 
 class FileRender extends React.PureComponent<Props> {
-  constructor(props) {
+  constructor(props: Props) {
     super(props);
 
-    this.escapeListener = this.escapeListener.bind(this);
+    (this: any).escapeListener = this.escapeListener.bind(this);
   }
 
   componentDidMount() {
@@ -35,7 +36,8 @@ class FileRender extends React.PureComponent<Props> {
     window.removeEventListener('keydown', this.escapeListener, true);
   }
 
-  processSandboxRef(element) {
+  // This should use React.createRef()
+  processSandboxRef(element: any) {
     if (!element) {
       return;
     }
@@ -47,7 +49,7 @@ class FileRender extends React.PureComponent<Props> {
       console.log('permissionrequest', e);
     });
 
-    element.addEventListener('console-message', e => {
+    element.addEventListener('console-message', (e: { message: string }) => {
       if (/^\$LBRY_IPC:/.test(e.message)) {
         // Process command
         let message = {};
@@ -71,7 +73,7 @@ class FileRender extends React.PureComponent<Props> {
     });
   }
 
-  escapeListener(e) {
+  escapeListener(e: SyntheticKeyboardEvent<*>) {
     if (e.keyCode === 27) {
       e.preventDefault();
 
@@ -97,7 +99,7 @@ class FileRender extends React.PureComponent<Props> {
     // Supported mediaTypes
     const mediaTypes = {
       '3D-file': <ThreeViewer source={{ fileType, downloadPath }} theme={currentTheme} />,
-      application: (
+      application: !source.url ? null : (
         <webview
           ref={element => this.processSandboxRef(element)}
           title=""

src/renderer/component/fileViewer/internal/play-button.jsx

@@ -5,7 +5,7 @@ import Button from 'component/button';
 import * as ICONS from 'constants/icons';
 
 type Props = {
-  play: () => void,
+  play: (SyntheticInputEvent<*>) => void,
   isLoading: boolean,
   mediaType: string,
   fileInfo: ?{},

src/renderer/component/fileViewer/view.jsx

@@ -42,6 +42,7 @@ type Props = {
   searchBarFocused: boolean,
   mediaType: string,
   claimRewards: () => void,
+  costInfo: ?{ cost: number },
 };
 
 class FileViewer extends React.PureComponent<Props> {
@@ -96,7 +97,7 @@ class FileViewer extends React.PureComponent<Props> {
       this.props.playingUri !== prev.playingUri
     ) {
       // suppress autoplay after download error
-      if (!(this.props.uri in this.props.fileInfoErrors)) {
+      if (!this.props.fileInfoErrors || !(this.props.uri in this.props.fileInfoErrors)) {
         this.handleAutoplay(this.props);
       }
     }
@@ -167,7 +168,7 @@ class FileViewer extends React.PureComponent<Props> {
     }
   }
 
-  fireAnalyticsEvent(claim, startTime, playTime) {
+  fireAnalyticsEvent(claim: Claim, startTime: ?number, playTime: ?number) {
     const { claimRewards } = this.props;
     const { name, claim_id: claimId, txid, nout } = claim;
 
@@ -264,7 +265,7 @@ class FileViewer extends React.PureComponent<Props> {
             style={layoverStyle}
           >
             <PlayButton
-              play={e => {
+              play={(e: SyntheticInputEvent<*>) => {
                 e.stopPropagation();
                 this.playContent();
               }}

src/renderer/component/viewOnWebButton/view.jsx

@@ -10,16 +10,21 @@ type Props = {
 
 export default (props: Props) => {
   const { claimId, claimName } = props;
-  const speechURL = claimName.startsWith('@')
-    ? `${claimName}:${claimId}`
-    : `${claimId}/${claimName}`;
 
-  return claimId && claimName ? (
-    <Button
-      icon={ICONS.GLOBE}
-      button="alt"
-      label={__('Share')}
-      href={`https://spee.ch/${speechURL}`}
-    />
-  ) : null;
+  if (claimId && claimName) {
+    const speechURL = claimName.startsWith('@')
+      ? `${claimName}:${claimId}`
+      : `${claimId}/${claimName}`;
+
+    return (
+      <Button
+        icon={ICONS.GLOBE}
+        button="alt"
+        label={__('Share')}
+        href={`https://spee.ch/${speechURL}`}
+      />
+    );
+  }
+
+  return null;
 };

src/renderer/component/wunderbar/view.jsx

@@ -55,24 +55,22 @@ class WunderBar extends React.PureComponent<Props> {
     const { ctrlKey, metaKey, keyCode } = event;
     const { doFocus, doBlur, focused } = this.props;
 
-    if (!this.input) {
-      return;
-    }
+    if (this.input) {
+      if (focused && keyCode === ESC_KEY_CODE) {
+        this.input.blur();
+        doBlur();
+        return;
+      }
 
-    if (focused && keyCode === ESC_KEY_CODE) {
-      doBlur();
-      this.input.blur();
-      return;
-    }
+      const shouldFocus =
+        process.platform === 'darwin'
+          ? keyCode === L_KEY_CODE && metaKey
+          : keyCode === L_KEY_CODE && ctrlKey;
 
-    const shouldFocus =
-      process.platform === 'darwin'
-        ? keyCode === L_KEY_CODE && metaKey
-        : keyCode === L_KEY_CODE && ctrlKey;
-
-    if (shouldFocus) {
-      doFocus();
-      this.input.focus();
+      if (shouldFocus) {
+        this.input.focus();
+        doFocus();
+      }
     }
   }
 

src/renderer/modal/modalWalletDecrypt/view.jsx

@@ -6,11 +6,15 @@ import Button from 'component/button';
 type Props = {
   closeModal: () => void,
   decryptWallet: () => void,
+  updateWalletStatus: () => void,
   walletDecryptSucceded: boolean,
-  updateWalletStatus: boolean,
 };
 
-class ModalWalletDecrypt extends React.PureComponent<Props> {
+type State = {
+  submitted: boolean,
+};
+
+class ModalWalletDecrypt extends React.PureComponent<Props, State> {
   state = {
     submitted: false, // Prior actions could be marked complete
   };

src/renderer/modal/modalWalletEncrypt/view.jsx

@@ -8,7 +8,7 @@ type Props = {
   closeModal: () => void,
   walletEncryptSucceded: boolean,
   updateWalletStatus: boolean,
-  encryptWallet: string => void,
+  encryptWallet: (?string) => void,
   updateWalletStatus: () => void,
 };
 
@@ -19,7 +19,7 @@ type State = {
   understandConfirmed: boolean,
   understandError: boolean,
   submitted: boolean,
-  failMessage: boolean,
+  failMessage: ?string,
 };
 
 class ModalWalletEncrypt extends React.PureComponent<Props, State> {
@@ -30,7 +30,7 @@ class ModalWalletEncrypt extends React.PureComponent<Props, State> {
     understandConfirmed: false,
     understandError: false,
     submitted: false, // Prior actions could be marked complete
-    failMessage: false,
+    failMessage: undefined,
   };
 
   componentDidUpdate() {

src/renderer/modal/modalWalletUnlock/view.jsx

@@ -6,7 +6,8 @@ import Button from 'component/button';
 
 type Props = {
   quit: () => void,
-  unlockWallet: string => void,
+  closeModal: () => void,
+  unlockWallet: (?string) => void,
   walletUnlockSucceded: boolean,
 };
 

src/renderer/page/file/view.jsx

@@ -146,7 +146,7 @@ class FilePage extends React.Component<Props> {
     // We will select the claim id before they publish
     let editUri;
     if (claimIsMine) {
-      const uriObject: { contentName: string, claimId: string, channelName: ?string } = {
+      const uriObject: { contentName: string, claimId: string, channelName?: string } = {
         contentName: claim.name,
         claimId: claim.claim_id,
       };

src/renderer/page/userHistory/view.jsx

@@ -3,7 +3,9 @@ import React from 'react';
 import Page from 'component/page';
 import UserHistory from 'component/userHistory';
 
-class UserHistoryPage extends React.PureComponent {
+type Props = {};
+
+class UserHistoryPage extends React.PureComponent<Props> {
   render() {
     return (
       <Page>