@readme/markdown 6.57.1 → 6.58.0

package/dist/main.node.js

@@ -8113,7 +8113,6 @@ var _extends = __webpack_require__(7154);
 var copy = __webpack_require__(640);
 var PropTypes = __webpack_require__(5697);
 var React = __webpack_require__(4466);
-var useColorScheme = __webpack_require__(3088);
 
 // Only load CodeMirror in the browser, for SSR
 // apps. Necessary because of people like this:
@@ -8165,15 +8164,15 @@ function Code(props) {
     className = props.className,
     copyButtons = props.copyButtons,
     lang = props.lang,
-    meta = props.meta;
+    meta = props.meta,
+    theme = props.theme;
   var langClass = className.search(/lang(?:uage)?-\w+/) >= 0 ? className.match(/\s?lang(?:uage)?-(\w+)/)[1] : '';
   var language = canonicalLanguage(lang) || langClass;
   var codeRef = React.createRef();
-  var colorScheme = useColorScheme.default();
   var codeOpts = {
-    customTheme: colorScheme === 'light' ? 'neo' : 'material-palenight',
     inline: !lang,
-    tokenizeVariables: true
+    tokenizeVariables: true,
+    dark: theme === 'dark'
   };
   var codeContent = syntaxHighlighter && children ? syntaxHighlighter(children[0], language, codeOpts) : (children === null || children === void 0 ? void 0 : children[0]) || '';
   return /*#__PURE__*/React.createElement(React.Fragment, null, copyButtons && /*#__PURE__*/React.createElement(CopyCode, {
@@ -8181,7 +8180,7 @@ function Code(props) {
     codeRef: codeRef
   }), /*#__PURE__*/React.createElement("code", {
     ref: codeRef,
-    className: ['rdmd-code', "lang-".concat(language), "theme-".concat(colorScheme)].join(' '),
+    className: ['rdmd-code', "lang-".concat(language), "theme-".concat(theme)].join(' '),
     "data-lang": language,
     name: meta,
     suppressHydrationWarning: true
@@ -9028,84 +9027,6 @@ module.exports = React.createContext([]);
 
 /***/ }),
 
-/***/ 3088:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* binding */ hooks_useColorScheme)
-});
-
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/slicedToArray.js
-var slicedToArray = __webpack_require__(3038);
-var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray);
-// EXTERNAL MODULE: external {"amd":"react","commonjs":"react","commonjs2":"react","root":"React","umd":"react"}
-var external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_ = __webpack_require__(4466);
-;// CONCATENATED MODULE: ./hooks/useMediaQuery.js
-
-
-var useMediaQuery = function useMediaQuery(query) {
-  var _useState = (0,external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.useState)(false),
-    _useState2 = slicedToArray_default()(_useState, 2),
-    matches = _useState2[0],
-    setMatches = _useState2[1];
-  (0,external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.useEffect)(function () {
-    var matchQueryList = window.matchMedia(query);
-    if (matchQueryList.matches !== matches) setMatches(matchQueryList.matches);
-    var handleChange = function handleChange(e) {
-      return setMatches(e.matches);
-    };
-    matchQueryList.addEventListener('change', handleChange);
-    return function () {
-      return matchQueryList.removeEventListener('change', handleChange);
-    };
-  }, [matches, query]);
-  return matches;
-};
-/* harmony default export */ const hooks_useMediaQuery = (useMediaQuery);
-;// CONCATENATED MODULE: ./hooks/useColorScheme.js
-
-
-
-var useColorScheme = function useColorScheme() {
-  var htmlEl = document.querySelector('[data-color-mode]');
-  var _useState = (0,external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.useState)(htmlEl.getAttribute('data-color-mode')),
-    _useState2 = slicedToArray_default()(_useState, 2),
-    colorMode = _useState2[0],
-    setColorMode = _useState2[1];
-  var storedTheme = localStorage.getItem('color-scheme') || 'auto';
-  var userColorScheme = hooks_useMediaQuery('(prefers-color-scheme: dark)') ? 'dark' : 'light';
-
-  /* color scheme is determined by:
-  1. Check if project defaults to "Same as System" (auto)
-  2. If above is true and user has not set a project preference, use their OS preference
-  3. Else use their project preference
-  4. Else use project default (light or dark)
-  */
-  var colorScheme = colorMode === 'auto' && storedTheme === 'auto' ? userColorScheme : storedTheme || colorMode;
-  (0,external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.useEffect)(function () {
-    var observer = new MutationObserver(function (mutations) {
-      mutations.forEach(function (mutation) {
-        if (mutation.attributeName === 'data-color-mode') setColorMode(mutation.target.attributes['data-color-mode'].value);
-      });
-    });
-    observer.observe(htmlEl, {
-      attributes: true
-    });
-    return function () {
-      return observer.disconnect();
-    };
-  }, [htmlEl]);
-  return colorScheme;
-};
-/* harmony default export */ const hooks_useColorScheme = (useColorScheme);
-
-/***/ }),
-
 /***/ 1264:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
@@ -10584,9 +10505,6 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 /* eslint-disable consistent-return */
 var RGXP = /^\[block:(.*)\]([^]+?)\[\/block\]/;
-var compatibilityMode;
-var safeMode;
-var alwaysThrow;
 var WrapPinnedBlocks = function WrapPinnedBlocks(node, json) {
   if (!json.sidebar) return node;
   return {
@@ -10613,262 +10531,268 @@ var imgSizeByWidth = new Proxy(new Map(Array.from(imgSizeValues).reverse()), {
     return match ? match[1] : width in sizes ? sizes[width] : width;
   }
 });
-function tokenize(eat, value) {
-  var _this = this;
-  var _ref = RGXP.exec(value) || [],
-    _ref2 = _slicedToArray(_ref, 3),
-    match = _ref2[0],
-    type = _ref2[1],
-    json = _ref2[2];
-  if (!type) return;
-  match = match.trim();
-  type = type.trim();
-  try {
-    json = JSON.parse(json);
-  } catch (err) {
-    json = {};
-    // eslint-disable-next-line no-console
-    console.error('Invalid Magic Block JSON:', err);
-    if (alwaysThrow) {
-      throw new Error('Invalid Magic Block JSON');
-    }
-  }
-  if (Object.keys(json).length < 1) return eat(match);
-  switch (type) {
-    case 'code':
-      {
-        var children = json.codes.map(function (obj) {
-          return {
-            type: 'code',
-            value: obj.code.trim(),
-            meta: obj.name || null,
-            lang: obj.language,
-            className: 'tab-panel',
-            data: {
-              hName: 'code',
-              hProperties: {
-                meta: obj.name || null,
-                lang: obj.language
+function tokenize(_ref) {
+  var compatibilityMode = _ref.compatibilityMode,
+    safeMode = _ref.safeMode,
+    alwaysThrow = _ref.alwaysThrow;
+  return function (eat, value) {
+    var _this = this;
+    var _ref2 = RGXP.exec(value) || [],
+      _ref3 = _slicedToArray(_ref2, 3),
+      match = _ref3[0],
+      type = _ref3[1],
+      json = _ref3[2];
+    if (!type) return;
+    match = match.trim();
+    type = type.trim();
+    try {
+      json = JSON.parse(json);
+    } catch (err) {
+      json = {};
+      // eslint-disable-next-line no-console
+      console.error('Invalid Magic Block JSON:', err);
+      if (alwaysThrow) {
+        throw new Error('Invalid Magic Block JSON');
+      }
+    }
+    if (Object.keys(json).length < 1) return eat(match);
+    switch (type) {
+      case 'code':
+        {
+          var children = json.codes.map(function (obj) {
+            return {
+              type: 'code',
+              value: obj.code.trim(),
+              meta: obj.name || null,
+              lang: obj.language,
+              className: 'tab-panel',
+              data: {
+                hName: 'code',
+                hProperties: {
+                  meta: obj.name || null,
+                  lang: obj.language
+                }
               }
-            }
-          };
-        });
-        if (children.length === 1) {
-          if (!children[0].value) return eat(match); // skip empty code tabs
-          if (children[0].name) return eat(match)(WrapPinnedBlocks(children[0], json));
-        }
-        return eat(match)(WrapPinnedBlocks({
-          children: children,
-          className: 'tabs',
-          data: {
-            hName: 'code-tabs'
-          },
-          type: 'code-tabs'
-        }, json));
-      }
-    case 'api-header':
-      {
-        var depth = json.level || (compatibilityMode ? 1 : 2);
-        return eat(match)(WrapPinnedBlocks({
-          type: 'heading',
-          depth: depth,
-          children: 'title' in json ? this.tokenizeInline(json.title, eat.now()) : []
-        }, json));
-      }
-    case 'image':
-      {
-        var imgs = json.images.map(function (img) {
-          if (!('image' in img)) return null;
-          var _img$image = _slicedToArray(img.image, 3),
-            url = _img$image[0],
-            title = _img$image[1],
-            alt = _img$image[2];
-          var block = {
-            type: 'image',
-            url: url,
-            title: title,
-            alt: alt || ('caption' in img ? img.caption : ''),
-            data: {
-              hProperties: _objectSpread({
-                className: img.border ? 'border' : ''
-              }, img.sizing && {
-                width: imgWidthBySize[img.sizing]
-              })
-            }
-          };
-          if (!img.caption) return block;
-          return {
-            type: 'figure',
-            url: url,
+            };
+          });
+          if (children.length === 1) {
+            if (!children[0].value) return eat(match); // skip empty code tabs
+            if (children[0].name) return eat(match)(WrapPinnedBlocks(children[0], json));
+          }
+          return eat(match)(WrapPinnedBlocks({
+            children: children,
+            className: 'tabs',
             data: {
-              hName: 'figure'
+              hName: 'code-tabs'
             },
-            children: [block, {
-              type: 'figcaption',
+            type: 'code-tabs'
+          }, json));
+        }
+      case 'api-header':
+        {
+          var depth = json.level || (compatibilityMode ? 1 : 2);
+          return eat(match)(WrapPinnedBlocks({
+            type: 'heading',
+            depth: depth,
+            children: 'title' in json ? this.tokenizeInline(json.title, eat.now()) : []
+          }, json));
+        }
+      case 'image':
+        {
+          var imgs = json.images.map(function (img) {
+            if (!('image' in img)) return null;
+            var _img$image = _slicedToArray(img.image, 3),
+              url = _img$image[0],
+              title = _img$image[1],
+              alt = _img$image[2];
+            var block = {
+              type: 'image',
+              url: url,
+              title: title,
+              alt: alt || ('caption' in img ? img.caption : ''),
               data: {
-                hName: 'figcaption'
+                hProperties: _objectSpread({
+                  className: img.border ? 'border' : ''
+                }, img.sizing && {
+                  width: imgWidthBySize[img.sizing]
+                })
+              }
+            };
+            if (!img.caption) return block;
+            return {
+              type: 'figure',
+              url: url,
+              data: {
+                hName: 'figure'
               },
-              children: _this.tokenizeBlock(img.caption, eat.now())
-            }]
+              children: [block, {
+                type: 'figcaption',
+                data: {
+                  hName: 'figcaption'
+                },
+                children: _this.tokenizeBlock(img.caption, eat.now())
+              }]
+            };
+          }).filter(function (e) {
+            return e;
+          }); // eslint-disable-line unicorn/prefer-array-find
+          var img = imgs[0];
+          if (!img || !img.url) return eat(match);
+          return eat(match)(WrapPinnedBlocks(img, json));
+        }
+      case 'callout':
+        {
+          var types = {
+            info: ['📘', 'info'],
+            success: ['👍', 'okay'],
+            warning: ['🚧', 'warn'],
+            danger: ['❗️', 'error']
           };
-        }).filter(function (e) {
-          return e;
-        }); // eslint-disable-line unicorn/prefer-array-find
-        var img = imgs[0];
-        if (!img || !img.url) return eat(match);
-        return eat(match)(WrapPinnedBlocks(img, json));
-      }
-    case 'callout':
-      {
-        var types = {
-          info: ['📘', 'info'],
-          success: ['👍', 'okay'],
-          warning: ['🚧', 'warn'],
-          danger: ['❗️', 'error']
-        };
-        json.type = json.type in types ? types[json.type] : [json.icon || '👍', json.type];
-        var _json$type = _slicedToArray(json.type, 2),
-          icon = _json$type[0],
-          theme = _json$type[1];
-        if (!(json.title || json.body)) return eat(match);
-        return eat(match)(WrapPinnedBlocks({
-          type: 'rdme-callout',
-          data: {
-            hName: 'rdme-callout',
-            hProperties: {
-              theme: theme || 'default',
-              icon: icon,
-              title: json.title,
-              value: json.body
-            }
-          },
-          children: [].concat(_toConsumableArray(this.tokenizeBlock(json.title, eat.now())), _toConsumableArray(this.tokenizeBlock(json.body, eat.now())))
-        }, json));
-      }
-    case 'parameters':
-      {
-        var _json = json,
-          data = _json.data,
-          rows = _json.rows,
-          cols = _json.cols;
-        var tokenizeCell = this[compatibilityMode ? 'tokenizeBlock' : 'tokenizeInline'].bind(this);
-        if (!Object.keys(data).length) return eat(match); // skip empty tables
-
-        var sparseData = Object.entries(data).reduce(function (mapped, _ref3) {
-          var _row;
-          var _ref4 = _slicedToArray(_ref3, 2),
-            key = _ref4[0],
-            v = _ref4[1];
-          var _key$split = key.split('-'),
-            _key$split2 = _slicedToArray(_key$split, 2),
-            row = _key$split2[0],
-            col = _key$split2[1];
-          row = row === 'h' ? 0 : parseInt(row, 10) + 1;
-          col = parseInt(col, 10);
-          mapped[_row = row] || (mapped[_row] = []);
-          mapped[row][col] = v;
-          return mapped;
-        }, []);
-
-        // The header row is not counted in the rows
-        var _children = Array.from({
-          length: rows + 1
-        }, function (_, y) {
-          return {
-            type: 'tableRow',
-            children: Array.from({
-              length: cols
-            }, function (__, x) {
-              var _sparseData$y;
-              return {
-                type: y === 0 ? 'tableHead' : 'tableCell',
-                children: (_sparseData$y = sparseData[y]) !== null && _sparseData$y !== void 0 && _sparseData$y[x] ? tokenizeCell(sparseData[y][x], eat.now()) : [{
-                  type: 'text',
-                  value: ''
-                }]
-              };
-            })
+          json.type = json.type in types ? types[json.type] : [json.icon || '👍', json.type];
+          var _json$type = _slicedToArray(json.type, 2),
+            icon = _json$type[0],
+            theme = _json$type[1];
+          if (!(json.title || json.body)) return eat(match);
+          return eat(match)(WrapPinnedBlocks({
+            type: 'rdme-callout',
+            data: {
+              hName: 'rdme-callout',
+              hProperties: {
+                theme: theme || 'default',
+                icon: icon,
+                title: json.title,
+                value: json.body
+              }
+            },
+            children: [].concat(_toConsumableArray(this.tokenizeBlock(json.title, eat.now())), _toConsumableArray(this.tokenizeBlock(json.body, eat.now())))
+          }, json));
+        }
+      case 'parameters':
+        {
+          var _json = json,
+            data = _json.data,
+            rows = _json.rows,
+            cols = _json.cols;
+          var tokenizeCell = this[compatibilityMode ? 'tokenizeBlock' : 'tokenizeInline'].bind(this);
+          if (!Object.keys(data).length) return eat(match); // skip empty tables
+
+          var sparseData = Object.entries(data).reduce(function (mapped, _ref4) {
+            var _row;
+            var _ref5 = _slicedToArray(_ref4, 2),
+              key = _ref5[0],
+              v = _ref5[1];
+            var _key$split = key.split('-'),
+              _key$split2 = _slicedToArray(_key$split, 2),
+              row = _key$split2[0],
+              col = _key$split2[1];
+            row = row === 'h' ? 0 : parseInt(row, 10) + 1;
+            col = parseInt(col, 10);
+            mapped[_row = row] || (mapped[_row] = []);
+            mapped[row][col] = v;
+            return mapped;
+          }, []);
+
+          // The header row is not counted in the rows
+          var _children = Array.from({
+            length: rows + 1
+          }, function (_, y) {
+            return {
+              type: 'tableRow',
+              children: Array.from({
+                length: cols
+              }, function (__, x) {
+                var _sparseData$y;
+                return {
+                  type: y === 0 ? 'tableHead' : 'tableCell',
+                  children: (_sparseData$y = sparseData[y]) !== null && _sparseData$y !== void 0 && _sparseData$y[x] ? tokenizeCell(sparseData[y][x], eat.now()) : [{
+                    type: 'text',
+                    value: ''
+                  }]
+                };
+              })
+            };
+          });
+          var table = {
+            type: 'table',
+            align: 'align' in json ? json.align : new Array(json.cols).fill('left'),
+            children: _children
           };
-        });
-        var table = {
-          type: 'table',
-          align: 'align' in json ? json.align : new Array(json.cols).fill('left'),
-          children: _children
-        };
-        return eat(match)(WrapPinnedBlocks(table, json));
-      }
-    case 'embed':
-      {
-        var _json2 = json,
-          title = _json2.title,
-          url = _json2.url,
-          html = _json2.html;
-        try {
-          json.provider = new URL(url).hostname.split(/(?:www)?\./).filter(function (i) {
-            return i;
-          }).join('.');
-        } catch (_unused) {
-          json.provider = url;
+          return eat(match)(WrapPinnedBlocks(table, json));
         }
-        var _data = _objectSpread(_objectSpread({}, json), {}, {
-          url: url,
-          html: html,
-          title: title
-        });
-        return eat(match)(WrapPinnedBlocks({
-          type: 'embed',
-          children: [{
-            type: 'link',
+      case 'embed':
+        {
+          var _json2 = json,
+            title = _json2.title,
+            url = _json2.url,
+            html = _json2.html;
+          try {
+            json.provider = new URL(url).hostname.split(/(?:www)?\./).filter(function (i) {
+              return i;
+            }).join('.');
+          } catch (_unused) {
+            json.provider = url;
+          }
+          var _data = _objectSpread(_objectSpread({}, json), {}, {
             url: url,
-            title: json.provider,
+            html: html,
+            title: title
+          });
+          return eat(match)(WrapPinnedBlocks({
+            type: 'embed',
             children: [{
-              type: 'text',
-              value: title
-            }]
-          }],
-          data: {
-            hProperties: _objectSpread(_objectSpread({}, _data), {}, {
-              href: url
-            }),
-            hName: 'rdme-embed'
-          }
-        }, json));
-      }
-    case 'html':
-      {
-        return eat(match)(WrapPinnedBlocks({
-          type: 'html-block',
-          data: {
-            hName: 'html-block',
-            hProperties: {
-              html: json.html,
-              runScripts: compatibilityMode,
-              safeMode: safeMode
+              type: 'link',
+              url: url,
+              title: json.provider,
+              children: [{
+                type: 'text',
+                value: title
+              }]
+            }],
+            data: {
+              hProperties: _objectSpread(_objectSpread({}, _data), {}, {
+                href: url
+              }),
+              hName: 'rdme-embed'
             }
-          }
-        }, json));
-      }
-    default:
-      {
-        return eat(match)(WrapPinnedBlocks({
-          type: 'div',
-          children: this.tokenizeBlock(json.text || json.html, eat.now()),
-          data: _objectSpread({
-            hName: type || 'div',
-            hProperties: json
-          }, json)
-        }, json));
-      }
-  }
+          }, json));
+        }
+      case 'html':
+        {
+          return eat(match)(WrapPinnedBlocks({
+            type: 'html-block',
+            data: {
+              hName: 'html-block',
+              hProperties: {
+                html: json.html,
+                runScripts: compatibilityMode,
+                safeMode: safeMode
+              }
+            }
+          }, json));
+        }
+      default:
+        {
+          return eat(match)(WrapPinnedBlocks({
+            type: 'div',
+            children: this.tokenizeBlock(json.text || json.html, eat.now()),
+            data: _objectSpread({
+              hName: type || 'div',
+              hProperties: json
+            }, json)
+          }, json));
+        }
+    }
+  };
 }
 function parser() {
   var Parser = this.Parser;
   var tokenizers = Parser.prototype.blockTokenizers;
   var methods = Parser.prototype.blockMethods;
-  if (this.data('compatibilityMode')) compatibilityMode = true;
-  if (this.data('safeMode')) safeMode = true;
-  if (this.data('alwaysThrow')) alwaysThrow = true;
-  tokenizers.magicBlocks = tokenize;
+  tokenizers.magicBlocks = tokenize({
+    compatibilityMode: this.data('compatibilityMode'),
+    safeMode: this.data('safeMode'),
+    alwaysThrow: this.data('alwaysThrow')
+  });
   methods.splice(methods.indexOf('newline'), 0, 'magicBlocks');
 }
 module.exports = parser;

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.57.1",
+  "version": "6.58.0",
   "main": "dist/main.node.js",
   "browser": "dist/main.js",
   "files": [