Add JSX nodes to variable injector

website/src/remark/variable-injector.js

@@ -14,28 +14,32 @@
 
 const visit = require('unist-util-visit');
 
+// Allowed types (in alphabetical order)
+const allowedTypes = ['code', 'definition', 'inlineCode', 'jsx', 'link', 'text'];
+
 const plugin = (options) => {
   return async (ast) => {
     // visit() will match all nodes form the AST that have one of the types specified
     // in the second argument.
     // In those nodes, we want to inject variables in different fields:
-    //    - For 'text' 'code' and 'inlineCode' nodes, we'll look in the "value" property
+    //    - For 'code', 'inlineCode', 'jsx' and 'text' nodes, we'll look in the "value" property
     //    - For 'link' and 'definition' nodes, we'll look in the "url" property
     // Nodes generated in AST are referenced here: https://github.com/syntax-tree/mdast
     // Note: to "visit" a node, reference it here in camelCase
-    visit(ast, ['text', 'code', 'inlineCode', 'link', 'definition'], (node) => {
+    visit(ast, allowedTypes, (node) => {
       let value;
       switch (node.type) {
-        case 'link':
-        case 'definition':
-          value = node.url;
-          break;
-
-        case 'text':
         case 'code':
         case 'inlineCode':
+        case 'jsx':
+        case 'text':
           value = node.value;
           break;
+
+        case 'definition':
+        case 'link':
+          value = node.url;
+          break;
       }
 
       // This matches text between two '@'.
@@ -51,16 +55,17 @@ const plugin = (options) => {
       });
 
       switch (node.type) {
-        case 'link':
-        case 'definition':
-          node.url = value;
-          break;
-
-        case 'text':
         case 'code':
         case 'inlineCode':
+        case 'jsx':
+        case 'text':
           node.value = value;
           break;
+
+        case 'definition':
+        case 'link':
+          node.url = value;
+          break;
       }
     });
   };