@ndla/article-converter 6.0.41 → 6.0.43

package/src/plugins/divPlugin.tsx

@@ -6,16 +6,16 @@
  *
  */
 
-import { domToReact, attributesToProps, Element } from 'html-react-parser';
-import partition from 'lodash/partition';
-import { FileList, RelatedArticleList, Grid, GridType, GridParallaxItem, FramedContent } from '@ndla/ui';
-import { PluginType } from './types';
+import { domToReact, attributesToProps, Element } from "html-react-parser";
+import partition from "lodash/partition";
+import { FileList, RelatedArticleList, Grid, GridType, GridParallaxItem, FramedContent } from "@ndla/ui";
+import { PluginType } from "./types";
 
 export const divPlugin: PluginType = (node, opts) => {
-  if (node.attribs['data-type'] === 'framed-content' || node.attribs.class === 'c-bodybox') {
+  if (node.attribs["data-type"] === "framed-content" || node.attribs.class === "c-bodybox") {
     return <FramedContent>{domToReact(node.children, opts)}</FramedContent>;
   }
-  if (node.attribs['data-type'] === 'related-content' && node.children.length) {
+  if (node.attribs["data-type"] === "related-content" && node.children.length) {
     const props = attributesToProps(node.attribs);
 
     return (
@@ -24,13 +24,13 @@ export const divPlugin: PluginType = (node, opts) => {
         {domToReact(node.children, opts)}
       </RelatedArticleList>
     );
-  } else if (node.attribs['data-type'] === 'file' && node.childNodes.length) {
+  } 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',
+      (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',
+      (el) => el.attribs["data-type"] === "pdf" && el.attribs["data-display"] === "block",
     );
 
     return (
@@ -39,19 +39,19 @@ export const divPlugin: PluginType = (node, opts) => {
         {domToReact(pdfs, opts)}
       </>
     );
-  } else if (node.attribs['data-type'] === 'grid' && node.children.length > 0) {
+  } else if (node.attribs["data-type"] === "grid" && node.children.length > 0) {
     const props = attributesToProps(node.attribs);
-    const columns = props['data-columns'] as GridType['columns'];
-    const border = props['data-border'] as GridType['border'];
-    const background = props['data-background'] as GridType['background'];
-    const frontpage = !!props['data-size'] as GridType['size'];
+    const columns = props["data-columns"] as GridType["columns"];
+    const border = props["data-border"] as GridType["border"];
+    const background = props["data-background"] as GridType["background"];
+    const frontpage = !!props["data-size"] as GridType["size"];
     return (
       <Grid isFrontpage={frontpage} border={border} columns={columns} background={background} {...props}>
         {/* @ts-ignore */}
         {domToReact(node.children, opts)}
       </Grid>
     );
-  } else if (node.attribs['data-parallax-cell'] === 'true' && node.children.length) {
+  } else if (node.attribs["data-parallax-cell"] === "true" && node.children.length) {
     return <GridParallaxItem>{domToReact(node.children, opts)}</GridParallaxItem>;
   }
   return null;

package/src/plugins/dtPlugin.tsx

@@ -6,9 +6,9 @@
  *
  */
 
-import { attributesToProps, domToReact } from 'html-react-parser';
-import { DefinitionTerm } from '@ndla/ui';
-import { PluginType } from './types';
+import { attributesToProps, domToReact } from "html-react-parser";
+import { DefinitionTerm } from "@ndla/ui";
+import { PluginType } from "./types";
 
 export const dtPlugin: PluginType = (node, converterOpts, opts) => {
   const props = attributesToProps(node.attribs);

package/src/plugins/embed/KeyFigureEmbedPlugin.tsx

@@ -6,24 +6,24 @@
  *
  */
 
-import { attributesToProps } from 'html-react-parser';
-import { KeyFigureMetaData } from '@ndla/types-embed';
-import { KeyFigure } from '@ndla/ui';
-import { PluginType } from '../types';
+import { attributesToProps } from "html-react-parser";
+import { KeyFigureMetaData } from "@ndla/types-embed";
+import { KeyFigure } from "@ndla/ui";
+import { PluginType } from "../types";
 
 export const keyFigureEmbedPlugin: PluginType = (element, _, opts) => {
   const props = attributesToProps(element.attribs);
-  const data = JSON.parse(props['data-json']) as KeyFigureMetaData;
+  const data = JSON.parse(props["data-json"]) as KeyFigureMetaData;
   const { title, subtitle, alt } = data.embedData;
   return (
     <KeyFigure
       title={title}
       subtitle={subtitle}
       image={
-        data.status === 'success' && data.data.metaImage
+        data.status === "success" && data.data.metaImage
           ? {
               src: data.data.metaImage.image.imageUrl,
-              alt: alt === undefined ? '' : alt,
+              alt: alt === undefined ? "" : alt,
             }
           : undefined
       }

package/src/plugins/embed/audioEmbedPlugin.tsx

@@ -6,13 +6,13 @@
  *
  */
 
-import { attributesToProps } from 'html-react-parser';
-import { AudioMetaData } from '@ndla/types-embed';
-import { AudioEmbed } from '@ndla/ui';
-import { PluginType } from '../types';
+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;
+  const data = JSON.parse(props["data-json"]) as AudioMetaData;
   return <AudioEmbed embed={data} heartButton={opts.components?.heartButton} lang={opts.articleLanguage} />;
 };

package/src/plugins/embed/blogPostEmbedPlugin.tsx

@@ -6,16 +6,16 @@
  *
  */
 
-import { attributesToProps } from 'html-react-parser';
-import { BlogPostMetaData } from '@ndla/types-embed';
-import { BlogPostV2 } from '@ndla/ui';
-import { PluginType } from '../types';
+import { attributesToProps } from "html-react-parser";
+import { BlogPostMetaData } from "@ndla/types-embed";
+import { BlogPostV2 } from "@ndla/ui";
+import { PluginType } from "../types";
 
 export const errorSvgSrc = `data:image/svg+xml;charset=UTF-8,%3Csvg fill='%238A8888' height='400' viewBox='0 0 24 12' width='100%25' xmlns='http://www.w3.org/2000/svg' style='background-color: %23EFF0F2'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath transform='scale(0.3) translate(28, 8.5)' d='M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/%3E%3C/svg%3E`;
 
 export const blogPostEmbedPlugin: PluginType = (element, _, opts) => {
   const props = attributesToProps(element.attribs);
-  const data = JSON.parse(props['data-json']) as BlogPostMetaData;
+  const data = JSON.parse(props["data-json"]) as BlogPostMetaData;
   const { title, author, url, size, language, alt } = data.embedData;
   return (
     <BlogPostV2
@@ -25,8 +25,8 @@ export const blogPostEmbedPlugin: PluginType = (element, _, opts) => {
       size={size}
       path={opts.path}
       metaImage={{
-        alt: alt ? alt : '',
-        url: data.status === 'success' ? data.data.metaImage?.image.imageUrl ?? errorSvgSrc : errorSvgSrc,
+        alt: alt ? alt : "",
+        url: data.status === "success" ? data.data.metaImage?.image.imageUrl ?? errorSvgSrc : errorSvgSrc,
       }}
     />
   );

package/src/plugins/embed/brightcoveEmbedPlugin.tsx

@@ -6,13 +6,13 @@
  *
  */
 
-import { attributesToProps } from 'html-react-parser';
-import { BrightcoveMetaData } from '@ndla/types-embed';
-import { BrightcoveEmbed } from '@ndla/ui';
-import { PluginType } from '../types';
+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, _, opts) => {
   const props = attributesToProps(element.attribs);
-  const data = JSON.parse(props['data-json']) as BrightcoveMetaData;
+  const data = JSON.parse(props["data-json"]) as BrightcoveMetaData;
   return <BrightcoveEmbed embed={data} heartButton={opts.components?.heartButton} renderContext={opts.renderContext} />;
 };

package/src/plugins/embed/campaignBlockPlugin.tsx

@@ -6,28 +6,31 @@
  *
  */
 
-import { attributesToProps } from 'html-react-parser';
-import { CampaignBlockMetaData } from '@ndla/types-embed';
-import { CampaignBlock } from '@ndla/ui';
-import { PluginType } from '../types';
+import { attributesToProps } from "html-react-parser";
+import { CampaignBlockMetaData } from "@ndla/types-embed";
+import { CampaignBlock } from "@ndla/ui";
+import { PluginType } from "../types";
 
 export const campaignBlockPlugin: PluginType = (element, _, opts) => {
   const props = attributesToProps(element.attribs);
-  const data = JSON.parse(props['data-json']) as CampaignBlockMetaData;
+  const data = JSON.parse(props["data-json"]) as CampaignBlockMetaData;
   const embed = data.embedData;
 
   return (
     <CampaignBlock
       title={{ title: embed.title, language: embed.titleLanguage }}
-      description={{ text: embed.description, language: embed.descriptionLanguage }}
+      description={{
+        text: embed.description,
+        language: embed.descriptionLanguage,
+      }}
       url={{ url: embed.url, text: embed.urlText }}
       path={opts.path}
       imageSide={embed.imageSide}
       image={
-        data.status === 'success' && data.data.image
+        data.status === "success" && data.data.image
           ? {
               src: data.data.image.image.imageUrl,
-              alt: embed.alt === undefined ? '' : embed.alt,
+              alt: embed.alt === undefined ? "" : embed.alt,
             }
           : undefined
       }

package/src/plugins/embed/codeEmbedPlugin.tsx

@@ -6,13 +6,13 @@
  *
  */
 
-import { attributesToProps } from 'html-react-parser';
-import { CodeEmbed } from '@ndla/code';
-import { CodeMetaData } from '@ndla/types-embed';
-import { PluginType } from '../types';
+import { attributesToProps } from "html-react-parser";
+import { CodeEmbed } from "@ndla/code";
+import { CodeMetaData } from "@ndla/types-embed";
+import { PluginType } from "../types";
 
 export const codeEmbedPlugin: PluginType = (element) => {
   const props = attributesToProps(element.attribs);
-  const data = JSON.parse(props['data-json']) as CodeMetaData;
+  const data = JSON.parse(props["data-json"]) as CodeMetaData;
   return <CodeEmbed embed={data} />;
 };

package/src/plugins/embed/conceptEmbedPlugin.tsx

@@ -6,13 +6,13 @@
  *
  */
 
-import { attributesToProps } from 'html-react-parser';
-import { ConceptMetaData } from '@ndla/types-embed';
-import { ConceptEmbed } from '@ndla/ui';
-import { PluginType } from '../types';
+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, _, opts) => {
   const props = attributesToProps(element.attribs);
-  const data = JSON.parse(props['data-json']) as ConceptMetaData;
+  const data = JSON.parse(props["data-json"]) as ConceptMetaData;
   return <ConceptEmbed embed={data} fullWidth heartButton={opts.components?.heartButton} lang={opts.articleLanguage} />;
 };

package/src/plugins/embed/conceptListEmbedPlugin.tsx

@@ -6,13 +6,13 @@
  *
  */
 
-import { attributesToProps } from 'html-react-parser';
-import { ConceptListMetaData } from '@ndla/types-embed';
-import { ConceptListEmbed } from '@ndla/ui';
-import { PluginType } from '../types';
+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, _, opts) => {
   const props = attributesToProps(element.attribs);
-  const data = JSON.parse(props['data-json']) as ConceptListMetaData;
+  const data = JSON.parse(props["data-json"]) as ConceptListMetaData;
   return <ConceptListEmbed embed={data} lang={opts.articleLanguage} />;
 };

package/src/plugins/embed/contactBlockEmbedPlugin.tsx

@@ -6,18 +6,18 @@
  *
  */
 
-import { attributesToProps } from 'html-react-parser';
-import { ContactBlockMetaData } from '@ndla/types-embed';
-import { ContactBlock } from '@ndla/ui';
-import { PluginType } from '../types';
+import { attributesToProps } from "html-react-parser";
+import { ContactBlockMetaData } from "@ndla/types-embed";
+import { ContactBlock } from "@ndla/ui";
+import { PluginType } from "../types";
 
 export const contactBlockEmbedPlugin: PluginType = (element, _, opts) => {
   const props = attributesToProps(element.attribs);
-  const embedData = JSON.parse(props['data-json']) as ContactBlockMetaData;
+  const embedData = JSON.parse(props["data-json"]) as ContactBlockMetaData;
   const { name, email, description, blob, blobColor, jobTitle, alt } = embedData.embedData;
   return (
     <ContactBlock
-      image={embedData.status === 'success' ? embedData.data.image : undefined}
+      image={embedData.status === "success" ? embedData.data.image : undefined}
       embedAlt={alt}
       description={description}
       email={email}

package/src/plugins/embed/contentLinkEmbedPlugin.tsx

@@ -6,13 +6,13 @@
  *
  */
 
-import { attributesToProps } from 'html-react-parser';
-import { ContentLinkMetaData } from '@ndla/types-embed';
-import { ContentLinkEmbed } from '@ndla/ui';
-import { PluginType } from '../types';
+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;
+  const data = JSON.parse(props["data-json"]) as ContentLinkMetaData;
   return <ContentLinkEmbed embed={data} isOembed={isOembed} />;
 };

package/src/plugins/embed/externalEmbedPlugin.tsx

@@ -6,13 +6,13 @@
  *
  */
 
-import { attributesToProps } from 'html-react-parser';
-import { OembedMetaData } from '@ndla/types-embed';
-import { ExternalEmbed } from '@ndla/ui';
-import { PluginType } from '../types';
+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;
+  const data = JSON.parse(props["data-json"]) as OembedMetaData;
   return <ExternalEmbed embed={data} />;
 };

package/src/plugins/embed/fileEmbedPlugin.tsx

@@ -6,23 +6,23 @@
  *
  */
 
-import { attributesToProps } from 'html-react-parser';
-import { FileMetaData } from '@ndla/types-embed';
-import { PdfFile, File } from '@ndla/ui';
-import { PluginType } from '../types';
+import { attributesToProps } from "html-react-parser";
+import { FileMetaData } from "@ndla/types-embed";
+import { PdfFile, File } 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 data = JSON.parse(props["data-json"]) as FileMetaData;
   const { type, title, url, display } = data.embedData;
-  if (type === 'pdf' && display === 'block') {
+  if (type === "pdf" && display === "block") {
     return <PdfFile title={title} url={url} />;
   } else {
     return (
       <File
         url={url}
         title={title}
-        fileExists={data.status === 'success' ? !!data.data.exists : false}
+        fileExists={data.status === "success" ? !!data.data.exists : false}
         fileType={type}
       />
     );

package/src/plugins/embed/footnoteEmbedPlugin.tsx

@@ -6,13 +6,13 @@
  *
  */
 
-import { attributesToProps } from 'html-react-parser';
-import { FootnoteMetaData } from '@ndla/types-embed';
-import { FootnoteEmbed } from '@ndla/ui';
-import { PluginType } from '../types';
+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;
+  const data = JSON.parse(props["data-json"]) as FootnoteMetaData;
   return <FootnoteEmbed embed={data} />;
 };

package/src/plugins/embed/h5pEmbedPlugin.tsx

@@ -6,13 +6,13 @@
  *
  */
 
-import { attributesToProps } from 'html-react-parser';
-import { H5pMetaData } from '@ndla/types-embed';
-import { H5pEmbed } from '@ndla/ui';
-import { PluginType } from '../types';
+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;
+  const data = JSON.parse(props["data-json"]) as H5pMetaData;
   return <H5pEmbed embed={data} />;
 };

package/src/plugins/embed/iframeEmbedPlugin.tsx

@@ -6,13 +6,13 @@
  *
  */
 
-import { attributesToProps } from 'html-react-parser';
-import { IframeMetaData } from '@ndla/types-embed';
-import { IframeEmbed } from '@ndla/ui';
-import { PluginType } from '../types';
+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;
+  const data = JSON.parse(props["data-json"]) as IframeMetaData;
   return <IframeEmbed embed={data} />;
 };

package/src/plugins/embed/imageEmbedPlugin.tsx

@@ -6,15 +6,15 @@
  *
  */
 
-import { attributesToProps, Element } from 'html-react-parser';
-import { ImageMetaData } from '@ndla/types-embed';
-import { ImageEmbed } from '@ndla/ui';
-import { PluginType } from '../types';
+import { attributesToProps, Element } from "html-react-parser";
+import { ImageMetaData } from "@ndla/types-embed";
+import { ImageEmbed } from "@ndla/ui";
+import { PluginType } from "../types";
 
 export const imageEmbedPlugin: PluginType = (element, _, opts) => {
   const props = attributesToProps(element.attribs);
-  const data = JSON.parse(props['data-json']) as ImageMetaData;
-  const inGrid = (element.parentNode?.parentNode as Element)?.attribs?.['data-type'] === 'grid';
+  const data = JSON.parse(props["data-json"]) as ImageMetaData;
+  const inGrid = (element.parentNode?.parentNode as Element)?.attribs?.["data-type"] === "grid";
 
   return (
     <ImageEmbed

package/src/plugins/embed/index.ts

@@ -6,43 +6,43 @@
  *
  */
 
-import { audioEmbedPlugin } from './audioEmbedPlugin';
-import { blogPostEmbedPlugin } from './blogPostEmbedPlugin';
-import { brightcoveEmbedPlugin } from './brightcoveEmbedPlugin';
-import { campaignBlockPlugin } from './campaignBlockPlugin';
-import { codeEmbedPlugin } from './codeEmbedPlugin';
-import { conceptEmbedPlugin } from './conceptEmbedPlugin';
-import { conceptListEmbedPlugin } from './conceptListEmbedPlugin';
-import { contactBlockEmbedPlugin } from './contactBlockEmbedPlugin';
-import { contentLinkEmbedPlugin } from './contentLinkEmbedPlugin';
-import { externalEmbedPlugin } from './externalEmbedPlugin';
-import { fileEmbedPlugin } from './fileEmbedPlugin';
-import { footnoteEmbedPlugin } from './footnoteEmbedPlugin';
-import { h5pEmbedPlugin } from './h5pEmbedPlugin';
-import { iframeEmbedPlugin } from './iframeEmbedPlugin';
-import { imageEmbedPlugin } from './imageEmbedPlugin';
-import { keyFigureEmbedPlugin } from './KeyFigureEmbedPlugin';
-import { linkBlockPlugin } from './linkBlockEmbedPlugin';
-import { relatedContentEmbedPlugin } from './relatedContentEmbedPlugin';
-import { PluginType } from '../types';
+import { audioEmbedPlugin } from "./audioEmbedPlugin";
+import { blogPostEmbedPlugin } from "./blogPostEmbedPlugin";
+import { brightcoveEmbedPlugin } from "./brightcoveEmbedPlugin";
+import { campaignBlockPlugin } from "./campaignBlockPlugin";
+import { codeEmbedPlugin } from "./codeEmbedPlugin";
+import { conceptEmbedPlugin } from "./conceptEmbedPlugin";
+import { conceptListEmbedPlugin } from "./conceptListEmbedPlugin";
+import { contactBlockEmbedPlugin } from "./contactBlockEmbedPlugin";
+import { contentLinkEmbedPlugin } from "./contentLinkEmbedPlugin";
+import { externalEmbedPlugin } from "./externalEmbedPlugin";
+import { fileEmbedPlugin } from "./fileEmbedPlugin";
+import { footnoteEmbedPlugin } from "./footnoteEmbedPlugin";
+import { h5pEmbedPlugin } from "./h5pEmbedPlugin";
+import { iframeEmbedPlugin } from "./iframeEmbedPlugin";
+import { imageEmbedPlugin } from "./imageEmbedPlugin";
+import { keyFigureEmbedPlugin } from "./KeyFigureEmbedPlugin";
+import { linkBlockPlugin } from "./linkBlockEmbedPlugin";
+import { relatedContentEmbedPlugin } from "./relatedContentEmbedPlugin";
+import { PluginType } from "../types";
 
 export const embedPlugins: Record<string, PluginType> = {
   image: imageEmbedPlugin,
   audio: audioEmbedPlugin,
   h5p: h5pEmbedPlugin,
-  'code-block': codeEmbedPlugin,
+  "code-block": codeEmbedPlugin,
   external: externalEmbedPlugin,
   iframe: iframeEmbedPlugin,
   footnote: footnoteEmbedPlugin,
   brightcove: brightcoveEmbedPlugin,
-  'related-content': relatedContentEmbedPlugin,
-  'content-link': contentLinkEmbedPlugin,
+  "related-content": relatedContentEmbedPlugin,
+  "content-link": contentLinkEmbedPlugin,
   concept: conceptEmbedPlugin,
-  'concept-list': conceptListEmbedPlugin,
-  'blog-post': blogPostEmbedPlugin,
+  "concept-list": conceptListEmbedPlugin,
+  "blog-post": blogPostEmbedPlugin,
   file: fileEmbedPlugin,
-  'key-figure': keyFigureEmbedPlugin,
-  'contact-block': contactBlockEmbedPlugin,
-  'campaign-block': campaignBlockPlugin,
-  'link-block': linkBlockPlugin,
+  "key-figure": keyFigureEmbedPlugin,
+  "contact-block": contactBlockEmbedPlugin,
+  "campaign-block": campaignBlockPlugin,
+  "link-block": linkBlockPlugin,
 };

package/src/plugins/embed/linkBlockEmbedPlugin.tsx

@@ -6,14 +6,14 @@
  *
  */
 
-import { attributesToProps } from 'html-react-parser';
-import { LinkBlockMetaData } from '@ndla/types-embed';
-import { LinkBlock } from '@ndla/ui';
-import { PluginType } from '../types';
+import { attributesToProps } from "html-react-parser";
+import { LinkBlockMetaData } from "@ndla/types-embed";
+import { LinkBlock } from "@ndla/ui";
+import { PluginType } from "../types";
 
 export const linkBlockPlugin: PluginType = (element, _, opts) => {
   const props = attributesToProps(element.attribs);
-  const data = JSON.parse(props['data-json']) as LinkBlockMetaData;
+  const data = JSON.parse(props["data-json"]) as LinkBlockMetaData;
 
   return <LinkBlock {...data.embedData} path={opts.path} />;
 };

package/src/plugins/embed/relatedContentEmbedPlugin.tsx

@@ -6,13 +6,13 @@
  *
  */
 
-import { attributesToProps } from 'html-react-parser';
-import { RelatedContentMetaData } from '@ndla/types-embed';
-import { RelatedContentEmbed } from '@ndla/ui';
-import { PluginType } from '../types';
+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;
+  const data = JSON.parse(props["data-json"]) as RelatedContentMetaData;
   return <RelatedContentEmbed embed={data} subject={opts.subject} ndlaFrontendDomain={opts.frontendDomain} />;
 };

package/src/plugins/h3Plugin.tsx

@@ -6,8 +6,8 @@
  *
  */
 
-import { attributesToProps, domToReact } from 'html-react-parser';
-import { PluginType } from './types';
+import { attributesToProps, domToReact } from "html-react-parser";
+import { PluginType } from "./types";
 export const h3Plugin: PluginType = (node, converterOpts, opts) => {
   const props = attributesToProps(node.attribs);
   return (