Configure @idea2app/data-server package access and update types

Co-authored-by: TechQuery <[email protected]>

Author: Copilot

.npmrc

@@ -1,3 +1,7 @@
 public-hoist-pattern[] = *import-in-the-middle*
 public-hoist-pattern[] = *require-in-the-middle*
 auto-install-peers = false
+
+//npm.pkg.github.com/:_authToken=${NPM_TOKEN}
+@idea2app:registry=https://npm.pkg.github.com
+always-auth=true

components/Git/Issue/Card.tsx

@@ -48,7 +48,7 @@ export const IssueCard: FC<IssueCardProps> = ({
         )}
       </div>
 
-      <article dangerouslySetInnerHTML={{ __html: marked(body || '') }} />
+      <article dangerouslySetInnerHTML={{ __html: marked(body || '', { async: false }) as string }} />
 
       <footer className="flex items-center justify-between">
         {user && (

components/Member/Card.tsx

@@ -59,7 +59,7 @@ export const MemberCard: FC<MemberCardProps> = observer(
       </ul>
 
       <p
-        dangerouslySetInnerHTML={{ __html: marked((summary as string) || '') }}
+        dangerouslySetInnerHTML={{ __html: marked((summary as string) || '', { async: false }) as string }}
         className="text-neutral-500"
       />
     </li>

components/User/SessionBox.tsx

@@ -1,4 +1,5 @@
 import { Drawer, List, ListItem, ListItemButton, ListItemText } from '@mui/material';
+import { JwtPayload } from 'jsonwebtoken';
 import { observable } from 'mobx';
 import { observer } from 'mobx-react';
 import Link from 'next/link';
@@ -12,7 +13,7 @@ export type MenuItem = Pick<JSX.IntrinsicElements['a'], 'href' | 'title'>;
 export interface SessionBoxProps extends HTMLAttributes<HTMLDivElement> {
   path?: string;
   menu?: MenuItem[];
-  jwtPayload?: any; // TODO: Define proper JWT payload type
+  jwtPayload?: JwtPayload;
 }
 
 @observer

models/Base.ts

@@ -2,7 +2,8 @@ import { HTTPClient } from 'koajax';
 import MIME from 'mime';
 import { githubClient } from 'mobx-github';
 import { TableCellValue, TableCellMedia, TableCellAttachment } from 'mobx-lark';
-import { Filter, ListModel, toggle, IDType } from 'mobx-restful';
+import { Filter, ListModel, toggle, IDType, DataObject } from 'mobx-restful';
+import type { PageData } from 'mobx-restful';
 import { buildURLData } from 'web-utility';
 
 import { API_Host, GITHUB_TOKEN, isServer } from './configuration';
@@ -37,7 +38,7 @@ export function fileURLOf(field: TableCellValue, cache = false) {
   return URI;
 }
 
-export abstract class TableModel<D extends Base, F extends Filter<D> = Filter<D>> extends ListModel<
+export abstract class TableModel<D extends DataObject, F extends Filter<D> = Filter<D>> extends ListModel<
   D,
   F
 > {
@@ -51,7 +52,7 @@ export abstract class TableModel<D extends Base, F extends Filter<D> = Filter<D>
   }
 
   async loadPage(pageIndex: number, pageSize: number, filter: F) {
-    const { body } = await this.client.get<ListChunk<D>>(
+    const { body } = await this.client.get<{ list: D[], count: number }>(
       `${this.baseURI}?${buildURLData({ ...filter, pageIndex, pageSize })}`,
     );
 

models/User.ts

@@ -3,15 +3,12 @@ import { HTTPClient } from 'koajax';
 import { observable, reaction } from 'mobx';
 import { persist, restore, toggle } from 'mobx-restful';
 import { setCookie } from 'web-utility';
+import { User as GitHubUser } from 'mobx-github';
 
 import { TableModel } from './Base';
 import { API_Host, isServer } from './configuration';
 
-export interface User {
-  id?: string;
-  email?: string;
-  nickname?: string;
-  avatar?: string;
+export interface User extends GitHubUser {
   token?: string;
 }
 

next.config.ts

@@ -45,7 +45,7 @@ const nextConfig = withPWA({
     // eslint-disable-next-line @typescript-eslint/no-unsafe-return
     return config;
   },
-  rewrites,
+  rewrites: rewrites as any,
 });
 
 export default isDev || !SENTRY_AUTH_TOKEN

package.json

@@ -12,6 +12,7 @@
     "@emotion/server": "^11.11.0",
     "@emotion/styled": "^11.14.1",
     "@giscus/react": "^3.1.0",
+    "@idea2app/data-server": "^1.0.0-rc.0",
     "@koa/bodyparser": "^6.0.0",
     "@koa/router": "^14.0.0",
     "@mui/lab": "^7.0.0-beta.16",