@ndla/article-converter 2.4.11 → 2.5.0

package/es/extractEmbedMeta.js

@@ -14,4 +14,26 @@ var extractEmbedMeta = function extractEmbedMeta(embed) {
   }
   return JSON.parse(node.props['data-json']);
 };
+export var extractEmbedMetas = function extractEmbedMetas(embed) {
+  var nodes = parse(embed);
+
+  // There are no embeds in the string
+  if (typeof nodes === 'string') {
+    return [];
+  }
+  // There is only one embed in the string
+  else if (!Array.isArray(nodes) && nodes.type === 'ndlaembed' && !!nodes.props['data-json']) {
+    return [JSON.parse(nodes.props['data-json'])];
+  }
+  // There are multiple embeds in the string
+  else if (Array.isArray(nodes) && nodes.length && nodes.every(function (n) {
+    return n.type === 'ndlaembed' && !!n.props['data-json'];
+  })) {
+    return nodes.map(function (n) {
+      return JSON.parse(n.props['data-json']);
+    });
+  } else {
+    return [];
+  }
+};
 export default extractEmbedMeta;

package/es/index.js

@@ -7,4 +7,4 @@
  */
 
 export { default as transform } from './transform';
-export { default as extractEmbedMeta } from './extractEmbedMeta';
+export { default as extractEmbedMeta, extractEmbedMetas } from './extractEmbedMeta';

package/es/plugins/divPlugin.js

@@ -20,7 +20,7 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 
 import partition from 'lodash/partition';
 import { domToReact, attributesToProps } from 'html-react-parser';
-import { FileListV2, RelatedArticleListV2, Grid } from '@ndla/ui';
+import { FileListV2, RelatedArticleListV2, Grid, GridParallaxItem } from '@ndla/ui';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
 import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
@@ -60,6 +60,10 @@ export var divPlugin = function divPlugin(node, opts) {
     }, _props), {}, {
       children: domToReact(node.children, opts)
     }));
+  } else if (node.attribs['data-parallax-cell'] === 'true' && node.children.length) {
+    return _jsx(GridParallaxItem, {
+      children: domToReact(node.children, opts)
+    });
   }
   return null;
 };

package/es/plugins/embed/linkBlockEmbedPlugin.js

@@ -0,0 +1,22 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/**
+ * 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 { LinkBlock } from '@ndla/ui';
+import { attributesToProps } from 'html-react-parser';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export var imageEmbedPlugin = function imageEmbedPlugin(element) {
+  var props = attributesToProps(element.attribs);
+  var data = JSON.parse(props['data-json']);
+  return _jsx(LinkBlock, _objectSpread({}, data.embedData));
+};

package/es/plugins/index.js

@@ -25,6 +25,7 @@ import { asidePlugin } from './asidePlugin';
 import { ulPlugin } from './ulPlugin';
 import { ddPlugin } from './ddPlugin';
 import { dtPlugin } from './dtPlugin';
+import { navPlugin } from './navPlugin';
 export var basePlugins = {
   h2: copyParagraphPlugin,
   h3: h3Plugin,
@@ -37,7 +38,8 @@ export var basePlugins = {
   aside: asidePlugin,
   ul: ulPlugin,
   dd: ddPlugin,
-  dt: dtPlugin
+  dt: dtPlugin,
+  nav: navPlugin
 };
 export var oembedPlugins = _objectSpread(_objectSpread({}, basePlugins), {}, {
   a: anchorPlugin

package/es/plugins/navPlugin.js

@@ -0,0 +1,26 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/**
+ * 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 { LinkBlockSection } from '@ndla/ui';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export var navPlugin = function navPlugin(node, opts) {
+  if (node.attribs['data-type'] === 'link-block') {
+    var props = attributesToProps(node.attribs);
+    return _jsx(LinkBlockSection, _objectSpread(_objectSpread({}, props), {}, {
+      children: domToReact(node.children, opts)
+    }));
+  }
+  return null;
+};

package/lib/extractEmbedMeta.d.ts

@@ -7,4 +7,5 @@
  */
 import { EmbedMetaData } from '@ndla/types-embed';
 declare const extractEmbedMeta: (embed: string) => EmbedMetaData | undefined;
+export declare const extractEmbedMetas: (embed: string) => EmbedMetaData[];
 export default extractEmbedMeta;

package/lib/extractEmbedMeta.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.extractEmbedMetas = exports.default = void 0;
 var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
@@ -21,5 +21,28 @@ var extractEmbedMeta = function extractEmbedMeta(embed) {
   }
   return JSON.parse(node.props['data-json']);
 };
+var extractEmbedMetas = function extractEmbedMetas(embed) {
+  var nodes = (0, _htmlReactParser.default)(embed);
+
+  // There are no embeds in the string
+  if (typeof nodes === 'string') {
+    return [];
+  }
+  // There is only one embed in the string
+  else if (!Array.isArray(nodes) && nodes.type === 'ndlaembed' && !!nodes.props['data-json']) {
+    return [JSON.parse(nodes.props['data-json'])];
+  }
+  // There are multiple embeds in the string
+  else if (Array.isArray(nodes) && nodes.length && nodes.every(function (n) {
+    return n.type === 'ndlaembed' && !!n.props['data-json'];
+  })) {
+    return nodes.map(function (n) {
+      return JSON.parse(n.props['data-json']);
+    });
+  } else {
+    return [];
+  }
+};
+exports.extractEmbedMetas = extractEmbedMetas;
 var _default = extractEmbedMeta;
 exports.default = _default;

package/lib/index.d.ts

@@ -6,5 +6,5 @@
  *
  */
 export { default as transform } from './transform';
-export { default as extractEmbedMeta } from './extractEmbedMeta';
+export { default as extractEmbedMeta, extractEmbedMetas } from './extractEmbedMeta';
 export type { TransformOptions, DynamicComponents } from './plugins/types';

package/lib/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,6 +10,12 @@ Object.defineProperty(exports, "extractEmbedMeta", {
     return _extractEmbedMeta.default;
   }
 });
+Object.defineProperty(exports, "extractEmbedMetas", {
+  enumerable: true,
+  get: function get() {
+    return _extractEmbedMeta.extractEmbedMetas;
+  }
+});
 Object.defineProperty(exports, "transform", {
   enumerable: true,
   get: function get() {
@@ -16,5 +23,7 @@ Object.defineProperty(exports, "transform", {
   }
 });
 var _transform = _interopRequireDefault(require("./transform"));
-var _extractEmbedMeta = _interopRequireDefault(require("./extractEmbedMeta"));
+var _extractEmbedMeta = _interopRequireWildcard(require("./extractEmbedMeta"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/plugins/divPlugin.js

@@ -63,6 +63,10 @@ var divPlugin = function divPlugin(node, opts) {
     }, _props), {}, {
       children: (0, _htmlReactParser.domToReact)(node.children, opts)
     }));
+  } else if (node.attribs['data-parallax-cell'] === 'true' && node.children.length) {
+    return (0, _jsxRuntime.jsx)(_ui.GridParallaxItem, {
+      children: (0, _htmlReactParser.domToReact)(node.children, opts)
+    });
   }
   return null;
 };

package/lib/plugins/embed/linkBlockEmbedPlugin.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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';
+export declare const imageEmbedPlugin: PluginType;

package/lib/plugins/embed/linkBlockEmbedPlugin.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.imageEmbedPlugin = void 0;
+var _ui = require("@ndla/ui");
+var _htmlReactParser = require("html-react-parser");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /**
+                                                                                                                                                                                                                                                                                                                                                                                               * 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.
+                                                                                                                                                                                                                                                                                                                                                                                               *
+                                                                                                                                                                                                                                                                                                                                                                                               */
+var imageEmbedPlugin = function imageEmbedPlugin(element) {
+  var props = (0, _htmlReactParser.attributesToProps)(element.attribs);
+  var data = JSON.parse(props['data-json']);
+  return (0, _jsxRuntime.jsx)(_ui.LinkBlock, _objectSpread({}, data.embedData));
+};
+exports.imageEmbedPlugin = imageEmbedPlugin;

package/lib/plugins/index.js

@@ -17,6 +17,7 @@ var _asidePlugin = require("./asidePlugin");
 var _ulPlugin = require("./ulPlugin");
 var _ddPlugin = require("./ddPlugin");
 var _dtPlugin = require("./dtPlugin");
+var _navPlugin = require("./navPlugin");
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -41,7 +42,8 @@ var basePlugins = {
   aside: _asidePlugin.asidePlugin,
   ul: _ulPlugin.ulPlugin,
   dd: _ddPlugin.ddPlugin,
-  dt: _dtPlugin.dtPlugin
+  dt: _dtPlugin.dtPlugin,
+  nav: _navPlugin.navPlugin
 };
 exports.basePlugins = basePlugins;
 var oembedPlugins = _objectSpread(_objectSpread({}, basePlugins), {}, {

package/lib/plugins/navPlugin.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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';
+export declare const navPlugin: PluginType;

package/lib/plugins/navPlugin.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.navPlugin = void 0;
+var _htmlReactParser = require("html-react-parser");
+var _ui = require("@ndla/ui");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /**
+                                                                                                                                                                                                                                                                                                                                                                                               * 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.
+                                                                                                                                                                                                                                                                                                                                                                                               *
+                                                                                                                                                                                                                                                                                                                                                                                               */
+var navPlugin = function navPlugin(node, opts) {
+  if (node.attribs['data-type'] === 'link-block') {
+    var props = (0, _htmlReactParser.attributesToProps)(node.attribs);
+    return (0, _jsxRuntime.jsx)(_ui.LinkBlockSection, _objectSpread(_objectSpread({}, props), {}, {
+      children: (0, _htmlReactParser.domToReact)(node.children, opts)
+    }));
+  }
+  return null;
+};
+exports.navPlugin = navPlugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/article-converter",
-  "version": "2.4.11",
+  "version": "2.5.0",
   "description": "Transforms NDLA articles into extended html versions",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -27,11 +27,11 @@
     "src"
   ],
   "devDependencies": {
-    "@ndla/types-embed": "^2.0.5"
+    "@ndla/types-embed": "^2.0.7"
   },
   "dependencies": {
-    "@ndla/code": "^2.2.20",
-    "@ndla/ui": "^43.0.1",
+    "@ndla/code": "^2.2.22",
+    "@ndla/ui": "^44.0.0",
     "html-react-parser": "^3.0.8",
     "lodash": "^4.17.20"
   },
@@ -44,5 +44,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8e45543b08254be6779eacff708494896344bee8"
+  "gitHead": "dfd245ca3261ca1209556b43c6185220e2fd7639"
 }

package/src/extractEmbedMeta.ts

@@ -18,4 +18,27 @@ const extractEmbedMeta = (embed: string): EmbedMetaData | undefined => {
   return JSON.parse(node.props['data-json']) as EmbedMetaData;
 };
 
+export const extractEmbedMetas = (embed: string): EmbedMetaData[] => {
+  const nodes = parse(embed);
+
+  // There are no embeds in the string
+  if (typeof nodes === 'string') {
+    return [];
+  }
+  // There is only one embed in the string
+  else if (!Array.isArray(nodes) && nodes.type === 'ndlaembed' && !!nodes.props['data-json']) {
+    return [JSON.parse(nodes.props['data-json']) as EmbedMetaData];
+  }
+  // There are multiple embeds in the string
+  else if (
+    Array.isArray(nodes) &&
+    nodes.length &&
+    nodes.every((n) => n.type === 'ndlaembed' && !!n.props['data-json'])
+  ) {
+    return nodes.map((n) => JSON.parse(n.props['data-json']) as EmbedMetaData);
+  } else {
+    return [];
+  }
+};
+
 export default extractEmbedMeta;

package/src/index.ts

@@ -7,5 +7,5 @@
  */
 
 export { default as transform } from './transform';
-export { default as extractEmbedMeta } from './extractEmbedMeta';
+export { default as extractEmbedMeta, extractEmbedMetas } from './extractEmbedMeta';
 export type { TransformOptions, DynamicComponents } from './plugins/types';

package/src/plugins/divPlugin.tsx

@@ -8,7 +8,7 @@
 
 import partition from 'lodash/partition';
 import { domToReact, attributesToProps, Element } from 'html-react-parser';
-import { FileListV2, RelatedArticleListV2, Grid, GridType } from '@ndla/ui';
+import { FileListV2, RelatedArticleListV2, Grid, GridType, GridParallaxItem } from '@ndla/ui';
 import { PluginType } from './types';
 
 export const divPlugin: PluginType = (node, opts) => {
@@ -48,6 +48,8 @@ export const divPlugin: PluginType = (node, opts) => {
         {domToReact(node.children, opts)}
       </Grid>
     );
+  } else if (node.attribs['data-parallax-cell'] === 'true' && node.children.length) {
+    return <GridParallaxItem>{domToReact(node.children, opts)}</GridParallaxItem>;
   }
   return null;
 };

package/src/plugins/embed/linkBlockEmbedPlugin.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 { LinkBlock } from '@ndla/ui';
+import { attributesToProps } from 'html-react-parser';
+import { LinkBlockMetaData } from '@ndla/types-embed';
+import { PluginType } from '../types';
+
+export const imageEmbedPlugin: PluginType = (element) => {
+  const props = attributesToProps(element.attribs);
+  const data = JSON.parse(props['data-json']) as LinkBlockMetaData;
+
+  return <LinkBlock {...data.embedData} />;
+};

package/src/plugins/index.ts

@@ -20,6 +20,7 @@ import { asidePlugin } from './asidePlugin';
 import { ulPlugin } from './ulPlugin';
 import { ddPlugin } from './ddPlugin';
 import { dtPlugin } from './dtPlugin';
+import { navPlugin } from './navPlugin';
 
 export const basePlugins: Record<string, PluginType> = {
   h2: copyParagraphPlugin,
@@ -34,6 +35,7 @@ export const basePlugins: Record<string, PluginType> = {
   ul: ulPlugin,
   dd: ddPlugin,
   dt: dtPlugin,
+  nav: navPlugin,
 };
 
 export const oembedPlugins: Record<string, PluginType> = {

package/src/plugins/navPlugin.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 { LinkBlockSection } from '@ndla/ui';
+import { PluginType } from './types';
+
+export const navPlugin: PluginType = (node, opts) => {
+  if (node.attribs['data-type'] === 'link-block') {
+    const props = attributesToProps(node.attribs);
+    return <LinkBlockSection {...props}>{domToReact(node.children, opts)}</LinkBlockSection>;
+  }
+  return null;
+};