BioPhoton / BioPhoton/Rx-Marble-Design-System

[docs]: DIAGRAM - Implement "Operator nesting" in "Diagram Canvas"

Open
#18 8 comments 0 reactions 0 assignees View on GitHub
help wanted
Dominant language
CSS
Stars
74
Forks
5
PR merge metrics
No merged PRs in 30d

Description

!Notice! => values are wrong bit not the visualisation!

In some situations, we need to display nested operators.
At the moment this is not solved. Below you see different versions of the `share` operator.
This is a very good example of the need for nested operators because:
- `Subject` is used in `multicast`
- `multicast` and `refCount` is used in `share`

https://docs.google.com/presentation/d/1LlVmTEcoc1LRV00Tp-rDp4kopI-NobC9S2w-w5pC_JA/edit#slide=id.g4c256b0d88_0_79

![Subjects](https://user-images.githubusercontent.com/10064416/62827417-b7092e00-bbce-11e9-929e-0d862870af45.png)
---
![multicast](https://user-images.githubusercontent.com/10064416/62827419-bb354b80-bbce-11e9-9b94-cbe85290ea36.png)
![refCount](https://user-images.githubusercontent.com/10064416/62827420-bcff0f00-bbce-11e9-9ae6-17f155b08f0b.png)
---
![RxJS Multicast Operators-67](https://user-images.githubusercontent.com/10064416/62827398-99d45f80-bbce-11e9-8ab2-d8623db8b5c9.png)
![RxJS Multicast Operators-68](https://user-images.githubusercontent.com/10064416/62827399-9a6cf600-bbce-11e9-9e95-5b3a38b9deae.png)
![RxJS Multicast Operators-69](https://user-images.githubusercontent.com/10064416/62827400-9a6cf600-bbce-11e9-8a50-dffb51b8e9ea.png)
![RxJS Multicast Operators-70](https://user-images.githubusercontent.com/10064416/62827401-9a6cf600-bbce-11e9-9745-8659b100d1a2.png)
![RxJS Multicast Operators-71](https://user-images.githubusercontent.com/10064416/62827402-9b058c80-bbce-11e9-8f49-93d9a095e989.png)
![RxJS Multicast Operators-72](https://user-images.githubusercontent.com/10064416/62827403-9b058c80-bbce-11e9-94e9-bdb18cd002fa.png)
![RxJS Multicast Operators-73](https://user-images.githubusercontent.com/10064416/62827404-9b9e2300-bbce-11e9-808d-530411272685.png)
![RxJS Multicast Operators-74](https://user-images.githubusercontent.com/10064416/62827405-9b9e2300-bbce-11e9-8d65-b4ee48cac0b7.png)
![RxJS Multicast Operators-75](https://user-images.githubusercontent.com/10064416/62827406-9b9e2300-bbce-11e9-9a86-656421f566c1.png)
![RxJS Multicast Operators-76](https://user-images.githubusercontent.com/10064416/62827407-9c36b980-bbce-11e9-9fc8-9ba8bed34be8.png)
![RxJS Multicast Operators-77](https://user-images.githubusercontent.com/10064416/62827408-9ccf5000-bbce-11e9-8c66-739be4c42b68.png)
![RxJS Multicast Operators-78](https://user-images.githubusercontent.com/10064416/62827409-9ccf5000-bbce-11e9-88d7-eff30cab0ffd.png)
![RxJS Multicast Operators-79](https://user-images.githubusercontent.com/10064416/62827410-9ccf5000-bbce-11e9-840d-d56263c2f58a.png)

Contributor guide

Open the contributing guide

Research direction

The issue targets the Diagram Canvas and shows nested Subject, multicast, refCount, and share examples in the linked presentation and images. Start by reviewing the existing Diagram Canvas entry point and compare its output with those examples. Done means nested operators are visualized correctly without changing their values.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
design, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.