fix typing paths for storybook

Author: ShMcK

tslint.json

@@ -13,10 +13,11 @@
     "semicolon": [true, "never"],
     "triple-equals": true,
     "forin": false,
-    "no-console": false
+    "no-console": false,
+    "no-submodule-imports": false
   },
   "defaultSeverity": "warning",
-  "no-submodule-imports": false,
+
   "linterOptions": {
     "exclude": ["node_modules/**"]
   }

web-app/.storybook/webpack.config.js

@@ -16,5 +16,8 @@ module.exports = ({ config }) => {
     },
   })
   config.resolve.extensions.push('.ts', '.tsx')
+
+  config.resolve.modules = ['node_modules', path.resolve(__dirname, '../src')]
+
   return config
 }

web-app/src/components/Stage/StepDescription/index.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import Markdown from '../../Markdown'
+import Markdown from 'components/Markdown'
 
 const styles = {
   // active: {

web-app/src/containers/Continue/index.tsx

@@ -3,10 +3,10 @@ import { useQuery } from '@apollo/react-hooks'
 import { Button, Card } from '@alifd/next'
 import * as T from 'typings/graphql'
 
-import { send } from '../../utils/vscode'
+import { send } from 'utils/vscode'
 import LoadingPage from '../LoadingPage'
 import queryTutorial from './queryTutorial'
-import ErrorView from '../../components/Error'
+import ErrorView from 'components/Error'
 
 interface Props {
   tutorial: T.Tutorial

web-app/src/containers/New/index.tsx

@@ -3,10 +3,10 @@ import { useQuery } from '@apollo/react-hooks'
 import * as T from 'typings/graphql'
 
 import queryTutorials from './queryTutorials'
-import { send } from '../../utils/vscode'
+import { send } from 'utils/vscode'
 import LoadingPage from '../LoadingPage'
-import ErrorView from '../../components/Error'
-import TutorialList from '../../components/TutorialList'
+import ErrorView from 'components/Error'
+import TutorialList from 'components/TutorialList'
 
 interface Props {
   tutorialList: T.Tutorial[]

web-app/src/containers/Tutorial/LevelSummaryPage/index.tsx

@@ -2,8 +2,8 @@ import * as React from 'react'
 import { useQuery } from '@apollo/react-hooks'
 import * as T from 'typings/graphql'
 
-import ErrorView from '../../../components/Error'
-import Level from '../../../components/Level'
+import ErrorView from 'components/Error'
+import Level from 'components/Level'
 import queryLevel from './queryLevel'
 
 interface LevelProps {

web-app/src/containers/Tutorial/StageSummaryPage/index.tsx

@@ -2,8 +2,8 @@ import * as React from 'react'
 import { useQuery } from '@apollo/react-hooks'
 import * as T from 'typings/graphql'
 
-import Stage from '../../../components/Stage'
-import ErrorView from '../../../components/Error'
+import Stage from 'components/Stage'
+import ErrorView from 'components/Error'
 import queryStage from './queryStage'
 
 interface PageProps {

web-app/src/containers/Tutorial/SummaryPage.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
-import DataContext from '../../utils/DataContext'
-import Summary from '../../components/Summary'
+import DataContext from 'utils/DataContext'
+import Summary from 'components/Summary'
 
 interface PageProps {
   send(action: string): void

web-app/src/containers/Tutorial/index.tsx

@@ -1,11 +1,11 @@
 import * as React from 'react'
-import { send } from '../../utils/vscode'
+import { send } from 'utils/vscode'
 
-import Router from '../../components/Router'
+import Router from 'components/Router'
 import LoadingPage from '../LoadingPage'
 import SummaryPage from './SummaryPage'
 import LevelSummaryPage from './LevelSummaryPage'
-import StagePage from './StagePage'
+import StageSummaryPage from './StageSummaryPage'
 import CompletedPage from './CompletedPage'
 
 const { Route } = Router
@@ -27,7 +27,7 @@ const Tutorial = (props: Props) => {
         <LevelSummaryPage send={send} />
       </Route>
       <Route path="Tutorial.Stage">
-        <StagePage send={send} />
+        <StageSummaryPage send={send} />
       </Route>
       <Route path="Tutorial.Completed">
         <CompletedPage />

web-app/tsconfig.paths.json

@@ -3,8 +3,13 @@
     "baseUrl": "src",
     "rootDirs": ["src", "stories"],
     "paths": {
+      "components/*": ["./components/*"],
+      "containers/*": ["./containers/*"],
+      "services/*": ["./services/*"],
+      "styles/*": ["./styles/*"],
       "typings": ["../../typings/index.d.ts"],
-      "typings/graphql": ["../../typings/graphql.d.ts"]
+      "typings/graphql": ["../../typings/graphql.d.ts"],
+      "utils/*": ["./utils/*"]
     },
     "allowSyntheticDefaultImports": true
   },