SVI/ProxmoxVE
1
0
Fork 0
mirror of https://github.com/community-scripts/ProxmoxVE.git synced 2026-07-29 01:02:50 -04:00
Code Issues 2.6k Packages Projects Releases 10 Wiki Activity

[PR #265] Optimize website json-editor page and components #2462

New Issue
Closed
opened 2025-11-20 05:30:09 -05:00 by saavagebueno · 0 comments
saavagebueno commented 2025-11-20 05:30:09 -05:00
Owner
Copy Link

Original Pull Request: https://github.com/community-scripts/ProxmoxVE/pull/265

State: closed
Merged: Yes

Note

We are meticulous when it comes to merging code into the main branch, so please understand that we may reject pull requests that do not meet the project's standards. It's never personal. Also, game-related scripts have a lower chance of being merged.

Description

This pull request includes several significant changes to the json-editor components, focusing on performance optimizations and code simplifications. The most important changes involve memoizing components and using useCallback and useMemo hooks to optimize rendering and state updates.

Performance optimizations:

Code simplifications:

Fixes # (issue)

Type of change

Please check the relevant option(s):

  • Bug fix (non-breaking change that resolves an issue)
  • New feature (non-breaking change that adds functionality)
  • Breaking change (a fix or feature that would cause existing functionality to change unexpectedly)
  • New script (a fully functional and thoroughly tested script or set of scripts.)

Prerequisites

The following efforts must be made for the PR to be considered. Please check when completed:

  • Self-review performed (I have reviewed my code, ensuring it follows established patterns and conventions)
  • Testing performed (I have tested my changes, ensuring everything works as expected)
  • Documentation updated (I have updated any relevant documentation)

Additional Information (optional)

Provide any additional context or screenshots about the feature or fix here.

Related Pull Requests / Discussions

If there are other pull requests or discussions related to this change, please link them here:

  • Related PR #
**Original Pull Request:** https://github.com/community-scripts/ProxmoxVE/pull/265 **State:** closed **Merged:** Yes --- > [!NOTE] > We are meticulous when it comes to merging code into the main branch, so please understand that we may reject pull requests that do not meet the project's standards. It's never personal. Also, game-related scripts have a lower chance of being merged. ## Description This pull request includes several significant changes to the `json-editor` components, focusing on performance optimizations and code simplifications. The most important changes involve memoizing components and using `useCallback` and `useMemo` hooks to optimize rendering and state updates. ### Performance optimizations: * [`frontend/src/app/json-editor/_components/Categories.tsx`](diffhunk://#diff-27e14ce851cd97f159ac47f34b12a0b54f24ba93d7ddadfe53ce9630c733f8f8L24-R60): Introduced `CategoryTag` component with `memo` to optimize rendering and used `useCallback` for event handlers. [[1]](diffhunk://#diff-27e14ce851cd97f159ac47f34b12a0b54f24ba93d7ddadfe53ce9630c733f8f8L24-R60) [[2]](diffhunk://#diff-27e14ce851cd97f159ac47f34b12a0b54f24ba93d7ddadfe53ce9630c733f8f8L68-R119) * [`frontend/src/app/json-editor/_components/InstallMethod.tsx`](diffhunk://#diff-5c741e61fee9a42581d0bdb03fb4211e50ae1ca8fd32bcfabb48324d89d14e88L85-R114): Memoized the `ResourceInput` component and used `useCallback` for event handlers to improve performance. [[1]](diffhunk://#diff-5c741e61fee9a42581d0bdb03fb4211e50ae1ca8fd32bcfabb48324d89d14e88L85-R114) [[2]](diffhunk://#diff-5c741e61fee9a42581d0bdb03fb4211e50ae1ca8fd32bcfabb48324d89d14e88L112-R160) * [`frontend/src/app/json-editor/_components/Note.tsx`](diffhunk://#diff-10882bc0495e03a3e2fdf2ba8e3e5ebafef93082d2ff282d581dd591eacaa06aL24-R72): Added `NoteItem` component with `memo` and used `useCallback` for event handlers. [[1]](diffhunk://#diff-10882bc0495e03a3e2fdf2ba8e3e5ebafef93082d2ff282d581dd591eacaa06aL24-R72) [[2]](diffhunk://#diff-10882bc0495e03a3e2fdf2ba8e3e5ebafef93082d2ff282d581dd591eacaa06aL101-R119) ### Code simplifications: * [`frontend/src/app/json-editor/page.tsx`](diffhunk://#diff-f9b6263d8b02ecc1df568e20527b8e70d5382f5b6a49152f2f65da5f17365689L33-R33): Simplified state updates and event handlers using `useCallback` and `useMemo`. Extracted repetitive logic into reusable functions. [[1]](diffhunk://#diff-f9b6263d8b02ecc1df568e20527b8e70d5382f5b6a49152f2f65da5f17365689L33-R33) [[2]](diffhunk://#diff-f9b6263d8b02ecc1df568e20527b8e70d5382f5b6a49152f2f65da5f17365689L53-R124) * [`frontend/src/app/json-editor/page.tsx`](diffhunk://#diff-f9b6263d8b02ecc1df568e20527b8e70d5382f5b6a49152f2f65da5f17365689L53-R124): Added `initialScript` constant and used `useMemo` for computed values to reduce unnecessary re-renders. [[1]](diffhunk://#diff-f9b6263d8b02ecc1df568e20527b8e70d5382f5b6a49152f2f65da5f17365689L53-R124) [[2]](diffhunk://#diff-f9b6263d8b02ecc1df568e20527b8e70d5382f5b6a49152f2f65da5f17365689L158-R198) Fixes # (issue) ## Type of change Please check the relevant option(s): - [ ] Bug fix (non-breaking change that resolves an issue) - [ ] New feature (non-breaking change that adds functionality) - [ ] Breaking change (a fix or feature that would cause existing functionality to change unexpectedly) - [ ] New script (a fully functional and thoroughly tested script or set of scripts.) ## Prerequisites The following efforts must be made for the PR to be considered. Please check when completed: - [x] Self-review performed (I have reviewed my code, ensuring it follows established patterns and conventions) - [x] Testing performed (I have tested my changes, ensuring everything works as expected) - [ ] Documentation updated (I have updated any relevant documentation) ## Additional Information (optional) Provide any additional context or screenshots about the feature or fix here. ## Related Pull Requests / Discussions If there are other pull requests or discussions related to this change, please link them here: - Related PR #
saavagebueno added the pull-request label 2025-11-20 05:30:09 -05:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
🛑 Failure to comply with the guidelines
breaking change
bug
bug
bugfix
deferred
delete script
dependencies
enhancement
external
feature
github
help wanted
Implemented in VED waiting push to Main
in project pipeline
invalid
investigation
json
maintenance
new script
new script
nice to have
not a script issue
not planned
organization
pull-request
Mirrored from GitHub Pull Request
 question
refactor
rename script
security
update script
website
wontdo
No Label pull-request
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
saavagebueno
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: SVI/ProxmoxVE#2462
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?