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

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

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

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

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

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

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

package/package.json

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

package/components/Embed/index.jsx

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