add git remote check

Signed-off-by: shmck <shawn.j.mckay@gmail.com>

Author: ShMcK

src/services/git/index.ts

@@ -1,3 +1,4 @@
+import * as TT from 'typings/tutorial'
 import node from '../node'
 import logger from '../logger'
 import onError from '../sentry/onError'
@@ -98,6 +99,24 @@ export async function initIfNotExists(): Promise<void> {
   }
 }
 
+export async function checkRemoteConnects(repo: TT.TutorialRepo): Promise<boolean | Error> {
+  // check for git repo
+  const externalRepoExists = await node.exec(`git ls-remote --exit-code --heads ${repo.uri}`)
+  if (externalRepoExists.stderr) {
+    // no repo found or no internet connection
+    throw new Error(externalRepoExists.stderr)
+  }
+  // check for git repo branch
+  const { stderr, stdout } = await node.exec(`git ls-remote --exit-code --heads ${repo.uri} ${repo.branch}`)
+  if (stderr) {
+    throw new Error(stderr)
+  }
+  if (!stdout || !stdout.length) {
+    throw new Error('Tutorial branch does not exist')
+  }
+  return true
+}
+
 export async function addRemote(repo: string): Promise<void> {
   const { stderr } = await node.exec(`git remote add ${gitOrigin} ${repo} && git fetch ${gitOrigin}`)
   if (stderr) {

typings/index.d.ts

@@ -75,8 +75,10 @@ export interface MachineStateSchema {
         ValidateSetup: {}
         NonEmptyWorkspace: {}
         GitNotInstalled: {}
+        GitRemoteFailed: {}
         SelectTutorial: {}
         SetupNewTutorial: {}
+        StartNewTutorial: {}
       }
     }
     Tutorial: {

web-app/src/Routes.tsx

@@ -8,14 +8,15 @@ import CompletedPage from './containers/Tutorial/CompletedPage'
 import LevelSummaryPage from './containers/Tutorial/LevelPage'
 import SelectEmptyWorkspace from './containers/Check/SelectWorkspace'
 import GitInstalled from './containers/Check/GitInstalled'
+import GitRemoteFailed from './containers/Check/GitRemoteFailed'
 
 const Routes = () => {
   const { context, send, Router, Route } = useRouter()
   return (
     <Workspace>
       <Router>
         {/* Setup */}
-        <Route path={['Setup.Startup', 'Setup.Authenticate', 'Setup.LoadStoredTutorial', 'Setup.CheckEmptyWorkspace']}>
+        <Route path={['Setup.Startup', 'Setup.LoadStoredTutorial', 'Setup.ValidateSetup']}>
           <LoadingPage text="Launching..." context={context} />
         </Route>
         <Route path="Setup.Start">
@@ -36,9 +37,12 @@ const Routes = () => {
         <Route path="Setup.SelectTutorial">
           <SelectTutorialPage send={send} context={context} />
         </Route>
-        <Route path="Setup.SetupNewTutorial">
+        <Route path={['Setup.SetupNewTutorial', 'Setup.StartNewTutorial']}>
           <LoadingPage text="Configuring tutorial..." context={context} />
         </Route>
+        <Route path="Setup.GitRemoteFailed">
+          <GitRemoteFailed send={send} error={context.error} />
+        </Route>
         {/* Tutorial */}
         <Route path={['Tutorial.LoadNext', 'Tutorial.Level.Load']}>
           <LoadingPage text="Loading Level..." context={context} />

web-app/src/containers/Check/GitRemoteFailed.tsx

@@ -0,0 +1,48 @@
+import * as React from 'react'
+import * as T from 'typings'
+import { css, jsx } from '@emotion/core'
+import Button from '../../components/Button'
+
+const styles = {
+  container: {
+    padding: '1rem',
+  },
+}
+
+type Props = {
+  error: T.ErrorMessage | null
+  send: (action: T.Action) => void
+}
+
+const GitRemoteFailed = (props: Props) => {
+  const onTryAgain = () => props.send({ type: 'TRY_AGAIN' })
+  return (
+    <div css={styles.container}>
+      <h3>Git Remote Failed</h3>
+      <p>Something went wrong when connecting to the Git repo.</p>
+      <p>
+        There may be a problem with: (1) your internet, (2) your access to a private repo, or (3) the tutorial may not
+        have the correct repo name or branch.
+      </p>
+
+      {props.error && (
+        <div>
+          <p>See the following error below for help:</p>
+          <pre>
+            <code>
+              {props.error.title}
+              {props.error.description}
+            </code>
+          </pre>
+        </div>
+      )}
+
+      <br />
+      <Button type="secondary" onClick={onTryAgain}>
+        Check Again
+      </Button>
+    </div>
+  )
+}
+
+export default GitRemoteFailed

web-app/src/services/state/machine.ts

@@ -85,6 +85,11 @@ export const createMachine = (options: any) => {
                 TRY_AGAIN: 'ValidateSetup',
               },
             },
+            GitRemoteFailed: {
+              on: {
+                TRY_AGAIN: 'SetupNewTutorial',
+              },
+            },
             SelectTutorial: {
               onEntry: ['clearStorage'],
               id: 'select-new-tutorial',
@@ -96,9 +101,16 @@ export const createMachine = (options: any) => {
               },
             },
             SetupNewTutorial: {
-              onEntry: ['configureNewTutorial', 'startNewTutorial'],
+              onEntry: ['configureNewTutorial'],
               on: {
-                TUTORIAL_CONFIGURED: '#tutorial',
+                GIT_REMOTE_FAILED: 'GitRemoteFailed',
+                TUTORIAL_CONFIGURED: 'StartNewTutorial',
+              },
+            },
+            StartNewTutorial: {
+              onEntry: ['startNewTutorial'],
+              after: {
+                0: '#tutorial',
               },
             },
           },