@readme/markdown 6.75.0-beta.33 → 6.75.0-beta.34

package/dist/main.node.js

@@ -6876,133 +6876,6 @@ AnchorWithContext.getHref = getHref;
 
 /***/ }),
 
-/***/ 735:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-const _excluded = ["src", "alt"],
-  _excluded2 = ["lazy", "provider", "url", "title", "html", "iframe", "image", "favicon"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-/* eslint-disable react/jsx-props-no-spreading, jsx-a11y/iframe-has-title */
-const propTypes = __webpack_require__(556);
-const React = __webpack_require__(540);
-const Favicon = _ref => {
-  let {
-      src,
-      alt = 'favicon'
-    } = _ref,
-    attr = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("img", _extends({}, attr, {
-    alt: alt,
-    height: "14",
-    src: src,
-    width: "14"
-  }));
-};
-Favicon.propTypes = {
-  alt: propTypes.string,
-  src: propTypes.string
-};
-class Embed extends React.Component {
-  render() {
-    const _this$props = this.props,
-      {
-        lazy = true,
-        provider,
-        url,
-        title,
-        html,
-        iframe,
-        image,
-        favicon
-      } = _this$props,
-      attrs = _objectWithoutProperties(_this$props, _excluded2);
-    if (!url) {
-      return /*#__PURE__*/React.createElement("div", null);
-    }
-    if ('iframe' in this.props) {
-      return /*#__PURE__*/React.createElement("iframe", _extends({}, attrs, {
-        border: "none",
-        src: url,
-        style: {
-          border: 'none',
-          display: 'flex',
-          margin: 'auto'
-        }
-      }));
-    }
-    const classes = ['embed', image && 'embed_hasImg'];
-    return /*#__PURE__*/React.createElement("div", {
-      className: classes.join(' ')
-    }, html ? /*#__PURE__*/React.createElement("div", {
-      className: "embed-media",
-      dangerouslySetInnerHTML: {
-        __html: html
-      }
-    }) : /*#__PURE__*/React.createElement("a", {
-      className: "embed-link",
-      href: url,
-      rel: "noopener noreferrer",
-      target: "_blank"
-    }, !image || /*#__PURE__*/React.createElement("img", {
-      alt: title,
-      className: "embed-img",
-      loading: lazy ? 'lazy' : '',
-      src: image
-    }), title ? /*#__PURE__*/React.createElement("div", {
-      className: "embed-body"
-    }, !favicon || /*#__PURE__*/React.createElement(Favicon, {
-      alt: provider,
-      className: "embed-favicon",
-      loading: lazy ? 'lazy' : '',
-      src: favicon,
-      style: {
-        float: 'left'
-      }
-    }), provider && /*#__PURE__*/React.createElement("small", {
-      className: "embed-provider"
-    }, provider.search(/^@{1}/) < 0 ? provider : /*#__PURE__*/React.createElement("code", {
-      style: {
-        fontFamily: 'var(--md-code-font, monospace)'
-      }
-    }, url)), /*#__PURE__*/React.createElement("div", {
-      className: "embed-title"
-    }, title)) : /*#__PURE__*/React.createElement("div", {
-      className: "embed-body"
-    }, /*#__PURE__*/React.createElement("b", null, "View"), ": ", /*#__PURE__*/React.createElement("span", {
-      className: "embed-body-url"
-    }, url))));
-  }
-}
-Embed.propTypes = {
-  children: propTypes.oneOfType([propTypes.string, propTypes.array, propTypes.shape({}), propTypes.element]),
-  favicon: propTypes.string,
-  height: propTypes.string,
-  html: propTypes.string,
-  iframe: propTypes.any,
-  image: propTypes.string,
-  lazy: propTypes.bool,
-  provider: propTypes.string,
-  title: propTypes.string,
-  url: propTypes.oneOfType([propTypes.string, propTypes.shape({})]),
-  width: propTypes.string
-};
-Embed.defaultProps = {
-  height: '300px',
-  width: '100%'
-};
-const CreateEmbed = ({
-  lazyImages
-}) =>
-// eslint-disable-next-line react/display-name
-props => /*#__PURE__*/React.createElement(Embed, _extends({}, props, {
-  lazy: lazyImages
-}));
-module.exports = CreateEmbed;
-
-/***/ }),
-
 /***/ 398:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
@@ -10053,7 +9926,7 @@ __webpack_require__.d(components_namespaceObject, {
   Callout: () => (components_Callout),
   Code: () => (components_Code),
   CodeTabs: () => (components_CodeTabs),
-  Embed: () => ((Embed_default())),
+  Embed: () => (components_Embed),
   GlossaryItem: () => (GlossaryItemWithContext),
   HTMLBlock: () => (components_HTMLBlock),
   Heading: () => ((Heading_default())),
@@ -58470,9 +58343,46 @@ const CodeTabs = props => {
 };
 /* harmony default export */ const components_CodeTabs = (CodeTabs);
 
-// EXTERNAL MODULE: ./components/Embed/index.jsx
-var Embed = __webpack_require__(735);
-var Embed_default = /*#__PURE__*/__webpack_require__.n(Embed);
+;// CONCATENATED MODULE: ./components/Embed/index.tsx
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+
+const Favicon = (_a) => {
+    var { src, alt = 'favicon' } = _a, attr = __rest(_a, ["src", "alt"]);
+    return (react.createElement("img", Object.assign({}, attr, { alt: alt, height: "14", src: src, width: "14" })));
+};
+const Embed = (_a) => {
+    var { lazy = true, url, provider, title, html, iframe, image, favicon } = _a, attrs = __rest(_a, ["lazy", "url", "provider", "title", "html", "iframe", "image", "favicon"]);
+    if (iframe) {
+        return react.createElement("iframe", Object.assign({}, attrs, { src: url, style: { border: 'none', display: 'flex', margin: 'auto' } }));
+    }
+    if (!provider)
+        provider = new URL(url).hostname
+            .split(/(?:www)?\./)
+            .filter(i => i)
+            .join('.');
+    const classes = ['embed', image ? 'embed_hasImg' : ''];
+    return (react.createElement("div", { className: classes.join(' ') }, html ? (react.createElement("div", { className: "embed-media", dangerouslySetInnerHTML: { __html: html } })) : (react.createElement("a", { className: "embed-link", href: url, rel: "noopener noreferrer", target: "_blank" },
+        !image || react.createElement("img", { alt: title, className: "embed-img", loading: lazy ? 'lazy' : undefined, src: image }),
+        title ? (react.createElement("div", { className: "embed-body" },
+            !favicon || react.createElement(Favicon, { alt: provider, src: favicon }),
+            provider && (react.createElement("small", { className: "embed-provider" }, provider.search(/^@{1}/) < 0 ? (provider) : (react.createElement("code", { style: { fontFamily: 'var(--md-code-font, monospace)' } }, url)))),
+            react.createElement("div", { className: "embed-title" }, title))) : (react.createElement("div", { className: "embed-body" },
+            react.createElement("b", null, "View"),
+            ": ",
+            react.createElement("span", { className: "embed-body-url" }, url)))))));
+};
+/* harmony default export */ const components_Embed = (Embed);
+
 ;// CONCATENATED MODULE: ./node_modules/@popperjs/core/lib/dom-utils/getWindow.js
 function getWindow(node) {
   if (node == null) {
@@ -63486,8 +63396,9 @@ var Heading = __webpack_require__(398);
 var Heading_default = /*#__PURE__*/__webpack_require__.n(Heading);
 ;// CONCATENATED MODULE: ./components/Image/index.tsx
 
-const Image = ({ align = '', alt = '', border = false, caption, className = '', height = 'auto', src = '', title = '', width = 'auto', lazy = false, }) => {
+const Image = (Props) => {
     const [lightbox, setLightbox] = react.useState(false);
+    const { align = '', alt = '', border = false, caption, className = '', height = 'auto', src, title = '', width = 'auto', lazy = false, } = Props;
     if (className === 'emoji') {
         return react.createElement("img", { src: src, width: width, height: height, title: title, alt: alt, loading: lazy ? 'lazy' : 'eager' });
     }
@@ -63660,9 +63571,22 @@ const parseOptions = (userOpts = {}) => {
 	return /[#*0-9]\uFE0F?\u20E3|[\xA9\xAE\u203C\u2049\u2122\u2139\u2194-\u2199\u21A9\u21AA\u231A\u231B\u2328\u23CF\u23ED-\u23EF\u23F1\u23F2\u23F8-\u23FA\u24C2\u25AA\u25AB\u25B6\u25C0\u25FB\u25FC\u25FE\u2600-\u2604\u260E\u2611\u2614\u2615\u2618\u2620\u2622\u2623\u2626\u262A\u262E\u262F\u2638-\u263A\u2640\u2642\u2648-\u2653\u265F\u2660\u2663\u2665\u2666\u2668\u267B\u267E\u267F\u2692\u2694-\u2697\u2699\u269B\u269C\u26A0\u26A7\u26AA\u26B0\u26B1\u26BD\u26BE\u26C4\u26C8\u26CF\u26D1\u26E9\u26F0-\u26F5\u26F7\u26F8\u26FA\u2702\u2708\u2709\u270F\u2712\u2714\u2716\u271D\u2721\u2733\u2734\u2744\u2747\u2757\u2763\u27A1\u2934\u2935\u2B05-\u2B07\u2B1B\u2B1C\u2B55\u3030\u303D\u3297\u3299]\uFE0F?|[\u261D\u270C\u270D](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?|[\u270A\u270B](?:\uD83C[\uDFFB-\uDFFF])?|[\u23E9-\u23EC\u23F0\u23F3\u25FD\u2693\u26A1\u26AB\u26C5\u26CE\u26D4\u26EA\u26FD\u2705\u2728\u274C\u274E\u2753-\u2755\u2795-\u2797\u27B0\u27BF\u2B50]|\u26D3\uFE0F?(?:\u200D\uD83D\uDCA5)?|\u26F9(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|\u2764\uFE0F?(?:\u200D(?:\uD83D\uDD25|\uD83E\uDE79))?|\uD83C(?:[\uDC04\uDD70\uDD71\uDD7E\uDD7F\uDE02\uDE37\uDF21\uDF24-\uDF2C\uDF36\uDF7D\uDF96\uDF97\uDF99-\uDF9B\uDF9E\uDF9F\uDFCD\uDFCE\uDFD4-\uDFDF\uDFF5\uDFF7]\uFE0F?|[\uDF85\uDFC2\uDFC7](?:\uD83C[\uDFFB-\uDFFF])?|[\uDFC4\uDFCA](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDFCB\uDFCC](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDCCF\uDD8E\uDD91-\uDD9A\uDE01\uDE1A\uDE2F\uDE32-\uDE36\uDE38-\uDE3A\uDE50\uDE51\uDF00-\uDF20\uDF2D-\uDF35\uDF37-\uDF43\uDF45-\uDF4A\uDF4C-\uDF7C\uDF7E-\uDF84\uDF86-\uDF93\uDFA0-\uDFC1\uDFC5\uDFC6\uDFC8\uDFC9\uDFCF-\uDFD3\uDFE0-\uDFF0\uDFF8-\uDFFF]|\uDDE6\uD83C[\uDDE8-\uDDEC\uDDEE\uDDF1\uDDF2\uDDF4\uDDF6-\uDDFA\uDDFC\uDDFD\uDDFF]|\uDDE7\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEF\uDDF1-\uDDF4\uDDF6-\uDDF9\uDDFB\uDDFC\uDDFE\uDDFF]|\uDDE8\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDEE\uDDF0-\uDDF5\uDDF7\uDDFA-\uDDFF]|\uDDE9\uD83C[\uDDEA\uDDEC\uDDEF\uDDF0\uDDF2\uDDF4\uDDFF]|\uDDEA\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDED\uDDF7-\uDDFA]|\uDDEB\uD83C[\uDDEE-\uDDF0\uDDF2\uDDF4\uDDF7]|\uDDEC\uD83C[\uDDE6\uDDE7\uDDE9-\uDDEE\uDDF1-\uDDF3\uDDF5-\uDDFA\uDDFC\uDDFE]|\uDDED\uD83C[\uDDF0\uDDF2\uDDF3\uDDF7\uDDF9\uDDFA]|\uDDEE\uD83C[\uDDE8-\uDDEA\uDDF1-\uDDF4\uDDF6-\uDDF9]|\uDDEF\uD83C[\uDDEA\uDDF2\uDDF4\uDDF5]|\uDDF0\uD83C[\uDDEA\uDDEC-\uDDEE\uDDF2\uDDF3\uDDF5\uDDF7\uDDFC\uDDFE\uDDFF]|\uDDF1\uD83C[\uDDE6-\uDDE8\uDDEE\uDDF0\uDDF7-\uDDFB\uDDFE]|\uDDF2\uD83C[\uDDE6\uDDE8-\uDDED\uDDF0-\uDDFF]|\uDDF3\uD83C[\uDDE6\uDDE8\uDDEA-\uDDEC\uDDEE\uDDF1\uDDF4\uDDF5\uDDF7\uDDFA\uDDFF]|\uDDF4\uD83C\uDDF2|\uDDF5\uD83C[\uDDE6\uDDEA-\uDDED\uDDF0-\uDDF3\uDDF7-\uDDF9\uDDFC\uDDFE]|\uDDF6\uD83C\uDDE6|\uDDF7\uD83C[\uDDEA\uDDF4\uDDF8\uDDFA\uDDFC]|\uDDF8\uD83C[\uDDE6-\uDDEA\uDDEC-\uDDF4\uDDF7-\uDDF9\uDDFB\uDDFD-\uDDFF]|\uDDF9\uD83C[\uDDE6\uDDE8\uDDE9\uDDEB-\uDDED\uDDEF-\uDDF4\uDDF7\uDDF9\uDDFB\uDDFC\uDDFF]|\uDDFA\uD83C[\uDDE6\uDDEC\uDDF2\uDDF3\uDDF8\uDDFE\uDDFF]|\uDDFB\uD83C[\uDDE6\uDDE8\uDDEA\uDDEC\uDDEE\uDDF3\uDDFA]|\uDDFC\uD83C[\uDDEB\uDDF8]|\uDDFD\uD83C\uDDF0|\uDDFE\uD83C[\uDDEA\uDDF9]|\uDDFF\uD83C[\uDDE6\uDDF2\uDDFC]|\uDF44(?:\u200D\uD83D\uDFEB)?|\uDF4B(?:\u200D\uD83D\uDFE9)?|\uDFC3(?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D(?:[\u2640\u2642]\uFE0F?(?:\u200D\u27A1\uFE0F?)?|\u27A1\uFE0F?))?|\uDFF3\uFE0F?(?:\u200D(?:\u26A7\uFE0F?|\uD83C\uDF08))?|\uDFF4(?:\u200D\u2620\uFE0F?|\uDB40\uDC67\uDB40\uDC62\uDB40(?:\uDC65\uDB40\uDC6E\uDB40\uDC67|\uDC73\uDB40\uDC63\uDB40\uDC74|\uDC77\uDB40\uDC6C\uDB40\uDC73)\uDB40\uDC7F)?)|\uD83D(?:[\uDC3F\uDCFD\uDD49\uDD4A\uDD6F\uDD70\uDD73\uDD76-\uDD79\uDD87\uDD8A-\uDD8D\uDDA5\uDDA8\uDDB1\uDDB2\uDDBC\uDDC2-\uDDC4\uDDD1-\uDDD3\uDDDC-\uDDDE\uDDE1\uDDE3\uDDE8\uDDEF\uDDF3\uDDFA\uDECB\uDECD-\uDECF\uDEE0-\uDEE5\uDEE9\uDEF0\uDEF3]\uFE0F?|[\uDC42\uDC43\uDC46-\uDC50\uDC66\uDC67\uDC6B-\uDC6D\uDC72\uDC74-\uDC76\uDC78\uDC7C\uDC83\uDC85\uDC8F\uDC91\uDCAA\uDD7A\uDD95\uDD96\uDE4C\uDE4F\uDEC0\uDECC](?:\uD83C[\uDFFB-\uDFFF])?|[\uDC6E\uDC70\uDC71\uDC73\uDC77\uDC81\uDC82\uDC86\uDC87\uDE45-\uDE47\uDE4B\uDE4D\uDE4E\uDEA3\uDEB4\uDEB5](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD74\uDD90](?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?|[\uDC00-\uDC07\uDC09-\uDC14\uDC16-\uDC25\uDC27-\uDC3A\uDC3C-\uDC3E\uDC40\uDC44\uDC45\uDC51-\uDC65\uDC6A\uDC79-\uDC7B\uDC7D-\uDC80\uDC84\uDC88-\uDC8E\uDC90\uDC92-\uDCA9\uDCAB-\uDCFC\uDCFF-\uDD3D\uDD4B-\uDD4E\uDD50-\uDD67\uDDA4\uDDFB-\uDE2D\uDE2F-\uDE34\uDE37-\uDE41\uDE43\uDE44\uDE48-\uDE4A\uDE80-\uDEA2\uDEA4-\uDEB3\uDEB7-\uDEBF\uDEC1-\uDEC5\uDED0-\uDED2\uDED5-\uDED7\uDEDC-\uDEDF\uDEEB\uDEEC\uDEF4-\uDEFC\uDFE0-\uDFEB\uDFF0]|\uDC08(?:\u200D\u2B1B)?|\uDC15(?:\u200D\uD83E\uDDBA)?|\uDC26(?:\u200D(?:\u2B1B|\uD83D\uDD25))?|\uDC3B(?:\u200D\u2744\uFE0F?)?|\uDC41\uFE0F?(?:\u200D\uD83D\uDDE8\uFE0F?)?|\uDC68(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDC68\uDC69]\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?)|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?\uDC68\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D\uDC68\uD83C[\uDFFB-\uDFFE])))?))?|\uDC69(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:\uDC8B\u200D\uD83D)?[\uDC68\uDC69]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D(?:[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?|\uDC69\u200D\uD83D(?:\uDC66(?:\u200D\uD83D\uDC66)?|\uDC67(?:\u200D\uD83D[\uDC66\uDC67])?))|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFC-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFD-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFD\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D\uD83D(?:[\uDC68\uDC69]|\uDC8B\u200D\uD83D[\uDC68\uDC69])\uD83C[\uDFFB-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83D[\uDC68\uDC69]\uD83C[\uDFFB-\uDFFE])))?))?|\uDC6F(?:\u200D[\u2640\u2642]\uFE0F?)?|\uDD75(?:\uFE0F|\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|\uDE2E(?:\u200D\uD83D\uDCA8)?|\uDE35(?:\u200D\uD83D\uDCAB)?|\uDE36(?:\u200D\uD83C\uDF2B\uFE0F?)?|\uDE42(?:\u200D[\u2194\u2195]\uFE0F?)?|\uDEB6(?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D(?:[\u2640\u2642]\uFE0F?(?:\u200D\u27A1\uFE0F?)?|\u27A1\uFE0F?))?)|\uD83E(?:[\uDD0C\uDD0F\uDD18-\uDD1F\uDD30-\uDD34\uDD36\uDD77\uDDB5\uDDB6\uDDBB\uDDD2\uDDD3\uDDD5\uDEC3-\uDEC5\uDEF0\uDEF2-\uDEF8](?:\uD83C[\uDFFB-\uDFFF])?|[\uDD26\uDD35\uDD37-\uDD39\uDD3D\uDD3E\uDDB8\uDDB9\uDDCD\uDDCF\uDDD4\uDDD6-\uDDDD](?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDDDE\uDDDF](?:\u200D[\u2640\u2642]\uFE0F?)?|[\uDD0D\uDD0E\uDD10-\uDD17\uDD20-\uDD25\uDD27-\uDD2F\uDD3A\uDD3F-\uDD45\uDD47-\uDD76\uDD78-\uDDB4\uDDB7\uDDBA\uDDBC-\uDDCC\uDDD0\uDDE0-\uDDFF\uDE70-\uDE7C\uDE80-\uDE88\uDE90-\uDEBD\uDEBF-\uDEC2\uDECE-\uDEDB\uDEE0-\uDEE8]|\uDD3C(?:\u200D[\u2640\u2642]\uFE0F?|\uD83C[\uDFFB-\uDFFF])?|\uDDCE(?:\uD83C[\uDFFB-\uDFFF])?(?:\u200D(?:[\u2640\u2642]\uFE0F?(?:\u200D\u27A1\uFE0F?)?|\u27A1\uFE0F?))?|\uDDD1(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1|\uDDD1\u200D\uD83E\uDDD2(?:\u200D\uD83E\uDDD2)?|\uDDD2(?:\u200D\uD83E\uDDD2)?))|\uD83C(?:\uDFFB(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFC-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFC(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFD-\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFD(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFE(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFD\uDFFF]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?|\uDFFF(?:\u200D(?:[\u2695\u2696\u2708]\uFE0F?|\u2764\uFE0F?\u200D(?:\uD83D\uDC8B\u200D)?\uD83E\uDDD1\uD83C[\uDFFB-\uDFFE]|\uD83C[\uDF3E\uDF73\uDF7C\uDF84\uDF93\uDFA4\uDFA8\uDFEB\uDFED]|\uD83D[\uDCBB\uDCBC\uDD27\uDD2C\uDE80\uDE92]|\uD83E(?:[\uDDAF\uDDBC\uDDBD](?:\u200D\u27A1\uFE0F?)?|[\uDDB0-\uDDB3]|\uDD1D\u200D\uD83E\uDDD1\uD83C[\uDFFB-\uDFFF])))?))?|\uDEF1(?:\uD83C(?:\uDFFB(?:\u200D\uD83E\uDEF2\uD83C[\uDFFC-\uDFFF])?|\uDFFC(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFD-\uDFFF])?|\uDFFD(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB\uDFFC\uDFFE\uDFFF])?|\uDFFE(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFD\uDFFF])?|\uDFFF(?:\u200D\uD83E\uDEF2\uD83C[\uDFFB-\uDFFE])?))?)/g;
 });
 
+;// CONCATENATED MODULE: ./enums.ts
+var NodeTypes;
+(function (NodeTypes) {
+    NodeTypes["callout"] = "rdme-callout";
+    NodeTypes["codeTabs"] = "code-tabs";
+    NodeTypes["emoji"] = "emoji";
+    NodeTypes["i"] = "i";
+    NodeTypes["image"] = "image";
+    NodeTypes["htmlBlock"] = "html-block";
+    NodeTypes["embed"] = "rdme-embed";
+})(NodeTypes || (NodeTypes = {}));
+
 ;// CONCATENATED MODULE: ./processor/transform/callouts.ts
 
 
+
 const callouts_regex = `^(${emoji_regex().source}|⚠)(\\s+|$)`;
 const calloutTransformer = () => {
     return (tree) => {
@@ -63675,7 +63599,7 @@ const calloutTransformer = () => {
                 if (icon && match) {
                     const heading = startText.slice(match.length);
                     node.children.shift();
-                    node.type = 'rdme-callout';
+                    node.type = NodeTypes.callout;
                     node.data = {
                         hName: 'Callout',
                         hProperties: {
@@ -63693,21 +63617,10 @@ const calloutTransformer = () => {
 };
 /* harmony default export */ const callouts = (calloutTransformer);
 
-;// CONCATENATED MODULE: ./enums.ts
-var NodeTypes;
-(function (NodeTypes) {
-    NodeTypes["callout"] = "callout";
-    NodeTypes["codeTabs"] = "code-tabs";
-    NodeTypes["emoji"] = "emoji";
-    NodeTypes["i"] = "i";
-    NodeTypes["image"] = "image";
-    NodeTypes["htmlBlock"] = "html-block";
-})(NodeTypes || (NodeTypes = {}));
-
 ;// CONCATENATED MODULE: ./processor/transform/code-tabs.ts
 
 
-const codeTabs = () => tree => {
+const codeTabsTransformer = () => tree => {
     visit(tree, 'code', (node) => {
         const { lang, meta, value } = node;
         node.data = {
@@ -63750,7 +63663,31 @@ const codeTabs = () => tree => {
     });
     return tree;
 };
-/* harmony default export */ const code_tabs = (codeTabs);
+/* harmony default export */ const code_tabs = (codeTabsTransformer);
+
+;// CONCATENATED MODULE: ./processor/transform/embeds.ts
+
+
+const embedTransformer = () => {
+    return (tree) => {
+        visit(tree, 'link', (node, _, parent) => {
+            var _a, _b;
+            if (parent.type !== 'paragraph' || parent.children.length > 1 || node.title !== '@embed')
+                return;
+            const newNode = {
+                type: NodeTypes.embed,
+                data: {
+                    hProperties: { title: (_b = (_a = node.children[0]) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : node.url, url: node.url, provider: node.url },
+                    hName: 'Embed',
+                },
+                position: node.position,
+                children: [],
+            };
+            parent = newNode;
+        });
+    };
+};
+/* harmony default export */ const transform_embeds = (embedTransformer);
 
 ;// CONCATENATED MODULE: ./node_modules/gemoji/index.js
 /**
@@ -80829,7 +80766,8 @@ const readmeComponents = (opts) => () => tree => {
 
 
 
-/* harmony default export */ const transform = ([callouts, code_tabs, gemoji_]);
+
+/* harmony default export */ const transform = ([callouts, code_tabs, transform_embeds, gemoji_]);
 
 ;// CONCATENATED MODULE: ./processor/compile/gemoji.ts
 const gemoji_gemoji = (node) => `:${node.name}:`;
@@ -80837,7 +80775,7 @@ const gemoji_gemoji = (node) => `:${node.name}:`;
 
 ;// CONCATENATED MODULE: ./processor/compile/code-tabs.ts
 
-const code_tabs_codeTabs = (node, _, state, info) => {
+const codeTabs = (node, _, state, info) => {
     const exit = state.enter(NodeTypes.codeTabs);
     const tracker = state.createTracker(info);
     state.join.push(() => 0);
@@ -80846,7 +80784,25 @@ const code_tabs_codeTabs = (node, _, state, info) => {
     exit();
     return value;
 };
-/* harmony default export */ const compile_code_tabs = (code_tabs_codeTabs);
+/* harmony default export */ const compile_code_tabs = (codeTabs);
+
+;// CONCATENATED MODULE: ./processor/compile/embed.ts
+const embed_embed = (node) => {
+    var _a, _b;
+    const { image, favicon, iframe, title, url } = ((_a = node.data) === null || _a === void 0 ? void 0 : _a.hProperties) || {};
+    const complexEmbed = Boolean(image) || Boolean(favicon) || iframe;
+    if (complexEmbed)
+        return `<Embed ${Object.assign({}, (_b = node.data) === null || _b === void 0 ? void 0 : _b.hProperties)} />`;
+    return `[${title}](${url} "@embed")'`;
+};
+/* harmony default export */ const compile_embed = (embed_embed);
+
+;// CONCATENATED MODULE: ./processor/compile/html-block.ts
+const htmlBlock = (node) => {
+    const html = node.data.hProperties.html;
+    return `<HTMLBlock>${JSON.stringify({ html }, null, 2)}</HTMLBlock>`;
+};
+/* harmony default export */ const html_block = (htmlBlock);
 
 ;// CONCATENATED MODULE: ./processor/compile/image.ts
 const compile_image_image = (node) => {
@@ -80859,27 +80815,22 @@ const compile_image_image = (node) => {
 };
 /* harmony default export */ const compile_image = (compile_image_image);
 
-;// CONCATENATED MODULE: ./processor/compile/html-block.ts
-const htmlBlock = (node) => {
-    const html = node.data.hProperties.html;
-    return `<HTMLBlock>${JSON.stringify({ html }, null, 2)}</HTMLBlock>`;
-};
-/* harmony default export */ const html_block = (htmlBlock);
-
 ;// CONCATENATED MODULE: ./processor/compile/index.ts
 
 
 
 
 
+
 function compilers() {
     const data = this.data();
     const toMarkdownExtensions = data.toMarkdownExtensions || (data.toMarkdownExtensions = []);
     const handlers = {
         [NodeTypes.emoji]: compile_gemoji,
         [NodeTypes.codeTabs]: compile_code_tabs,
-        [NodeTypes.image]: compile_image,
+        [NodeTypes.embed]: compile_embed,
         [NodeTypes.htmlBlock]: html_block,
+        [NodeTypes.image]: compile_image,
     };
     toMarkdownExtensions.push({ extensions: [{ handlers }] });
 }
@@ -80907,7 +80858,7 @@ class MdxSyntaxError extends SyntaxError {
 }
 
 ;// CONCATENATED MODULE: ./index.tsx
-var __rest = (undefined && undefined.__rest) || function (s, e) {
+var index_rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
@@ -80967,7 +80918,7 @@ const index_compile = (text, opts = {}) => {
 };
 const index_run = async (code, _opts = {}) => {
     const { Fragment } = jsx_runtime_namespaceObject;
-    const { components } = _opts, opts = __rest(_opts, ["components"]);
+    const { components } = _opts, opts = index_rest(_opts, ["components"]);
     const file = await run(code, Object.assign(Object.assign(Object.assign({}, jsx_runtime_namespaceObject), { Fragment, baseUrl: "file:///home/runner/work/markdown/markdown/index.tsx", imports: { React: react }, useMDXComponents: makeUseMDXComponents(components) }), opts));
     return (file === null || file === void 0 ? void 0 : file.default) || (() => null);
 };

package/dist/processor/compile/embed.d.ts

@@ -0,0 +1,3 @@
+import type { Embed } from "types";
+declare const embed: (node: Embed) => string;
+export default embed;

package/dist/processor/transform/code-tabs.d.ts

@@ -1,2 +1,2 @@
-declare const codeTabs: () => (tree: any) => any;
-export default codeTabs;
+declare const codeTabsTransformer: () => (tree: any) => any;
+export default codeTabsTransformer;

package/dist/processor/transform/embeds.d.ts

@@ -0,0 +1,2 @@
+declare const embedTransformer: () => (tree: any) => void;
+export default embedTransformer;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@readme/markdown",
   "description": "ReadMe's React-based Markdown parser",
   "author": "Rafe Goldberg <rafe@readme.io>",
-  "version": "6.75.0-beta.33",
+  "version": "6.75.0-beta.34",
   "main": "dist/main.node.js",
   "types": "dist/index.d.ts",
   "browser": "dist/main.js",

package/components/Embed/index.jsx

@@ -1,89 +0,0 @@
-/* eslint-disable react/jsx-props-no-spreading, jsx-a11y/iframe-has-title */
-const propTypes = require('prop-types');
-const React = require('react');
-
-const Favicon = ({ src, alt = 'favicon', ...attr }) => <img {...attr} alt={alt} height="14" src={src} width="14" />;
-Favicon.propTypes = {
-  alt: propTypes.string,
-  src: propTypes.string,
-};
-
-class Embed extends React.Component {
-  render() {
-    const { lazy = true, provider, url, title, html, iframe, image, favicon, ...attrs } = this.props;
-
-    if (!url) {
-      return <div />;
-    }
-
-    if ('iframe' in this.props) {
-      return <iframe {...attrs} border="none" src={url} style={{ border: 'none', display: 'flex', margin: 'auto' }} />;
-    }
-
-    const classes = ['embed', image && 'embed_hasImg'];
-    return (
-      <div className={classes.join(' ')}>
-        {html ? (
-          <div className="embed-media" dangerouslySetInnerHTML={{ __html: html }}></div>
-        ) : (
-          <a className="embed-link" href={url} rel="noopener noreferrer" target="_blank">
-            {!image || <img alt={title} className="embed-img" loading={lazy ? 'lazy' : ''} src={image} />}
-            {title ? (
-              <div className="embed-body">
-                {!favicon || (
-                  <Favicon
-                    alt={provider}
-                    className="embed-favicon"
-                    loading={lazy ? 'lazy' : ''}
-                    src={favicon}
-                    style={{ float: 'left' }}
-                  />
-                )}
-                {provider && (
-                  <small className="embed-provider">
-                    {provider.search(/^@{1}/) < 0 ? (
-                      provider
-                    ) : (
-                      <code style={{ fontFamily: 'var(--md-code-font, monospace)' }}>{url}</code>
-                    )}
-                  </small>
-                )}
-                <div className="embed-title">{title}</div>
-              </div>
-            ) : (
-              <div className="embed-body">
-                <b>View</b>: <span className="embed-body-url">{url}</span>
-              </div>
-            )}
-          </a>
-        )}
-      </div>
-    );
-  }
-}
-
-Embed.propTypes = {
-  children: propTypes.oneOfType([propTypes.string, propTypes.array, propTypes.shape({}), propTypes.element]),
-  favicon: propTypes.string,
-  height: propTypes.string,
-  html: propTypes.string,
-  iframe: propTypes.any,
-  image: propTypes.string,
-  lazy: propTypes.bool,
-  provider: propTypes.string,
-  title: propTypes.string,
-  url: propTypes.oneOfType([propTypes.string, propTypes.shape({})]),
-  width: propTypes.string,
-};
-Embed.defaultProps = {
-  height: '300px',
-  width: '100%',
-};
-
-const CreateEmbed =
-  ({ lazyImages }) =>
-  // eslint-disable-next-line react/display-name
-  props =>
-    <Embed {...props} lazy={lazyImages} />;
-
-module.exports = CreateEmbed;