@theguild/remark-mermaid NPM | npm.io

0.2.0 • Published 7 months ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

7 months ago

`@theguild/remark-mermaid`

Created by Dimitri POSTOLOV https://twitter.com/B2o5T.
Maintained by The Guild https://twitter.com/TheGuildDev.

Remark plugin for replacing `mermaid code blocks with react <Mermaid /> component.

Support MDX2
Support both dark and light themes. Listening for the dark class on the <html /> element and updating the mermaid's theme accordingly

Install

npm i @theguild/remark-mermaid

Usage

Follow code will be converted to a mermaid diagram.

// my-page.mdx

```mermaid
graph TD;
subgraph AA [Consumers]
A[Mobile app];
B[Web app];
C[Node.js client];
end
subgraph BB [Services]
E[REST API];
F[GraphQL API];
G[SOAP API];
end
Z[GraphQL API];
A --> Z;
B --> Z;
C --> Z;
Z --> E;
Z --> F;
Z --> G;
```

mermaid unist-util-visit

@everything-registry/sub-chunk-912 jay3332-nextra @magmaorg/nextra @fisch0920/nextra @infinum/nextra @lacymorrow/nextra @llllvvuu/nextra @julianbgr/nextra nextra nextra-jaya @ssaitho/nextra @super_studio/ecforce-nextra

0.2.0-alpha-20241216133239-127c25ad8c08b8a2dd7e1bc24d014b2149548217

7 months ago

0.2.0-alpha-20241216133343-1a4da95123107dd942c767b3c634e5e86346dd52

7 months ago

0.2.0-alpha-20241216133447-288797c68dfc503d565f1001dee8a5c9acb06069

7 months ago

0.2.0-alpha-20241216133312-1a4da95123107dd942c767b3c634e5e86346dd52

7 months ago

0.2.0-alpha-20241216124717-6446b0a13deaa9c6bbf9cd7cf51bbbcdc5ebb396

7 months ago

0.2.0-alpha-20241216134148-425ca20a74d8ea2ae42b00d41f241583c2bac568

7 months ago

7 months ago

0.2.0-alpha-20241210180007-0c38d3328d098a4dbb572c0142b7801d993cee1f

7 months ago

0.1.4-alpha-20241205185452-12f84d707024635ee7af19a4c66f73bbf7164adf

8 months ago

0.2.0-alpha-20241205130602-5f869796803bbd64d0089fc588fdfd0bff5d95b7

8 months ago

0.2.0-alpha-20241205144621-2f6170e406a6235f71ab4756e1dd369735420a88

8 months ago

0.2.0-alpha-20241205142852-981ee8e1ab87ef8ed4cf964a9ab4437d49e72e5b

8 months ago

0.2.0-alpha-20241205153040-941f0e69f61349bf789b5e08d108ea2196a2436a

8 months ago

0.2.0-alpha-20241205183825-34b46e8fd44fadd3c8310a8bf1824a0dfddc197f

8 months ago

0.2.0-alpha-20241205185359-d1dcb7bf03382bc61e997350987200ff4fc17019

8 months ago

0.2.0-alpha-20241205150715-1c38acac57eaf933887bfbbb59a87a939b658817

8 months ago

0.2.0-alpha-20241205185321-79e6837261492304d0bb3187dc8e16f1e095c15a

8 months ago

0.2.0-alpha-20241205193129-6cfdd0b7d99f5c892e3ea7926c5ad287bc6c67f4

8 months ago

0.2.0-alpha-20241205184750-a8780d2890166760d50c651e6609e2f43d441c5d

8 months ago

0.2.0-alpha-20241205182857-6e51c124bc142c34b7fcdb127d464cecb582e7ef

8 months ago

0.2.0-alpha-20241205181447-87125d0b44dc0d1a7ce638de956987d05110bb5e

8 months ago

0.2.0-alpha-20241205183441-71bf96d1f073860edd4a660b8f76ace246269df5

8 months ago

0.2.0-alpha-20241205182626-0c530a9ef4b92616ceb02d93a30c7fb4f876114d

8 months ago

0.2.0-alpha-20241205183548-843f757f399fac8fe54497e56140a78e51608c27

8 months ago

0.2.0-alpha-20241205134759-eeb6d9b36c97b075b7c66655c543f490293dcfad

8 months ago

0.2.0-alpha-20241205132518-c7a4023a635531d61383d06a736ee486bac6ce2e

8 months ago

0.2.0-alpha-20241205131706-551b1791aa7321f9b5c50a1eb74cb1c3d38540d3

8 months ago

0.2.0-alpha-20241206200036-57d75dbef3b4deb9b1f5dc238935dedaa0922382

7 months ago

0.2.0-alpha-20241206100653-e3101f5b94712d9fed27f767b4190b4167baa82e

7 months ago

0.2.0-alpha-20241205133257-5991e7fb033b02f59d95366d565e76cfb16feacf

8 months ago

0.2.0-alpha-20241204160522-89b99b77bf792abcf89680998faba1d319ba736f

8 months ago

0.2.0-alpha-20241204161139-ec66f8435d2210e7a6cdc95ce320ce30d0e46fd4

8 months ago

0.2.0-alpha-20241204190812-84a55682d26feca6353c407bf2e3df4deb1c5751

8 months ago

0.2.0-alpha-20241203160437-3108a588f84f2fff96b5379132752d0893c6edf5

8 months ago

0.2.0-alpha-20241204155617-79f3391ea99e2e0c7b30808da695382add363d7c

8 months ago

0.2.0-alpha-20241203152958-12a5bf5a586c09bd7056f19ced95f3c9d111cd37

8 months ago

0.2.0-alpha-20241127194636-f79c6d49ccaa40f185e57fefef2014aeca682202

8 months ago

0.2.0-alpha-20241128124726-f5711b92727cb3c831128cec8e16cbcad4b9052b

8 months ago

0.2.0-alpha-20241128131301-d456edb69435ed4c8bf8e9b8970e040254a529f9

8 months ago

0.2.0-alpha-20241128125739-2f2680e350f7112a00bb3a33aa3811950d0152fb

8 months ago

0.2.0-alpha-20241129181455-c37ef552840b1f7252dcd86a8eb72f297d9c91b2

8 months ago

0.2.0-alpha-20241129145752-84421bd01cb5bc402ef5e0797c0fa67ad018382e

8 months ago

0.2.0-alpha-20241125183426-728915ae798e33f0a4a4e18ac54a9cb2e106a6bc

8 months ago

0.2.0-alpha-20241128140624-8c99173571d9eb7d61c573a6569430ca28ae2111

8 months ago

0.2.0-alpha-20241125211351-b67234b8a010df85a3ca93e1b97043fc26488800

8 months ago

0.2.0-alpha-20241128110259-4faf4b0f0e3baae85b718c095a0c151af0838820

8 months ago

0.2.0-alpha-20241125195205-a1a35a9c59dbcad80b6e87cea9fa6f3f8b00838f

8 months ago

0.2.0-alpha-20241126152333-b3db1f8ded7f0e8c69031fa5fafb9f2c6f19465e

8 months ago

0.2.0-alpha-20241129174016-483b8fec5e28952b5bc1f28b2dc5c7fa0816646f

8 months ago

0.2.0-alpha-20241128141229-485d9a21c51b3fb8e1c3e1bf197100b58d7c3a1e

8 months ago

0.2.0-alpha-20241129182308-3c0383b6cbe353adc4c9c3f08685491e05c054ea

8 months ago

0.2.0-alpha-20241128141653-14d63ae4f6a654fc8bf31357f2bbaf4b8292d4f7

8 months ago

0.2.0-alpha-20241128102113-21eb56af0789092be7b33cf3ac8e1d5dcf72bb85

8 months ago

0.2.0-alpha-20241125193909-d9987787c18fe2add155e08db2fc54d230e108eb

8 months ago

0.2.0-alpha-20241120035725-2b8cadd078ebc2ace612021973b3e50944386052

8 months ago

0.2.0-alpha-20241122154733-e2568ebb58178dce6e87deb6ad60c7c41fc69f4f

8 months ago

0.2.0-alpha-20241120105145-cd16661303b7d080c2fd1c50e3ed8d407c9106f7

8 months ago

0.2.0-alpha-20241120034816-2e31385bf7502b60a99385ecf9e232af261e66a9

8 months ago

0.2.0-alpha-20241120111327-3528aeee2acb79714bb28b2a40bafba55ecfb623

8 months ago

0.2.0-alpha-20241122154106-b3f1d666a601dc0981eb7ac83f93231cda47f9c1

8 months ago

0.2.0-alpha-20241120102532-796443cefde986fe82579346506d05e4f6320679

8 months ago

0.2.0-alpha-20241122155428-73906b4be5412ae4d316249f66948e62633901f3

8 months ago

0.2.0-alpha-20241120102305-7dcb590d4f7bc7b3583bbcd44414b5dbdfec5e69

8 months ago

0.2.0-alpha-20241120110520-c3f9e095066787ab69ed8ccc219bf96e24afaae8

8 months ago

0.2.0-alpha-20241110015954-1ca4d47bf5458cd228d51148a944e462d4718997

8 months ago

0.2.0-alpha-20241106004011-68dbddfd654c75f5fc0e923db93b8dcba822ea7a

8 months ago

0.2.0-alpha-20241110013634-e1fe9e514d39bd282e32139ada650a9884d97b8c

8 months ago

0.2.0-alpha-20241106010719-0484ee1102603927e37d92640ca206aabe78198e

8 months ago

0.2.0-alpha-20241110020203-4e1ca4b0af3a3aacc9214f71a8e12287f2c13a93

8 months ago

0.2.0-alpha-20241109192247-d16807ef841f38f5f99d4ed291157d296ba9ed61

8 months ago

0.2.0-alpha-20241103225224-117152f1fb52d41f5d71d6c5af992a3e7f0696cc

9 months ago

0.2.0-alpha-20241109154715-4609197b76bd8d6b1346ad0af577c145792fe4c2

8 months ago

0.2.0-alpha-20241109193325-7c69026b79300db6eb1ef2e7c8737d603c4f8c1b

8 months ago

0.2.0-alpha-20241109223400-d88a26bd40057fac8e5dcd9ac3b9dc4f229c779f

8 months ago

0.2.0-alpha-20241103182415-d7305873099398fec1c3ff604656e47eb5818e4d

9 months ago

0.2.0-alpha-20241103132221-f9d255adde945cffb98f9f7c914ac29896a15819

9 months ago

0.2.0-alpha-20241103181355-82c3ab0bf3c837c17af89f22915ef2beef8f305b

9 months ago

0.2.0-alpha-20241103185224-ed1bcf433b9f04a648d17ce144ab3d2b6f10b772

9 months ago

0.2.0-alpha-20241103182016-db243e40c9a149b3e0c29f3035db5859fd1a6c57

9 months ago

0.2.0-alpha-20241103184922-22a9767158244f4c77c7604639ff484afa243b44

9 months ago

0.1.3-alpha-20240926184134-d071ce6cac7dc4ab215084ab9a9dfb4d8120fd2d

10 months ago

0.1.3-alpha-20240926182314-4af0938bc453a9bbc0c17eef4edaec4f4f395d00

10 months ago

0.1.3-alpha-20240926183946-4b2f76c56e7ff5683842df7dd4c1374408e8d24c

10 months ago

10 months ago

0.1.3-alpha-20240926184043-2a1286a94283a95db0e5d85a74ddc7173376f203

10 months ago

0.1.3-alpha-20240926184001-a0c7c86aa10c853dcb46e66778d6f4702f6d897f

10 months ago

0.1.3-alpha-20240926184203-441f0d1233f46dcf0378f9586733a4a96da45e24

10 months ago

0.1.3-alpha-20240926175844-8ff75c52a1fe0a86810bf957b1a0a083f41fc566

10 months ago

0.1.3-alpha-20240926180715-dca8b0472ebe944afc738179a62799e198aa051e

10 months ago

0.0.7-alpha-20240720230209-36c36fca1bb9d89d8da4b0448cb406439de76f54

12 months ago

0.1.2-alpha-20240831235032-87454db4725861322ea8a48550b1308658793ccf

11 months ago

0.0.7-alpha-20240720232446-f3e7da05023ea4b09b9d6ce77de33689cf8051d6

12 months ago

0.1.0-alpha-20240831093915-0df118b03cdc3e05f31168a60ff4f71eed69e6c7

11 months ago

0.1.1-alpha-20240831221047-71289cce2ad7c2424cf224df0e23ff5de483b0cf

11 months ago

0.1.0-alpha-20240831093332-7d53323fc83d6f8b3c5878f5aaad30e0fcf52c26

11 months ago

0.1.2-alpha-20240831235520-235c11e37896deba4a3bfc34b7202e4b88c60a91

11 months ago

0.1.0-alpha-20240831094000-861b09edbb9c4588f17484d85838a141b09b6c6f

11 months ago

0.1.0-alpha-20240831085007-99592c495628eba9e360854870814fbacaa61f7e

11 months ago

11 months ago

11 months ago

11 months ago

0.0.8-alpha-20240823131904-683ad20715bc06de3ef4479934b9011cd29127d5

11 months ago

0.1.1-alpha-20240831230437-447681ff162bce8659a5ca543cd8d39c2aeea68f

11 months ago

0.1.0-alpha-20240831093405-62c156e69a1ea1b17df7ecae00d188885b2b357d

11 months ago

0.0.7-alpha-20240720231636-1dce071bee828db3341f859f9996cf53719f68a5

12 months ago

0.0.7-alpha-20240720225435-46f86f8f4e4ce33a3a2508f7dfd1f4a76e1ced45

12 months ago

0.1.0-alpha-20240831094111-4b3e75194d119f0f8a8c62fcfbdcf1265ee1f294

11 months ago

0.1.0-alpha-20240831093610-690236eb0f4fa3db657c1b1a3272b9e76aba87b1

11 months ago

0.1.2-alpha-20240831233505-b3602142a2474d285107cb7048dbff3d5d8b5114

11 months ago

12 months ago

0.0.6-alpha-20240125040502-c9e1f8f

1 year ago

0.0.6-alpha-20240125040630-2f17fee

1 year ago

0.0.6-alpha-20240125040604-392d170

1 year ago

0.0.6-alpha-20240125040304-90f62db

1 year ago

0.0.7-alpha-20240125050247-b972d40

1 year ago

0.0.6-alpha-20240125040151-541a344

1 year ago

0.0.6-alpha-20240125040224-4deec1f

1 year ago

0.0.6-alpha-20240125040533-1836d3e65ace7bb1e129c51f0db0b95aa26c739c

1 year ago

0.0.6-alpha-20240125040432-de83e64

1 year ago

1 year ago

0.0.4-alpha-20230709174554-6a35a55

2 years ago

0.0.4-alpha-20230707135638-3baa9f2

2 years ago

2 years ago

2 years ago

0.0.3-alpha-20230608121717-6db271a

2 years ago

2 years ago

0.0.3-alpha-20230606181205-240fa0e

2 years ago

0.0.2-alpha-20230605102116-b46aab6

2 years ago

0.0.3-alpha-20230606120704-afeee28

2 years ago

0.0.2-alpha-20230605181508-cbd33c5

2 years ago

0.0.3-alpha-20230606122321-171cccf

2 years ago

0.0.2-alpha-20230605182425-01efdce

2 years ago

0.0.2-alpha-20230605145526-58ff87d

2 years ago

0.0.3-alpha-20230607121628-31dc2d0

2 years ago

0.0.3-alpha-20230606231910-a7ca92f

2 years ago

0.0.3-alpha-20230607010630-fcda00f

2 years ago

0.0.3-alpha-20230606000659-174e849

2 years ago

0.0.2-alpha-20230605181434-72fc560

2 years ago

0.0.3-alpha-20230606000133-113c9fc

2 years ago

0.0.2-alpha-20230605145736-509a66e

2 years ago

0.0.3-alpha-20230606130812-cbe49ad

2 years ago

0.0.3-alpha-20230607114007-670f2e7

2 years ago

0.0.3-alpha-20230607233605-9492b5e

2 years ago

2 years ago

0.0.2-alpha-20230605092939-96b8f5a

2 years ago

0.0.2-alpha-20230605181615-4d12db1

2 years ago

0.0.3-alpha-20230606231808-9760930

2 years ago

2 years ago

0.0.1-alpha-20230603230213-486effc

2 years ago

0.0.1-alpha-20230603225337-5e700b3

2 years ago

0.0.1-alpha-20230603224806-ac844a1

2 years ago

0.0.1-alpha-20230603224750-1349bea

2 years ago

0.0.1-alpha-20230603224726-a9aa5c3

2 years ago

0.0.1-alpha-20230603224713-c0ced51

2 years ago

0.0.1-alpha-20230603222855-5fb58c2

2 years ago

0.0.1-alpha-20230603222415-9e26a4c

2 years ago