[migrate] replace FeiShu API environment variables with Lark ones

[optimize] update Upstream packages & Read Me doucment
[fix] 2 SSR props bugs

Author: TechQuery

.env

@@ -5,8 +5,9 @@ NEXT_PUBLIC_SENTRY_DSN = https://03e5d951172f411a04c1bab44022e22b@o4506471366852
 SENTRY_ORG = idea2app
 SENTRY_PROJECT = ows
 
-NEXT_PUBLIC_LARK_BASE = bascnFeH8Q37XWX0LLlBB9ojQzf
-NEXT_PUBLIC_CLIENT_TABLE = tblsb0vx4fqjSrGL
-NEXT_PUBLIC_PROJECT_TABLE = tblCxasoUUub3buB
-NEXT_PUBLIC_MEMBER_TABLE = tblJ98JHGEX0o6ij
-NEXT_PUBLIC_MEMBER_VIEW = vewLf4M0P8
+LARK_API_HOST = https://open.larksuite.com/open-apis/
+NEXT_PUBLIC_LARK_BASE = McGRbzEInauTTOsWX1blxbN1grh
+NEXT_PUBLIC_CLIENT_TABLE = tblRNMvpJ1UZwJW2
+NEXT_PUBLIC_PROJECT_TABLE = tblwaxbQ35uX2lUS
+NEXT_PUBLIC_MEMBER_TABLE = tblD7p7XAcrinGqO
+NEXT_PUBLIC_MEMBER_VIEW = vewLspr5VK

README.md

@@ -10,7 +10,7 @@
 ## Technology stack
 
 - Language: [TypeScript v5][2] + [MDX v3][10]
-- Component engine: [Next.js v14][3]
+- Component engine: [Next.js v15][3]
 - Component suite: [Bootstrap v5][4]
 - PWA framework: [Workbox v6][5]
 - State management: [MobX v6][11]
@@ -72,12 +72,15 @@ You can check out [the Next.js GitHub repository][27] - your feedback and contri
 |       `SENTRY_ORG`       |    `.env`    | [Official document][29] |
 |     `SENTRY_PROJECT`     |    `.env`    | [Official document][29] |
 | `NEXT_PUBLIC_SENTRY_DSN` |    `.env`    | [Official document][30] |
+|      `GITHUB_TOKEN`      | `.env.local` | [Official document][31] |
+|      `LARK_APP_ID`       | `.env.local` | [Official document][32] |
+|    `LARK_APP_SECRET`     | `.env.local` | [Official document][32] |
 
 ### Vercel
 
 The easiest way to deploy your Next.js app is to use the [Vercel Platform][13] from the creators of Next.js.
 
-Check out our [Next.js deployment documentation][31] for more details.
+Check out our [Next.js deployment documentation][33] for more details.
 
 ### Docker
 
@@ -116,4 +119,6 @@ pnpm container
 [28]: https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/#use-configuration-files-for-source-map-upload
 [29]: https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/#use-environment-variables
 [30]: https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/#create-initialization-config-files
-[31]: https://nextjs.org/docs/deployment
+[31]: https://docs.github.com/en/rest/authentication/authenticating-to-the-rest-api#authenticating-with-a-personal-access-token
+[32]: https://open.larksuite.com/document/server-docs/getting-started/api-access-token/app-access-token-development-guide#95c7f5f5
+[33]: https://nextjs.org/docs/deployment

next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

package.json

@@ -1,25 +1,25 @@
 {
   "name": "@idea2app/ows",
-  "version": "2.0.0-rc",
+  "version": "2.0.0",
   "description": "React project scaffold based on TypeScript, Next.js, Bootstrap & Workbox.",
   "private": true,
   "dependencies": {
-    "@sentry/nextjs": "^8.42.0",
+    "@sentry/nextjs": "^8.45.0",
     "classnames": "^2.5.1",
     "core-js": "^3.39.0",
     "file-type": "^19.6.0",
     "idea-react": "^2.0.0-rc.8",
-    "koajax": "^3.1.0",
+    "koajax": "^3.1.1",
     "less": "^4.2.1",
     "less-loader": "^12.2.0",
     "mobx": "^6.13.5",
     "mobx-github": "^0.3.5",
     "mobx-i18n": "^0.6.0",
     "mobx-lark": "^2.0.0",
-    "mobx-react": "^9.1.1",
+    "mobx-react": "^9.2.0",
     "mobx-restful": "^2.0.0",
     "mobx-restful-table": "^2.0.1",
-    "next": "^15.0.3",
+    "next": "^15.1.0",
     "next-pwa": "~5.6.0",
     "next-ssr-middleware": "^0.8.9",
     "next-with-less": "^3.0.1",
@@ -28,31 +28,31 @@
     "react-dom": "^18.3.1",
     "react-marked-renderer": "^2.0.1",
     "web-utility": "^4.4.2",
-    "webpack": "^5.96.1"
+    "webpack": "^5.97.1"
   },
   "devDependencies": {
     "@babel/plugin-proposal-decorators": "^7.25.9",
-    "@babel/plugin-transform-typescript": "^7.25.9",
-    "@babel/preset-react": "^7.25.9",
-    "@eslint/compat": "^1.2.3",
+    "@babel/plugin-transform-typescript": "^7.26.3",
+    "@babel/preset-react": "^7.26.3",
+    "@eslint/compat": "^1.2.4",
     "@eslint/eslintrc": "^3.2.0",
     "@softonus/prettier-plugin-duplicate-remover": "^1.1.2",
     "@types/eslint-config-prettier": "^6.11.3",
     "@types/eslint__eslintrc": "^2.1.2",
     "@types/next-pwa": "^5.6.9",
-    "@types/node": "^20.17.9",
+    "@types/node": "^20.17.10",
     "@types/react": "^18.3.12",
-    "eslint": "^9.16.0",
-    "eslint-config-next": "^15.0.3",
+    "eslint": "^9.17.0",
+    "eslint-config-next": "^15.1.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "globals": "^15.13.0",
     "husky": "^9.1.7",
-    "lint-staged": "^15.2.10",
-    "prettier": "^3.4.1",
+    "lint-staged": "^15.2.11",
+    "prettier": "^3.4.2",
     "prettier-plugin-css-order": "^2.1.2",
     "typescript": "~5.7.2",
-    "typescript-eslint": "^8.17.0"
+    "typescript-eslint": "^8.18.0"
   },
   "prettier": {
     "singleQuote": true,
@@ -67,7 +67,7 @@
     "*.{html,md,less,json,yml,js,mjs,ts,tsx}": "prettier --write"
   },
   "scripts": {
-    "prepare": "husky",
+    "prepare": "husky  &&  touch .env.local",
     "dev": "next dev",
     "build": "next build",
     "export": "next build  &&  next export",

pages/api/Lark/core.ts

@@ -3,6 +3,7 @@ import { LarkApp, LarkData } from 'mobx-lark';
 import { safeAPI } from '../core';
 
 export const lark = new LarkApp({
+  host: process.env.LARK_API_HOST,
   id: process.env.LARK_APP_ID!,
   secret: process.env.LARK_APP_SECRET!,
 });

pages/member/[nickname].tsx

@@ -32,7 +32,9 @@ export const getServerSideProps = compose<{ nickname: string }>(
     ]);
 
     return {
-      props: { member, leaderProjects, memberProjects },
+      props: JSON.parse(
+        JSON.stringify({ member, leaderProjects, memberProjects }),
+      ),
     };
   },
 );

pages/project/[id].tsx

@@ -40,10 +40,7 @@ export const getServerSideProps = compose<
       );
     }
     return {
-      props: {
-        project: JSON.parse(JSON.stringify(project)),
-        repositories,
-      },
+      props: JSON.parse(JSON.stringify({ project, repositories })),
     };
   },
 );