Files

T

mjasin 55cc3ae10d feat(ui/arch): Optimize Graph Dynamics, Immersive Reader, and Core Stability (#19 )

This PR introduces a major optimization of graph dynamics, immersive reading experience, and architectural stabilization.

### 🚀 Key Improvements

- **Knowledge Graph (Fix #16)**:
  - Implemented smooth D3.js transitions using the General Update Pattern.
  - Added "Neon Flash" entry animations and dynamic node dimming for better focus.
- **Immersive Reader (Fix #12)**:
  - Standardized centered layout (`max-width: 800px`) with **Merriweather** typography.
  - Optimized line-height and letter-spacing for premium readability.
- **Technical Code Blocks (Fix #20)**:
  - High-contrast dark containers for code snippets.
  - **JetBrains Mono** integration and neon-accented scrollbars.
- **Architectural Stabilization**:
  - Enforced a strict **'no async void'** policy in UI services using `Func<Task>`.
  - Resolved WASM runtime DI errors by implementing dummy service proxies for server-side dependencies.
  - Replaced generic 'Not Found' message with a branded Nexus preloader.

Fixes #7, Fixes #12, Fixes #16, Fixes #20.

Reviewed-on: #19
Co-authored-by: Marek Jasiński <jasins.marek@gmail.com>
Co-committed-by: Marek Jasiński <jasins.marek@gmail.com>

2026-05-08 18:16:09 +00:00

757 B

Raw Blame History

name, description

name	description
nexus-graph-d3	D3.js standards for Knowledge Graph

D3.js Standards

Data Exchange: Use System.Text.Json with CamelCase naming.
JS Interop: Use ES6 modules and IJSObjectReference.
Responsiveness: SVG must use viewBox for fluid portrait scaling.
Visuals: Use CSS variables (--nexus-neon) for node styling.
Transitions: Enforce smooth 500ms transitions using the D3.js General Update Pattern (.join()).
Animations: Implement "Neon Flash" entry animations for newly discovered knowledge nodes.
Contextual Highlight: Support node/link dimming to emphasize the current reading context.
Events: JS emits events (like nodeClicked) caught by Blazor via DotNetObjectReference.

757 B Raw Blame History

D3.js Standards

757 B

Raw Blame History