@readme/markdown 6.45.0 → 6.46.0

package/dist/main.js

@@ -9180,7 +9180,7 @@ Anchor.defaultProps = {
   title: ''
 };
 
-var AnchorContext = function AnchorContext(props) {
+var AnchorWithContext = function AnchorWithContext(props) {
   return /*#__PURE__*/React.createElement(BaseUrlContext.Consumer, null, function (baseUrl) {
     return /*#__PURE__*/React.createElement(Anchor, _extends({
       baseUrl: baseUrl
@@ -9188,12 +9188,14 @@ var AnchorContext = function AnchorContext(props) {
   });
 };
 
-module.exports = function (sanitizeSchema) {
+AnchorWithContext.sanitize = function (sanitizeSchema) {
   // This is for our custom link formats
   sanitizeSchema.protocols.href.push('doc', 'target', 'ref', 'blog', 'changelog', 'page');
-  return AnchorContext;
+  return sanitizeSchema;
 };
 
+module.exports = AnchorWithContext;
+
 /***/ }),
 
 /***/ 2015:
@@ -9257,11 +9259,13 @@ Callout.defaultProps = {
   node: null
 };
 
-module.exports = function (sanitizeSchema) {
+Callout.sanitize = function (sanitizeSchema) {
   sanitizeSchema.attributes['rdme-callout'] = ['icon', 'theme', 'title', 'value'];
-  return Callout;
+  return sanitizeSchema;
 };
 
+module.exports = Callout;
+
 /***/ }),
 
 /***/ 8297:
@@ -9357,12 +9361,10 @@ function Code(props) {
   }), codeContent));
 }
 
-function CreateCode(sanitizeSchema, _ref2) {
+function CreateCode(_ref2) {
   var copyButtons = _ref2.copyButtons,
       theme = _ref2.theme;
-  // This is for code blocks class name
-  sanitizeSchema.attributes.code = ['className', 'lang', 'meta', 'value']; // eslint-disable-next-line react/display-name
-
+  // eslint-disable-next-line react/display-name
   return function (props) {
     return /*#__PURE__*/React.createElement(Code, _extends({}, props, {
       copyButtons: copyButtons,
@@ -9386,10 +9388,14 @@ Code.defaultProps = {
   meta: ''
 };
 
-module.exports = function (sanitizeSchema, opts) {
-  return CreateCode(sanitizeSchema, opts);
+CreateCode.sanitize = function (sanitizeSchema) {
+  // This is for code blocks class name
+  sanitizeSchema.attributes.code = ['className', 'lang', 'meta', 'value'];
+  return sanitizeSchema;
 };
 
+module.exports = CreateCode;
+
 /***/ }),
 
 /***/ 6553:
@@ -9468,9 +9474,7 @@ function CreateCodeTabs(_ref3) {
   };
 }
 
-module.exports = function (_, opts) {
-  return CreateCodeTabs(opts);
-};
+module.exports = CreateCodeTabs;
 
 /***/ }),
 
@@ -9625,10 +9629,7 @@ Embed.defaultProps = {
   height: '300px',
   width: '100%'
 };
-
-module.exports = function () {
-  return Embed;
-};
+module.exports = Embed;
 
 /***/ }),
 
@@ -9813,12 +9814,14 @@ var CreateHtmlBlock = function CreateHtmlBlock(_ref) {
   );
 };
 
-module.exports = function (sanitize, opts) {
-  sanitize.tagNames.push('html-block');
-  sanitize.attributes['html-block'] = ['html', 'runScripts'];
-  return CreateHtmlBlock(opts);
+CreateHtmlBlock.sanitize = function (schema) {
+  schema.tagNames.push('html-block');
+  schema.attributes['html-block'] = ['html', 'runScripts'];
+  return schema;
 };
 
+module.exports = CreateHtmlBlock;
+
 /***/ }),
 
 /***/ 1984:
@@ -10119,11 +10122,53 @@ Image.defaultProps = {
   width: 'auto'
 };
 
-module.exports = function (sanitizeSchema) {
+Image.sanitize = function (sanitizeSchema) {
   sanitizeSchema.attributes.img = ['className', 'title', 'alt', 'width', 'height', 'align', 'src', 'longDesc'];
-  return Image;
+  return sanitizeSchema;
 };
 
+module.exports = Image;
+
+/***/ }),
+
+/***/ 3197:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var _extends = __webpack_require__(7154);
+
+var React = __webpack_require__(4466);
+
+var PropTypes = __webpack_require__(5697);
+
+var Style = function Style(_ref) {
+  var children = _ref.children,
+      safeMode = _ref.safeMode;
+  return safeMode ? /*#__PURE__*/React.createElement("pre", null, /*#__PURE__*/React.createElement("code", null, "<style>\n".concat(children, "\n</style>"))) : /*#__PURE__*/React.createElement("style", null, children);
+};
+
+Style.propTypes = {
+  children: PropTypes.node,
+  safeMode: PropTypes.bool
+};
+
+var CreateStyle = function CreateStyle(_ref2) {
+  var safeMode = _ref2.safeMode;
+  return (// eslint-disable-next-line react/display-name
+    function (props) {
+      return /*#__PURE__*/React.createElement(Style, _extends({}, props, {
+        safeMode: safeMode
+      }));
+    }
+  );
+};
+
+CreateStyle.sanitize = function (sanitize) {
+  sanitize.tagNames.push('style');
+  return sanitize;
+};
+
+module.exports = CreateStyle;
+
 /***/ }),
 
 /***/ 484:
@@ -10145,10 +10190,7 @@ function Table(props) {
 Table.propTypes = {
   children: PropTypes.arrayOf(PropTypes.node).isRequired
 };
-
-module.exports = function () {
-  return Table;
-};
+module.exports = Table;
 
 /***/ }),
 
@@ -10195,8 +10237,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "HTMLBlock": () => (/* reexport default from dynamic */ _HTMLBlock__WEBPACK_IMPORTED_MODULE_6___default.a),
 /* harmony export */   "Heading": () => (/* reexport default from dynamic */ _Heading__WEBPACK_IMPORTED_MODULE_7___default.a),
 /* harmony export */   "Image": () => (/* reexport default from dynamic */ _Image__WEBPACK_IMPORTED_MODULE_8___default.a),
-/* harmony export */   "Table": () => (/* reexport default from dynamic */ _Table__WEBPACK_IMPORTED_MODULE_9___default.a),
-/* harmony export */   "TableOfContents": () => (/* reexport default from dynamic */ _TableOfContents__WEBPACK_IMPORTED_MODULE_10___default.a)
+/* harmony export */   "Style": () => (/* reexport default from dynamic */ _Style__WEBPACK_IMPORTED_MODULE_9___default.a),
+/* harmony export */   "Table": () => (/* reexport default from dynamic */ _Table__WEBPACK_IMPORTED_MODULE_10___default.a),
+/* harmony export */   "TableOfContents": () => (/* reexport default from dynamic */ _TableOfContents__WEBPACK_IMPORTED_MODULE_11___default.a)
 /* harmony export */ });
 /* harmony import */ var _Anchor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8447);
 /* harmony import */ var _Anchor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_Anchor__WEBPACK_IMPORTED_MODULE_0__);
@@ -10216,10 +10259,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Heading__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_Heading__WEBPACK_IMPORTED_MODULE_7__);
 /* harmony import */ var _Image__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(9167);
 /* harmony import */ var _Image__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_Image__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var _Table__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(484);
-/* harmony import */ var _Table__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_Table__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var _TableOfContents__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(4479);
-/* harmony import */ var _TableOfContents__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_TableOfContents__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var _Style__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(3197);
+/* harmony import */ var _Style__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_Style__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var _Table__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(484);
+/* harmony import */ var _Table__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_Table__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var _TableOfContents__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(4479);
+/* harmony import */ var _TableOfContents__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_TableOfContents__WEBPACK_IMPORTED_MODULE_11__);
+
 
 
 
@@ -10259,12 +10305,10 @@ var _slicedToArray = __webpack_require__(3038);
 
 /* eslint-disable no-param-reassign
  */
-var sanitize = __webpack_require__(8229);
-
 var kebabCase = __webpack_require__(5683);
 
-var registerCustomComponents = function registerCustomComponents(components) {
-  var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'x';
+var registerCustomComponents = function registerCustomComponents(components, sanitize) {
+  var prefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'x';
   return Object.entries(components).reduce(function (all, _ref) {
     var _ref2 = _slicedToArray(_ref, 2),
         tag = _ref2[0],
@@ -29431,22 +29475,35 @@ module.exports.tableFlattening = transformer;
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 var _require = __webpack_require__(2781),
-    sanitize = _require.defaultSchema; // Sanitization Schema Defaults
+    defaultSchema = _require.defaultSchema;
+
+var createSchema = function createSchema() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      safeMode = _ref.safeMode;
+
+  var schema = JSON.parse(JSON.stringify(defaultSchema)); // Sanitization Schema Defaults
+
+  schema.clobberPrefix = '';
+  schema.tagNames.push('span');
+  schema.attributes['*'].push('class', 'className', 'align');
+
+  if (!safeMode) {
+    schema.attributes['*'].push('style');
+  }
 
+  schema.tagNames.push('rdme-pin');
+  schema.tagNames.push('rdme-embed');
+  schema.attributes['rdme-embed'] = ['url', 'provider', 'html', 'title', 'href', 'iframe', 'width', 'height', 'image', 'favicon'];
+  schema.attributes.a = ['href', 'title', 'class', 'className', 'download'];
+  schema.tagNames.push('figure');
+  schema.tagNames.push('figcaption');
+  schema.tagNames.push('input'); // allow GitHub-style todo lists
 
-sanitize.clobberPrefix = '';
-sanitize.tagNames.push('span', 'style');
-sanitize.attributes['*'].push('class', 'className', 'align', 'style');
-sanitize.tagNames.push('rdme-pin');
-sanitize.tagNames.push('rdme-embed');
-sanitize.attributes['rdme-embed'] = ['url', 'provider', 'html', 'title', 'href', 'iframe', 'width', 'height', 'image', 'favicon'];
-sanitize.attributes.a = ['href', 'title', 'class', 'className', 'download'];
-sanitize.tagNames.push('figure');
-sanitize.tagNames.push('figcaption');
-sanitize.tagNames.push('input'); // allow GitHub-style todo lists
+  schema.ancestors.input = ['li'];
+  return schema;
+};
 
-sanitize.ancestors.input = ['li'];
-module.exports = sanitize;
+module.exports = createSchema;
 
 /***/ }),
 
@@ -52050,7 +52107,7 @@ var unified = __webpack_require__(8835);
  */
 
 
-var sanitize = __webpack_require__(8229);
+var createSchema = __webpack_require__(8229);
 
 var generateTOC = __webpack_require__(3263);
 
@@ -52102,14 +52159,13 @@ var GlossaryItem = Components.GlossaryItem,
     Image = Components.Image,
     Embed = Components.Embed,
     HTMLBlock = Components.HTMLBlock,
+    Style = Components.Style,
     TableOfContents = Components.TableOfContents;
 
 /* Custom Unified Parsers
  */
 
-var customParsers = Object.values(__webpack_require__(1332)).map(function (parser) {
-  return parser.sanitize(sanitize);
-});
+var CustomParsers = Object.values(__webpack_require__(1332));
 /* Custom Unified Compilers
  */
 
@@ -52133,14 +52189,23 @@ var _require2 = __webpack_require__(2531),
 
 var registerCustomComponents = __webpack_require__(1264);
 /**
- * Normalize Magic Block Raw Text
+ * Setup Options
+ * !Normalize Magic Block Raw Text!
  */
 
 
 function setup(blocks) {
   var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   // merge default and user options
-  opts = parseOptions(opts); // normalize magic block linebreaks
+  opts = parseOptions(opts);
+
+  if (!opts.sanitize) {
+    opts.sanitize = createSchema(opts);
+    Object.values(Components).forEach(function (Component) {
+      return Component.sanitize && Component.sanitize(opts.sanitize);
+    });
+  } // normalize magic block linebreaks
+
 
   if (opts.normalize && blocks) {
     blocks = blocks.replace(/\[block:/g, '\n\n[block:').replace(/\[\/block\]/g, '[/block]\n');
@@ -52166,25 +52231,16 @@ var utils = {
 function processor() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-  /*
-   * This is kinda complicated: "markdown" within ReadMe is
-   * often more than just markdown. It can also include HTML,
-   * as well as custom syntax constructs such as <<variables>>,
-   * and other special features.
-   *
-   * We use the Unified text processor to parse and transform
-   * Markdown to various output formats, such as a React component
-   * tree. (See https://github.com/unifiedjs/unified for more.)
-   *
-   * The order for processing ReadMe-flavored markdown is as follows:
-   * - parse markdown
-   * - parse custom syntaxes add-ons using custom compilers
-   * - convert from a remark mdast (markdown ast) to a rehype hast (hypertext ast)
-   * - extract any raw HTML elements
-   * - sanitize and remove any disallowed attributes
-   * - output the hast to a React vdom with our custom components
-   */
-  return unified().use(remarkParse, opts.markdownOptions).use(remarkFrontmatter, ['yaml', 'toml']).data('settings', opts.settings).data('compatibilityMode', opts.compatibilityMode).use(!opts.correctnewlines ? remarkBreaks : function () {}).use(customParsers).use(remarkSlug).use(remarkDisableTokenizers, opts.disableTokenizers).use(remarkRehype, {
+  var _setup = setup('', opts);
+
+  var _setup2 = _slicedToArray(_setup, 2);
+
+  opts = _setup2[1];
+  var _opts = opts,
+      sanitize = _opts.sanitize;
+  return unified().use(remarkParse, opts.markdownOptions).use(remarkFrontmatter, ['yaml', 'toml']).data('settings', opts.settings).data('compatibilityMode', opts.compatibilityMode).use(!opts.correctnewlines ? remarkBreaks : function () {}).use(CustomParsers.map(function (parser) {
+    return parser.sanitize(sanitize);
+  })).use(remarkSlug).use(remarkDisableTokenizers, opts.disableTokenizers).use(remarkRehype, {
     allowDangerousHtml: true
   }).use(rehypeRaw).use(rehypeSanitize, sanitize);
 }
@@ -52193,12 +52249,12 @@ function plain(text) {
   var components = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   if (!text) return null;
 
-  var _setup = setup(text, opts);
+  var _setup3 = setup(text, opts);
 
-  var _setup2 = _slicedToArray(_setup, 2);
+  var _setup4 = _slicedToArray(_setup3, 2);
 
-  text = _setup2[0];
-  opts = _setup2[1];
+  text = _setup4[0];
+  opts = _setup4[1];
   return processor(opts).use(rehypeReact, {
     createElement: React.createElement,
     Fragment: React.Fragment,
@@ -52222,46 +52278,57 @@ var count = {};
 function reactProcessor() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var components = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return processor(opts).use(sectionAnchorId).use(rehypeReact, {
+
+  var _setup5 = setup('', opts);
+
+  var _setup6 = _slicedToArray(_setup5, 2);
+
+  opts = _setup6[1];
+  var _opts2 = opts,
+      sanitize = _opts2.sanitize;
+  return processor(_objectSpread({
+    sanitize: sanitize
+  }, opts)).use(sectionAnchorId).use(rehypeReact, {
     createElement: React.createElement,
     Fragment: React.Fragment,
     components: _objectSpread({
-      'code-tabs': CodeTabs(sanitize, opts),
-      'html-block': HTMLBlock(sanitize, opts),
-      'rdme-callout': Callout(sanitize),
+      'code-tabs': CodeTabs(opts),
+      'html-block': HTMLBlock(opts),
+      'rdme-callout': Callout,
       'readme-variable': Variable,
       'readme-glossary-item': GlossaryItem,
-      'rdme-embed': Embed(sanitize),
+      'rdme-embed': Embed,
       'rdme-pin': PinWrap,
-      table: Table(sanitize),
-      a: Anchor(sanitize),
+      table: Table,
+      a: Anchor,
       h1: Heading(1, count, opts),
       h2: Heading(2, count, opts),
       h3: Heading(3, count, opts),
       h4: Heading(4, count, opts),
       h5: Heading(5, count, opts),
       h6: Heading(6, count, opts),
-      code: Code(sanitize, opts),
-      img: Image(sanitize)
-    }, registerCustomComponents(components, opts.customComponentPrefix))
+      code: Code(opts),
+      img: Image,
+      style: Style(opts)
+    }, registerCustomComponents(components, sanitize, opts.customComponentPrefix))
   });
 }
 function react(content) {
   var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var components = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   if (!content) return null;else if (typeof content === 'string') {
-    var _setup3 = setup(content, opts);
+    var _setup7 = setup(content, opts);
 
-    var _setup4 = _slicedToArray(_setup3, 2);
+    var _setup8 = _slicedToArray(_setup7, 2);
 
-    content = _setup4[0];
-    opts = _setup4[1];
+    content = _setup8[0];
+    opts = _setup8[1];
   } else {
-    var _setup5 = setup('', opts);
+    var _setup9 = setup('', opts);
 
-    var _setup6 = _slicedToArray(_setup5, 2);
+    var _setup10 = _slicedToArray(_setup9, 2);
 
-    opts = _setup6[1];
+    opts = _setup10[1];
   }
   var proc = reactProcessor(opts, components);
   if (typeof content === 'string') content = proc.parse(content);
@@ -52271,11 +52338,11 @@ function reactTOC(tree) {
   var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (!tree) return null;
 
-  var _setup7 = setup('', opts);
+  var _setup11 = setup('', opts);
 
-  var _setup8 = _slicedToArray(_setup7, 2);
+  var _setup12 = _slicedToArray(_setup11, 2);
 
-  opts = _setup8[1];
+  opts = _setup12[1];
   var proc = processor(opts).use(rehypeReact, {
     createElement: React.createElement,
     components: {
@@ -52308,12 +52375,12 @@ function html(text) {
   var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (!text) return null;
 
-  var _setup9 = setup(text, opts);
+  var _setup13 = setup(text, opts);
 
-  var _setup10 = _slicedToArray(_setup9, 2);
+  var _setup14 = _slicedToArray(_setup13, 2);
 
-  text = _setup10[0];
-  opts = _setup10[1];
+  text = _setup14[0];
+  opts = _setup14[1];
   return processor(opts).use(rehypeStringify).processSync(text).contents;
 }
 /**
@@ -52324,12 +52391,12 @@ function hast(text) {
   var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (!text) return null;
 
-  var _setup11 = setup(text, opts);
+  var _setup15 = setup(text, opts);
 
-  var _setup12 = _slicedToArray(_setup11, 2);
+  var _setup16 = _slicedToArray(_setup15, 2);
 
-  text = _setup12[0];
-  opts = _setup12[1];
+  text = _setup16[0];
+  opts = _setup16[1];
   var rdmd = processor(opts).use(tableFlattening);
   var node = rdmd.parse(text);
   return rdmd.runSync(node);
@@ -52342,12 +52409,12 @@ function mdast(text) {
   var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (!text) return null;
 
-  var _setup13 = setup(text, opts);
+  var _setup17 = setup(text, opts);
 
-  var _setup14 = _slicedToArray(_setup13, 2);
+  var _setup18 = _slicedToArray(_setup17, 2);
 
-  text = _setup14[0];
-  opts = _setup14[1];
+  text = _setup18[0];
+  opts = _setup18[1];
   return processor(opts).parse(text);
 }
 /**
@@ -52358,11 +52425,11 @@ function astToPlainText(node) {
   var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (!node) return '';
 
-  var _setup15 = setup('', opts);
+  var _setup19 = setup('', opts);
 
-  var _setup16 = _slicedToArray(_setup15, 2);
+  var _setup20 = _slicedToArray(_setup19, 2);
 
-  opts = _setup16[1];
+  opts = _setup20[1];
   return processor(opts).use(toPlainText).stringify(node);
 }
 /**
@@ -52373,11 +52440,11 @@ function md(tree) {
   var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (!tree) return null;
 
-  var _setup17 = setup('', opts);
+  var _setup21 = setup('', opts);
 
-  var _setup18 = _slicedToArray(_setup17, 2);
+  var _setup22 = _slicedToArray(_setup21, 2);
 
-  opts = _setup18[1];
+  opts = _setup22[1];
   return processor(opts).use(remarkStringify, opts.markdownOptions).use(customCompilers).stringify(tree);
 }