@readme/markdown 6.75.0-beta.46 → 6.75.0-beta.47

package/dist/enums.d.ts

@@ -1,12 +1,13 @@
 export declare enum NodeTypes {
     callout = "rdme-callout",
     codeTabs = "code-tabs",
+    embed = "embed",
     emoji = "gemoji",
+    glossary = "readme-glossary-item",
+    htmlBlock = "html-block",
     i = "i",
     image = "image",
-    htmlBlock = "html-block",
-    embed = "embed",
-    variable = "readme-variable",
-    glossary = "readme-glossary-item",
-    reusableContent = "reusable-content"
+    reusableContent = "reusable-content",
+    tutorialTile = "tutorial-tile",
+    variable = "readme-variable"
 }

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__(8372).f);
+var defineProperty = (__webpack_require__(3610).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__(8372);
+var definePropertyModule = __webpack_require__(3610);
 
 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__(8372);
+var definePropertyModule = __webpack_require__(3610);
 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__(8372);
+var definePropertyModule = __webpack_require__(3610);
 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__(8372);
+var defineProperty = __webpack_require__(3610);
 
 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__(8372);
+var definePropertyModule = __webpack_require__(3610);
 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__(8372);
+var definePropertyModule = __webpack_require__(3610);
 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 :
 
 /***/ }),
 
-/***/ 8372:
+/***/ 3610:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -10122,7 +10122,7 @@ module.exports = function (it) {
 
 "use strict";
 
-var defineProperty = (__webpack_require__(8372).f);
+var defineProperty = (__webpack_require__(3610).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__(8372).f);
+var defineProperty = (__webpack_require__(3610).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__(8372).f);
+var defineProperty = (__webpack_require__(3610).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__(8372).f);
+var defineProperty = (__webpack_require__(3610).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__(8372).f);
+var defineProperty = (__webpack_require__(3610).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__(8372);
+var definePropertyModule = __webpack_require__(3610);
 var definePropertiesModule = __webpack_require__(5318);
 var propertyIsEnumerableModule = __webpack_require__(9304);
 var defineBuiltIn = __webpack_require__(7485);
@@ -61409,14 +61409,15 @@ var NodeTypes;
 (function (NodeTypes) {
     NodeTypes["callout"] = "rdme-callout";
     NodeTypes["codeTabs"] = "code-tabs";
+    NodeTypes["embed"] = "embed";
     NodeTypes["emoji"] = "gemoji";
+    NodeTypes["glossary"] = "readme-glossary-item";
+    NodeTypes["htmlBlock"] = "html-block";
     NodeTypes["i"] = "i";
     NodeTypes["image"] = "image";
-    NodeTypes["htmlBlock"] = "html-block";
-    NodeTypes["embed"] = "embed";
-    NodeTypes["variable"] = "readme-variable";
-    NodeTypes["glossary"] = "readme-glossary-item";
     NodeTypes["reusableContent"] = "reusable-content";
+    NodeTypes["tutorialTile"] = "tutorial-tile";
+    NodeTypes["variable"] = "readme-variable";
 })(NodeTypes || (NodeTypes = {}));
 
 ;// CONCATENATED MODULE: ./processor/transform/callouts.ts
@@ -78520,6 +78521,7 @@ const readme_components_types = {
     Variable: NodeTypes['variable'],
     td: 'tableCell',
     tr: 'tableRow',
+    TutorialTile: NodeTypes.tutorialTile,
 };
 const attributes = (jsx) => jsx.attributes.reduce((memo, attr) => {
     if ('name' in attr) {
@@ -78611,6 +78613,31 @@ const readmeComponents = (opts) => () => tree => {
 };
 /* harmony default export */ const readme_components = (readmeComponents);
 
+;// CONCATENATED MODULE: ./processor/transform/readme-to-mdx.ts
+
+
+const readmeToMdx = () => tree => {
+    visit(tree, NodeTypes.tutorialTile, (tile, index, parent) => {
+        const attributes = ['backgroundColor', 'emoji', 'id', 'link', 'slug', 'title'].map(name => {
+            const value = tile[name];
+            delete tile[name];
+            return {
+                type: 'mdxJsxAttribute',
+                name,
+                value,
+            };
+        });
+        parent.children.splice(index, 1, {
+            type: 'mdxJsxFlowElement',
+            name: 'TutorialTile',
+            attributes,
+            children: [],
+        });
+    });
+    return tree;
+};
+/* harmony default export */ const readme_to_mdx = (readmeToMdx);
+
 ;// CONCATENATED MODULE: ./processor/transform/index.ts
 
 
@@ -78618,6 +78645,7 @@ const readmeComponents = (opts) => () => tree => {
 
 
 
+
 /* harmony default export */ const transform = ([callouts, code_tabs, transform_embeds, gemoji_]);
 
 ;// CONCATENATED MODULE: ./processor/compile/callout.ts
@@ -78843,7 +78871,8 @@ const reactTOC = (text, opts = {}) => {
     unimplemented('reactTOC');
 };
 const index_mdx = (tree, opts = {}) => {
-    return remark().use(remarkMdx).use(remarkGfm).use(processor_compile).stringify(tree, opts);
+    const processor = remark().use(remarkMdx).use(remarkGfm).use(readme_to_mdx).use(processor_compile);
+    return processor.stringify(processor.runSync(tree), opts);
 };
 const index_html = (text, opts = {}) => {
     unimplemented('html export');

package/dist/main.node.js

@@ -62854,14 +62854,15 @@ var NodeTypes;
 (function (NodeTypes) {
     NodeTypes["callout"] = "rdme-callout";
     NodeTypes["codeTabs"] = "code-tabs";
+    NodeTypes["embed"] = "embed";
     NodeTypes["emoji"] = "gemoji";
+    NodeTypes["glossary"] = "readme-glossary-item";
+    NodeTypes["htmlBlock"] = "html-block";
     NodeTypes["i"] = "i";
     NodeTypes["image"] = "image";
-    NodeTypes["htmlBlock"] = "html-block";
-    NodeTypes["embed"] = "embed";
-    NodeTypes["variable"] = "readme-variable";
-    NodeTypes["glossary"] = "readme-glossary-item";
     NodeTypes["reusableContent"] = "reusable-content";
+    NodeTypes["tutorialTile"] = "tutorial-tile";
+    NodeTypes["variable"] = "readme-variable";
 })(NodeTypes || (NodeTypes = {}));
 
 ;// CONCATENATED MODULE: ./processor/transform/callouts.ts
@@ -79965,6 +79966,7 @@ const readme_components_types = {
     Variable: NodeTypes['variable'],
     td: 'tableCell',
     tr: 'tableRow',
+    TutorialTile: NodeTypes.tutorialTile,
 };
 const attributes = (jsx) => jsx.attributes.reduce((memo, attr) => {
     if ('name' in attr) {
@@ -80056,6 +80058,31 @@ const readmeComponents = (opts) => () => tree => {
 };
 /* harmony default export */ const readme_components = (readmeComponents);
 
+;// CONCATENATED MODULE: ./processor/transform/readme-to-mdx.ts
+
+
+const readmeToMdx = () => tree => {
+    visit(tree, NodeTypes.tutorialTile, (tile, index, parent) => {
+        const attributes = ['backgroundColor', 'emoji', 'id', 'link', 'slug', 'title'].map(name => {
+            const value = tile[name];
+            delete tile[name];
+            return {
+                type: 'mdxJsxAttribute',
+                name,
+                value,
+            };
+        });
+        parent.children.splice(index, 1, {
+            type: 'mdxJsxFlowElement',
+            name: 'TutorialTile',
+            attributes,
+            children: [],
+        });
+    });
+    return tree;
+};
+/* harmony default export */ const readme_to_mdx = (readmeToMdx);
+
 ;// CONCATENATED MODULE: ./processor/transform/index.ts
 
 
@@ -80063,6 +80090,7 @@ const readmeComponents = (opts) => () => tree => {
 
 
 
+
 /* harmony default export */ const transform = ([callouts, code_tabs, transform_embeds, gemoji_]);
 
 ;// CONCATENATED MODULE: ./processor/compile/callout.ts
@@ -80288,7 +80316,8 @@ const reactTOC = (text, opts = {}) => {
     unimplemented('reactTOC');
 };
 const index_mdx = (tree, opts = {}) => {
-    return remark().use(remarkMdx).use(remarkGfm).use(processor_compile).stringify(tree, opts);
+    const processor = remark().use(remarkMdx).use(remarkGfm).use(readme_to_mdx).use(processor_compile);
+    return processor.stringify(processor.runSync(tree), opts);
 };
 const index_html = (text, opts = {}) => {
     unimplemented('html export');

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

@@ -1,4 +1,5 @@
 import readmeComponentsTransformer from './readme-components';
-export { readmeComponentsTransformer };
+import readmeToMdx from './readme-to-mdx';
+export { readmeComponentsTransformer, readmeToMdx };
 declare const _default: (() => (tree: any) => void)[];
 export default _default;

package/dist/processor/transform/readme-to-mdx.d.ts

@@ -0,0 +1,3 @@
+import { Transform } from 'mdast-util-from-markdown';
+declare const readmeToMdx: () => Transform;
+export default readmeToMdx;

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.46",
+  "version": "6.75.0-beta.47",
   "main": "dist/main.node.js",
   "types": "dist/index.d.ts",
   "browser": "dist/main.js",
@@ -105,7 +105,7 @@
     "prettier": "^3.2.5",
     "puppeteer": "^19.8.3",
     "react-router-dom": "^6.22.3",
-    "sass": "^1.77.2",
+    "sass": "^1.77.3",
     "sass-loader": "^13.2.2",
     "semantic-release": "^22.0.12",
     "stream-browserify": "^3.0.0",