fix: Terminal component should write initialContent before mounting

this may save a bit on refreshes in the UI

Author: starpit

plugins/plugin-codeflare/src/components/Terminal.tsx

@@ -36,11 +36,6 @@ export default class XTerm extends React.PureComponent<Props> {
   public componentDidMount() {
     this.mountTerminal()
 
-    if (this.props.initialContent) {
-      // @starpit i don't know why we have to split the newlines...
-      this.props.initialContent.split(/\n/).forEach(this.writeln)
-      //this.terminal.write(this.props.initialContent)
-    }
     if (this.props.on) {
       this.props.on("line", this.writeln)
     }
@@ -81,6 +76,12 @@ export default class XTerm extends React.PureComponent<Props> {
     Events.eventChannelUnsafe.on("/theme/change", inject)
     this.cleaners.push(() => Events.eventChannelUnsafe.on("/theme/change", inject))
 
+    if (this.props.initialContent) {
+      // @starpit i don't know why we have to split the newlines...
+      this.props.initialContent.split(/\n/).forEach(this.writeln)
+      //this.terminal.write(this.props.initialContent)
+    }
+
     this.terminal.open(xtermContainer)
 
     const doResize = () => {