Skip to content

added sharding and partitioning nodes - #143

Open
Dhanwi wants to merge 1 commit into
masterfrom
63-catalog-add-sharding-and-partitioning-technique-nodes
Open

added sharding and partitioning nodes#143
Dhanwi wants to merge 1 commit into
masterfrom
63-catalog-add-sharding-and-partitioning-technique-nodes

Conversation

@Dhanwi

@Dhanwi Dhanwi commented Apr 21, 2026

Copy link
Copy Markdown
Member

This PR introduces the new Data Partitioning and Sharding technique components to the simulator, resolving #63.

These new nodes allow users to model data distribution, request routing, and physical/logical dataset segmentation at the technique and architecture level.

Changes Made

This PR modifies the core node registry, UI mapping, and styling to cleanly integrate four new node types (hashing, sharding, partition-node, shard-node):

  1. src/renderer/src/config/nodeRegistry.ts

    • Added standard library imports from lucide-react for the new icons: Hash, Boxes, SplitSquareHorizontal, and SquareStack.
    • Populated the NODE_REGISTRY with objects for the four new nodes (defined as serviceNode), complete with their load/throughput default metrics and visual descriptors.
  2. src/renderer/src/config/themeConfig.ts

    • Added custom color palettes to the THEME_CONFIG object for each new node key (hashing -> Fuchsia, sharding -> Indigo, partition -> Cyan, shard -> Emerald) to maintain consistent aesthetics with existing components.
  3. src/renderer/src/config/catalogConfig.ts

    • Introduced a new top-level Data Partitioning category to the left-hand UI sidebar catalog.
    • Pushed the four new node IDs to this category so they are draggable onto the canvas.
  4. src/renderer/src/components/features/nodes/ServiceNode.tsx

    • Exported the newly added Lucide icons and successfully mapped them into the component's internal ICON_LOOKUP routing object, ensuring the canvas dynamically renders them once dropped.

Output

image

Copilot AI review requested due to automatic review settings April 21, 2026 04:18
@Dhanwi Dhanwi linked an issue Apr 21, 2026 that may be closed by this pull request

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR adds “Data Partitioning and Sharding” technique nodes to the renderer’s component library so users can model hashing/sharding flows in diagrams, addressing issue #63.

Changes:

  • Added four new node definitions (hashing, sharding, partition-node, shard-node) to the core node registry with default metrics and Lucide icons.
  • Extended theming to include dedicated color palettes for the new technique nodes.
  • Added a new sidebar catalog category (“Data Partitioning”) containing the four new draggable nodes.
  • Updated ServiceNode icon routing to render the new icons on-canvas.

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated no comments.

File Description
src/renderer/src/config/themeConfig.ts Adds theme keys and Tailwind classes for hashing/sharding/partition/shard lookups.
src/renderer/src/config/nodeRegistry.ts Registers the four new nodes with icons, lookup keys, and default data.
src/renderer/src/config/catalogConfig.ts Adds a new catalog category and exposes the new nodes in the sidebar.
src/renderer/src/components/nodes/ServiceNode.tsx Extends ICON_LOOKUP so the new node iconKeys render correct Lucide icons.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@Dhanwi Dhanwi self-assigned this Apr 21, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Catalog] Add sharding and partitioning technique nodes

2 participants