ui: create new AnsiUp instance for every render

packages/ui-default/backendlib/misc.ts

@@ -3,10 +3,8 @@ import { AnsiUp } from 'ansi_up';
 
 export { formatSeconds, size } from 'hydrooj';
 
-const AU = new AnsiUp();
-
 export function ansiToHtml(str: string, whiteToBlack = true) {
-  const res = AU.ansi_to_html(str);
+  const res = new AnsiUp().ansi_to_html(str);
   return whiteToBlack ? res.replace(/style="color:rgb\(255,255,255\)"/g, 'style="color:black"') : res;
 }
 

packages/ui-default/components/scratchpad/ScratchpadPretestContainer.jsx

@@ -7,8 +7,6 @@ import { i18n } from 'vj/utils';
 import DataInput from './DataInputComponent';
 import Panel from './PanelComponent';
 
-const AU = new AnsiUp();
-
 const mapStateToProps = (state) => ({
   input: state.pretest.input,
   output: state.pretest.output,
@@ -47,7 +45,7 @@ export default connect(mapStateToProps, mapDispatchToProps)(class ScratchpadPret
           />
           <DataInput
             title={i18n('Output')}
-            value={AU.ansi_to_html(this.props.output)}
+            value={new AnsiUp().ansi_to_html(this.props.output)}
             html
           />
         </Allotment>