@readme/markdown 6.75.0-beta.27 → 6.75.0-beta.28

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

@@ -0,0 +1,3 @@
+import { CodeTabs } from '../../types';
+declare const codeTabs: (node: CodeTabs, _: any, state: any, info: any) => any;
+export default codeTabs;

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

@@ -0,0 +1,3 @@
+import { Gemoji } from '../../types';
+declare const gemoji: (node: Gemoji) => string;
+export default gemoji;

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

@@ -0,0 +1,7 @@
+declare const compilers: {
+    handlers: {
+        emoji: (node: import("../../types").Gemoji) => string;
+        "code-tabs": (node: import("../../types").CodeTabs, _: any, state: any, info: any) => any;
+    };
+};
+export default compilers;

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

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

package/dist/processor/transform/gemoji+.d.ts

@@ -0,0 +1,3 @@
+import { Root } from 'mdast';
+declare const gemojiTransformer: () => (tree: Root) => Root;
+export default gemojiTransformer;

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

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

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.27",
+  "version": "6.75.0-beta.28",
   "main": "dist/main.node.js",
   "types": "dist/index.d.ts",
   "browser": "dist/main.js",
@@ -24,15 +24,17 @@
   },
   "dependencies": {
     "@mdx-js/mdx": "^3.0.0",
-    "@readme/emojis": "^5.0.0",
+    "@readme/emojis": "^5.1.0",
     "@readme/syntax-highlighter": "^13.0.0",
     "copy-to-clipboard": "^3.3.2",
     "core-js": "^3.36.1",
     "debug": "^4.3.4",
     "emoji-regex": "^10.2.1",
+    "gemoji": "^8.1.0",
     "hast-util-sanitize": "^4.0.0",
     "lodash.escape": "^4.0.1",
     "lodash.kebabcase": "^4.1.1",
+    "mdast-util-find-and-replace": "^3.0.1",
     "mdast-util-toc": "^5.1.0",
     "path-browserify": "^1.0.1",
     "process": "^0.11.10",
@@ -40,8 +42,11 @@
     "rehype-sanitize": "^4.0.0",
     "remark": "^15.0.1",
     "remark-frontmatter": "^5.0.0",
+    "remark-gfm": "^4.0.0",
     "remark-mdx": "^3.0.0",
     "remark-parse": "^11.0.0",
+    "remark-rehype": "^11.1.0",
+    "remark-stringify": "^11.0.0",
     "trim": "^1.0.1",
     "unified": "^8.4.0",
     "unist-util-flatmap": "^1.0.0",
@@ -100,7 +105,7 @@
     "string.prototype.trimend": "^1.0.6",
     "terser-webpack-plugin": "^5.3.7",
     "ts-loader": "^9.4.2",
-    "typescript": "^5.0.3",
+    "typescript": "^5.4.5",
     "vitest": "^1.4.0",
     "webpack": "^5.56.0",
     "webpack-cli": "^5.0.1",

package/components/Code/index.jsx

@@ -1,100 +0,0 @@
-import copy from 'copy-to-clipboard';
-import { string, oneOfType, func, shape, instanceOf, arrayOf, bool } from 'prop-types';
-import React, { createRef, Element, Fragment } from 'react';
-
-// Only load CodeMirror in the browser, for SSR
-// apps. Necessary because of people like this:
-// https://github.com/codemirror/CodeMirror/issues/3701#issuecomment-164904534
-let syntaxHighlighter;
-let canonicalLanguage = () => {};
-if (typeof window !== 'undefined') {
-  // eslint-disable-next-line global-require
-  syntaxHighlighter = require('@readme/syntax-highlighter').default;
-  // eslint-disable-next-line global-require
-  ({ canonical: canonicalLanguage } = require('@readme/syntax-highlighter'));
-}
-
-function CopyCode({ codeRef, rootClass = 'rdmd-code-copy', className = '' }) {
-  const copyClass = `${rootClass}_copied`;
-  const button = createRef();
-  /* istanbul ignore next */
-  const copier = () => {
-    const code = codeRef.current.textContent;
-
-    if (copy(code)) {
-      const $el = button.current;
-      $el.classList.add(copyClass);
-      setTimeout(() => $el.classList.remove(copyClass), 1500);
-    }
-  };
-  return <button ref={button} aria-label="Copy Code" className={`${rootClass} ${className}`} onClick={copier} />;
-}
-
-CopyCode.propTypes = {
-  className: string,
-  codeRef: oneOfType([func, shape({ current: instanceOf(Element) })]).isRequired,
-  rootClass: string,
-};
-
-function Code(props) {
-  const { children, className, copyButtons, lang, meta, theme } = props;
-
-  const langClass = className.search(/lang(?:uage)?-\w+/) >= 0 ? className.match(/\s?lang(?:uage)?-(\w+)/)[1] : '';
-  const language = canonicalLanguage(lang) || langClass;
-
-  const codeRef = createRef();
-
-  const codeOpts = {
-    inline: !lang,
-    tokenizeVariables: true,
-    dark: theme === 'dark',
-  };
-
-  const codeContent =
-    syntaxHighlighter && children ? syntaxHighlighter(children[0], language, codeOpts) : children?.[0] || '';
-
-  return (
-    <Fragment>
-      {copyButtons && <CopyCode className="fa" codeRef={codeRef} />}
-      <code
-        ref={codeRef}
-        className={['rdmd-code', `lang-${language}`, `theme-${theme}`].join(' ')}
-        data-lang={language}
-        name={meta}
-        suppressHydrationWarning={true}
-      >
-        {codeContent}
-      </code>
-    </Fragment>
-  );
-}
-
-function CreateCode({ copyButtons, theme }) {
-  // eslint-disable-next-line react/display-name
-  return props => <Code {...props} copyButtons={copyButtons} theme={theme} />;
-}
-
-Code.propTypes = {
-  children: arrayOf(string),
-  className: string,
-  copyButtons: bool,
-  lang: string,
-  meta: string,
-  theme: string,
-};
-
-Code.defaultProps = {
-  className: '',
-  copyButtons: true,
-  lang: '',
-  meta: '',
-};
-
-CreateCode.sanitize = sanitizeSchema => {
-  // This is for code blocks class name
-  sanitizeSchema.attributes.code = ['className', 'lang', 'meta', 'value'];
-
-  return sanitizeSchema;
-};
-
-export default CreateCode;