@ndla/article-converter 1.0.1

package/src/plugins/oembed/AnchorPlugin.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, domToReact } from 'html-react-parser';
+import { PluginType } from '../types';
+export const AnchorPlugin: PluginType = (node, options) => {
+  const props = attributesToProps(node.attribs);
+  return (
+    <a {...props} target="_blank">
+      {domToReact(node.children, options)}
+    </a>
+  );
+};

package/src/plugins/types.ts

@@ -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 { Element, HTMLReactParserOptions } from 'html-react-parser';
+
+export interface TransformOptions {
+  isOembed?: boolean;
+  subject?: string;
+  path?: string;
+  previewAlt?: boolean;
+  frontendDomain?: string;
+}
+
+export type PluginType = (
+  element: Element,
+  options: HTMLReactParserOptions,
+  metaData: TransformOptions,
+) => JSX.Element | undefined | null;

package/src/transform.tsx

@@ -0,0 +1,41 @@
+/**
+ * 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, { HTMLReactParserOptions } from 'html-react-parser';
+import { UnknownEmbed } from '@ndla/ui';
+import { MetaData } from '@ndla/types-embed';
+import { basePlugins, oembedPlugins } from './plugins';
+import { TransformOptions } from './plugins/types';
+import { embedPlugins } from './plugins/embed';
+
+const transform = (content: string, opts: TransformOptions) => {
+  const plugins = opts?.isOembed ? oembedPlugins : basePlugins;
+  const options: HTMLReactParserOptions = {
+    replace: (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);
+        } else {
+          const embed = JSON.parse(node.attribs['data-json']) as MetaData<any, any>;
+          return <UnknownEmbed embed={embed} />;
+        }
+      }
+    },
+  };
+  const replaced = parse(content, options);
+
+  return replaced;
+};
+
+export default transform;