feat(swift-export): add code highlight for console

Author: zoobestik

src/executable-code/executable-fragment.js

@@ -504,6 +504,24 @@ export default class ExecutableFragment extends ExecutableCodeTemplate {
 
                 state.exception = null;
                 this.update(state);
+
+                if (targetPlatform === TargetPlatforms.SWIFT_EXPORT) {
+                  const code = this.nodes[0]
+                    .querySelector(SELECTORS.JS_CODE_OUTPUT_EXECUTOR)
+                    .querySelector('.result-code');
+
+                  if (code) {
+                    CodeMirror(
+                      (elt) => code.parentNode.replaceChild(elt, code),
+                      {
+                        mode: 'swift',
+                        readOnly: 'nocursorgit st',
+                        theme: this.state.theme,
+                        value: code.innerText,
+                      },
+                    );
+                  }
+                }
               });
           }
         },

src/js-executor/index.js

@@ -38,7 +38,7 @@ export default class JsExecutor {
     onError,
   ) {
     if (platform === TargetPlatforms.SWIFT_EXPORT) {
-      return `<span class="standard-output ${theme}">${jsCode}</span>`;
+      return `<span class="standard-output ${theme}"><div class="result-code">${jsCode}</span>`;
     }
     if (platform === TargetPlatforms.CANVAS) {
       this.iframe.style.display = 'block';