Adding Box rendering component

src/syntax/js.js

@@ -6,12 +6,20 @@ const parse = expr => {
     type: 'SVG',
     children: [
       {
-        type: 'Text',
+        type: 'Box',
         props: {
-          quoted: true
+          theme: 'literal'
         },
         children: [
-          `JS => ${ expr }`
+          {
+            type: 'Text',
+            props: {
+              quoted: true
+            },
+            children: [
+              `JS => ${ expr }`
+            ]
+          }
         ]
       }
     ]

src/syntax/pcre.js

@@ -6,12 +6,20 @@ const parse = expr => {
     type: 'SVG',
     children: [
       {
-        type: 'Text',
+        type: 'Box',
         props: {
-          quoted: true
+          theme: 'literal'
         },
         children: [
-          `PCRE => ${ expr }`
+          {
+            type: 'Text',
+            props: {
+              quoted: true
+            },
+            children: [
+              `PCRE => ${ expr }`
+            ]
+          }
         ]
       }
     ]