Skip to content

DMP 2025 Week 4-5: feat(Masonry): Add palette to Masonry #444

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
meganindya merged 42 commits into from
Jul 7, 2025
Merged

DMP 2025 Week 4-5: feat(Masonry): Add palette to Masonry #444

meganindya merged 42 commits into from
Jul 7, 2025

Conversation

@justin212407
Copy link
Member

@justin212407 justin212407 commented Jul 5, 2025

This PR implements the Palette UI for the MusicBlocks-v4 Masonry module. It includes the core layout, category rendering logic, styling, and Storybook stories for isolated development and testing.

Key Features:

  • Added a json file which documents all the bricks present in Musicblocks with their connector and argument notches
  • Added registry.tsx file which maps all bricks from the config (json) file to their respective types
  • Added PaletteWrapper.tsx which Acts as the main container for the Palette section
  • Implemented a sidebar.tsx and brickListPanel.tsx to maintain a clean UI for the palette with styles
  • Added a story file for isolated development and testing of the Palette
  • Added a search functionality in the palette

Screenshots:

Recording.2025-07-05.130045.mp4

saumyashahi and others added 30 commits June 28, 2025 12:08
@saumyashahi
fix(masonry): path generation for compound bricks is fixed
1d6fa11
@saumyashahi
feat(masonry): add text measurement utility and dynamic label width c…
8ff5887 
…alculation
@saumyashahi
feat(masonry): add origin calculation logic for nested and argumnent …
400dba7 
…notch
@saumyashahi
feat(masonry): add brick tree rendereing system for connection types
829bcf9
@saumyashahi
feat(masonry): add test story for argument positioning with different…
68bd13a 
… label lengths
@saumyashahi
feat(masonry): add argument brick management with dynamic positioning
062f33b
@saumyashahi
feat(masonry): add brick factory for creating different brick types w…
a95bf7b 
…ith defaults
@saumyashahi
feat(masonry): add TreeView stories for different brick layouts and c…
f2b309d 
…onfigurations
@saumyashahi
chore(masonry): remove debug statements and clean up code comments
6ffaf38
@saumyashahi
fix(masonry): all linting errors and warnings across masonry module
6461ec7
@justin212407
refactor(Masonry): Update brick view to pull raw props
0a96ec3 
Signed-off-by: Justin Charles <[email protected]>
@justin212407
feat(Masonry): Add json file for all bricks
1f0eba7 
Signed-off-by: Justin Charles <[email protected]>
@justin212407
feat(Masonry): Add category definition, type safety and registry inte…
f07fb58 
…gration

Signed-off-by: Justin Charles <[email protected]>
@justin212407
feat(Masonry): Add react components for palette
252c6f1 
Signed-off-by: Justin Charles <[email protected]>
@justin212407
feat(Masonry): Add styles to palette
1d0ff6f 
Signed-off-by: Justin Charles <[email protected]>
@justin212407
feat(Masonry): Add story for palette
320ff1f 
Signed-off-by: Justin Charles <[email protected]>
@Karan-Palan
refactor(masonry): [brick] seperate text measurement utility
2271109 
Signed-off-by: karan-palan <[email protected]>
@Karan-Palan
chore(masonry): [tree] fix story filename typo
0f51edf 
Signed-off-by: karan-palan <[email protected]>
@Karan-Palan
feat(masonry): [brick] create wrapper compoenent
84ba115 
Signed-off-by: karan-palan <[email protected]>
@Karan-Palan
feat(masonry): [brick] update other compoenents to reuse wrapper comp…
723bea0 
…onenent

Signed-off-by: karan-palan <[email protected]>
@Karan-Palan
refactor(masonry): move @types to /src and update imports
9321df1 
Signed-off-by: karan-palan <[email protected]>
@Karan-Palan
refactor(masonry): [tower] refactor tree into tower and workspace man…
702bed0 
…ager

Signed-off-by: karan-palan <[email protected]>
@Karan-Palan
feat(masonry): [tower] seperate tower logic (one connected stack), si…
051d754 
…mplify code and add stories

Signed-off-by: karan-palan <[email protected]>
@Karan-Palan
feat(masonry): [workspace] create Workspace manager which perfroms CR…
648fbb3 
…UD operations using towers and handles connection logic

Signed-off-by: karan-palan <[email protected]>
@justin212407
refactor(Masonry): Update brick view to pull raw props
23e5767 
Signed-off-by: Justin Charles <[email protected]>
@justin212407
feat(Masonry): Add json file for all bricks
ce3ff2b 
Signed-off-by: Justin Charles <[email protected]>
@justin212407
feat(Masonry): Add category definition, type safety and registry inte…
0660ba2 
…gration

Signed-off-by: Justin Charles <[email protected]>
@justin212407
feat(Masonry): Add react components for palette
9e4224b 
Signed-off-by: Justin Charles <[email protected]>
@justin212407
feat(Masonry): Add styles to palette
8846f4f 
Signed-off-by: Justin Charles <[email protected]>
@justin212407
feat(Masonry): Add story for palette
38f088e 
Signed-off-by: Justin Charles <[email protected]>
justin212407 added 11 commits July 5, 2025 12:18
@justin212407
fix(masonry):[brick] update imports in brick stories
1c44d57 
Signed-off-by: Justin Charles <[email protected]>
@justin212407
feat(masonry): [palette] update palette components for better ui
c178a28 
Signed-off-by: Justin Charles <[email protected]>
@justin212407
feat(masonry): [palette] add icons for palette
2e5d015 
Signed-off-by: Justin Charles <[email protected]>
@justin212407
feat(masonry): [palette] add utils folder for types and categories
a6fffa6 
Signed-off-by: Justin Charles <[email protected]>
@justin212407
feat(masonry): [palette] update story for palettes
fede805 
Signed-off-by: Justin Charles <[email protected]>
@justin212407
feat(masonry): [palette] update json file with all bricks
fdff85a 
Signed-off-by: Justin Charles <[email protected]>
@justin212407
feat(masonry): [palette] add styles for palette
5be28a7 
Signed-off-by: Justin Charles <[email protected]>
@justin212407
feat(masonry):[palette]: update categories and types in utils
713009e 
Signed-off-by: Justin Charles <[email protected]>
@justin212407
feat(masonry):[palette]: update components in palette
4c577c0 
Signed-off-by: Justin Charles <[email protected]>
@justin212407
feat(masonry):[palette]: update story for palette
f6a30b9 
Signed-off-by: Justin Charles <[email protected]>
@justin212407
feat(masonry):[palette]: remove duplicate files
018cde9 
Signed-off-by: Justin Charles <[email protected]>
@justin212407 justin212407 requested a review from meganindya July 5, 2025 17:34
@meganindya meganindya merged commit b5ce407 into develop Jul 7, 2025
4 checks passed
@meganindya meganindya changed the title DMP 2025 Week 4: feat(Masonry): Add palette to Masonry DMP 2025 Week 4-5: feat(Masonry): Add palette to Masonry Jul 7, 2025
@meganindya meganindya deleted the gsoc-dmp-2025/week-4/justin branch July 7, 2025 11:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@meganindya meganindya Awaiting requested review from meganindya

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

5 participants

@justin212407 @meganindya @saumyashahi @Karan-Palan