WIP: add serialize function to handler for DoNotTranslate component

newrelic · Dec 2, 2021 · 844be5c · 844be5c
1 parent 9fb8254
commit 844be5c
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 1 deletion.
diff --git a/scripts/actions/__tests__/serialize-mdx.test.js b/scripts/actions/__tests__/serialize-mdx.test.js
@@ -1,10 +1,20 @@
 import serializeMDX from '../serialize-mdx';
 import fs from 'fs';
 
+test.only('test DoNotTranslate', async () => {
+  const html = await serializeMDX(`
+    <DoNotTranslate>
+      Not all who wander are lost...
+    </DoNotTranslate>
+  `);
+
+  expect(html).toMatchSnapshot();
+});
+
 test('serializes Button to html', async () => {
   const html = await serializeMDX(`
 <Button
-  variant="normal"
+  variant="primary"
 >
   View all C SDK docs
 </Button>

diff --git a/scripts/actions/utils/handlers.js b/scripts/actions/utils/handlers.js
@@ -184,6 +184,19 @@ module.exports = {
     serialize: (h, node) =>
       serializeComponent(h, node, { textAttributes: ['title'] }),
   },
+  DoNotTranslate: {
+    deserialize: 
+    serialize: (h, node) => {
+      const result = h(node, 'div', {
+        'data-type': 'component',
+        'data-component': 'DoNotTranslate',
+        'data-props': Buffer.from(JSON.stringify(node.children)).toString(
+          'base64'
+        ),
+      });
+      return result;
+    },
+  },
   thead: {
     deserialize: deserializeComponent,
     serialize: (h, node) =>

diff --git a/src/components/MDXContainer.js b/src/components/MDXContainer.js
@@ -28,6 +28,7 @@ const defaultComponents = {
   Button: MDXButton,
   ButtonLink: (props) => <MDXButton as={Link} {...props} />,
   ButtonGroup: MDXButtonGroup,
+  DoNotTranslate: ({ children }) => <>{children}</>,
 };
 
 const MDXContainer = ({ body, children, components }) => {