@lowdefy/blocks-markdown 3.22.0 → 4.0.0-alpha.1

package/dist/blocks/DangerousMarkdown/DangerousMarkdown.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+  Copyright 2020-2021 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ import React from 'react';
+import DOMPurify from 'dompurify';
+import { blockDefaultProps } from '@lowdefy/block-utils';
+import ReactMarkdown from 'react-markdown';
+import gfm from 'remark-gfm';
+let DangerousMarkdown = class DangerousMarkdown extends React.Component {
+    render() {
+        const { blockId , properties , methods  } = this.props;
+        return(/*#__PURE__*/ _jsx("div", {
+            id: blockId,
+            className: methods.makeCssClass(properties.style),
+            children: /*#__PURE__*/ _jsx(ReactMarkdown, {
+                className: "markdown-body",
+                plugins: [
+                    gfm
+                ],
+                allowDangerousHtml: true,
+                skipHtml: false,
+                children: DOMPurify.sanitize(this.props.properties.content, this.DOMPurifyOptions)
+            })
+        }));
+    }
+    constructor(props){
+        super(props);
+        // we do not revaluate DOMPurifyOptions improve options safety by not making options dynamic.
+        this.DOMPurifyOptions = props.properties.DOMPurifyOptions;
+    }
+};
+DangerousMarkdown.defaultProps = blockDefaultProps;
+export default DangerousMarkdown;

package/dist/blocks/DangerousMarkdown/index.js

@@ -0,0 +1,15 @@
+export default {
+    import: {
+        block: 'blocks/DangerousMarkdown/DangerousMarkdown.js',
+        styles: []
+    },
+    meta: {
+        category: 'container',
+        loading: {
+            type: 'SkeletonParagraph',
+            properties: {
+                lines: 7
+            }
+        }
+    }
+};

package/dist/blocks/DangerousMarkdown/schema.json

@@ -0,0 +1,30 @@
+{
+  "type": "object",
+  "properties": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "content": {
+        "type": "string",
+        "description": "Content in markdown format.",
+        "docs": {
+          "displayType": "text-area"
+        }
+      },
+      "DOMPurifyOptions": {
+        "type": "object",
+        "description": "Customize DOMPurify options. Options are only applied when the block is mounted, thus any parsed settings is only applied at first render.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      },
+      "style": {
+        "type": "object",
+        "description": "Style to apply to Markdown div.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      }
+    }
+  }
+}

package/dist/blocks/Markdown/Markdown.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+  Copyright 2020-2021 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ import React from 'react';
+import { blockDefaultProps } from '@lowdefy/block-utils';
+import ReactMarkdown from 'react-markdown';
+import gfm from 'remark-gfm';
+const Markdown = ({ blockId , properties , methods  })=>/*#__PURE__*/ _jsx("div", {
+        id: blockId,
+        className: methods.makeCssClass(properties.style),
+        children: /*#__PURE__*/ _jsx(ReactMarkdown, {
+            className: "markdown-body",
+            plugins: [
+                gfm
+            ],
+            skipHtml: properties.skipHtml,
+            children: properties.content
+        })
+    })
+;
+Markdown.defaultProps = blockDefaultProps;
+export default Markdown;

package/dist/blocks/Markdown/index.js

@@ -0,0 +1,15 @@
+export default {
+    import: {
+        block: 'blocks/Markdown/Markdown.js',
+        styles: []
+    },
+    meta: {
+        category: 'container',
+        loading: {
+            type: 'SkeletonParagraph',
+            properties: {
+                lines: 7
+            }
+        }
+    }
+};

package/dist/blocks/Markdown/schema.json

@@ -0,0 +1,28 @@
+{
+  "type": "object",
+  "properties": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "content": {
+        "type": "string",
+        "description": "Content in markdown format.",
+        "docs": {
+          "displayType": "text-area"
+        }
+      },
+      "skipHtml": {
+        "type": "boolean",
+        "default": false,
+        "description": "By default, HTML in markdown is escaped. When true all HTML code in the markdown will not be rendered."
+      },
+      "style": {
+        "type": "object",
+        "description": "Style to apply to Markdown div.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      }
+    }
+  }
+}

package/dist/blocks/MarkdownWithCode/MarkdownWithCode.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+  Copyright 2020-2021 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ import React from 'react';
+import { Light as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { blockDefaultProps } from '@lowdefy/block-utils';
+import ReactMarkdown from 'react-markdown';
+import gfm from 'remark-gfm';
+import github from 'react-syntax-highlighter/dist/cjs/styles/hljs/github';
+import javascript from 'react-syntax-highlighter/dist/cjs/languages/hljs/javascript';
+import typescript from 'react-syntax-highlighter/dist/cjs/languages/hljs/typescript';
+import python from 'react-syntax-highlighter/dist/cjs/languages/hljs/python';
+import java from 'react-syntax-highlighter/dist/cjs/languages/hljs/java';
+import xml from 'react-syntax-highlighter/dist/cjs/languages/hljs/xml';
+import json from 'react-syntax-highlighter/dist/cjs/languages/hljs/json';
+import yaml from 'react-syntax-highlighter/dist/cjs/languages/hljs/yaml';
+import markdown from 'react-syntax-highlighter/dist/cjs/languages/hljs/markdown';
+import handlebars from 'react-syntax-highlighter/dist/cjs/languages/hljs/handlebars';
+SyntaxHighlighter.registerLanguage('javascript', javascript);
+SyntaxHighlighter.registerLanguage('js', javascript);
+SyntaxHighlighter.registerLanguage('jsx', javascript);
+SyntaxHighlighter.registerLanguage('typescript', typescript);
+SyntaxHighlighter.registerLanguage('ts', typescript);
+SyntaxHighlighter.registerLanguage('python', python);
+SyntaxHighlighter.registerLanguage('py', python);
+SyntaxHighlighter.registerLanguage('java', java);
+SyntaxHighlighter.registerLanguage('xml', xml);
+SyntaxHighlighter.registerLanguage('json', json);
+SyntaxHighlighter.registerLanguage('yaml', yaml);
+SyntaxHighlighter.registerLanguage('markdown', markdown);
+SyntaxHighlighter.registerLanguage('handlebars', handlebars);
+SyntaxHighlighter.registerLanguage('nunjucks', handlebars);
+SyntaxHighlighter.registerLanguage('html', handlebars);
+const renderers = {
+    code: ({ language , value  })=>/*#__PURE__*/ _jsx(SyntaxHighlighter, {
+            style: github,
+            language: language,
+            children: value
+        })
+};
+const MarkdownWithCode = ({ blockId , properties , methods  })=>/*#__PURE__*/ _jsx("div", {
+        id: blockId,
+        className: methods.makeCssClass(properties.style),
+        children: /*#__PURE__*/ _jsx(ReactMarkdown, {
+            className: "markdown-body",
+            renderers: renderers,
+            plugins: [
+                gfm
+            ],
+            skipHtml: properties.skipHtml,
+            children: properties.content
+        })
+    })
+;
+MarkdownWithCode.defaultProps = blockDefaultProps;
+export default MarkdownWithCode;

package/dist/blocks/MarkdownWithCode/index.js

@@ -0,0 +1,15 @@
+export default {
+    import: {
+        block: 'blocks/MarkdownWithCode/MarkdownWithCode.js',
+        styles: []
+    },
+    meta: {
+        category: 'container',
+        loading: {
+            type: 'SkeletonParagraph',
+            properties: {
+                lines: 7
+            }
+        }
+    }
+};

package/dist/blocks/MarkdownWithCode/schema.json

@@ -0,0 +1,28 @@
+{
+  "type": "object",
+  "properties": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "content": {
+        "type": "string",
+        "description": "Content in markdown format.",
+        "docs": {
+          "displayType": "text-area"
+        }
+      },
+      "skipHtml": {
+        "type": "boolean",
+        "default": false,
+        "description": "By default, HTML in markdown is escaped. When true all HTML code in the markdown will not be rendered."
+      },
+      "style": {
+        "type": "object",
+        "description": "Style to apply to Markdown div.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      }
+    }
+  }
+}

package/dist/index.js

@@ -0,0 +1,29 @@
+/*
+  Copyright 2020-2021 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ import DangerousMarkdown from './blocks/DangerousMarkdown';
+import Markdown from './blocks/Markdown';
+import MarkdownWithCode from './blocks/MarkdownWithCode';
+export default {
+    blocks: {
+        DangerousMarkdown,
+        Markdown,
+        MarkdownWithCode
+    },
+    import: {
+        styles: [
+            'style.less'
+        ]
+    }
+};