@uiw/react-md-editor 4.0.0 → 4.0.2

package/README.md

@@ -6,12 +6,12 @@
 </p>
 
 <p align="center">
+  <a href="https://jaywcjlove.github.io/#/sponsor" target="__blank">
+    <img alt="Buy me a coffee" src="https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee">
+  </a>
   <a href="https://www.npmjs.com/package/@uiw/react-md-editor" target="__blank">
     <img alt="Downloads" src="https://img.shields.io/npm/dm/@uiw/react-md-editor.svg?style=flat">
   </a>
-  <a href="https://www.jsdelivr.com/package/npm/@uiw/react-md-editor" target="__blank">
-    <img alt="jsDelivr CDN" src="https://data.jsdelivr.com/v1/package/npm/@uiw/react-md-editor/badge?style=rounded" />
-  </a>
   <a href="https://bundlephobia.com/package/@uiw/react-md-editor" target="__blank">
     <img alt="npm bundle size" src="https://img.shields.io/bundlephobia/minzip/@uiw/react-md-editor">
   </a>
@@ -508,8 +508,8 @@ export default function App() {
 [![#425](https://img.shields.io/github/issues/detail/state/uiwjs/react-md-editor/425)](https://github.com/uiwjs/react-md-editor/issues/425#issuecomment-1209514536)
 
 ```css
-.w-md-editor-text-pre > code,
-.w-md-editor-text-input {
+body .w-md-editor-text-pre > code,
+body .w-md-editor-text-input {
   font-size: 23px !important;
   line-height: 24px !important;
 }
@@ -594,18 +594,14 @@ export default function App() {
       onChange={(val) => setValue(val)}
       previewOptions={{
         components: {
-          code: ({ inline, children = [], className, ...props }) => {
-            const txt = children[0] || '';
-            if (inline) {
-              if (typeof txt === 'string' && /^\$\$(.*)\$\$/.test(txt)) {
-                const html = katex.renderToString(txt.replace(/^\$\$(.*)\$\$/, '$1'), {
-                  throwOnError: false,
-                });
-                return <code dangerouslySetInnerHTML={{ __html: html }} />;
-              }
-              return <code>{txt}</code>;
+          code: ({ children = [], className, ...props }) => {
+            if (typeof children === 'string' && /^\$\$(.*)\$\$/.test(children)) {
+              const html = katex.renderToString(children.replace(/^\$\$(.*)\$\$/, '$1'), {
+                throwOnError: false,
+              });
+              return <code dangerouslySetInnerHTML={{ __html: html }} style={{ background: 'transparent' }} />;
             }
-            const code = props.node && props.node.children ? getCodeString(props.node.children) : txt;
+            const code = props.node && props.node.children ? getCodeString(props.node.children) : children;
             if (
               typeof code === 'string' &&
               typeof className === 'string' &&
@@ -729,7 +725,6 @@ const Code = ({ inline, children = [], className, ...props }) => {
       mermaid
         .render(demoid.current, code)
         .then(({ svg, bindFunctions }) => {
-          console.log("svg:", svg);
           container.innerHTML = svg;
           if (bindFunctions) {
             bindFunctions(container);
@@ -855,7 +850,7 @@ Inherit custom color variables by adding [`.wmde-markdown-var`](https://github.c
 - `commandsFilter?: (command: ICommand, isExtra: boolean) => false | ICommand`: Filter or modify your commands.
 - `extraCommands?: ICommand[]`: Displayed on the right side of the toolbar.
 - `autoFocus?: true`: Can be used to make `Markdown Editor` focus itself on initialization.
-- `previewOptions?: ReactMarkdown.ReactMarkdownProps`: This is reset [@uiw/react-markdown-preview](https://github.com/uiwjs/react-markdown-preview/tree/e6e8462d9a5c64a7045e25adcb4928095d74ca37#options-props) settings.
+- `previewOptions?: ReactMarkdown.ReactMarkdownProps`: This is reset [@uiw/react-markdown-preview](https://github.com/uiwjs/react-markdown-preview/tree/0036dd51a25c00d5be6dc83aa978905c64750038?tab=readme-ov-file#options-props) settings.
 - `textareaProps?: TextareaHTMLAttributes`: Set the `textarea` related props.
 - ~~`renderTextarea?: (props, opts) => JSX.Element;`~~: `@deprecated` Please use ~~`renderTextarea`~~ -> `components`. Use div to replace TextArea or re-render TextArea. [#193](https://github.com/uiwjs/react-md-editor/issues/193)
 - `components`: re-render textarea/toolbar element. [#419](https://github.com/uiwjs/react-md-editor/issues/419)
@@ -945,8 +940,8 @@ As always, thanks to our amazing contributors!
 <a href="https://github.com/MercierCorentin" title="Corentin Mercier">
   <img src="https://avatars.githubusercontent.com/u/46066895?v=4" width="42;" alt="Corentin Mercier"/>
 </a>
-<a href="https://github.com/dmitriyyan" title="Dmitriy Yanushkevich">
-  <img src="https://avatars.githubusercontent.com/u/89025862?v=4" width="42;" alt="Dmitriy Yanushkevich"/>
+<a href="https://github.com/dmitriyyan" title="Dmitrii Ianushkevich">
+  <img src="https://avatars.githubusercontent.com/u/89025862?v=4" width="42;" alt="Dmitrii Ianushkevich"/>
 </a>
 <a href="https://github.com/jnishiyama" title="James Finucane">
   <img src="https://avatars.githubusercontent.com/u/2048195?v=4" width="42;" alt="James Finucane"/>
@@ -966,6 +961,9 @@ As always, thanks to our amazing contributors!
 <a href="https://github.com/phillipb" title="Phillip Burch">
   <img src="https://avatars.githubusercontent.com/u/1482089?v=4" width="42;" alt="Phillip Burch"/>
 </a>
+<a href="https://github.com/psycho-baller" title="Rami Maalouf">
+  <img src="https://avatars.githubusercontent.com/u/81759594?v=4" width="42;" alt="Rami Maalouf"/>
+</a>
 <a href="https://github.com/toresbe" title="Tore Sinding Bekkedal">
   <img src="https://avatars.githubusercontent.com/u/1761606?v=4" width="42;" alt="Tore Sinding Bekkedal"/>
 </a>
@@ -985,7 +983,7 @@ As always, thanks to our amazing contributors!
   <img src="https://avatars.githubusercontent.com/u/8792016?v=4" width="42;" alt="wangjie"/>
 </a><!--AUTO_GENERATED_PLEASE_DONT_DELETE_IT-END-->
 
-Made with [github-action-contributors](https://github.com/jaywcjlove/github-action-contributors).
+Made with [contributors](https://github.com/jaywcjlove/github-action-contributors).
 
 ### License