Skip to content

Commit ce27082

Browse files
LeighFinegoldLeighFinegold
committed
fix(calm-plugins): rolling back change to block-architecture widget around spacing
1 parent 4678de1 commit ce27082

File tree

16 files changed

+56
-52
lines changed

16 files changed

+56
-52
lines changed

‎calm-widgets/src/widget-engine.spec.ts‎

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import {describe, it, expect, vi, beforeEach, Mock} from 'vitest';
1+
import { describe, it, expect, vi, beforeEach, Mock } from 'vitest';
22
import handlebars from 'handlebars';
33
import { WidgetEngine } from './widget-engine';
44
import { WidgetRegistry } from './widget-registry';
@@ -86,7 +86,8 @@ describe('WidgetEngine', () => {
8686
}).toThrowError('[WidgetEngine] ❌ Conflict: widget id \'notEmpty\' collides with a global helper name.');
8787
});
8888

89-
it('throws if widget id already registered as helper', () => {
89+
it('warns and skips if widget id already registered as helper', () => {
90+
const consoleSpy = vi.spyOn(console, 'warn').mockImplementation(() => { });
9091
localHandlebars.registerHelper('table', () => true);
9192

9293
const conflictingWidget: CalmWidget<unknown, Record<string, unknown>, unknown> = {
@@ -97,7 +98,10 @@ describe('WidgetEngine', () => {
9798

9899
expect(() => {
99100
engine.setupWidgets([{ widget: conflictingWidget, folder: '/conflict' }]);
100-
}).toThrowError('[WidgetEngine] ❌ Conflict: Handlebars already has a helper registered as \'table\'.');
101+
}).not.toThrow();
102+
103+
expect(consoleSpy).toHaveBeenCalledWith('[WidgetEngine] ⚠️ Helper \'table\' is already registered. Skipping widget helper registration.');
104+
consoleSpy.mockRestore();
101105
});
102106

103107
it('handles empty widget array', () => {

‎calm-widgets/src/widgets/block-architecture/block-architecture.hbs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
```mermaid
2-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
2+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
33
flowchart TB
44
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
55
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;

‎calm-widgets/test-fixtures/block-architecture-widget/basic-structures/expected.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
## Container Composition with No Edges [include-containers="all" edges="none"]
22
```mermaid
3-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
3+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
44
flowchart TB
55
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
66
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;
@@ -27,7 +27,7 @@ classDef highlight fill:#fef3c7,stroke:#f59e0b,stroke-width:2px,color:#000;
2727

2828
## Single System with Seeded Edges [focus-nodes="system-a" include-children="all" edges="seeded"]
2929
```mermaid
30-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
30+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
3131
flowchart TB
3232
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
3333
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;
@@ -51,7 +51,7 @@ classDef highlight fill:#fef3c7,stroke:#f59e0b,stroke-width:2px,color:#000;
5151

5252
## Single System with Connected Edges [focus-nodes="system-a" include-children="all" edges="connected"]
5353
```mermaid
54-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
54+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
5555
flowchart TB
5656
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
5757
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;
@@ -81,7 +81,7 @@ classDef highlight fill:#fef3c7,stroke:#f59e0b,stroke-width:2px,color:#000;
8181

8282
## Multiple Systems with All Connections [include-containers="all" edges="connected"]
8383
```mermaid
84-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
84+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
8585
flowchart TB
8686
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
8787
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;

‎calm-widgets/test-fixtures/block-architecture-widget/domain-interaction/expected.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
## Domain-Only View [node-types="domain" focus-nodes="order-domain,catalog-domain,customer-domain,inventory-domain,billing-domain"]
22
```mermaid
3-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
3+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
44
flowchart TB
55
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
66
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;
@@ -30,7 +30,7 @@ classDef highlight fill:#fef3c7,stroke:#f59e0b,stroke-width:2px,color:#000;
3030

3131
## Full Architecture with Containers [include-containers="all" edges="connected"]
3232
```mermaid
33-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
33+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
3434
flowchart TB
3535
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
3636
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;

‎calm-widgets/test-fixtures/block-architecture-widget/enterprise-bank-navigation/expected.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ This page demonstrates **Mermaid diagrams with clickable nodes** and many permut
77

88
## Trading System without Interfaces [render-interfaces=false focus-nodes="trade-svc,trading-ui,trading-db,message-bus" edges="connected"]
99
```mermaid
10-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
10+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
1111
flowchart TB
1212
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
1313
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;
@@ -46,7 +46,7 @@ classDef highlight fill:#fef3c7,stroke:#f59e0b,stroke-width:2px,color:#000;
4646

4747
## Trading System with Interfaces [render-interfaces=true focus-nodes="trade-svc,trading-ui,trading-db,message-bus" edges="connected"]
4848
```mermaid
49-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
49+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
5050
flowchart TB
5151
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
5252
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;

‎calm-widgets/test-fixtures/block-architecture-widget/enterprise-bank-trading/expected.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
## Enterprise Trading System without Interfaces [render-interfaces=false include-containers="all" edges="connected"]
22
```mermaid
3-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
3+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
44
flowchart TB
55
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
66
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;
@@ -70,7 +70,7 @@ classDef highlight fill:#fef3c7,stroke:#f59e0b,stroke-width:2px,color:#000;
7070

7171
## Enterprise Trading System with Interfaces [render-interfaces=true include-containers="all" edges="connected"]
7272
```mermaid
73-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
73+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
7474
flowchart TB
7575
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
7676
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;

‎calm-widgets/test-fixtures/block-architecture-widget/focus-controls/expected.md‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
## Default Architecture (No Focus)
22
```mermaid
3-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
3+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
44
flowchart TB
55
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
66
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;
@@ -24,7 +24,7 @@ classDef highlight fill:#fef3c7,stroke:#f59e0b,stroke-width:2px,color:#000;
2424

2525
## Focus by Exact Control ID with No Edges [focus-controls="security-hardening" edges="none"]
2626
```mermaid
27-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
27+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
2828
flowchart TB
2929
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
3030
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;
@@ -41,7 +41,7 @@ classDef highlight fill:#fef3c7,stroke:#f59e0b,stroke-width:2px,color:#000;
4141

4242
## Focus by Exact Control ID with Connected Edges [focus-controls="security-hardening" edges="connected"]
4343
```mermaid
44-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
44+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
4545
flowchart TB
4646
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
4747
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;
@@ -60,7 +60,7 @@ classDef highlight fill:#fef3c7,stroke:#f59e0b,stroke-width:2px,color:#000;
6060

6161
## Focus by Shared Control [focus-controls="authentication"]
6262
```mermaid
63-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
63+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
6464
flowchart TB
6565
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
6666
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;
@@ -81,7 +81,7 @@ classDef highlight fill:#fef3c7,stroke:#f59e0b,stroke-width:2px,color:#000;
8181

8282
## Focus by Compliance Standard [focus-controls="GDPR"]
8383
```mermaid
84-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
84+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
8585
flowchart TB
8686
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
8787
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;
@@ -97,7 +97,7 @@ classDef highlight fill:#fef3c7,stroke:#f59e0b,stroke-width:2px,color:#000;
9797

9898
## Focus by Multiple Relationship Controls [focus-controls="api-gateway-security,data-pipeline-security"]
9999
```mermaid
100-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
100+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
101101
flowchart TB
102102
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
103103
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;
@@ -116,7 +116,7 @@ classDef highlight fill:#fef3c7,stroke:#f59e0b,stroke-width:2px,color:#000;
116116

117117
## Focus by Multiple Text Search [focus-controls="OAuth2,TLS 1.3,enterprise.com"]
118118
```mermaid
119-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
119+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
120120
flowchart TB
121121
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
122122
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;

‎calm-widgets/test-fixtures/block-architecture-widget/focus-flows/expected.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
## Default Architecture with All Flows
22
```mermaid
3-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
3+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
44
flowchart TB
55
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
66
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;
@@ -55,7 +55,7 @@ classDef highlight fill:#fef3c7,stroke:#f59e0b,stroke-width:2px,color:#000;
5555

5656
## Single Flow without Containers [focus-flows="order-flow" include-containers="none"]
5757
```mermaid
58-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
58+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
5959
flowchart TB
6060
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
6161
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;
@@ -80,7 +80,7 @@ classDef highlight fill:#fef3c7,stroke:#f59e0b,stroke-width:2px,color:#000;
8080

8181
## User Flow Focus [focus-flows="user-flow"]
8282
```mermaid
83-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
83+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
8484
flowchart TB
8585
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
8686
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;
@@ -119,7 +119,7 @@ classDef highlight fill:#fef3c7,stroke:#f59e0b,stroke-width:2px,color:#000;
119119

120120
## Multiple Flows Combined [focus-flows="order-flow,user-flow"]
121121
```mermaid
122-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
122+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
123123
flowchart TB
124124
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
125125
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;

‎calm-widgets/test-fixtures/block-architecture-widget/focus-interfaces/expected.md‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
## Focus on All Interfaces [render-interfaces=true]
22
```mermaid
3-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
3+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
44
flowchart TB
55
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
66
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;
@@ -62,7 +62,7 @@ classDef highlight fill:#fef3c7,stroke:#f59e0b,stroke-width:2px,color:#000;
6262

6363
## Focus on Data Definition Interfaces [focus-interfaces="https://calm.finos.org/release/1.0/interface-definition/data-element" edges="none"]
6464
```mermaid
65-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
65+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
6666
flowchart TB
6767
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
6868
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;
@@ -105,7 +105,7 @@ classDef highlight fill:#fef3c7,stroke:#f59e0b,stroke-width:2px,color:#000;
105105

106106
## Focus on Product Data Interface [focus-interfaces="product-data-interface" edges="connected"]
107107
```mermaid
108-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
108+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
109109
flowchart TB
110110
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
111111
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;
@@ -142,7 +142,7 @@ classDef highlight fill:#fef3c7,stroke:#f59e0b,stroke-width:2px,color:#000;
142142

143143
## Focus on Product Data Interface [focus-interfaces="product-data-interface" edges="seeded"]
144144
```mermaid
145-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
145+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
146146
flowchart TB
147147
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
148148
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;
@@ -165,7 +165,7 @@ classDef highlight fill:#fef3c7,stroke:#f59e0b,stroke-width:2px,color:#000;
165165

166166
## Focus on Trade-Related Data Interfaces [focus-interfaces="trade-data-interface,legacy-trade-interface"]
167167
```mermaid
168-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
168+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
169169
flowchart TB
170170
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
171171
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;

‎calm-widgets/test-fixtures/block-architecture-widget/focus-nodes/expected.md‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
## Single Node Focus [focus-nodes="web-app"]
22
```mermaid
3-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
3+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
44
flowchart TB
55
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
66
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;
@@ -20,7 +20,7 @@ classDef highlight fill:#fef3c7,stroke:#f59e0b,stroke-width:2px,color:#000;
2020

2121
## Gateway Node with All Connections [focus-nodes="api-gateway"]
2222
```mermaid
23-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
23+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
2424
flowchart TB
2525
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
2626
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;
@@ -50,7 +50,7 @@ classDef highlight fill:#fef3c7,stroke:#f59e0b,stroke-width:2px,color:#000;
5050

5151
## Multiple Services Focus [focus-nodes="user-service,order-service"]
5252
```mermaid
53-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
53+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
5454
flowchart TB
5555
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
5656
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;
@@ -84,7 +84,7 @@ classDef highlight fill:#fef3c7,stroke:#f59e0b,stroke-width:2px,color:#000;
8484

8585
## Database with All Connected Services [focus-nodes="database"]
8686
```mermaid
87-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
87+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
8888
flowchart TB
8989
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
9090
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;
@@ -110,7 +110,7 @@ classDef highlight fill:#fef3c7,stroke:#f59e0b,stroke-width:2px,color:#000;
110110

111111
## Container Hierarchy with Children [focus-nodes="backend-container" include-children="all"]
112112
```mermaid
113-
%%{init: {"flowchart": {"htmlLabels": true, "curve": "basis", "padding": 15, "nodeSpacing": 40, "rankSpacing": 60, "useMaxWidth": true}}}%%
113+
%%{init: {"flowchart": {"htmlLabels": false}}}%%
114114
flowchart TB
115115
classDef boundary fill:#f8fafc,stroke:#64748b,stroke-dasharray: 5 4,stroke-width:2px,color:#000;
116116
classDef node fill:#ffffff,stroke:#1f2937,stroke-width:1px,color:#000;

0 commit comments

Comments
 (0)