Techognito/starter-kit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add xterm-canvas-addon dependency for rendering

Browse source
This commit is contained in:
Justin Stephenson 2023-07-06 10:35:50 -04:00
parent 7623d95e11
commit e9f6c15d70
2 changed files with 5 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
package.json
View file

@ -47,8 +47,8 @@
"dependencies": {
"@patternfly/patternfly": "5.0.0-alpha.64",
"@patternfly/react-core": "5.0.0-alpha.115",
"@patternfly/react-styles": "5.0.0-alpha.16",
"@patternfly/react-icons": "5.0.0-alpha.19",
"@patternfly/react-styles": "5.0.0-alpha.16",
"@patternfly/react-table": "^5.0.0-alpha.118",
"@patternfly/react-tokens": "^5.0.0-alpha.14",
"buffer": "^6.0.3",
@ -59,6 +59,7 @@
"react": "18.2.0",
"react-dom": "18.2.0",
"throttle-debounce": "^5.0.0",
"xterm": "^5.1.0"
"xterm": "5.1.0",
"xterm-addon-canvas": "^0.4.0"
}
}

2
src/player.jsx
View file

@ -19,6 +19,7 @@
import React from 'react';
import './player.css';
import { Terminal as Term } from 'xterm';
import { CanvasAddon } from 'xterm-addon-canvas';
import {
Alert,
AlertGroup,
@ -1203,6 +1204,7 @@ export class Player extends React.Component {
}
/* Open the terminal */
this.state.term.open(this.termRef.current);
this.state.term.loadAddon(new CanvasAddon());
window.setInterval(this.sync, 100);
/* Reset playback */
this.reset();