0.14.3 • Published 4 months ago

myst-demo v0.14.3

Weekly downloads
-
License
MIT
Repository
-
Last release
4 months ago

myst-demo

myst-demo on npm MIT License

A demo component for MyST Markdown, for example, in the sandbox.

npm.io

Usage

The <MySTRenderer> is a React component that can take a string value that is the markdown that you want to render. It can work in two-column mode or in a column. The component shows the preview, the abstract syntax tree (AST), HTML, LaTeX, JATS and can download a Word Document all in the browser!!

import { FrontmatterBlock } from '@myst-theme/frontmatter';
import { TabStateProvider, UiStateProvider } from '@myst-theme/providers';
import { MySTRenderer } from 'myst-demo';

function MySTSandbox({ value }: { value: string }) {
  return (
    <TabStateProvider>
      <UiStateProvider>
        <MySTRenderer value={value} column fullscreen TitleBlock={FrontmatterBlock} />
      </UiStateProvider>
    </TabStateProvider>
  );
}

For full functionality between components, you can wrap the component with various providers from @myst-theme/providers. These provide user interface state, such as synced tabs, dark-mode, etc.

@heroicons/reactclassnamesjs-yamlmyst-commonmyst-configmyst-directivesmyst-ext-buttonmyst-ext-cardmyst-ext-exercisemyst-ext-gridmyst-ext-proofmyst-ext-tabsmyst-frontmattermyst-parsermyst-specmyst-to-docxmyst-to-htmlmyst-to-jatsmyst-to-reactmyst-to-texmyst-to-typstmyst-transformsunifiedunist-util-removeunist-util-visitvfilevfile-message
@infinitebrahmanuniverse/nolb-myst@everything-registry/sub-chunk-2238@myst-theme/site@zalastax/nolb-myst
0.13.6

5 months ago

0.13.7

4 months ago

0.13.4

8 months ago

0.13.5

5 months ago

0.14.0

4 months ago

0.14.1

4 months ago

0.14.2

4 months ago

0.14.3

4 months ago

0.13.3

8 months ago

0.13.0

9 months ago

0.13.1

8 months ago

0.13.2

8 months ago

0.11.0

10 months ago

0.12.0

10 months ago

0.9.10

11 months ago

0.9.8

12 months ago

0.9.7

12 months ago

0.9.9

12 months ago

0.9.6

1 year ago

0.9.5

1 year ago

0.10.0

10 months ago

0.9.4

1 year ago

0.9.3

1 year ago

0.9.2

1 year ago

0.9.1

1 year ago

0.9.0

1 year ago

0.8.3

1 year ago

0.8.2

1 year ago

0.8.1

1 year ago

0.8.0

1 year ago

0.7.0

1 year ago

0.6.1

1 year ago

0.6.0

1 year ago

0.5.22

1 year ago

0.5.21

2 years ago

0.5.20

2 years ago

0.5.19

2 years ago

0.5.10

2 years ago

0.5.11

2 years ago

0.5.18

2 years ago

0.5.16

2 years ago

0.5.17

2 years ago

0.5.14

2 years ago

0.5.15

2 years ago

0.5.12

2 years ago

0.5.13

2 years ago

0.5.8

2 years ago

0.5.7

2 years ago

0.5.9

2 years ago

0.2.10

2 years ago

0.3.0

2 years ago

0.5.4

2 years ago

0.3.6

2 years ago

0.5.3

2 years ago

0.3.5

2 years ago

0.5.6

2 years ago

0.3.8

2 years ago

0.3.7

2 years ago

0.5.0

2 years ago

0.3.2

2 years ago

0.3.1

2 years ago

0.5.2

2 years ago

0.3.4

2 years ago

0.5.1

2 years ago

0.3.3

2 years ago

0.2.7

2 years ago

0.2.6

2 years ago

0.2.9

2 years ago

0.2.8

2 years ago

0.4.1

2 years ago

0.4.0

2 years ago

0.2.5

2 years ago

0.4.2

2 years ago

0.1.36

2 years ago

0.1.37

2 years ago

0.2.1

2 years ago

0.2.0

2 years ago

0.1.38

2 years ago

0.2.3

2 years ago

0.2.2

2 years ago

0.2.4

2 years ago

0.1.30

2 years ago

0.1.31

2 years ago

0.1.32

2 years ago

0.1.33

2 years ago

0.1.34

2 years ago

0.1.35

2 years ago

0.1.27

2 years ago

0.1.28

2 years ago

0.1.29

2 years ago

0.1.20

2 years ago

0.1.21

2 years ago

0.1.22

2 years ago

0.1.23

2 years ago

0.1.24

2 years ago

0.1.25

2 years ago

0.1.26

2 years ago

0.1.19

2 years ago

0.0.10

3 years ago

0.0.9

3 years ago

0.0.8

4 years ago

0.0.7

4 years ago

0.0.6

4 years ago

0.0.5

4 years ago

0.0.4

4 years ago

0.0.3

4 years ago

0.0.2

4 years ago

0.0.1

4 years ago