@ndla/article-converter 1.0.1

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@ndla/article-converter",
+  "version": "1.0.1",
+  "description": "Transforms NDLA articles into extended html versions",
+  "license": "GPL-3.0",
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "types": "lib/index.d.ts",
+  "sideEffects": false,
+  "scripts": {
+    "build": "yarn build:types",
+    "build:types": "tsc -p tsconfig.build.json",
+    "prepublish": "yarn build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/NDLANO/frontend-packages.git",
+    "directory": "packages/article-converter"
+  },
+  "keywords": [
+    "ndla"
+  ],
+  "author": "ndla@knowit.no",
+  "files": [
+    "lib",
+    "es",
+    "src"
+  ],
+  "devDependencies": {
+    "@ndla/types-embed": "^1.0.0"
+  },
+  "dependencies": {
+    "@ndla/code": "^2.1.18",
+    "@ndla/ui": "^34.6.3",
+    "html-react-parser": "^3.0.8",
+    "lodash": "^4.17.20"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.10.4",
+    "@emotion/styled": "^11.10.4",
+    "react": "^16.9.0 || ^17.0.0",
+    "react-i18next": "^11.18.6"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "3be4405a57a209633f9e8534b5f208ab50bae6f0"
+}

package/src/extractEmbedMeta.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import parse from 'html-react-parser';
+import { EmbedMetaData } from '@ndla/types-embed';
+
+const extractEmbedMeta = (embed: string): EmbedMetaData | undefined => {
+  const node = parse(embed);
+  if (typeof node === 'string' || Array.isArray(node) || node.type !== 'ndlaembed' || !node.props['data-json']) {
+    return;
+  }
+
+  return JSON.parse(node.props['data-json']) as EmbedMetaData;
+};
+
+export default extractEmbedMeta;

package/src/index.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+export { default as transform } from './transform';
+export { default as extractEmbedMeta } from './extractEmbedMeta';
+export type { TransformOptions } from './plugins/types';

package/src/plugins/AsidePlugin.tsx

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { domToReact } from 'html-react-parser';
+import { Aside, FactBoxV2 } from '@ndla/ui';
+import { PluginType } from './types';
+export const AsidePlugin: PluginType = (node, opts) => {
+  if (node.attribs['data-type'] === 'factAside') {
+    return <FactBoxV2>{domToReact(node.children, opts)}</FactBoxV2>;
+  } else if (node.attribs['data-type'] === 'rightAside') {
+    return (
+      <Aside wideScreen alwaysShow>
+        {domToReact(node.children, opts)}
+      </Aside>
+    );
+  }
+
+  return null;
+};

package/src/plugins/CopyParagraphPlugin.tsx

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { CopyParagraphButtonV2 } from '@ndla/ui';
+import { domToReact } from 'html-react-parser';
+import { PluginType } from './types';
+export const CopyParagraphPlugin: PluginType = (node, opts) => {
+  return (
+    <CopyParagraphButtonV2 copyText={node.attribs['data-text']}>
+      {domToReact(node.children, opts)}
+    </CopyParagraphButtonV2>
+  );
+};

package/src/plugins/DivPlugin.tsx

@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import partition from 'lodash/partition';
+import { domToReact, attributesToProps, Element } from 'html-react-parser';
+import { FileListV2, RelatedArticleListV2 } from '@ndla/ui';
+import { PluginType } from './types';
+export const DivPlugin: PluginType = (node, opts) => {
+  if (node.attribs['data-type'] === 'related-content' && node.children.length) {
+    const props = attributesToProps(node.attribs);
+
+    return (
+      <RelatedArticleListV2 {...props} headingLevel="h3">
+        {/* @ts-ignore          */}
+        {domToReact(node.children, opts)}
+      </RelatedArticleListV2>
+    );
+  } else if (node.attribs['data-type'] === 'file' && node.childNodes.length) {
+    const elements = node.childNodes.filter(
+      (c): c is Element => c.type === 'tag' && c.name === 'ndlaembed' && c.attribs['data-resource'] === 'file',
+    );
+    const [pdfs, files] = partition(
+      elements,
+      (el) => el.attribs['data-type'] === 'pdf' && el.attribs['data-display'] === 'block',
+    );
+
+    return (
+      <>
+        {files.length ? <FileListV2>{domToReact(files, opts)}</FileListV2> : undefined}
+        {domToReact(pdfs, opts)}
+      </>
+    );
+  }
+  return null;
+};

package/src/plugins/H3Plugin.tsx

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { attributesToProps, domToReact } from 'html-react-parser';
+import { PluginType } from './types';
+export const H3Plugin: PluginType = (node, opts) => {
+  const props = attributesToProps(node.attribs);
+  return (
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+    <h3 {...props} tabIndex={0}>
+      {domToReact(node.children, opts)}
+    </h3>
+  );
+};

package/src/plugins/MathPlugin.tsx

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { attributesToProps } from 'html-react-parser';
+import { PluginType } from './types';
+export const MathPlugin: PluginType = (node) => {
+  const props = attributesToProps(node.attribs);
+  return <span dangerouslySetInnerHTML={{ __html: `<math display="block">${props['data-math']}</math>` }} />;
+};

package/src/plugins/OLPlugin.tsx

@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { attributesToProps, domToReact } from 'html-react-parser';
+import { PluginType } from './types';
+export const OLPlugin: PluginType = (node, opts) => {
+  const props = attributesToProps(node.attribs);
+  const letterClass = node.attribs['data-type'] === 'letters' ? 'ol-list--roman' : false;
+  const num = node.attribs['start'];
+  const numClass = num ? `ol-reset-${num}` : false;
+  const classes = [node.attribs.class ?? false, letterClass, numClass].filter((c): c is string => !!c).join(' ');
+
+  return (
+    <ol {...props} data-type={undefined} className={classes.length ? classes : undefined}>
+      {domToReact(node.children, opts)}
+    </ol>
+  );
+};

package/src/plugins/ParagraphPlugin.tsx

@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { attributesToProps, domToReact } from 'html-react-parser';
+import { PluginType } from './types';
+export const ParagraphPlugin: PluginType = (node, opts) => {
+  if (node.attribs['data-align'] === 'center') {
+    const props = attributesToProps(node.attribs);
+    const classes = [node.attribs.class ?? '', 'u-text-center'].filter((c) => !!c).join(' ');
+    return (
+      <p {...props} data-align={undefined} className={classes}>
+        {domToReact(node.children, opts)}
+      </p>
+    );
+  }
+
+  return null;
+};

package/src/plugins/SpanPlugin.tsx

@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { attributesToProps, domToReact } from 'html-react-parser';
+import { PluginType } from './types';
+export const SpanPlugin: PluginType = (node, opts) => {
+  if (node.attribs['data-size'] === 'large') {
+    const props = attributesToProps(node.attribs);
+    return (
+      <span {...props} data-size={undefined} className={`${node.attribs.class ?? ''} u-large-body-text`}>
+        {domToReact(node.children, opts)}
+      </span>
+    );
+  }
+
+  return null;
+};

package/src/plugins/TablePlugin.tsx

@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { Table } from '@ndla/ui';
+import { attributesToProps, domToReact } from 'html-react-parser';
+import { PluginType } from './types';
+export const TablePlugin: PluginType = (node, opts) => {
+  const props = attributesToProps(node.attribs);
+  return <Table {...props}>{domToReact(node.children, opts)}</Table>;
+};

package/src/plugins/ULPlugin.tsx

@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { attributesToProps, domToReact } from 'html-react-parser';
+import { PluginType } from './types';
+export const OLPlugin: PluginType = (node, opts) => {
+  if (node.attribs['data-type'] === 'two-column') {
+    const props = attributesToProps(node.attribs);
+    const classes = [node.attribs.class ?? '', 'o-list--two-columns'].filter((c) => !!c).join(' ');
+    return (
+      <ul {...props} data-type={undefined} className={classes}>
+        {domToReact(node.children, opts)}
+      </ul>
+    );
+  }
+
+  return null;
+};

package/src/plugins/embed/AudioEmbedPlugin.tsx

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { attributesToProps } from 'html-react-parser';
+import { AudioMetaData } from '@ndla/types-embed';
+import { AudioEmbed } from '@ndla/ui';
+import { PluginType } from '../types';
+
+export const AudioEmbedPlugin: PluginType = (element, _, opts) => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']) as AudioMetaData;
+  return <AudioEmbed embed={data} articlePath={opts.path} />;
+};

package/src/plugins/embed/BrightcoveEmbedPlugin.tsx

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { attributesToProps } from 'html-react-parser';
+import { BrightcoveMetaData } from '@ndla/types-embed';
+import { BrightcoveEmbed } from '@ndla/ui';
+import { PluginType } from '../types';
+
+export const BrightcoveEmbedPlugin: PluginType = (element) => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']) as BrightcoveMetaData;
+  return <BrightcoveEmbed embed={data} />;
+};

package/src/plugins/embed/CodeEmbedPlugin.tsx

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { attributesToProps } from 'html-react-parser';
+import { CodeMetaData } from '@ndla/types-embed';
+import { CodeEmbed } from '@ndla/code';
+import { PluginType } from '../types';
+
+export const CodeEmbedPlugin: PluginType = (element) => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']) as CodeMetaData;
+  return <CodeEmbed embed={data} />;
+};

package/src/plugins/embed/ConceptEmbedPlugin.tsx

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { attributesToProps } from 'html-react-parser';
+import { ConceptMetaData } from '@ndla/types-embed';
+import { ConceptEmbed } from '@ndla/ui';
+import { PluginType } from '../types';
+
+export const ConceptEmbedPlugin: PluginType = (element) => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']) as ConceptMetaData;
+  return <ConceptEmbed embed={data} fullWidth />;
+};

package/src/plugins/embed/ConceptListEmbedPlugin.tsx

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { attributesToProps } from 'html-react-parser';
+import { ConceptListMetaData } from '@ndla/types-embed';
+import { ConceptListEmbed } from '@ndla/ui';
+import { PluginType } from '../types';
+
+export const ConceptListEmbedPlugin: PluginType = (element) => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']) as ConceptListMetaData;
+  return <ConceptListEmbed embed={data} />;
+};

package/src/plugins/embed/ContentLinkEmbedPlugin.tsx

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { attributesToProps } from 'html-react-parser';
+import { ContentLinkMetaData } from '@ndla/types-embed';
+import { ContentLinkEmbed } from '@ndla/ui';
+import { PluginType } from '../types';
+
+export const ContentLinkEmbedPlugin: PluginType = (element, _, { isOembed }) => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']) as ContentLinkMetaData;
+  return <ContentLinkEmbed embed={data} isOembed={isOembed} />;
+};

package/src/plugins/embed/ExternalEmbedPlugin.tsx

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { attributesToProps } from 'html-react-parser';
+import { OembedMetaData } from '@ndla/types-embed';
+import { ExternalEmbed } from '@ndla/ui';
+import { PluginType } from '../types';
+
+export const ExternalEmbedPlugin: PluginType = (element) => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']) as OembedMetaData;
+  return <ExternalEmbed embed={data} />;
+};

package/src/plugins/embed/FileEmbedPlugin.tsx

@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { attributesToProps } from 'html-react-parser';
+import { FileMetaData } from '@ndla/types-embed';
+import { PdfFile, FileV2 } from '@ndla/ui';
+import { PluginType } from '../types';
+
+export const FileEmbedPlugin: PluginType = (element) => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']) as FileMetaData;
+  const { type, title, url } = data.embedData;
+  if (type === 'pdf') {
+    return <PdfFile title={title} url={url} />;
+  } else {
+    return (
+      <FileV2
+        id={`file-${data.seq}`}
+        url={url}
+        title={title}
+        fileExists={data.status === 'success' ? !!data.data.exists : false}
+        fileType={type}
+      />
+    );
+  }
+};

package/src/plugins/embed/FootnoteEmbedPlugin.tsx

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { attributesToProps } from 'html-react-parser';
+import { FootnoteMetaData } from '@ndla/types-embed';
+import { FootnoteEmbed } from '@ndla/ui';
+import { PluginType } from '../types';
+
+export const FootnoteEmbedPlugin: PluginType = (element) => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']) as FootnoteMetaData;
+  return <FootnoteEmbed embed={data} />;
+};

package/src/plugins/embed/H5pEmbedPlugin.tsx

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { attributesToProps } from 'html-react-parser';
+import { H5pMetaData } from '@ndla/types-embed';
+import { H5pEmbed } from '@ndla/ui';
+import { PluginType } from '../types';
+
+export const H5pEmbedPlugin: PluginType = (element) => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']) as H5pMetaData;
+  return <H5pEmbed embed={data} />;
+};

package/src/plugins/embed/IframeEmbedPlugin.tsx

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { attributesToProps } from 'html-react-parser';
+import { IframeMetaData } from '@ndla/types-embed';
+import { IframeEmbed } from '@ndla/ui';
+import { PluginType } from '../types';
+
+export const IframeEmbedPlugin: PluginType = (element) => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']) as IframeMetaData;
+  return <IframeEmbed embed={data} />;
+};

package/src/plugins/embed/ImageEmbedPlugin.tsx

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { ImageEmbed } from '@ndla/ui';
+import { attributesToProps } from 'html-react-parser';
+import { ImageMetaData } from '@ndla/types-embed';
+import { PluginType } from '../types';
+
+export const ImageEmbedPlugin: PluginType = (element, _, opts) => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']) as ImageMetaData;
+  return <ImageEmbed embed={data} articlePath={opts.path} previewAlt={opts.previewAlt} />;
+};

package/src/plugins/embed/RelatedContentEmbedPlugin.tsx

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { attributesToProps } from 'html-react-parser';
+import { RelatedContentMetaData } from '@ndla/types-embed';
+import { RelatedContentEmbed } from '@ndla/ui';
+import { PluginType } from '../types';
+
+export const RelatedContentEmbedPlugin: PluginType = (element, _, opts) => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']) as RelatedContentMetaData;
+  return <RelatedContentEmbed embed={data} subject={opts.subject} ndlaFrontendDomain={opts.frontendDomain} />;
+};

package/src/plugins/embed/index.ts

@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { PluginType } from '../types';
+import { AudioEmbedPlugin } from './AudioEmbedPlugin';
+import { ExternalEmbedPlugin } from './ExternalEmbedPlugin';
+import { H5pEmbedPlugin } from './H5pEmbedPlugin';
+import { IframeEmbedPlugin } from './IframeEmbedPlugin';
+import { ImageEmbedPlugin } from './ImageEmbedPlugin';
+import { FootnoteEmbedPlugin } from './FootnoteEmbedPlugin';
+import { BrightcoveEmbedPlugin } from './BrightcoveEmbedPlugin';
+import { RelatedContentEmbedPlugin } from './RelatedContentEmbedPlugin';
+import { ContentLinkEmbedPlugin } from './ContentLinkEmbedPlugin';
+import { ConceptEmbedPlugin } from './ConceptEmbedPlugin';
+import { ConceptListEmbedPlugin } from './ConceptListEmbedPlugin';
+import { FileEmbedPlugin } from './FileEmbedPlugin';
+import { CodeEmbedPlugin } from './CodeEmbedPlugin';
+
+export const embedPlugins: Record<string, PluginType> = {
+  image: ImageEmbedPlugin,
+  audio: AudioEmbedPlugin,
+  h5p: H5pEmbedPlugin,
+  'code-block': CodeEmbedPlugin,
+  external: ExternalEmbedPlugin,
+  iframe: IframeEmbedPlugin,
+  footnote: FootnoteEmbedPlugin,
+  brightcove: BrightcoveEmbedPlugin,
+  'related-content': RelatedContentEmbedPlugin,
+  'content-link': ContentLinkEmbedPlugin,
+  concept: ConceptEmbedPlugin,
+  'concept-list': ConceptListEmbedPlugin,
+  file: FileEmbedPlugin,
+};

package/src/plugins/index.ts

@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) 2023-present, NDLA.
+ *
+ * This source code is licensed under the GPLv3 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+import { CopyParagraphPlugin } from './CopyParagraphPlugin';
+import { PluginType } from './types';
+import { OLPlugin } from './OLPlugin';
+import { ParagraphPlugin } from './ParagraphPlugin';
+import { SpanPlugin } from './SpanPlugin';
+import { H3Plugin } from './H3Plugin';
+import { MathPlugin } from './MathPlugin';
+import { AnchorPlugin } from './oembed/AnchorPlugin';
+import { DivPlugin } from './DivPlugin';
+import { TablePlugin } from './TablePlugin';
+import { AsidePlugin } from './AsidePlugin';
+
+export const basePlugins: Record<string, PluginType> = {
+  h2: CopyParagraphPlugin,
+  h3: H3Plugin,
+  ol: OLPlugin,
+  p: ParagraphPlugin,
+  span: SpanPlugin,
+  math: MathPlugin,
+  div: DivPlugin,
+  table: TablePlugin,
+  aside: AsidePlugin,
+};
+
+export const oembedPlugins: Record<string, PluginType> = {
+  ...basePlugins,
+  a: AnchorPlugin,
+};