[PR #32045] refactor: extract sub-components and custom hooks from UpdateDSLModal and Metadata components #33517

Closed
opened 2026-02-21 20:53:26 -05:00 by yindo · 0 comments
Owner

Original Pull Request: https://github.com/langgenius/dify/pull/32045

State: closed
Merged: Yes


Summary

  • UpdateDSLModal refactoring: Extracted 7 useState calls and all business logic into a useUpdateDSLModal custom hook, split the version mismatch dialog into a standalone VersionMismatchModal component. The main component was reduced from 284 lines / complexity 53 to 112 lines / complexity 0.
  • Metadata refactoring: Split FieldInfo, DocTypeSelector, and MetadataFieldList into a components/ subdirectory, extracted state management logic into hooks/use-metadata-state.ts. The main component was streamlined from 425 lines to 127 lines.
  • Test coverage: Added unit tests for all newly extracted hooks and components (+838 lines of test code). use-metadata-state.ts achieved Stmts 98% / Lines 97.95% / Funcs 100% coverage.

Checklist

  • This change requires a documentation update, included: Dify Document
  • I understand that this PR may be closed in case there was no previous discussion or issues. (This doesn't apply to typos!)
  • I've added a test for each change that was introduced, and I tried as much as possible to make a single atomic change.
  • I've updated the documentation accordingly.
  • I ran make lint and make type-check (backend) and cd web && npx lint-staged (frontend) to appease the lint gods
**Original Pull Request:** https://github.com/langgenius/dify/pull/32045 **State:** closed **Merged:** Yes --- ## Summary - UpdateDSLModal refactoring: Extracted 7 useState calls and all business logic into a useUpdateDSLModal custom hook, split the version mismatch dialog into a standalone VersionMismatchModal component. The main component was reduced from 284 lines / complexity 53 to 112 lines / complexity 0. - Metadata refactoring: Split FieldInfo, DocTypeSelector, and MetadataFieldList into a components/ subdirectory, extracted state management logic into hooks/use-metadata-state.ts. The main component was streamlined from 425 lines to 127 lines. - Test coverage: Added unit tests for all newly extracted hooks and components (+838 lines of test code). use-metadata-state.ts achieved Stmts 98% / Lines 97.95% / Funcs 100% coverage. ## Checklist - [ ] This change requires a documentation update, included: [Dify Document](https://github.com/langgenius/dify-docs) - [x] I understand that this PR may be closed in case there was no previous discussion or issues. (This doesn't apply to typos!) - [x] I've added a test for each change that was introduced, and I tried as much as possible to make a single atomic change. - [x] I've updated the documentation accordingly. - [x] I ran `make lint` and `make type-check` (backend) and `cd web && npx lint-staged` (frontend) to appease the lint gods
yindo added the pull-request label 2026-02-21 20:53:26 -05:00
yindo closed this issue 2026-02-21 20:53:26 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: langgenius/dify#33517