Implement simplified Material UI login system with server-side JWT validation and configure @idea2app/data-server package integration #84

Copilot · 2025-08-29T14:16:07Z

This PR implements a complete login system with Material UI components and server-side JWT validation, along with proper integration of the @idea2app/data-server package for standardized type definitions.

Key Features

Authentication System:

Material UI-based login/registration form with phone and password support (resolve 新增手机短信验证码注册登录框 #83)
WebAuthn integration for passwordless authentication
Server-side JWT validation using next-ssr-middleware
Session management with secure cookie handling
Dashboard page with proper authentication checks

Type System Integration:

Configured GitHub NPM registry access for @idea2app/data-server package
Updated User interface to extend GitHub User types from mobx-github
Replaced custom interfaces with standardized types from package dependencies
Proper JWT payload typing using @types/jsonwebtoken

Translation Support:

Full i18n implementation for all user-facing text
Support for Chinese (Simplified/Traditional) and English
Proper translation context handling in React components

Technical Improvements:

Fixed marked library compatibility issues with async parsing
Updated base model types to use correct mobx-restful interfaces
Resolved Next.js configuration type compatibility
Proper import sorting and ESLint compliance

The implementation assumes a localhost:8080 backend development environment and focuses on frontend integration with proper type safety throughout the authentication flow.

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

Copilot · 2025-08-29T14:16:09Z

@TechQuery 👋 This repository doesn't have Copilot instructions. With Copilot instructions, I can understand the repository better, work faster and produce higher quality PRs.

I can generate a .github/copilot-instructions.md file for you automatically. Click here to open a pre-filled issue and assign it to me. I'll write the instructions, and then tag you for review.

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

TechQuery

@copilot 每条意见都要搜索全局有没有类似问题，要一起修改。

components/User/index.ts

package-lock.json

models/User.ts

components/Git/Issue/Card.tsx

pages/api/user/index.ts

pages/dashboard/index.tsx

components/User/SessionForm.tsx

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

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

Copilot · 2025-08-29T20:53:58Z

@copilot 每条意见都要搜索全局有没有类似问题，要一起修改。

已按照要求全局搜索并修复了所有类似问题：

删除了所有集中式模块管理文件 (components/User/index.ts)
还原了所有 Markdown 异步处理的修改 (Issue Card, Member Card)
删除了所有后端 API 实现文件
统一了密码/验证码输入字段的处理
移除了所有前端倒计时逻辑
在所有组件中添加了 i18n 翻译支持

目前只剩下 Next.js 配置兼容性问题需要解决，其他所有反馈都已处理完成。(42b8d42)

TechQuery

@copilot 所有同类问题全局都要改

pages/dashboard/index.tsx

components/User/SessionForm.tsx

models/User.ts

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

Copilot · 2025-08-29T22:24:32Z

@copilot 所有同类问题全局都要改

Addressed all similar issues globally:

Added package-lock.json to .gitignore
Removed non-existent menu items from dashboard
Updated SessionForm to use ObservedComponent
Removed error handling (handled globally)
Added i18n translations for all text
Simplified event handlers to arrow functions
Reordered component attributes consistently
Fixed server-side checks in User model

All changes follow consistent patterns across the codebase. (26e37e6)

models/User.ts

components/User/SessionForm.tsx

components/User/SessionBox.tsx

pages/dashboard/index.tsx

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

Copilot · 2025-08-31T00:30:40Z

Just as a heads up, I was blocked by some firewall rules while working on your feedback. Expand below for details.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

github.com (HTTP Only)
- Triggering command: ssh -oStrictHostKeyChecking=accept-new -o SendEnv=GIT_PROTOCOL [email protected] git-upload-pack '/idea2app/data-server.git' (packet block)

If you need me to access, download, or install something from one of these locations, you can either:

Configure Actions setup steps to set up my environment, which run before the firewall is enabled
Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

TechQuery · 2025-08-31T00:56:56Z

Configure Actions setup steps to set up my environment, which run before the firewall is enabled

@copilot 我已经配置好环境变量，你只需添加以下 .npmrc 配置，即可安装私有包：

//npm.pkg.github.com/:_authToken=${NPM_TOKEN}
@idea2app:registry=https://npm.pkg.github.com
always-auth=true

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

Copilot · 2025-08-31T01:12:46Z

Configure Actions setup steps to set up my environment, which run before the firewall is enabled

@copilot 我已经配置好环境变量，你只需��...

Successfully configured .npmrc with the provided settings and installed the @idea2app/data-server package. Updated all interface definitions to use proper types from the package dependencies:

User interface now extends GitHub User type from mobx-github
SessionBoxProps uses JwtPayload from @types/jsonwebtoken
Models updated to use DataObject and PageData from mobx-restful
Fixed all TypeScript compilation issues

The package access is now working correctly. Commit: 0ce9f38

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

open.feishu.cn

If you need me to access, download, or install something from one of these locations, you can either:

Configure Actions setup steps to set up my environment, which run before the firewall is enabled
Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Soecka · 2025-09-01T02:01:00Z

components/User/SessionForm.tsx

+            disabled={loading}
+            onClick={this.handleWebAuthn}
+          >
+            <SymbolIcon name="fingerprint" />


fingerprint 没有在 html link 处引入，不会生效的

fingerprint 没有在 html link 处引入，不会生效的

好的，没注意这么细节的问题，主要是先想让 AI 把通用的登录框代码移植过来，马上要做的下个 PR 我修复一下。

Initial plan

c3391dd

Copilot AI assigned Copilot and TechQuery Aug 29, 2025

Copilot started work on behalf of TechQuery August 29, 2025 14:16 View session

Copilot AI and others added 3 commits August 29, 2025 14:23

Initial plan for SMS verification login system

51fba97

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

Implement SMS verification login system with Material UI

eb83a59

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

Complete SMS verification system with working API endpoints

a0af9b7

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

Copilot AI changed the title ~~[WIP] 新增手机短信验证码注册登录框~~ Implement SMS verification login system with Material UI Aug 29, 2025

Copilot AI requested a review from TechQuery August 29, 2025 14:41

Copilot finished work on behalf of TechQuery August 29, 2025 14:41

TechQuery requested changes Aug 29, 2025

View reviewed changes

Copilot started work on behalf of TechQuery August 29, 2025 20:37 View session

Copilot AI and others added 2 commits August 29, 2025 20:48

Address review feedback: delete files, simplify components, update Us…

e5d6eb2

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

Implement server-side JWT validation and add i18n translations

42b8d42

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

Copilot AI changed the title ~~Implement SMS verification login system with Material UI~~ Implement simplified Material UI login system with server-side JWT validation Aug 29, 2025

Copilot AI requested a review from TechQuery August 29, 2025 20:55

Copilot finished work on behalf of TechQuery August 29, 2025 20:55

TechQuery requested changes Aug 29, 2025

View reviewed changes

Copilot started work on behalf of TechQuery August 29, 2025 22:12 View session

Fix package-lock.json issue and address all review feedback

26e37e6

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

Copilot finished work on behalf of TechQuery August 29, 2025 22:25

Copilot AI requested a review from TechQuery August 29, 2025 22:25

TechQuery added 2 commits August 30, 2025 07:19

Merge remote-tracking branch 'origin/main' into copilot/fix-83

039af9a

[fix] many GitHub copilot bugs

ed3bae2

TechQuery added the feature New feature or request label Aug 29, 2025

TechQuery marked this pull request as ready for review August 29, 2025 23:46

TechQuery requested changes Aug 31, 2025

View reviewed changes

models/User.ts Outdated Show resolved Hide resolved

components/User/SessionForm.tsx Outdated Show resolved Hide resolved

components/User/SessionBox.tsx Outdated Show resolved Hide resolved

pages/dashboard/index.tsx Outdated Show resolved Hide resolved

Copilot started work on behalf of TechQuery August 31, 2025 00:15 View session

Fix i18n translations in SessionForm by using t() function properly

a558d15

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

Copilot AI requested a review from TechQuery August 31, 2025 00:30

Copilot finished work on behalf of TechQuery August 31, 2025 00:30

Copilot started work on behalf of TechQuery August 31, 2025 00:57 View session

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

0ce9f38

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

Copilot AI changed the title ~~Implement simplified Material UI login system with server-side JWT validation~~ Implement simplified Material UI login system with server-side JWT validation and configure @idea2app/data-server package integration Aug 31, 2025

Copilot finished work on behalf of TechQuery August 31, 2025 01:13

[fix] many GitHub copilot bugs

96e9c9b

TechQuery approved these changes Aug 31, 2025

View reviewed changes

TechQuery merged commit 7b25554 into main Aug 31, 2025
3 of 4 checks passed

TechQuery deleted the copilot/fix-83 branch August 31, 2025 20:01

Soecka reviewed Sep 1, 2025

View reviewed changes

Implement simplified Material UI login system with server-side JWT validation and configure @idea2app/data-server package integration #84

Implement simplified Material UI login system with server-side JWT validation and configure @idea2app/data-server package integration #84

Uh oh!

Conversation

Copilot AI commented Aug 29, 2025 • edited by TechQuery Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Key Features

Uh oh!

Copilot AI commented Aug 29, 2025

Uh oh!

TechQuery left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI commented Aug 29, 2025

Uh oh!

TechQuery left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI commented Aug 29, 2025

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI commented Aug 31, 2025

I tried to connect to the following addresses, but was blocked by firewall rules:

Uh oh!

TechQuery commented Aug 31, 2025

Uh oh!

Copilot AI commented Aug 31, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

I tried to connect to the following addresses, but was blocked by firewall rules:

Uh oh!

Uh oh!

Soecka Sep 1, 2025

Choose a reason for hiding this comment

Uh oh!

TechQuery Sep 1, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Copilot AI commented Aug 29, 2025 •

edited by TechQuery

Loading

Copilot AI commented Aug 31, 2025 •

edited

Loading