@lowdefy/blocks-markdown 3.23.3 → 4.0.0-alpha.11

package/dist/blocks/DangerousMarkdown/DangerousMarkdown.js

@@ -0,0 +1,52 @@
+/*
+  Copyright 2020-2022 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';
+import rehypeRaw from 'rehype-raw';
+let DangerousMarkdown = class DangerousMarkdown extends React.Component {
+    render() {
+        const { blockId , properties , methods  } = this.props;
+        return(/*#__PURE__*/ React.createElement("div", {
+            id: blockId,
+            className: methods.makeCssClass(properties.style)
+        }, /*#__PURE__*/ React.createElement(ReactMarkdown, {
+            className: "markdown-body markdown-default-code",
+            remarkPlugins: [
+                gfm
+            ],
+            rehypePlugins: [
+                rehypeRaw
+            ],
+            skipHtml: false
+        }, 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;
+DangerousMarkdown.meta = {
+    category: 'container',
+    icons: [],
+    styles: [
+        'codeblock.less'
+    ]
+};
+export default DangerousMarkdown;

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,38 @@
+/*
+  Copyright 2020-2022 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__*/ React.createElement("div", {
+        id: blockId,
+        className: methods.makeCssClass(properties.style)
+    }, /*#__PURE__*/ React.createElement(ReactMarkdown, {
+        className: "markdown-body markdown-default-code",
+        skipHtml: properties.skipHtml,
+        remarkPlugins: [
+            gfm
+        ]
+    }, properties.content))
+;
+Markdown.defaultProps = blockDefaultProps;
+Markdown.meta = {
+    category: 'container',
+    icons: [],
+    styles: [
+        'codeblock.less'
+    ]
+};
+export default Markdown;

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,88 @@
+/*
+  Copyright 2020-2022 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';
+// See https://github.com/react-syntax-highlighter/react-syntax-highlighter/issues/393 for esm issue.
+import { github } from 'react-syntax-highlighter/dist/cjs/styles/hljs/index.js';
+import javascript from 'react-syntax-highlighter/dist/cjs/languages/hljs/javascript.js';
+import typescript from 'react-syntax-highlighter/dist/cjs/languages/hljs/typescript.js';
+import python from 'react-syntax-highlighter/dist/cjs/languages/hljs/python.js';
+import java from 'react-syntax-highlighter/dist/cjs/languages/hljs/java.js';
+import xml from 'react-syntax-highlighter/dist/cjs/languages/hljs/xml.js';
+import json from 'react-syntax-highlighter/dist/cjs/languages/hljs/json.js';
+import yaml from 'react-syntax-highlighter/dist/cjs/languages/hljs/yaml.js';
+import markdown from 'react-syntax-highlighter/dist/cjs/languages/hljs/markdown.js';
+import handlebars from 'react-syntax-highlighter/dist/cjs/languages/hljs/handlebars.js';
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+SyntaxHighlighter.registerLanguage('handlebars', handlebars.default);
+SyntaxHighlighter.registerLanguage('nunjucks', handlebars.default);
+SyntaxHighlighter.registerLanguage('html', handlebars.default);
+SyntaxHighlighter.registerLanguage('java', java.default);
+SyntaxHighlighter.registerLanguage('javascript', javascript.default);
+SyntaxHighlighter.registerLanguage('js', javascript.default);
+SyntaxHighlighter.registerLanguage('jsx', javascript.default);
+SyntaxHighlighter.registerLanguage('json', json.default);
+SyntaxHighlighter.registerLanguage('markdown', markdown.default);
+SyntaxHighlighter.registerLanguage('python', python.default);
+SyntaxHighlighter.registerLanguage('py', python.default);
+SyntaxHighlighter.registerLanguage('typescript', typescript.default);
+SyntaxHighlighter.registerLanguage('ts', typescript.default);
+SyntaxHighlighter.registerLanguage('xml', xml.default);
+SyntaxHighlighter.registerLanguage('yaml', yaml.default);
+const components = {
+    code ({ inline , className , children , ...props }) {
+        return !inline ? /*#__PURE__*/ React.createElement(SyntaxHighlighter, _extends({
+            style: github,
+            language: String(className).replace('language-', '')
+        }, props), children) : /*#__PURE__*/ React.createElement("code", _extends({
+            className: className
+        }, props), children);
+    }
+};
+const MarkdownWithCode = ({ blockId , properties , methods  })=>/*#__PURE__*/ React.createElement("div", {
+        id: blockId,
+        className: methods.makeCssClass(properties.style)
+    }, /*#__PURE__*/ React.createElement(ReactMarkdown, {
+        className: "markdown-body",
+        skipHtml: properties.skipHtml,
+        remarkPlugins: [
+            gfm
+        ],
+        components: components
+    }, properties.content))
+;
+MarkdownWithCode.defaultProps = blockDefaultProps;
+MarkdownWithCode.meta = {
+    category: 'container',
+    icons: [],
+    styles: []
+};
+export default MarkdownWithCode;

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/blocks.js

@@ -0,0 +1,17 @@
+/*
+  Copyright 2020-2022 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.
+*/ export { default as DangerousMarkdown } from './blocks/DangerousMarkdown/DangerousMarkdown.js';
+export { default as Markdown } from './blocks/Markdown/Markdown.js';
+export { default as MarkdownWithCode } from './blocks/MarkdownWithCode/MarkdownWithCode.js';

package/dist/codeblock.less

@@ -0,0 +1,14 @@
+.markdown-default-code pre {
+  background-color: @background-color-base;
+  padding: 0.5em;
+  word-wrap: normal;
+}
+
+.markdown-default-code pre > code {
+  background: transparent;
+  border: 0;
+  margin: 0;
+  padding: 0;
+  white-space: pre;
+  word-break: normal;
+}

package/dist/style.less

@@ -0,0 +1,364 @@
+.markdown-body a:focus {
+  outline: none;
+}
+
+.markdown-body h1:hover a,
+.markdown-body h2:hover a .markdown-body h3:hover a,
+.markdown-body h4:hover a,
+.markdown-body h5:hover a,
+.markdown-body h6:hover a {
+  text-decoration: none;
+  color: @heading-color;
+}
+
+.markdown-body {
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+  word-wrap: break-word;
+  font-family: @font-family;
+  color: @text-color;
+  line-height: @line-height-base;
+}
+
+.markdown-body details {
+  display: block;
+}
+
+.markdown-body summary {
+  display: list-item;
+}
+
+.markdown-body a {
+  background-color: transparent;
+}
+
+.markdown-body a:active,
+.markdown-body a:hover {
+  outline-width: 0;
+}
+
+.markdown-body strong {
+  font-weight: inherit;
+  font-weight: bolder;
+}
+
+.markdown-body img {
+  border-style: none;
+}
+
+.markdown-body code,
+.markdown-body kbd,
+.markdown-body pre {
+  font-family: @code-family;
+  font-size: @font-size-base;
+}
+
+.markdown-body code {
+  background-color: @background-color-base;
+}
+
+.markdown-body pre {
+  margin-bottom: 1em;
+}
+
+.markdown-body hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+
+.markdown-body * {
+  box-sizing: border-box;
+}
+
+.markdown-body a {
+  text-decoration: none;
+}
+
+.markdown-body a:hover {
+  text-decoration: underline;
+}
+
+.markdown-body strong {
+  font-weight: 600;
+}
+
+.markdown-body hr {
+  background: transparent;
+  border: 0;
+  border-bottom: 1px solid @divider-color;
+  height: 0;
+  margin: 1em 0;
+  overflow: hidden;
+}
+
+.markdown-body hr:before {
+  content: '';
+  display: table;
+}
+
+.markdown-body hr:after {
+  clear: both;
+  content: '';
+  display: table;
+}
+
+.markdown-body td,
+.markdown-body th {
+  padding: 0;
+}
+
+.markdown-body details summary {
+  cursor: pointer;
+}
+
+.markdown-body blockquote {
+  margin: 0;
+}
+
+.markdown-body ol,
+.markdown-body ul {
+  margin-bottom: 0;
+  margin-top: 0;
+  padding-left: 0;
+}
+
+.markdown-body ol ol,
+.markdown-body ul ol {
+  list-style-type: lower-roman;
+}
+
+.markdown-body ol ol ol,
+.markdown-body ol ul ol,
+.markdown-body ul ol ol,
+.markdown-body ul ul ol {
+  list-style-type: lower-alpha;
+}
+
+.markdown-body dd {
+  margin-left: 0;
+}
+
+.markdown-body input::-webkit-inner-spin-button,
+.markdown-body input::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  appearance: none;
+  margin: 0;
+}
+
+.markdown-body:before {
+  content: '';
+  display: table;
+}
+
+.markdown-body:after {
+  clear: both;
+  content: '';
+  display: table;
+}
+
+.markdown-body > :first-child {
+  margin-top: 0 !important;
+}
+
+.markdown-body > :last-child {
+  margin-bottom: 0 !important;
+}
+
+.markdown-body a:not([href]) {
+  color: inherit;
+  text-decoration: none;
+}
+
+.markdown-body blockquote,
+.markdown-body dl,
+.markdown-body ol,
+.markdown-body p,
+.markdown-body pre,
+.markdown-body table,
+.markdown-body ul {
+  margin-bottom: 1em;
+  margin-top: 0;
+}
+
+.markdown-body hr {
+  background: transparent;
+  border: 0;
+  border-bottom: 1px solid @divider-color;
+  height: 0;
+  margin: 1em 0;
+  overflow: hidden;
+}
+
+.markdown-body blockquote {
+  border-left: 0.25em solid #dfe2e5;
+  color: @text-color-secondary;
+  padding: 0 1em;
+}
+
+.markdown-body blockquote > :first-child {
+  margin-top: 0;
+}
+
+.markdown-body blockquote > :last-child {
+  margin-bottom: 0;
+}
+
+.markdown-body kbd {
+  background-color: #fafbfc;
+  border: 1px solid #c6cbd1;
+  border-bottom-color: #959da5;
+  border-radius: 3px;
+  box-shadow: inset 0 -1px 0 #959da5;
+  color: #444d56;
+  display: inline-block;
+  line-height: 11px;
+  padding: 3px 5px;
+  vertical-align: middle;
+}
+
+
+.markdown-body h1,
+.markdown-body h2 {
+  border-bottom: 1px solid @divider-color;
+  padding-bottom: 0.3em;
+}
+
+.markdown-body h1 {
+  font-size: @heading-1-size;
+}
+
+.markdown-body h2 {
+  font-size: @heading-2-size;
+}
+
+.markdown-body h3 {
+  font-size: @heading-3-size;
+}
+
+.markdown-body h4 {
+  font-size: @heading-4-size;
+}
+
+.markdown-body h5 {
+  font-size: @heading-5-size;
+}
+
+.markdown-body h6 {
+  color: @text-color-secondary;
+  font-size: @font-size-base;
+}
+
+.markdown-body ol,
+.markdown-body ul {
+  padding: @list-item-padding;
+  padding-left: 1em;
+}
+
+.markdown-body ol ol,
+.markdown-body ol ul,
+.markdown-body ul ol,
+.markdown-body ul ul {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+
+.markdown-body li {
+  word-wrap: break-all;
+}
+
+.markdown-body li > p {
+  margin-top: 1em;
+}
+
+.markdown-body li + li {
+  margin-top: 0.25em;
+}
+
+.markdown-body dl {
+  padding: 0;
+}
+
+.markdown-body dl dt {
+  font-size: 1em;
+  font-style: italic;
+  font-weight: 600;
+  margin-top: 1em;
+  padding: 0;
+}
+
+.markdown-body dl dd {
+  margin-bottom: 1em;
+  padding: 0 1em;
+}
+
+.markdown-body table {
+  display: block;
+  overflow: auto;
+  width: 100%;
+  font-size: @table-font-size;
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+.markdown-body table th {
+  font-weight: 600;
+}
+
+.markdown-body table td,
+.markdown-body table th {
+  border: 1px solid @table-border-color;
+  padding: 6px 13px;
+}
+
+.markdown-body table tr {
+  border-top: 1px solid @table-border-color;
+}
+
+.markdown-body table tr:nth-child(2n) {
+  background-color: lighten(@table-border-color, 2%);
+}
+
+.markdown-body img {
+  box-sizing: content-box;
+  max-width: 100%;
+}
+
+.markdown-body img[align='right'] {
+  padding-left: 20px;
+}
+
+.markdown-body img[align='left'] {
+  padding-right: 20px;
+}
+
+.markdown-body code {
+  margin: 0;
+  padding: 0.2em 0.4em;
+}
+
+.markdown-body pre code {
+  border-radius: 3px;
+  background-color: transparent;
+  border: 0;
+  display: inline;
+  line-height: inherit;
+  margin: 0;
+  max-width: auto;
+  overflow: visible;
+  padding: 0;
+  word-wrap: normal;
+}
+
+.markdown-body kbd {
+  background-color: @divider-color;
+  border: 1px solid #d1d5da;
+  border-bottom-color: darken(@divider-color, 2%);
+  border-radius: 3px;
+  box-shadow: inset 0 -1px 0 darken(@divider-color, 2%);
+  color: #444d56;
+  display: inline-block;
+  font: @code-family;
+  padding: 3px 5px;
+  vertical-align: middle;
+}

package/dist/types.js

@@ -0,0 +1,31 @@
+/* eslint-disable import/namespace */ /*
+  Copyright 2020-2022 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 * as blocks from './blocks.js';
+const icons = {};
+const styles = {};
+Object.keys(blocks).forEach((block)=>{
+    icons[block] = blocks[block].meta.icons || [];
+    styles[block] = blocks[block].meta.styles || [];
+});
+export default {
+    blocks: Object.keys(blocks),
+    icons,
+    styles: {
+        default: [
+            'style.less'
+        ],
+        ...styles
+    }
+};