@ndla/article-converter 6.0.41 → 6.0.43

package/src/plugins/index.ts

@@ -6,22 +6,22 @@
  *
  */
 
-import { anchorPlugin } from './anchorPlugin';
-import { asidePlugin } from './asidePlugin';
-import { copyParagraphPlugin } from './copyParagraphPlugin';
-import { ddPlugin } from './ddPlugin';
-import { divPlugin } from './divPlugin';
-import { dtPlugin } from './dtPlugin';
-import { h3Plugin } from './h3Plugin';
-import { mathPlugin } from './mathPlugin';
-import { navPlugin } from './navPlugin';
-import { anchorPlugin as oembedAnchorPlugin } from './oembed/anchorPlugin';
-import { olPlugin } from './olPlugin';
-import { paragraphPlugin } from './paragraphPlugin';
-import { spanPlugin } from './spanPlugin';
-import { tablePlugin } from './tablePlugin';
-import { PluginType } from './types';
-import { ulPlugin } from './ulPlugin';
+import { anchorPlugin } from "./anchorPlugin";
+import { asidePlugin } from "./asidePlugin";
+import { copyParagraphPlugin } from "./copyParagraphPlugin";
+import { ddPlugin } from "./ddPlugin";
+import { divPlugin } from "./divPlugin";
+import { dtPlugin } from "./dtPlugin";
+import { h3Plugin } from "./h3Plugin";
+import { mathPlugin } from "./mathPlugin";
+import { navPlugin } from "./navPlugin";
+import { anchorPlugin as oembedAnchorPlugin } from "./oembed/anchorPlugin";
+import { olPlugin } from "./olPlugin";
+import { paragraphPlugin } from "./paragraphPlugin";
+import { spanPlugin } from "./spanPlugin";
+import { tablePlugin } from "./tablePlugin";
+import { PluginType } from "./types";
+import { ulPlugin } from "./ulPlugin";
 
 export const basePlugins: Record<string, PluginType> = {
   h2: copyParagraphPlugin,

package/src/plugins/mathPlugin.tsx

@@ -6,10 +6,10 @@
  *
  */
 
-import { attributesToProps } from 'html-react-parser';
-import { PluginType } from './types';
+import { attributesToProps } from "html-react-parser";
+import { PluginType } from "./types";
 export const mathPlugin: PluginType = (node) => {
-  const { 'data-math': mathContent, ...props } = attributesToProps(node.attribs);
+  const { "data-math": mathContent, ...props } = attributesToProps(node.attribs);
   // @ts-ignore
   return <math {...props} dangerouslySetInnerHTML={{ __html: mathContent }} />;
 };

package/src/plugins/navPlugin.tsx

@@ -6,12 +6,12 @@
  *
  */
 
-import { attributesToProps, domToReact } from 'html-react-parser';
-import { LinkBlockSection } from '@ndla/ui';
-import { PluginType } from './types';
+import { attributesToProps, domToReact } from "html-react-parser";
+import { LinkBlockSection } from "@ndla/ui";
+import { PluginType } from "./types";
 
 export const navPlugin: PluginType = (node, opts) => {
-  if (node.attribs['data-type'] === 'link-block-list') {
+  if (node.attribs["data-type"] === "link-block-list") {
     const props = attributesToProps(node.attribs);
     return <LinkBlockSection {...props}>{domToReact(node.children, opts)}</LinkBlockSection>;
   }

package/src/plugins/oembed/anchorPlugin.tsx

@@ -6,10 +6,10 @@
  *
  */
 
-import { attributesToProps, domToReact } from 'html-react-parser';
-import SafeLink from '@ndla/safelink';
-import { getPossiblyRelativeUrl } from '@ndla/ui';
-import { PluginType } from '../types';
+import { attributesToProps, domToReact } from "html-react-parser";
+import SafeLink from "@ndla/safelink";
+import { getPossiblyRelativeUrl } from "@ndla/ui";
+import { PluginType } from "../types";
 
 export const anchorPlugin: PluginType = (node, options, { path }) => {
   const props = attributesToProps(node.attribs);

package/src/plugins/olPlugin.tsx

@@ -6,15 +6,15 @@
  *
  */
 
-import { attributesToProps, domToReact } from 'html-react-parser';
-import { OrderedList } from '@ndla/ui';
-import { PluginType } from './types';
+import { attributesToProps, domToReact } from "html-react-parser";
+import { OrderedList } from "@ndla/ui";
+import { PluginType } from "./types";
 export const olPlugin: PluginType = (node, converterOpts, opts) => {
   const props = attributesToProps(node.attribs);
-  const letterClass = node.attribs['data-type'] === 'letters' ? 'ol-list--roman' : false;
-  const num = node.attribs['start'];
+  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(' ');
+  const classes = [node.attribs.class ?? false, letterClass, numClass].filter((c): c is string => !!c).join(" ");
 
   return (
     <OrderedList {...props} className={classes.length ? classes : undefined} lang={opts.articleLanguage}>

package/src/plugins/paragraphPlugin.tsx

@@ -6,12 +6,12 @@
  *
  */
 
-import { attributesToProps, domToReact } from 'html-react-parser';
-import { PluginType } from './types';
+import { attributesToProps, domToReact } from "html-react-parser";
+import { PluginType } from "./types";
 export const paragraphPlugin: PluginType = (node, converterOpts, opts) => {
   const props = attributesToProps(node.attribs);
-  if (node.attribs['data-align'] === 'center') {
-    const classes = [node.attribs.class ?? '', 'u-text-center'].filter((c) => !!c).join(' ');
+  if (node.attribs["data-align"] === "center") {
+    const classes = [node.attribs.class ?? "", "u-text-center"].filter((c) => !!c).join(" ");
     return (
       <p {...props} lang={opts.articleLanguage} data-align={undefined} className={classes}>
         {domToReact(node.children, converterOpts)}

package/src/plugins/spanPlugin.tsx

@@ -6,13 +6,13 @@
  *
  */
 
-import { attributesToProps, domToReact } from 'html-react-parser';
-import { PluginType } from './types';
+import { attributesToProps, domToReact } from "html-react-parser";
+import { PluginType } from "./types";
 export const spanPlugin: PluginType = (node, opts) => {
-  if (node.attribs['data-size'] === 'large') {
+  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`}>
+      <span {...props} data-size={undefined} className={`${node.attribs.class ?? ""} u-large-body-text`}>
         {domToReact(node.children, opts)}
       </span>
     );

package/src/plugins/tablePlugin.tsx

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

package/src/plugins/types.ts

@@ -6,8 +6,8 @@
  *
  */
 
-import { Element, HTMLReactParserOptions } from 'html-react-parser';
-import { HeartButtonType, RenderContext, CanonicalUrlFuncs } from '@ndla/ui';
+import { Element, HTMLReactParserOptions } from "html-react-parser";
+import { HeartButtonType, RenderContext, CanonicalUrlFuncs } from "@ndla/ui";
 
 export interface DynamicComponents {
   heartButton?: HeartButtonType;

package/src/plugins/ulPlugin.tsx

@@ -6,14 +6,14 @@
  *
  */
 
-import { attributesToProps, domToReact } from 'html-react-parser';
-import { UnOrderedList } from '@ndla/ui';
-import { PluginType } from './types';
+import { attributesToProps, domToReact } from "html-react-parser";
+import { UnOrderedList } from "@ndla/ui";
+import { PluginType } from "./types";
 export const ulPlugin: PluginType = (node, converterOpts, opts) => {
   const props = attributesToProps(node.attribs);
-  const classes = [node.attribs.class ?? '', node.attribs['data-type'] === 'two-column' ? 'o-list--two-columns' : '']
+  const classes = [node.attribs.class ?? "", node.attribs["data-type"] === "two-column" ? "o-list--two-columns" : ""]
     .filter((c) => !!c)
-    .join(' ');
+    .join(" ");
   return (
     <UnOrderedList {...props} className={classes} lang={opts.articleLanguage}>
       {domToReact(node.children, converterOpts)}

package/src/transform.tsx

@@ -6,28 +6,28 @@
  *
  */
 
-import parse, { HTMLReactParserOptions } from 'html-react-parser';
-import { MetaData } from '@ndla/types-embed';
-import { UnknownEmbed } from '@ndla/ui';
-import { basePlugins, oembedPlugins } from './plugins';
-import { embedPlugins } from './plugins/embed';
-import { TransformOptions } from './plugins/types';
+import parse, { HTMLReactParserOptions } from "html-react-parser";
+import { MetaData } from "@ndla/types-embed";
+import { UnknownEmbed } from "@ndla/ui";
+import { basePlugins, oembedPlugins } from "./plugins";
+import { embedPlugins } from "./plugins/embed";
+import { TransformOptions } from "./plugins/types";
 
 const transform = (content: string, opts: TransformOptions) => {
   const plugins = opts?.isOembed ? oembedPlugins : basePlugins;
   const options: HTMLReactParserOptions = {
     replace: (node) => {
-      if (!('attribs' in node)) {
+      if (!("attribs" in node)) {
         return;
       }
       if (plugins[node.name]) {
         return plugins[node.name](node, options, opts);
       }
-      if (node.name === 'ndlaembed') {
-        if (embedPlugins[node.attribs['data-resource']]) {
-          return embedPlugins[node.attribs['data-resource']](node, options, opts);
+      if (node.name === "ndlaembed") {
+        if (embedPlugins[node.attribs["data-resource"]]) {
+          return embedPlugins[node.attribs["data-resource"]](node, options, opts);
         } else {
-          const embed = JSON.parse(node.attribs['data-json']) as MetaData<any, any>;
+          const embed = JSON.parse(node.attribs["data-json"]) as MetaData<any, any>;
           return <UnknownEmbed embed={embed} />;
         }
       }