-
-digraph G {
- node [shape=box];
+```mermaid
+flowchart TD
+ subgraph index.ts
+ style index.ts stroke:orange
-subgraph cluster_0 {
-color=orange;
-node [style=filled];
-label = "index.ts";
+ A[/rageshake/] --> B{mobile}
+ B-- No -->C1(.)
+ B-- Yes -->C2((redirect))
+ C1 --> D[/olm/] --> R
+ C1 --> E[platform] --> F[/config/]
+ F --> G1[/skin/]
+ F --> R
+ G1 --> H
+ G1 --> R
+ F --> G2[/theme/]
+ G2 --> H
+ G2 --> R
+ F --> G3[/i18n/]
+ G3 --> H
+ G3 --> R
+ H{modernizr}-- No --> J((incompatible))-- user ignore --> R
+ H-- Yes --> R
- entrypoint, s0, ready [shape=point];
- rageshake, config, i18n, theme, skin, olm [shape=parallelogram];
- mobile [shape=diamond, label="mobile"];
- modernizr [shape=diamond];
- redirect, incompatible [shape=egg];
+ linkStyle 0,7,9,11,12,14,15 stroke:blue;
+ linkStyle 4,8,10,13,16 stroke:red;
+ end
- entrypoint -> rageshake;
- rageshake -> mobile [color=blue];
- mobile -> s0 [label="No"];
- mobile -> redirect [label="Yes"];
+ R>ready] --> 2A
+ style R stroke:gray
- s0 -> platform;
- s0 -> olm;
- platform -> config;
+ subgraph init.tsx
+ style init.tsx stroke:lime
+ 2A[loadApp] --> 2B[matrixchat]
+ end
- config -> i18n [color=blue];
- config -> theme [color=blue];
- config -> skin [color=blue];
-
- i18n -> modernizr [color=blue];
- theme -> modernizr [color=blue];
- skin -> modernizr [color=blue];
-
- modernizr -> ready [label="Yes"];
- modernizr -> incompatible [label="No"];
- incompatible -> ready [label="user ignore"];
-
- olm -> ready [color=red];
- config -> ready [color=red];
- skin -> ready [color=red];
- theme -> ready [color=red];
- i18n -> ready [color=red];
-
-}
-
-subgraph cluster_1 {
-color = green;
-node [style=filled];
-label = "init.tsx";
-
- ready -> loadApp;
- loadApp -> matrixchat;
-
-}
-}
-${p.children.map(f).join("")}
`:`Unsupported markdown: ${p.type}`}return a.map(f).join("")}function b$e(i){return Intl.Segmenter?[...new Intl.Segmenter().segment(i)].map(a=>a.segment):[...i]}function w$e(i,a){const f=b$e(a.content);return uBt(i,[],f,a.type)}function uBt(i,a,f,p){if(f.length===0)return[{content:a.join(""),type:p},{content:"",type:p}];const[w,...m]=f,b=[...a,w];return i([{content:b.join(""),type:p}])?uBt(i,b,m,p):(a.length===0&&w&&(a.push(w),f.shift()),[{content:a.join(""),type:p},{content:f.join(""),type:p}])}function v$e(i,a){if(i.some(({content:f})=>f.includes(` +`)))throw new Error("splitLineToFitWidth does not support newlines in the line");return O0t(i,a)}function O0t(i,a,f=[],p=[]){if(i.length===0)return p.length>0&&f.push(p),f.length>0?f:[];let w="";i[0].content===" "&&(w=" ",i.shift());const m=i.shift()??{content:" ",type:"normal"},b=[...p];if(w!==""&&b.push({content:w,type:"normal"}),b.push(m),a(b))return O0t(i,a,f,b);if(p.length>0)f.push(p),i.unshift(m);else if(m.content){const[E,_]=w$e(a,m);f.push([E]),_.content&&i.unshift(_)}return O0t(i,a,f)}function m$e(i,a){a&&i.attr("style",a)}function y$e(i,a,f,p,w=!1){const m=i.append("foreignObject"),b=m.append("xhtml:div"),E=a.label,_=a.isNode?"nodeLabel":"edgeLabel";b.html(` + "+E+""),m$e(b,a.labelStyle),b.style("display","table-cell"),b.style("white-space","nowrap"),b.style("max-width",f+"px"),b.attr("xmlns","http://www.w3.org/1999/xhtml"),w&&b.attr("class","labelBkg");let A=b.node().getBoundingClientRect();return A.width===f&&(b.style("display","table"),b.style("white-space","break-spaces"),b.style("width",f+"px"),A=b.node().getBoundingClientRect()),m.style("width",A.width),m.style("height",A.height),m.node()}function P0t(i,a,f){return i.append("tspan").attr("class","text-outer-tspan").attr("x",0).attr("y",a*f-.1+"em").attr("dy",f+"em")}function x$e(i,a,f){const p=i.append("text"),w=P0t(p,1,a);F0t(w,f);const m=w.node().getComputedTextLength();return p.remove(),m}function k$e(i,a,f){var b;const p=i.append("text"),w=P0t(p,1,a);F0t(w,[{content:f,type:"normal"}]);const m=(b=w.node())==null?void 0:b.getBoundingClientRect();return m&&p.remove(),m}function E$e(i,a,f,p=!1){const m=a.append("g"),b=m.insert("rect").attr("class","background"),E=m.append("text").attr("y","-10.1");let _=0;for(const A of f){const I=N=>x$e(m,1.1,N)<=i,B=I(A)?[A]:v$e(A,I);for(const N of B){const R=P0t(E,_,1.1);F0t(R,N),_++}}if(p){const A=E.node().getBBox(),I=2;return b.attr("x",-I).attr("y",-I).attr("width",A.width+2*I).attr("height",A.height+2*I),m.node()}else return E.node()}function F0t(i,a){i.text(""),a.forEach((f,p)=>{const w=i.append("tspan").attr("font-style",f.type==="emphasis"?"italic":"normal").attr("class","text-inner-tspan").attr("font-weight",f.type==="strong"?"bold":"normal");p===0?w.text(f.content):w.text(" "+f.content)})}const EY=(i,a="",{style:f="",isTitle:p=!1,classes:w="",useHtmlLabels:m=!0,isNode:b=!0,width:E=200,addSvgBackground:_=!1}={})=>{if(Ut.info("createText",a,f,p,w,m,b,_),m){const A=p$e(a),I={isNode:b,label:uF(A).replace(/fa[blrs]?:fa-[\w-]+/g,N=>``),labelStyle:f.replace("fill:","color:")};return y$e(i,I,E,w,_)}else{const A=g$e(a);return E$e(E,i,A,_)}},Nd=async(i,a,f,p)=>{let w;const m=a.useHtmlLabels||o1(Oe().flowchart.htmlLabels);f?w=f:w="node default";const b=i.insert("g").attr("class",w).attr("id",a.domId||a.id),E=b.insert("g").attr("class","label").attr("style",a.labelStyle);let _;a.labelText===void 0?_="":_=typeof a.labelText=="string"?a.labelText:a.labelText[0];const A=E.node();let I;a.labelType==="markdown"?I=EY(E,Q1(uF(_),Oe()),{useHtmlLabels:m,width:a.width||Oe().flowchart.wrappingWidth,classes:"markdown-node-label"}):I=A.appendChild(gp(Q1(uF(_),Oe()),a.labelStyle,!1,p));let B=I.getBBox();const N=a.padding/2;if(o1(Oe().flowchart.htmlLabels)){const R=I.children[0],z=yr(I),W=R.getElementsByTagName("img");if(W){const et=_.replace(/