fix: ts check

Author: vnues

src/client/main/index.tsx

@@ -5,12 +5,12 @@ import StyleContext from 'isomorphic-style-loader/StyleContext'
 import { Provider } from 'react-redux'
 import getStore from '@/store/reducers'
 import App from './router'
-import routeList from './route-config'
+import routeList, { IRoute } from './route-config'
 import matchRoute from '../../common/match-route'
 import proConfig from '../../../config/pro-config'
 import { Store } from 'redux'
 
-function renderDom(routeList: any[], initStoreState?: Store) {
+function renderDom(routeList: IRoute[], initStoreState?: Store) {
   const insertCss = (...styles: any[]) => {
     const removeCss = styles.map(style => style._insertCss()) // 客户端执行，插入style
     return () => removeCss.forEach(dispose => dispose()) // 组件卸载时 移除当前的 style 标签
@@ -32,9 +32,9 @@ function renderDom(routeList: any[], initStoreState?: Store) {
   )
 }
 
-function clientRender(routeList: any) {
+function clientRender(routeList: IRoute[]) {
   let initialData: any = null
-  let initStoreState: any = null
+  let initStoreState:Store|undefined
   const textDom = document.getElementById('ssrTextInitData') as HTMLTextAreaElement | null
   const storeDom = document.getElementById(
     'ssrTextInitStoreData'

src/client/main/route-config.tsx

@@ -1,6 +1,14 @@
 import React from 'react'
+export interface IRoute{
+  path:string
+  component: Function
+  exact:boolean
+}
+
+let routes: IRoute[] = []
 
-let routes: any[] = []
+// 这种不能被做到热更新 那么应该reload啊
+// todo 这里有bug
 function pageNotFound({ staticContext }: any) {
   if (staticContext) {
     staticContext.code = 404

src/client/modules/home/routes.tsx

@@ -1,29 +1,10 @@
-import React from 'react'
 import AsyncLoader from '@/components/asyncLoader'
 
-// 这种不能被做到热更新 那么应该reload啊
-// todo 这里有bug
-function pageNotFound({ staticContext }: any) {
-  if (staticContext) {
-    staticContext.code = 404
-  }
 
-  return (
-    <div>
-      <p>404页面page22</p>
-      <p>12</p>
-    </div>
-  )
-}
 export default [
   {
     path: '/',
     component: AsyncLoader(() => import('./index')),
     exact: true
-  },
-  {
-    path: '*',
-    component: pageNotFound,
-    exact: true
   }
 ]

src/common/match-route.ts

@@ -1,15 +1,16 @@
+import { IRoute } from '@/main/route-config'
 import { matchPath } from 'react-router-dom'
 
 export interface IMatchRoute {
   targetRoute: any
   targetMatch: any
 }
-export default (path: string, routeList: any[]): IMatchRoute => {
+export default (path: string, routeList:IRoute[]): IMatchRoute => {
   let targetRoute
   let targetMatch
 
   for (const item of routeList) {
-    targetMatch = matchPath(path, item)
+    targetMatch = matchPath(path, item as any)
     if (targetMatch) {
       targetRoute = item // 查找到第一个路由后停止查找
       break

src/server/middlewares/genHtml.tsx

@@ -11,37 +11,38 @@ import { Store } from 'redux'
 
 interface IGenResult {
   html: string
-  fetchResult: any
+  fetchResult:any
 }
 export default async function genHtml(
   path: string,
-  insertCss: any,
+  insertCss: Function,
   store: Store
 ): Promise<IGenResult> {
   // 获得静态路由
   const staticRoutesList = await getStaticRoutes(routeList)
 
   // 查找到的目标路由对象
-  const matchResult = await matchRoute(path, staticRoutesList as any[])
+  const matchResult = await matchRoute(path, staticRoutesList)
   const { targetRoute } = matchResult
 
   // 进行数据预取，更新 store 内的数据
   let fetchDataFn
-  let fetchResult: any = {}
+  let fetchResult= {}
   if (targetRoute) {
     fetchDataFn = targetRoute.component ? targetRoute.component.getInitialProps : null
     if (fetchDataFn) {
-      fetchResult = await fetchDataFn({ store }) // 更新 state
+      // 更新 state
+      fetchResult = await fetchDataFn({ store })
     }
   }
 
-  // 将预取数据在这里传递过去 组内通过props.staticContext获取
-  const context = {
+  // 将预取数据在这里传递过去 组内通过props.staticContext获取 IntrinsicAttributes 
+  const context: any= {
     initialData: fetchResult
   }
   const html = renderToString(
     <Provider store={store}>
-      <StaticRouter location={path} context={context as any}>
+      <StaticRouter location={path} context={context}>
         <StyleContext.Provider value={{ insertCss }}>
           <App routeList={staticRoutesList} />
         </StyleContext.Provider>

src/server/middlewares/ssr.ts

@@ -5,18 +5,19 @@ import ejs from 'ejs'
 import fs from 'fs'
 import path from 'path'
 import genHtml from './genHtml'
+import Koa from 'koa'
 
 const ejsPath = path.join(__dirname, '../../templates/server.ejs')
 const store = getStore()
-export default async (ctx: any, next: any): Promise<null> => {
+export default async (ctx:Koa.Context, next: Koa.Next): Promise<null> => {
   const { path } = ctx.request
 
   if (path.indexOf('.') > -1) {
     ctx.body = null
     return next()
   }
   const cssObj = new Set() // CSS for all rendered React components
-  const insertCss = (...styles: any) =>
+  const insertCss = (...styles: any[]) =>
     styles.forEach((style: any) => cssObj.add(style._getContent()))
   const { html, fetchResult } = await genHtml(path, insertCss, store)
   const { page } = fetchResult || {}

src/server/utils/assets.ts

@@ -5,12 +5,12 @@ interface IAssets {
   js: string[]
   css: string[]
 }
-export default function getAssets(): any {
+export default function getAssets(): IAssets {
   // let devHost = '//localhost:9001';
   const devHost = `//localhost:${8080}`
 
-  const jsFiles = ['libs.js', 'main.js', 'styles.js']
-  const cssFiles = ['styles.css']
+  // const jsFiles = ['libs.js', 'main.js', 'styles.js']
+  // const cssFiles = ['styles.css']
 
   const assets: IAssets = {
     js: [],

src/server/utils/get-ip.ts

@@ -3,7 +3,7 @@ import os from 'os'
 export default function getNetworkAddress(): string {
   const interfaces = os.networkInterfaces()
   for (const name of Object.keys(interfaces)) {
-    for (const item of interfaces[name] as any) {
+    for (const item of interfaces[name]!) {
       const { address, family, internal } = item
       if (family === 'IPv4' && !internal) {
         return address

src/server/utils/get-static-routes.ts

@@ -1,13 +1,14 @@
 // 路由静态化处理
 
+import { IRoute } from '@/main/route-config'
 import proConfig from '../../../config/pro-config'
 
 const checkIsAsyncRoute = (component:any) => {
   return component && component[proConfig.asyncComponentKey]
 }
 
 // 将路由转换为静态路由
-async function getStaticRoutes(routes:any) {
+async function getStaticRoutes(routes:IRoute[]) {
   const key = '__dynamics_route_to_static'
   if (global[key]) {
     return global[key]