feat: add one do not translate component and serialize/deserialize

newrelic · Dec 6, 2021 · b457abe · b457abe
1 parent ba4c2b6
commit b457abe
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 25 deletions.
diff --git a/scripts/actions/utils/handlers.js b/scripts/actions/utils/handlers.js
@@ -134,31 +134,12 @@ module.exports = {
     serialize: serializeComponent,
   },
   DoNotTranslate: {
-    deserialize: (h, node) => {
-      console.dir('serialized node', node);
-      const results = h(
-        node,
-        'code',
-        deserializeJSValue(node.properties.dataProps)
-      );
-      console.dir('deserialized results', results);
-      return results;
-    },
-    serialize: (h, node) => {
-      console.dir('mdx node', node);
-      const results = h(
-        node,
-        'div',
-        {
-          'data-type': 'component',
-          'data-component': 'DoNotTranslate',
-          'data-props': serializeJSValue(omit(node, ['type'])),
-        },
-        [h(node, 'div')]
-      );
-      console.dir('serialized node', results);
-      return results;
-    },
+    deserialize: deserializeComponent,
+    serialize: (h, node) =>
+      serializeComponent(h, node, {
+        classNames: 'notranslate',
+        wrapChildren: false,
+      }),
   },
   ExternalLink: {
     deserialize: deserializeComponent,
@@ -326,4 +307,8 @@ module.exports = {
     deserialize: deserializeComponent,
     serialize: serializeComponent,
   },
+  br: {
+    deserialize: deserializeComponent,
+    serialize: serializeComponent,
+  },
 };
diff --git a/scripts/actions/utils/serialization-helpers.js b/scripts/actions/utils/serialization-helpers.js
@@ -73,6 +73,7 @@ const serializeComponent = (
   node,
   {
     tagName,
+    classNames = '',
     textAttributes = [],
     wrapChildren = true,
     identifyComponent = true,
@@ -89,6 +90,7 @@ const serializeComponent = (
       'data-type': 'component',
       'data-component': identifyComponent ? getComponentName(node) : null,
       'data-props': serializeProps(node),
+      class: classNames || null,
     }),
     textAttributes
       .map((name) => serializeTextProp(h, node, name))