@readme/markdown 6.75.0-beta.36 → 6.75.0-beta.38

package/components/Callout/index.tsx

@@ -4,7 +4,7 @@ interface Props extends React.PropsWithChildren<React.HTMLAttributes<HTMLQuoteEl
   attributes?: {};
   icon: string;
   theme?: string;
-  heading?: React.ReactElement;
+  empty?: boolean;
 }
 
 const themes: Record<string, string> = {
@@ -23,20 +23,17 @@ const themes: Record<string, string> = {
 };
 
 const Callout = (props: Props) => {
-  const { attributes, children, icon } = props;
-
+  const { attributes, children, icon, empty } = props;
   let theme = props.theme || themes[icon] || 'default';
-  const [heading, ...body] = Array.isArray(children) ? children : [children];
-  const empty = !heading.props.children;
 
   return (
     // @ts-ignore
     <blockquote {...attributes} className={`callout callout_${theme}`} theme={icon}>
       <h3 className={`callout-heading${empty ? ' empty' : ''}`}>
         <span className="callout-icon">{icon}</span>
-        {!empty && heading}
+        {empty || children[0]}
       </h3>
-      {body}
+      {empty ? children : React.Children.toArray(children).slice(1)}
     </blockquote>
   );
 };

package/dist/components/Callout/index.d.ts

@@ -3,7 +3,7 @@ interface Props extends React.PropsWithChildren<React.HTMLAttributes<HTMLQuoteEl
     attributes?: {};
     icon: string;
     theme?: string;
-    heading?: React.ReactElement;
+    empty?: boolean;
 }
 declare const Callout: (props: Props) => React.JSX.Element;
 export default Callout;

package/dist/enums.d.ts

@@ -5,5 +5,8 @@ export declare enum NodeTypes {
     i = "i",
     image = "image",
     htmlBlock = "html-block",
-    embed = "rdme-embed"
+    embed = "rdme-embed",
+    variable = "readme-variable",
+    glossary = "readme-glossary-item",
+    reusableContent = "reusable-content"
 }

package/dist/main.js

@@ -7062,7 +7062,7 @@ module.exports = function (argument) {
 
 var wellKnownSymbol = __webpack_require__(1602);
 var create = __webpack_require__(3105);
-var defineProperty = (__webpack_require__(3610).f);
+var defineProperty = (__webpack_require__(8372).f);
 
 var UNSCOPABLES = wellKnownSymbol('unscopables');
 var ArrayPrototype = Array.prototype;
@@ -7554,7 +7554,7 @@ module.exports = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
 var hasOwn = __webpack_require__(6490);
 var ownKeys = __webpack_require__(5816);
 var getOwnPropertyDescriptorModule = __webpack_require__(7632);
-var definePropertyModule = __webpack_require__(3610);
+var definePropertyModule = __webpack_require__(8372);
 
 module.exports = function (target, source, exceptions) {
   var keys = ownKeys(source);
@@ -7632,7 +7632,7 @@ module.exports = function (value, done) {
 "use strict";
 
 var DESCRIPTORS = __webpack_require__(5077);
-var definePropertyModule = __webpack_require__(3610);
+var definePropertyModule = __webpack_require__(8372);
 var createPropertyDescriptor = __webpack_require__(6843);
 
 module.exports = DESCRIPTORS ? function (object, key, value) {
@@ -7668,7 +7668,7 @@ module.exports = function (bitmap, value) {
 "use strict";
 
 var DESCRIPTORS = __webpack_require__(5077);
-var definePropertyModule = __webpack_require__(3610);
+var definePropertyModule = __webpack_require__(8372);
 var createPropertyDescriptor = __webpack_require__(6843);
 
 module.exports = function (object, key, value) {
@@ -7707,7 +7707,7 @@ module.exports = function (hint) {
 "use strict";
 
 var makeBuiltIn = __webpack_require__(8218);
-var defineProperty = __webpack_require__(3610);
+var defineProperty = __webpack_require__(8372);
 
 module.exports = function (target, name, descriptor) {
   if (descriptor.get) makeBuiltIn(descriptor.get, name, { getter: true });
@@ -7724,7 +7724,7 @@ module.exports = function (target, name, descriptor) {
 "use strict";
 
 var isCallable = __webpack_require__(8420);
-var definePropertyModule = __webpack_require__(3610);
+var definePropertyModule = __webpack_require__(8372);
 var makeBuiltIn = __webpack_require__(8218);
 var defineGlobalProperty = __webpack_require__(9430);
 
@@ -9427,7 +9427,7 @@ module.exports = Object.create || function create(O, Properties) {
 
 var DESCRIPTORS = __webpack_require__(5077);
 var V8_PROTOTYPE_DEFINE_BUG = __webpack_require__(4491);
-var definePropertyModule = __webpack_require__(3610);
+var definePropertyModule = __webpack_require__(8372);
 var anObject = __webpack_require__(3938);
 var toIndexedObject = __webpack_require__(5476);
 var objectKeys = __webpack_require__(1641);
@@ -9449,7 +9449,7 @@ exports.f = DESCRIPTORS && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties :
 
 /***/ }),
 
-/***/ 3610:
+/***/ 8372:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -10122,7 +10122,7 @@ module.exports = function (it) {
 
 "use strict";
 
-var defineProperty = (__webpack_require__(3610).f);
+var defineProperty = (__webpack_require__(8372).f);
 var hasOwn = __webpack_require__(6490);
 var wellKnownSymbol = __webpack_require__(1602);
 
@@ -10632,7 +10632,7 @@ module.exports = isCallable(WeakMap) && /native code/.test(String(WeakMap));
 var path = __webpack_require__(9720);
 var hasOwn = __webpack_require__(6490);
 var wrappedWellKnownSymbolModule = __webpack_require__(802);
-var defineProperty = (__webpack_require__(3610).f);
+var defineProperty = (__webpack_require__(8372).f);
 
 module.exports = function (NAME) {
   var Symbol = path.Symbol || (path.Symbol = {});
@@ -10912,7 +10912,7 @@ var toIndexedObject = __webpack_require__(5476);
 var addToUnscopables = __webpack_require__(298);
 var Iterators = __webpack_require__(2228);
 var InternalStateModule = __webpack_require__(9206);
-var defineProperty = (__webpack_require__(3610).f);
+var defineProperty = (__webpack_require__(8372).f);
 var defineIterator = __webpack_require__(6409);
 var createIterResultObject = __webpack_require__(8296);
 var IS_PURE = __webpack_require__(6926);
@@ -11234,7 +11234,7 @@ var toPrimitive = __webpack_require__(874);
 var fails = __webpack_require__(2074);
 var getOwnPropertyNames = (__webpack_require__(4789).f);
 var getOwnPropertyDescriptor = (__webpack_require__(7632).f);
-var defineProperty = (__webpack_require__(3610).f);
+var defineProperty = (__webpack_require__(8372).f);
 var thisNumberValue = __webpack_require__(7809);
 var trim = (__webpack_require__(9163).trim);
 
@@ -11381,7 +11381,7 @@ $({ target: 'Object', stat: true, forced: Object.defineProperties !== defineProp
 
 var $ = __webpack_require__(1605);
 var DESCRIPTORS = __webpack_require__(5077);
-var defineProperty = (__webpack_require__(3610).f);
+var defineProperty = (__webpack_require__(8372).f);
 
 // `Object.defineProperty` method
 // https://tc39.es/ecma262/#sec-object.defineproperty
@@ -11719,7 +11719,7 @@ var getOwnPropertyNamesModule = __webpack_require__(4789);
 var getOwnPropertyNamesExternal = __webpack_require__(6509);
 var getOwnPropertySymbolsModule = __webpack_require__(8916);
 var getOwnPropertyDescriptorModule = __webpack_require__(7632);
-var definePropertyModule = __webpack_require__(3610);
+var definePropertyModule = __webpack_require__(8372);
 var definePropertiesModule = __webpack_require__(5318);
 var propertyIsEnumerableModule = __webpack_require__(9304);
 var defineBuiltIn = __webpack_require__(7485);
@@ -60991,17 +60991,15 @@ const themes = {
     '\u26A0': 'warn',
 };
 const Callout = (props) => {
-    const { attributes, children, icon } = props;
+    const { attributes, children, icon, empty } = props;
     let theme = props.theme || themes[icon] || 'default';
-    const [heading, ...body] = Array.isArray(children) ? children : [children];
-    const empty = !heading.props.children;
     return (
     // @ts-ignore
     external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("blockquote", Object.assign({}, attributes, { className: `callout callout_${theme}`, theme: icon }),
         external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("h3", { className: `callout-heading${empty ? ' empty' : ''}` },
             external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("span", { className: "callout-icon" }, icon),
-            !empty && heading),
-        body));
+            empty || children[0]),
+        empty ? children : external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.Children.toArray(children).slice(1)));
 };
 /* harmony default export */ const components_Callout = (Callout);
 
@@ -61416,6 +61414,9 @@ var NodeTypes;
     NodeTypes["image"] = "image";
     NodeTypes["htmlBlock"] = "html-block";
     NodeTypes["embed"] = "rdme-embed";
+    NodeTypes["variable"] = "readme-variable";
+    NodeTypes["glossary"] = "readme-glossary-item";
+    NodeTypes["reusableContent"] = "reusable-content";
 })(NodeTypes || (NodeTypes = {}));
 
 ;// CONCATENATED MODULE: ./processor/transform/callouts.ts
@@ -61433,13 +61434,16 @@ const calloutTransformer = () => {
             if (icon && match) {
                 const heading = startText.slice(match.length);
                 node.children[0].children[0].value = heading;
-                node.type = NodeTypes.callout;
-                node.data = {
-                    hName: 'Callout',
-                    hProperties: {
-                        icon,
+                Object.assign(node, {
+                    type: NodeTypes.callout,
+                    data: {
+                        hName: 'Callout',
+                        hProperties: {
+                            icon,
+                            empty: !heading.length,
+                        },
                     },
-                };
+                });
             }
         });
     };
@@ -78505,7 +78509,6 @@ const gemojiTransformer = () => (tree) => {
 ;// CONCATENATED MODULE: ./processor/transform/readme-components.ts
 
 
-
 const readme_components_types = {
     Callout: NodeTypes['callout'],
     Code: 'code',
@@ -78522,7 +78525,6 @@ const attributes = (jsx) => jsx.attributes.reduce((memo, attr) => {
     return memo;
 }, {});
 const coerceJsxToMd = ({ components = {} } = {}) => (node, index, parent) => {
-    var _a;
     if (node.name in components)
         return;
     if (node.name === 'Code') {
@@ -78565,15 +78567,14 @@ const coerceJsxToMd = ({ components = {} } = {}) => (node, index, parent) => {
         parent.children[index] = mdNode;
     }
     else if (node.name === 'Callout') {
-        const { heading, icon } = attributes(node);
-        const child = mdast(heading);
+        const { icon, empty = false } = attributes(node);
         // @ts-ignore
         const mdNode = {
-            children: [(_a = child === null || child === void 0 ? void 0 : child.children) === null || _a === void 0 ? void 0 : _a[0], ...node.children].filter(Boolean),
+            children: node.children,
             type: NodeTypes.callout,
             data: {
                 hName: node.name,
-                hProperties: { icon },
+                hProperties: { icon, empty },
             },
             position: node.position,
         };
@@ -78658,8 +78659,11 @@ 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)} />`;
+    if (complexEmbed) {
+        const attributes = Object.keys((_b = node.data) === null || _b === void 0 ? void 0 : _b.hProperties).map(key => { var _a; return `${key}="${(_a = node.data) === null || _a === void 0 ? void 0 : _a.hProperties[key]}"`; }).join(' ');
+        // TODO: make this a util
+        return `<Embed ${attributes} />`;
+    }
     return `[${title}](${url} "@embed")'`;
 };
 /* harmony default export */ const compile_embed = (embed_embed);
@@ -78670,8 +78674,10 @@ const gemoji_gemoji = (node) => `:${node.name}:`;
 
 ;// CONCATENATED MODULE: ./processor/compile/html-block.ts
 const htmlBlock = (node) => {
+    var _a;
     const html = node.data.hProperties.html;
-    return `<HTMLBlock>${JSON.stringify({ html }, null, 2)}</HTMLBlock>`;
+    const attributes = Object.keys((_a = node.data) === null || _a === void 0 ? void 0 : _a.hProperties).map(key => { var _a; return `${key}="${(_a = node.data) === null || _a === void 0 ? void 0 : _a.hProperties[key]}"`; }).join(' ');
+    return `<HTMLBlock${attributes && ' ' + attributes}>{\`${html}\`}</HTMLBlock>`;
 };
 /* harmony default export */ const html_block = (htmlBlock);
 
@@ -78680,12 +78686,32 @@ const compile_image_image = (node) => {
     var _a, _b;
     const { align, className, width } = ((_a = node.data) === null || _a === void 0 ? void 0 : _a.hProperties) || {};
     const complexImage = Boolean(width) || Boolean(className) || Boolean(align);
-    if (complexImage)
-        return `<Image ${Object.assign({}, (_b = node.data) === null || _b === void 0 ? void 0 : _b.hProperties)} />`;
+    if (complexImage) {
+        const attributes = Object.keys((_b = node.data) === null || _b === void 0 ? void 0 : _b.hProperties).map(key => { var _a; return `${key}="${(_a = node.data) === null || _a === void 0 ? void 0 : _a.hProperties[key]}"`; }).join(' ');
+        return `<Image ${attributes} />`;
+    }
     return `![${node.alt}](${node.url}${node.title ? ` "${node.title}")` : ')'}`;
 };
 /* harmony default export */ const compile_image = (compile_image_image);
 
+;// CONCATENATED MODULE: ./processor/compile/compatibility.ts
+
+const compatibility = (node) => {
+    switch (node.type) {
+        case NodeTypes.variable:
+            return `<Variable name="${node.text}" />`;
+        case NodeTypes.glossary:
+            return `<Glossary>${node.data.hProperties.term}</Glossary>`;
+        case NodeTypes.reusableContent:
+            return `<${node.tag} />`;
+        case 'html':
+            return node.value.replaceAll(/<!--(.*)-->/g, '{/*$1*/}');
+        default:
+            throw new Error('Unhandled node type!');
+    }
+};
+/* harmony default export */ const compile_compatibility = (compatibility);
+
 ;// CONCATENATED MODULE: ./processor/compile/index.ts
 
 
@@ -78694,6 +78720,7 @@ const compile_image_image = (node) => {
 
 
 
+
 function compilers() {
     const data = this.data();
     const toMarkdownExtensions = data.toMarkdownExtensions || (data.toMarkdownExtensions = []);
@@ -78704,6 +78731,10 @@ function compilers() {
         [NodeTypes.embed]: compile_embed,
         [NodeTypes.htmlBlock]: html_block,
         [NodeTypes.image]: compile_image,
+        [NodeTypes.variable]: compile_compatibility,
+        [NodeTypes.glossary]: compile_compatibility,
+        [NodeTypes.reusableContent]: compile_compatibility,
+        html: compile_compatibility,
     };
     toMarkdownExtensions.push({ extensions: [{ handlers }] });
 }

package/dist/main.node.js

@@ -12,7 +12,7 @@
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 /*! For license information please see index.js.LICENSE.txt */
-(()=>{var u={846:(u,D,e)=>{var t=e(905);u.exports=t.createContext(!1)},100:(u,D,e)=>{var t=e(905);u.exports=t.createContext({selected:"",changeSelected:function(){}})},926:(u,D,e)=>{var t=e(905);u.exports=t.createContext({user:{},defaults:[]})},146:(u,D,e)=>{function t(){return t=Object.assign||function(u){for(var D=1;D<arguments.length;D++){var e=arguments[D];for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&(u[t]=e[t])}return u},t.apply(this,arguments)}function r(u){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(u){return typeof u}:function(u){return u&&"function"==typeof Symbol&&u.constructor===Symbol&&u!==Symbol.prototype?"symbol":typeof u},r(u)}function F(u,D){for(var e=0;e<D.length;e++){var t=D[e];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(u,t.key,t)}}function n(u,D){return n=Object.setPrototypeOf||function(u,D){return u.__proto__=D,u},n(u,D)}function o(u){var D=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(u){return!1}}();return function(){var e,t=C(u);if(D){var F=C(this).constructor;e=Reflect.construct(t,arguments,F)}else e=t.apply(this,arguments);return function(u,D){if(D&&("object"===r(D)||"function"==typeof D))return D;return A(u)}(this,e)}}function A(u){if(void 0===u)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return u}function C(u){return C=Object.setPrototypeOf?Object.getPrototypeOf:function(u){return u.__proto__||Object.getPrototypeOf(u)},C(u)}var E=e(814),a=e(526),s=e(905),i=e(846),B=e(100),l=e(926),c=function(u){!function(u,D){if("function"!=typeof D&&null!==D)throw new TypeError("Super expression must either be null or a function");u.prototype=Object.create(D&&D.prototype,{constructor:{value:u,writable:!0,configurable:!0}}),D&&n(u,D)}(a,u);var D,e,t,C=o(a);function a(u){var D;return function(u,D){if(!(u instanceof D))throw new TypeError("Cannot call a class as a function")}(this,a),(D=C.call(this,u)).state={showDropdown:!1},D.toggleVarDropdown=D.toggleVarDropdown.bind(A(D)),D.toggleAuthDropdown=D.toggleAuthDropdown.bind(A(D)),D.renderVarDropdown=D.renderVarDropdown.bind(A(D)),D.onChange=D.onChange.bind(A(D)),D}return D=a,t=[{key:"renderAuthDropdown",value:function(){return s.createElement("div",{className:E("ns-popover-dropdown-theme","ns-popover-bottom-placement","ns-popover-right-align"),style:{position:"absolute"}},s.createElement("div",{className:"ns-popover-tooltip",id:"loginDropdown"},s.createElement("div",{className:"ns-triangle"}),s.createElement("div",{className:"triangle"}),s.createElement("div",{className:"pad"},s.createElement("div",{className:"text-center"},"Authenticate to personalize this page",s.createElement("a",{className:E("btn","btn-primary"),href:"/oauth",target:"_self"},"Authenticate")))))}}],(e=[{key:"onChange",value:function(u){this.toggleVarDropdown(),this.props.changeSelected(u.target.value)}},{key:"getDefault",value:function(){var u=this,D=this.props.defaults.filter(Boolean).find((function(D){return D.name===u.props.variable}))||{};return D.default?D.default:this.props.variable.toUpperCase()}},{key:"getSelectedValue",value:function(u){var D=this.props.user,e={};return Array.isArray(D.keys)&&D.keys.length&&(e=u?D.keys.find((function(D){return D.name===u})):D.keys[0]),e}},{key:"shouldShowVarDropdown",value:function(u){var D=this.props,e=D.user,t=D.variable;return!!this.getSelectedValue(u)[t]&&Array.isArray(e.keys)&&e.keys.length>1}},{key:"getValue",value:function(u){var D=this.props.variable,e=this.getSelectedValue(u)[D]||this.props.user[D]||this.getDefault();return"object"===r(e)?JSON.stringify(e):e}},{key:"toggleVarDropdown",value:function(){this.shouldShowVarDropdown()&&this.setState((function(u){return{showDropdown:!u.showDropdown}}))}},{key:"toggleAuthDropdown",value:function(){this.setState((function(u){return{showAuthDropdown:!u.showAuthDropdown}}))}},{key:"renderVarDropdown",value:function(){return s.createElement("select",{onChange:this.onChange,value:this.props.selected},this.props.user.keys.map((function(u){return s.createElement("option",{key:u.name,value:u.name},u.name)})))}},{key:"render",value:function(){var u=this.props,D=u.user,e=u.selected;return Array.isArray(D.keys)&&D.keys.length?s.createElement("span",null,!this.state.showDropdown&&s.createElement("span",{className:"variable-underline",onClick:this.toggleVarDropdown},this.getValue(e)),this.state.showDropdown&&this.renderVarDropdown()):this.getValue()===this.getDefault()&&this.props.oauth?s.createElement("span",null,s.createElement("span",{className:"variable-underline",onClick:this.toggleAuthDropdown},this.getValue()),this.state.showAuthDropdown&&a.renderAuthDropdown()):s.createElement("span",null,this.getValue())}}])&&F(D.prototype,e),t&&F(D,t),a}(s.Component);c.propTypes={changeSelected:a.func.isRequired,defaults:a.arrayOf(a.shape({default:a.string,name:a.string})).isRequired,oauth:a.bool,selected:a.string.isRequired,user:a.shape({keys:a.array}).isRequired,variable:a.string.isRequired},c.defaultProps={oauth:!1},u.exports=function(u){return s.createElement(l.Consumer,null,(function(D){var e=D.user,r=D.defaults;return s.createElement(i.Consumer,null,(function(D){return s.createElement(B.Consumer,null,(function(F){var n=F.selected,o=F.changeSelected;return s.createElement(c,t({},u,{changeSelected:o,defaults:r,oauth:D,selected:n,user:e}))}))}))}))},u.exports.Variable=c,u.exports.VARIABLE_REGEXP=/(?:\\)?<<((?:(?![\n\r])(?:[\t-\r \x2D\.0-:A-Z_a-z\xA0\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u052F\u0531-\u0556\u0559\u0560-\u0588\u05D0-\u05EA\u05EF-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u0860-\u086A\u0870-\u0887\u0889-\u088E\u08A0-\u08C9\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0980\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u09FC\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0AF9\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D\u0C58-\u0C5A\u0C5D\u0C60\u0C61\u0C80\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D04-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D54-\u0D56\u0D5F-\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E86-\u0E8A\u0E8C-\u0EA3\u0EA5\u0EA7-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u169A\u16A0-\u16EA\u16F1-\u16F8\u1700-\u1711\u171F-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1878\u1880-\u1884\u1887-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191E\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4C\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1C80-\u1C88\u1C90-\u1CBA\u1CBD-\u1CBF\u1CE9-\u1CEC\u1CEE-\u1CF3\u1CF5\u1CF6\u1CFA\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2000-\u200A\u2028\u2029\u202F\u205F\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3000\u3005\u3006\u3031-\u3035\u303B\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312F\u3131-\u318E\u31A0-\u31BF\u31F0-\u31FF\u3400-\u4DBF\u4E00-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA69D\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA7CA\uA7D0\uA7D1\uA7D3\uA7D5-\uA7D9\uA7F2-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA8FD\uA8FE\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uA9E0-\uA9E4\uA9E6-\uA9EF\uA9FA-\uA9FE\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB69\uAB70-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFEFF\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]|\uD800[\uDC00-\uDC0B\uDC0D-\uDC26\uDC28-\uDC3A\uDC3C\uDC3D\uDC3F-\uDC4D\uDC50-\uDC5D\uDC80-\uDCFA\uDE80-\uDE9C\uDEA0-\uDED0\uDF00-\uDF1F\uDF2D-\uDF40\uDF42-\uDF49\uDF50-\uDF75\uDF80-\uDF9D\uDFA0-\uDFC3\uDFC8-\uDFCF]|\uD801[\uDC00-\uDC9D\uDCB0-\uDCD3\uDCD8-\uDCFB\uDD00-\uDD27\uDD30-\uDD63\uDD70-\uDD7A\uDD7C-\uDD8A\uDD8C-\uDD92\uDD94\uDD95\uDD97-\uDDA1\uDDA3-\uDDB1\uDDB3-\uDDB9\uDDBB\uDDBC\uDE00-\uDF36\uDF40-\uDF55\uDF60-\uDF67\uDF80-\uDF85\uDF87-\uDFB0\uDFB2-\uDFBA]|\uD802[\uDC00-\uDC05\uDC08\uDC0A-\uDC35\uDC37\uDC38\uDC3C\uDC3F-\uDC55\uDC60-\uDC76\uDC80-\uDC9E\uDCE0-\uDCF2\uDCF4\uDCF5\uDD00-\uDD15\uDD20-\uDD39\uDD80-\uDDB7\uDDBE\uDDBF\uDE00\uDE10-\uDE13\uDE15-\uDE17\uDE19-\uDE35\uDE60-\uDE7C\uDE80-\uDE9C\uDEC0-\uDEC7\uDEC9-\uDEE4\uDF00-\uDF35\uDF40-\uDF55\uDF60-\uDF72\uDF80-\uDF91]|\uD803[\uDC00-\uDC48\uDC80-\uDCB2\uDCC0-\uDCF2\uDD00-\uDD23\uDE80-\uDEA9\uDEB0\uDEB1\uDF00-\uDF1C\uDF27\uDF30-\uDF45\uDF70-\uDF81\uDFB0-\uDFC4\uDFE0-\uDFF6]|\uD804[\uDC03-\uDC37\uDC71\uDC72\uDC75\uDC83-\uDCAF\uDCD0-\uDCE8\uDD03-\uDD26\uDD44\uDD47\uDD50-\uDD72\uDD76\uDD83-\uDDB2\uDDC1-\uDDC4\uDDDA\uDDDC\uDE00-\uDE11\uDE13-\uDE2B\uDE3F\uDE40\uDE80-\uDE86\uDE88\uDE8A-\uDE8D\uDE8F-\uDE9D\uDE9F-\uDEA8\uDEB0-\uDEDE\uDF05-\uDF0C\uDF0F\uDF10\uDF13-\uDF28\uDF2A-\uDF30\uDF32\uDF33\uDF35-\uDF39\uDF3D\uDF50\uDF5D-\uDF61]|\uD805[\uDC00-\uDC34\uDC47-\uDC4A\uDC5F-\uDC61\uDC80-\uDCAF\uDCC4\uDCC5\uDCC7\uDD80-\uDDAE\uDDD8-\uDDDB\uDE00-\uDE2F\uDE44\uDE80-\uDEAA\uDEB8\uDF00-\uDF1A\uDF40-\uDF46]|\uD806[\uDC00-\uDC2B\uDCA0-\uDCDF\uDCFF-\uDD06\uDD09\uDD0C-\uDD13\uDD15\uDD16\uDD18-\uDD2F\uDD3F\uDD41\uDDA0-\uDDA7\uDDAA-\uDDD0\uDDE1\uDDE3\uDE00\uDE0B-\uDE32\uDE3A\uDE50\uDE5C-\uDE89\uDE9D\uDEB0-\uDEF8]|\uD807[\uDC00-\uDC08\uDC0A-\uDC2E\uDC40\uDC72-\uDC8F\uDD00-\uDD06\uDD08\uDD09\uDD0B-\uDD30\uDD46\uDD60-\uDD65\uDD67\uDD68\uDD6A-\uDD89\uDD98\uDEE0-\uDEF2\uDF02\uDF04-\uDF10\uDF12-\uDF33\uDFB0]|\uD808[\uDC00-\uDF99]|\uD809[\uDC80-\uDD43]|\uD80B[\uDF90-\uDFF0]|[\uD80C\uD81C-\uD820\uD822\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879\uD880-\uD883\uD885-\uD887][\uDC00-\uDFFF]|\uD80D[\uDC00-\uDC2F\uDC41-\uDC46]|\uD811[\uDC00-\uDE46]|\uD81A[\uDC00-\uDE38\uDE40-\uDE5E\uDE70-\uDEBE\uDED0-\uDEED\uDF00-\uDF2F\uDF40-\uDF43\uDF63-\uDF77\uDF7D-\uDF8F]|\uD81B[\uDE40-\uDE7F\uDF00-\uDF4A\uDF50\uDF93-\uDF9F\uDFE0\uDFE1\uDFE3]|\uD821[\uDC00-\uDFF7]|\uD823[\uDC00-\uDCD5\uDD00-\uDD08]|\uD82B[\uDFF0-\uDFF3\uDFF5-\uDFFB\uDFFD\uDFFE]|\uD82C[\uDC00-\uDD22\uDD32\uDD50-\uDD52\uDD55\uDD64-\uDD67\uDD70-\uDEFB]|\uD82F[\uDC00-\uDC6A\uDC70-\uDC7C\uDC80-\uDC88\uDC90-\uDC99]|\uD835[\uDC00-\uDC54\uDC56-\uDC9C\uDC9E\uDC9F\uDCA2\uDCA5\uDCA6\uDCA9-\uDCAC\uDCAE-\uDCB9\uDCBB\uDCBD-\uDCC3\uDCC5-\uDD05\uDD07-\uDD0A\uDD0D-\uDD14\uDD16-\uDD1C\uDD1E-\uDD39\uDD3B-\uDD3E\uDD40-\uDD44\uDD46\uDD4A-\uDD50\uDD52-\uDEA5\uDEA8-\uDEC0\uDEC2-\uDEDA\uDEDC-\uDEFA\uDEFC-\uDF14\uDF16-\uDF34\uDF36-\uDF4E\uDF50-\uDF6E\uDF70-\uDF88\uDF8A-\uDFA8\uDFAA-\uDFC2\uDFC4-\uDFCB]|\uD837[\uDF00-\uDF1E\uDF25-\uDF2A]|\uD838[\uDC30-\uDC6D\uDD00-\uDD2C\uDD37-\uDD3D\uDD4E\uDE90-\uDEAD\uDEC0-\uDEEB]|\uD839[\uDCD0-\uDCEB\uDFE0-\uDFE6\uDFE8-\uDFEB\uDFED\uDFEE\uDFF0-\uDFFE]|\uD83A[\uDC00-\uDCC4\uDD00-\uDD43\uDD4B]|\uD83B[\uDE00-\uDE03\uDE05-\uDE1F\uDE21\uDE22\uDE24\uDE27\uDE29-\uDE32\uDE34-\uDE37\uDE39\uDE3B\uDE42\uDE47\uDE49\uDE4B\uDE4D-\uDE4F\uDE51\uDE52\uDE54\uDE57\uDE59\uDE5B\uDE5D\uDE5F\uDE61\uDE62\uDE64\uDE67-\uDE6A\uDE6C-\uDE72\uDE74-\uDE77\uDE79-\uDE7C\uDE7E\uDE80-\uDE89\uDE8B-\uDE9B\uDEA1-\uDEA3\uDEA5-\uDEA9\uDEAB-\uDEBB]|\uD869[\uDC00-\uDEDF\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF39\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0]|\uD87E[\uDC00-\uDE1D]|\uD884[\uDC00-\uDF4A\uDF50-\uDFFF]|\uD888[\uDC00-\uDFAF]))+)(?:\\)?>>/i.source,u.exports.VariablesContext=l,u.exports.SelectedAppContext=B},814:(u,D,e)=>{var t;function r(u){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(u){return typeof u}:function(u){return u&&"function"==typeof Symbol&&u.constructor===Symbol&&u!==Symbol.prototype?"symbol":typeof u},r(u)}!function(){"use strict";var F={}.hasOwnProperty;function n(){for(var u=[],D=0;D<arguments.length;D++){var e=arguments[D];if(e){var t=r(e);if("string"===t||"number"===t)u.push(e);else if(Array.isArray(e)){if(e.length){var o=n.apply(null,e);o&&u.push(o)}}else if("object"===t){if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]")){u.push(e.toString());continue}for(var A in e)F.call(e,A)&&e[A]&&u.push(A)}}}return u.join(" ")}u.exports?(n.default=n,u.exports=n):"object"===r(e.amdO)&&e.amdO?void 0===(t=function(){return n}.apply(D,[]))||(u.exports=t):window.classNames=n}()},428:(u,D,e)=>{"use strict";var t=e(134);function r(){}function F(){}F.resetWarningCache=r,u.exports=function(){function u(u,D,e,r,F,n){if(n!==t){var o=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw o.name="Invariant Violation",o}}function D(){return u}u.isRequired=u;var e={array:u,bigint:u,bool:u,func:u,number:u,object:u,string:u,symbol:u,any:u,arrayOf:D,element:u,elementType:u,instanceOf:D,node:u,objectOf:D,oneOf:D,oneOfType:D,shape:D,exact:D,checkPropTypes:F,resetWarningCache:r};return e.PropTypes=e,e}},526:(u,D,e)=>{u.exports=e(428)()},134:u=>{"use strict";u.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},905:u=>{"use strict";u.exports=__webpack_require__(540)}},D={};function e(t){var r=D[t];if(void 0!==r)return r.exports;var F=D[t]={exports:{}};return u[t](F,F.exports,e),F.exports}e.amdO={};var t=e(146);module.exports=t})();
+(()=>{var u={846:(u,D,e)=>{var t=e(905);u.exports=t.createContext(!1)},100:(u,D,e)=>{var t=e(905);u.exports=t.createContext({selected:"",changeSelected:function(){}})},926:(u,D,e)=>{var t=e(905);u.exports=t.createContext({user:{},defaults:[]})},146:(u,D,e)=>{function t(){return t=Object.assign||function(u){for(var D=1;D<arguments.length;D++){var e=arguments[D];for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&(u[t]=e[t])}return u},t.apply(this,arguments)}function r(u){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(u){return typeof u}:function(u){return u&&"function"==typeof Symbol&&u.constructor===Symbol&&u!==Symbol.prototype?"symbol":typeof u},r(u)}function F(u,D){for(var e=0;e<D.length;e++){var t=D[e];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(u,t.key,t)}}function n(u,D){return n=Object.setPrototypeOf||function(u,D){return u.__proto__=D,u},n(u,D)}function o(u){var D=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(u){return!1}}();return function(){var e,t=C(u);if(D){var F=C(this).constructor;e=Reflect.construct(t,arguments,F)}else e=t.apply(this,arguments);return function(u,D){if(D&&("object"===r(D)||"function"==typeof D))return D;return A(u)}(this,e)}}function A(u){if(void 0===u)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return u}function C(u){return C=Object.setPrototypeOf?Object.getPrototypeOf:function(u){return u.__proto__||Object.getPrototypeOf(u)},C(u)}var E=e(745),a=e(526),s=e(905),i=e(846),B=e(100),l=e(926),c=function(u){!function(u,D){if("function"!=typeof D&&null!==D)throw new TypeError("Super expression must either be null or a function");u.prototype=Object.create(D&&D.prototype,{constructor:{value:u,writable:!0,configurable:!0}}),D&&n(u,D)}(a,u);var D,e,t,C=o(a);function a(u){var D;return function(u,D){if(!(u instanceof D))throw new TypeError("Cannot call a class as a function")}(this,a),(D=C.call(this,u)).state={showDropdown:!1},D.getName=D.getName.bind(A(D)),D.toggleVarDropdown=D.toggleVarDropdown.bind(A(D)),D.toggleAuthDropdown=D.toggleAuthDropdown.bind(A(D)),D.renderVarDropdown=D.renderVarDropdown.bind(A(D)),D.onChange=D.onChange.bind(A(D)),D}return D=a,t=[{key:"renderAuthDropdown",value:function(){return s.createElement("div",{className:E("ns-popover-dropdown-theme","ns-popover-bottom-placement","ns-popover-right-align"),style:{position:"absolute"}},s.createElement("div",{className:"ns-popover-tooltip",id:"loginDropdown"},s.createElement("div",{className:"ns-triangle"}),s.createElement("div",{className:"triangle"}),s.createElement("div",{className:"pad"},s.createElement("div",{className:"text-center"},"Authenticate to personalize this page",s.createElement("a",{className:E("btn","btn-primary"),href:"/oauth",target:"_self"},"Authenticate")))))}}],(e=[{key:"onChange",value:function(u){this.toggleVarDropdown(),this.props.changeSelected(u.target.value)}},{key:"getName",value:function(){var u=this.props.name||this.props.variable;if(!u)throw new TypeError("Missing prop 'name' or 'variable' for Variable component!");return u}},{key:"getDefault",value:function(){var u=this,D=this.props.defaults.filter(Boolean).find((function(D){return D.name===u.getName()}))||{};return D.default?D.default:this.getName().toUpperCase()}},{key:"getSelectedValue",value:function(u){var D=this.props.user,e={};return Array.isArray(D.keys)&&D.keys.length&&(e=u?D.keys.find((function(D){return D.name===u})):D.keys[0]),e}},{key:"shouldShowVarDropdown",value:function(u){var D=this.props.user;return!!this.getSelectedValue(u)[this.getName()]&&Array.isArray(D.keys)&&D.keys.length>1}},{key:"getValue",value:function(u){var D=this.getSelectedValue(u)[this.getName()]||this.props.user[this.getName()]||this.getDefault();return"object"===r(D)?JSON.stringify(D):D}},{key:"toggleVarDropdown",value:function(){this.shouldShowVarDropdown()&&this.setState((function(u){return{showDropdown:!u.showDropdown}}))}},{key:"toggleAuthDropdown",value:function(){this.setState((function(u){return{showAuthDropdown:!u.showAuthDropdown}}))}},{key:"renderVarDropdown",value:function(){return s.createElement("select",{onChange:this.onChange,value:this.props.selected},this.props.user.keys.map((function(u){return s.createElement("option",{key:u.name,value:u.name},u.name)})))}},{key:"render",value:function(){var u=this.props,D=u.user,e=u.selected;return Array.isArray(D.keys)&&D.keys.length?s.createElement("span",null,!this.state.showDropdown&&s.createElement("span",{className:"variable-underline",onClick:this.toggleVarDropdown},this.getValue(e)),this.state.showDropdown&&this.renderVarDropdown()):this.getValue()===this.getDefault()&&this.props.oauth?s.createElement("span",null,s.createElement("span",{className:"variable-underline",onClick:this.toggleAuthDropdown},this.getValue()),this.state.showAuthDropdown&&a.renderAuthDropdown()):s.createElement("span",null,this.getValue())}}])&&F(D.prototype,e),t&&F(D,t),a}(s.Component);c.propTypes={changeSelected:a.func.isRequired,defaults:a.arrayOf(a.shape({default:a.string,name:a.string})).isRequired,name:a.string,oauth:a.bool,selected:a.string.isRequired,user:a.shape({keys:a.array}).isRequired,variable:a.string},c.defaultProps={oauth:!1},u.exports=function(u){return s.createElement(l.Consumer,null,(function(D){var e=D.user,r=D.defaults;return s.createElement(i.Consumer,null,(function(D){return s.createElement(B.Consumer,null,(function(F){var n=F.selected,o=F.changeSelected;return s.createElement(c,t({},u,{changeSelected:o,defaults:r,oauth:D,selected:n,user:e}))}))}))}))},u.exports.Variable=c,u.exports.VARIABLE_REGEXP=/(?:\\)?<<((?:(?![\n\r])(?:[\t-\r \x2D\.0-:A-Z_a-z\xA0\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u052F\u0531-\u0556\u0559\u0560-\u0588\u05D0-\u05EA\u05EF-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u0860-\u086A\u0870-\u0887\u0889-\u088E\u08A0-\u08C9\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0980\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u09FC\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0AF9\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D\u0C58-\u0C5A\u0C5D\u0C60\u0C61\u0C80\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D04-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D54-\u0D56\u0D5F-\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E86-\u0E8A\u0E8C-\u0EA3\u0EA5\u0EA7-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u169A\u16A0-\u16EA\u16F1-\u16F8\u1700-\u1711\u171F-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1878\u1880-\u1884\u1887-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191E\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4C\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1C80-\u1C88\u1C90-\u1CBA\u1CBD-\u1CBF\u1CE9-\u1CEC\u1CEE-\u1CF3\u1CF5\u1CF6\u1CFA\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2000-\u200A\u2028\u2029\u202F\u205F\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3000\u3005\u3006\u3031-\u3035\u303B\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312F\u3131-\u318E\u31A0-\u31BF\u31F0-\u31FF\u3400-\u4DBF\u4E00-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA69D\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA7CA\uA7D0\uA7D1\uA7D3\uA7D5-\uA7D9\uA7F2-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA8FD\uA8FE\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uA9E0-\uA9E4\uA9E6-\uA9EF\uA9FA-\uA9FE\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB69\uAB70-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFEFF\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]|\uD800[\uDC00-\uDC0B\uDC0D-\uDC26\uDC28-\uDC3A\uDC3C\uDC3D\uDC3F-\uDC4D\uDC50-\uDC5D\uDC80-\uDCFA\uDE80-\uDE9C\uDEA0-\uDED0\uDF00-\uDF1F\uDF2D-\uDF40\uDF42-\uDF49\uDF50-\uDF75\uDF80-\uDF9D\uDFA0-\uDFC3\uDFC8-\uDFCF]|\uD801[\uDC00-\uDC9D\uDCB0-\uDCD3\uDCD8-\uDCFB\uDD00-\uDD27\uDD30-\uDD63\uDD70-\uDD7A\uDD7C-\uDD8A\uDD8C-\uDD92\uDD94\uDD95\uDD97-\uDDA1\uDDA3-\uDDB1\uDDB3-\uDDB9\uDDBB\uDDBC\uDE00-\uDF36\uDF40-\uDF55\uDF60-\uDF67\uDF80-\uDF85\uDF87-\uDFB0\uDFB2-\uDFBA]|\uD802[\uDC00-\uDC05\uDC08\uDC0A-\uDC35\uDC37\uDC38\uDC3C\uDC3F-\uDC55\uDC60-\uDC76\uDC80-\uDC9E\uDCE0-\uDCF2\uDCF4\uDCF5\uDD00-\uDD15\uDD20-\uDD39\uDD80-\uDDB7\uDDBE\uDDBF\uDE00\uDE10-\uDE13\uDE15-\uDE17\uDE19-\uDE35\uDE60-\uDE7C\uDE80-\uDE9C\uDEC0-\uDEC7\uDEC9-\uDEE4\uDF00-\uDF35\uDF40-\uDF55\uDF60-\uDF72\uDF80-\uDF91]|\uD803[\uDC00-\uDC48\uDC80-\uDCB2\uDCC0-\uDCF2\uDD00-\uDD23\uDE80-\uDEA9\uDEB0\uDEB1\uDF00-\uDF1C\uDF27\uDF30-\uDF45\uDF70-\uDF81\uDFB0-\uDFC4\uDFE0-\uDFF6]|\uD804[\uDC03-\uDC37\uDC71\uDC72\uDC75\uDC83-\uDCAF\uDCD0-\uDCE8\uDD03-\uDD26\uDD44\uDD47\uDD50-\uDD72\uDD76\uDD83-\uDDB2\uDDC1-\uDDC4\uDDDA\uDDDC\uDE00-\uDE11\uDE13-\uDE2B\uDE3F\uDE40\uDE80-\uDE86\uDE88\uDE8A-\uDE8D\uDE8F-\uDE9D\uDE9F-\uDEA8\uDEB0-\uDEDE\uDF05-\uDF0C\uDF0F\uDF10\uDF13-\uDF28\uDF2A-\uDF30\uDF32\uDF33\uDF35-\uDF39\uDF3D\uDF50\uDF5D-\uDF61]|\uD805[\uDC00-\uDC34\uDC47-\uDC4A\uDC5F-\uDC61\uDC80-\uDCAF\uDCC4\uDCC5\uDCC7\uDD80-\uDDAE\uDDD8-\uDDDB\uDE00-\uDE2F\uDE44\uDE80-\uDEAA\uDEB8\uDF00-\uDF1A\uDF40-\uDF46]|\uD806[\uDC00-\uDC2B\uDCA0-\uDCDF\uDCFF-\uDD06\uDD09\uDD0C-\uDD13\uDD15\uDD16\uDD18-\uDD2F\uDD3F\uDD41\uDDA0-\uDDA7\uDDAA-\uDDD0\uDDE1\uDDE3\uDE00\uDE0B-\uDE32\uDE3A\uDE50\uDE5C-\uDE89\uDE9D\uDEB0-\uDEF8]|\uD807[\uDC00-\uDC08\uDC0A-\uDC2E\uDC40\uDC72-\uDC8F\uDD00-\uDD06\uDD08\uDD09\uDD0B-\uDD30\uDD46\uDD60-\uDD65\uDD67\uDD68\uDD6A-\uDD89\uDD98\uDEE0-\uDEF2\uDF02\uDF04-\uDF10\uDF12-\uDF33\uDFB0]|\uD808[\uDC00-\uDF99]|\uD809[\uDC80-\uDD43]|\uD80B[\uDF90-\uDFF0]|[\uD80C\uD81C-\uD820\uD822\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879\uD880-\uD883\uD885-\uD887][\uDC00-\uDFFF]|\uD80D[\uDC00-\uDC2F\uDC41-\uDC46]|\uD811[\uDC00-\uDE46]|\uD81A[\uDC00-\uDE38\uDE40-\uDE5E\uDE70-\uDEBE\uDED0-\uDEED\uDF00-\uDF2F\uDF40-\uDF43\uDF63-\uDF77\uDF7D-\uDF8F]|\uD81B[\uDE40-\uDE7F\uDF00-\uDF4A\uDF50\uDF93-\uDF9F\uDFE0\uDFE1\uDFE3]|\uD821[\uDC00-\uDFF7]|\uD823[\uDC00-\uDCD5\uDD00-\uDD08]|\uD82B[\uDFF0-\uDFF3\uDFF5-\uDFFB\uDFFD\uDFFE]|\uD82C[\uDC00-\uDD22\uDD32\uDD50-\uDD52\uDD55\uDD64-\uDD67\uDD70-\uDEFB]|\uD82F[\uDC00-\uDC6A\uDC70-\uDC7C\uDC80-\uDC88\uDC90-\uDC99]|\uD835[\uDC00-\uDC54\uDC56-\uDC9C\uDC9E\uDC9F\uDCA2\uDCA5\uDCA6\uDCA9-\uDCAC\uDCAE-\uDCB9\uDCBB\uDCBD-\uDCC3\uDCC5-\uDD05\uDD07-\uDD0A\uDD0D-\uDD14\uDD16-\uDD1C\uDD1E-\uDD39\uDD3B-\uDD3E\uDD40-\uDD44\uDD46\uDD4A-\uDD50\uDD52-\uDEA5\uDEA8-\uDEC0\uDEC2-\uDEDA\uDEDC-\uDEFA\uDEFC-\uDF14\uDF16-\uDF34\uDF36-\uDF4E\uDF50-\uDF6E\uDF70-\uDF88\uDF8A-\uDFA8\uDFAA-\uDFC2\uDFC4-\uDFCB]|\uD837[\uDF00-\uDF1E\uDF25-\uDF2A]|\uD838[\uDC30-\uDC6D\uDD00-\uDD2C\uDD37-\uDD3D\uDD4E\uDE90-\uDEAD\uDEC0-\uDEEB]|\uD839[\uDCD0-\uDCEB\uDFE0-\uDFE6\uDFE8-\uDFEB\uDFED\uDFEE\uDFF0-\uDFFE]|\uD83A[\uDC00-\uDCC4\uDD00-\uDD43\uDD4B]|\uD83B[\uDE00-\uDE03\uDE05-\uDE1F\uDE21\uDE22\uDE24\uDE27\uDE29-\uDE32\uDE34-\uDE37\uDE39\uDE3B\uDE42\uDE47\uDE49\uDE4B\uDE4D-\uDE4F\uDE51\uDE52\uDE54\uDE57\uDE59\uDE5B\uDE5D\uDE5F\uDE61\uDE62\uDE64\uDE67-\uDE6A\uDE6C-\uDE72\uDE74-\uDE77\uDE79-\uDE7C\uDE7E\uDE80-\uDE89\uDE8B-\uDE9B\uDEA1-\uDEA3\uDEA5-\uDEA9\uDEAB-\uDEBB]|\uD869[\uDC00-\uDEDF\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF39\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0]|\uD87E[\uDC00-\uDE1D]|\uD884[\uDC00-\uDF4A\uDF50-\uDFFF]|\uD888[\uDC00-\uDFAF]))+)(?:\\)?>>/i.source,u.exports.VariablesContext=l,u.exports.SelectedAppContext=B},428:(u,D,e)=>{"use strict";var t=e(134);function r(){}function F(){}F.resetWarningCache=r,u.exports=function(){function u(u,D,e,r,F,n){if(n!==t){var o=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw o.name="Invariant Violation",o}}function D(){return u}u.isRequired=u;var e={array:u,bigint:u,bool:u,func:u,number:u,object:u,string:u,symbol:u,any:u,arrayOf:D,element:u,elementType:u,instanceOf:D,node:u,objectOf:D,oneOf:D,oneOfType:D,shape:D,exact:D,checkPropTypes:F,resetWarningCache:r};return e.PropTypes=e,e}},526:(u,D,e)=>{u.exports=e(428)()},134:u=>{"use strict";u.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},905:u=>{"use strict";u.exports=__webpack_require__(540)},745:(u,D,e)=>{var t;function r(u){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(u){return typeof u}:function(u){return u&&"function"==typeof Symbol&&u.constructor===Symbol&&u!==Symbol.prototype?"symbol":typeof u},r(u)}!function(){"use strict";var F={}.hasOwnProperty;function n(){for(var u="",D=0;D<arguments.length;D++){var e=arguments[D];e&&(u=A(u,o(e)))}return u}function o(u){if("string"==typeof u||"number"==typeof u)return u;if("object"!==r(u))return"";if(Array.isArray(u))return n.apply(null,u);if(u.toString!==Object.prototype.toString&&!u.toString.toString().includes("[native code]"))return u.toString();var D="";for(var e in u)F.call(u,e)&&u[e]&&(D=A(D,e));return D}function A(u,D){return D?u?u+" "+D:u+D:u}u.exports?(n.default=n,u.exports=n):"object"===r(e.amdO)&&e.amdO?void 0===(t=function(){return n}.apply(D,[]))||(u.exports=t):window.classNames=n}()}},D={};function e(t){var r=D[t];if(void 0!==r)return r.exports;var F=D[t]={exports:{}};return u[t](F,F.exports,e),F.exports}e.amdO={};var t=e(146);module.exports=t})();
 
 /***/ }),
 
@@ -58238,17 +58238,15 @@ const themes = {
     '\u26A0': 'warn',
 };
 const Callout = (props) => {
-    const { attributes, children, icon } = props;
+    const { attributes, children, icon, empty } = props;
     let theme = props.theme || themes[icon] || 'default';
-    const [heading, ...body] = Array.isArray(children) ? children : [children];
-    const empty = !heading.props.children;
     return (
     // @ts-ignore
     react.createElement("blockquote", Object.assign({}, attributes, { className: `callout callout_${theme}`, theme: icon }),
         react.createElement("h3", { className: `callout-heading${empty ? ' empty' : ''}` },
             react.createElement("span", { className: "callout-icon" }, icon),
-            !empty && heading),
-        body));
+            empty || children[0]),
+        empty ? children : react.Children.toArray(children).slice(1)));
 };
 /* harmony default export */ const components_Callout = (Callout);
 
@@ -63556,6 +63554,9 @@ var NodeTypes;
     NodeTypes["image"] = "image";
     NodeTypes["htmlBlock"] = "html-block";
     NodeTypes["embed"] = "rdme-embed";
+    NodeTypes["variable"] = "readme-variable";
+    NodeTypes["glossary"] = "readme-glossary-item";
+    NodeTypes["reusableContent"] = "reusable-content";
 })(NodeTypes || (NodeTypes = {}));
 
 ;// CONCATENATED MODULE: ./processor/transform/callouts.ts
@@ -63573,13 +63574,16 @@ const calloutTransformer = () => {
             if (icon && match) {
                 const heading = startText.slice(match.length);
                 node.children[0].children[0].value = heading;
-                node.type = NodeTypes.callout;
-                node.data = {
-                    hName: 'Callout',
-                    hProperties: {
-                        icon,
+                Object.assign(node, {
+                    type: NodeTypes.callout,
+                    data: {
+                        hName: 'Callout',
+                        hProperties: {
+                            icon,
+                            empty: !heading.length,
+                        },
                     },
-                };
+                });
             }
         });
     };
@@ -80645,7 +80649,6 @@ const gemojiTransformer = () => (tree) => {
 ;// CONCATENATED MODULE: ./processor/transform/readme-components.ts
 
 
-
 const readme_components_types = {
     Callout: NodeTypes['callout'],
     Code: 'code',
@@ -80662,7 +80665,6 @@ const attributes = (jsx) => jsx.attributes.reduce((memo, attr) => {
     return memo;
 }, {});
 const coerceJsxToMd = ({ components = {} } = {}) => (node, index, parent) => {
-    var _a;
     if (node.name in components)
         return;
     if (node.name === 'Code') {
@@ -80705,15 +80707,14 @@ const coerceJsxToMd = ({ components = {} } = {}) => (node, index, parent) => {
         parent.children[index] = mdNode;
     }
     else if (node.name === 'Callout') {
-        const { heading, icon } = attributes(node);
-        const child = mdast(heading);
+        const { icon, empty = false } = attributes(node);
         // @ts-ignore
         const mdNode = {
-            children: [(_a = child === null || child === void 0 ? void 0 : child.children) === null || _a === void 0 ? void 0 : _a[0], ...node.children].filter(Boolean),
+            children: node.children,
             type: NodeTypes.callout,
             data: {
                 hName: node.name,
-                hProperties: { icon },
+                hProperties: { icon, empty },
             },
             position: node.position,
         };
@@ -80798,8 +80799,11 @@ 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)} />`;
+    if (complexEmbed) {
+        const attributes = Object.keys((_b = node.data) === null || _b === void 0 ? void 0 : _b.hProperties).map(key => { var _a; return `${key}="${(_a = node.data) === null || _a === void 0 ? void 0 : _a.hProperties[key]}"`; }).join(' ');
+        // TODO: make this a util
+        return `<Embed ${attributes} />`;
+    }
     return `[${title}](${url} "@embed")'`;
 };
 /* harmony default export */ const compile_embed = (embed_embed);
@@ -80810,8 +80814,10 @@ const gemoji_gemoji = (node) => `:${node.name}:`;
 
 ;// CONCATENATED MODULE: ./processor/compile/html-block.ts
 const htmlBlock = (node) => {
+    var _a;
     const html = node.data.hProperties.html;
-    return `<HTMLBlock>${JSON.stringify({ html }, null, 2)}</HTMLBlock>`;
+    const attributes = Object.keys((_a = node.data) === null || _a === void 0 ? void 0 : _a.hProperties).map(key => { var _a; return `${key}="${(_a = node.data) === null || _a === void 0 ? void 0 : _a.hProperties[key]}"`; }).join(' ');
+    return `<HTMLBlock${attributes && ' ' + attributes}>{\`${html}\`}</HTMLBlock>`;
 };
 /* harmony default export */ const html_block = (htmlBlock);
 
@@ -80820,12 +80826,32 @@ const compile_image_image = (node) => {
     var _a, _b;
     const { align, className, width } = ((_a = node.data) === null || _a === void 0 ? void 0 : _a.hProperties) || {};
     const complexImage = Boolean(width) || Boolean(className) || Boolean(align);
-    if (complexImage)
-        return `<Image ${Object.assign({}, (_b = node.data) === null || _b === void 0 ? void 0 : _b.hProperties)} />`;
+    if (complexImage) {
+        const attributes = Object.keys((_b = node.data) === null || _b === void 0 ? void 0 : _b.hProperties).map(key => { var _a; return `${key}="${(_a = node.data) === null || _a === void 0 ? void 0 : _a.hProperties[key]}"`; }).join(' ');
+        return `<Image ${attributes} />`;
+    }
     return `![${node.alt}](${node.url}${node.title ? ` "${node.title}")` : ')'}`;
 };
 /* harmony default export */ const compile_image = (compile_image_image);
 
+;// CONCATENATED MODULE: ./processor/compile/compatibility.ts
+
+const compatibility = (node) => {
+    switch (node.type) {
+        case NodeTypes.variable:
+            return `<Variable name="${node.text}" />`;
+        case NodeTypes.glossary:
+            return `<Glossary>${node.data.hProperties.term}</Glossary>`;
+        case NodeTypes.reusableContent:
+            return `<${node.tag} />`;
+        case 'html':
+            return node.value.replaceAll(/<!--(.*)-->/g, '{/*$1*/}');
+        default:
+            throw new Error('Unhandled node type!');
+    }
+};
+/* harmony default export */ const compile_compatibility = (compatibility);
+
 ;// CONCATENATED MODULE: ./processor/compile/index.ts
 
 
@@ -80834,6 +80860,7 @@ const compile_image_image = (node) => {
 
 
 
+
 function compilers() {
     const data = this.data();
     const toMarkdownExtensions = data.toMarkdownExtensions || (data.toMarkdownExtensions = []);
@@ -80844,6 +80871,10 @@ function compilers() {
         [NodeTypes.embed]: compile_embed,
         [NodeTypes.htmlBlock]: html_block,
         [NodeTypes.image]: compile_image,
+        [NodeTypes.variable]: compile_compatibility,
+        [NodeTypes.glossary]: compile_compatibility,
+        [NodeTypes.reusableContent]: compile_compatibility,
+        html: compile_compatibility,
     };
     toMarkdownExtensions.push({ extensions: [{ handlers }] });
 }

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

@@ -0,0 +1,18 @@
+import { Html } from 'mdast';
+import { NodeTypes } from '../../enums';
+type CompatNodes = {
+    type: NodeTypes.variable;
+    text: string;
+} | {
+    type: NodeTypes.glossary;
+    data: {
+        hProperties: {
+            term: string;
+        };
+    };
+} | {
+    type: NodeTypes.reusableContent;
+    tag: string;
+} | Html;
+declare const compatibility: (node: CompatNodes) => string;
+export default compatibility;

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.36",
+  "version": "6.75.0-beta.38",
   "main": "dist/main.node.js",
   "types": "dist/index.d.ts",
   "browser": "dist/main.js",
@@ -56,7 +56,7 @@
   },
   "peerDependencies": {
     "@mdx-js/react": "^3.0.0",
-    "@readme/variable": "^16.0.0",
+    "@readme/variable": "^16.1.0",
     "@tippyjs/react": "^4.1.0",
     "react": "16.x || 17.x || 18.x",
     "react-dom": "16.x || 17.x || 18.x"