JSFiddle - React, Tailwind, and code Playground

HTML

<textarea id="output" rows="5"></textarea><br />
Length: <span id="len"></span> bytes

CSS

textarea { width: 100%;}

JavaScript

var s = "\n\
      '\\                   .  .                        |>18>>\n\
        \\              .         ' .                   |\n\
       O>>         .                 'o                |\n\
        \\       .                                      |\n\
        /\\    .                                        |\n\
       / /  .'                                         |\n\
 jgs^^^^^^^`^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n\
";

s = '"'+
    s.replace(/ +/g,function(x){ return String.fromCharCode(x.length); }).
      replace(/\^+/g,function(x){ return String.fromCharCode(x.length+53); }).
      replace(/\\/g,'\\\\').replace(/\n/g,'\\n')+
    '".replace(/[^\'`Og\\n>\\\\,-8j-|]/g,a=>" ^"[a=a.charCodeAt(),a>53|0].repeat(a%53))';
    
document.getElementById('output').value = s;
document.getElementById('len').innerHTML = s.length;