chore(build): sync version in package json (#1376)

mydearxym · web-flow · commit 3e4dd71f757b · 2022-09-11T21:47:36.000+08:00
* feat: sync appVserion from pakcage.json

* feat: sync appVserion from pakcage.json

* chore: remove old version in config
diff --git a/.eslintignore b/.eslintignore
@@ -17,4 +17,5 @@ tsconfig.tsbuildinfo
 *.tar.gz
 *.xml
 public/*
-Makefile
+Makefile
+config/version.ts
diff --git a/config/config.json b/config/config.json
@@ -59,7 +59,6 @@
   "//--- contact configs ---//": "",
   "EMAIL_SUPPORT": "coderplanets@outlook.com",
   "// GRAPHQL_ENDPOINT": "https://api.coderplanets.com/graphiql",
-  "BUILD_VERSION": "v2.1.13",
   "// 1000 * 60 * 10 = 10 mins": "",
   "SSR_CACHE_TIME": 60000
 }
diff --git a/config/index.ts b/config/index.ts
@@ -7,6 +7,8 @@ export { default as SEO } from './next_seo'
 
 export const DEFAULT_THEME = CONFIG.DEFAULT_THEME as TThemeName
 
+export { APP_VERSION } from './version'
+
 export const SITE_LOGO =
   'https://assets.coderplanets.com/icons/static/new-logo.jpg'
 
@@ -33,5 +35,4 @@ export const {
   ISSUE_ADDR,
   MENTION_USER_ADDR,
   EMAIL_SUPPORT,
-  BUILD_VERSION,
 } = CONFIG
diff --git a/config/version.ts b/config/version.ts
@@ -0,0 +1 @@
+export const APP_VERSION = '1.0.91'
diff --git a/global.d.ts b/global.d.ts
@@ -1,7 +1,18 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import type { IziToast } from 'iziToast'
 
+interface IWindow extends Window {
+  iziToast?: IziToast
+  appVersion?: string
+  /**
+   * used for check platform hook
+   */
+  chrome?: any
+  safari?: any
+  StyleMedia?: any
+  HTMLElement?: any
+}
+
 declare global {
-  interface IWindow extends Window {
-    iziToast: IziToast
-  }
+  type TWindow = IWindow | null
 }
diff --git a/package.json b/package.json
@@ -1,11 +1,15 @@
 {
   "name": "coderplanets_web",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "license": "Apache License 2.0",
   "scripts": {
     "dev": "cross-env NODE_ENV=dev next dev",
     "dev.boost": "next-boost",
     "ci": "cross-env NODE_ENV=ci node server",
+    "prebuild": "node -p \"'export const APP_VERSION = ' + JSON.stringify(require('./package.json').version)\" > config/version.ts",
+    "prebuild.ci": "npm run prebuild",
+    "prebuild.dev": "npm run prebuild",
+    "prebuild.prod": "npm run prebuild",
     "build": "next build",
     "build:clean": "run-s dist clean",
     "build.prod": "cross-env NODE_ENV=production next build",
diff --git a/src/containers/layout/GlobalLayout/logic.ts b/src/containers/layout/GlobalLayout/logic.ts
@@ -7,7 +7,9 @@ import {
 } from 'react'
 
 import type { TScrollDirection } from '@/spec'
+import { APP_VERSION } from '@/config'
 import { buildLog } from '@/utils/logger'
+import { Global } from '@/utils/helper'
 
 import type { TStore } from './store'
 
@@ -73,6 +75,14 @@ export const childrenWithProps = (
   })
 }
 
+/**
+ * set appVersion to window from package.json
+ * @link https://stackoverflow.com/a/67701490/4050784
+ */
+const initAppVersion = (): void => {
+  Global.appVersion = APP_VERSION || 'unknow'
+}
+
 // ###############################
 // init & uninit
 // ###############################
@@ -82,5 +92,6 @@ export const useInit = (_store: TStore, extra): void => {
 
     const { online, isMobile } = extra
     store.mark({ online, isMobile })
+    initAppVersion()
   }, [_store, extra])
 }
diff --git a/src/containers/unit/Footer/DesktopView/HomeLayout.tsx b/src/containers/unit/Footer/DesktopView/HomeLayout.tsx
@@ -2,7 +2,7 @@ import { FC, memo } from 'react'
 import { useTheme } from 'styled-components'
 
 import type { TThemeMap, TMetric, TOnlineStatus } from '@/spec'
-import { GITHUB, ABOUT_LINK, BUILD_VERSION } from '@/config'
+import { GITHUB, ABOUT_LINK, APP_VERSION } from '@/config'
 import { ROUTE } from '@/constant'
 import { siteBirthDay } from '@/utils/helper'
 
@@ -109,7 +109,7 @@ const HomeView: FC<TProps> = ({ metric, onlineStatus }) => {
             <Title>网站状态</Title>
             <Body>
               <Item as="span" normal>
-                版本: {BUILD_VERSION}
+                版本: {APP_VERSION}
               </Item>
               <Item as="span" normal>
                 年龄: {siteBirthDay('2019/02/01')}
diff --git a/src/containers/unit/Footer/MobileView/index.tsx b/src/containers/unit/Footer/MobileView/index.tsx
@@ -3,7 +3,7 @@ import { FC } from 'react'
 import Link from 'next/link'
 
 import type { TMetric } from '@/spec'
-import { ICON, GITHUB, BUILD_VERSION, ABOUT_LINK } from '@/config'
+import { ICON, GITHUB, APP_VERSION, ABOUT_LINK } from '@/config'
 import { bond } from '@/utils/mobx'
 import { ROUTE } from '@/constant'
 
@@ -56,7 +56,7 @@ const FooterContainer: FC<TProps> = ({ footer: store, metric }) => {
         </Link>
       </SiteInfoWrapper>
       <VersionWrapper>
-        <Item>{BUILD_VERSION}</Item>
+        <Item>{APP_VERSION}</Item>
       </VersionWrapper>
     </Wrapper>
   )
diff --git a/src/containers/unit/Footer/logic.ts b/src/containers/unit/Footer/logic.ts
@@ -58,7 +58,7 @@ export const handleLogout = (): void => {
   store.logout()
 
   setTimeout(() => {
-    Global.location.reload(false)
+    Global.location.reload()
   }, 1000)
 }
 
diff --git a/src/containers/unit/Header/logic.ts b/src/containers/unit/Header/logic.ts
@@ -47,7 +47,7 @@ export const onLogout = (): void => {
   store.logout()
 
   setTimeout(() => {
-    Global.location.reload(false)
+    Global.location.reload()
   }, 2000)
 }
 
diff --git a/utils/helper.ts b/utils/helper.ts
@@ -61,7 +61,7 @@ type TSORTABLE_ITEMS = {
   logo?: string
 }[]
 
-export const Global: any = typeof window !== 'undefined' ? window : {}
+export const Global: TWindow = typeof window !== 'undefined' ? window : null
 
 // see https://github.com/ramda/ramda/issues/1361
 export const mapKeys = curry((fn, obj) => {
diff --git a/utils/toast.ts b/utils/toast.ts
@@ -12,13 +12,13 @@ import { nilOrEmpty } from './validator'
 
 type TToastType = 'success' | 'error' | 'warn'
 
-const checkValid = () => (Global as IWindow).iziToast || false
+const checkValid = () => (Global as TWindow).iziToast || false
 
 const doNotify = (options = {}): void => {
   if (!checkValid()) {
     return
   }
-  const { iziToast } = Global as IWindow
+  const { iziToast } = Global as TWindow
   iziToast.show(merge(DEFAULT_TOAST_OPTIONS, reject(nilOrEmpty, options)))
 }
 

Original file line number	Diff line number	Diff line change
`@@ -59,7 +59,6 @@`
`59`	`59`	`"//--- contact configs ---//": "",`
`60`	`60`	`"EMAIL_SUPPORT": "coderplanets@outlook.com",`
`61`	`61`	`"// GRAPHQL_ENDPOINT": "https://api.coderplanets.com/graphiql",`
`62`		`- "BUILD_VERSION": "v2.1.13",`
`63`	`62`	`"// 1000 * 60 * 10 = 10 mins": "",`
`64`	`63`	`"SSR_CACHE_TIME": 60000`
`65`	`64`	`}`
Original file line number	Diff line number	Diff line change
`@@ -58,7 +58,7 @@ export const handleLogout = (): void => {`
`58`	`58`	`store.logout()`
`59`	`59`
`60`	`60`	`setTimeout(() => {`
`61`		`- Global.location.reload(false)`
	`61`	`+ Global.location.reload()`
`62`	`62`	`}, 1000)`
`63`	`63`	`}`
`64`	`64`