How to use xterm-addon-attach - 9 common examples

To help you get started, weโ€™ve selected a few xterm-addon-attach examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github usethesource / rascal-eclipse / rascal-eclipse / src / org / rascalmpl / eclipse / views / xterm / html5 / AttachAddonUse.js View on Github external
"use strict";
exports.__esModule = true;
var xterm_1 = require("xterm");
var xterm_addon_attach_1 = require("xterm-addon-attach");
var urlParams = new URLSearchParams(window.location.search);
var term = new xterm_1.Terminal();
var socket = new WebSocket('ws://localhost:' + urlParams.get('socket'));
var attachAddon = new xterm_addon_attach_1.AttachAddon(socket);
// Attach the socket to term
term.loadAddon(attachAddon);
term.open(document.getElementById('xterm-container'));
github usethesource / rascal-eclipse / rascal-eclipse / src / org / rascalmpl / eclipse / views / xterm / html5 / XtermClient.ts View on Github external
import { AttachAddon } from 'xterm-addon-attach';

const term = new Terminal({
      cursorBlink: true,
      rows: 20
    });

term.setOption('cursorBlink', true);
term.setOption('cursorStyle', 'block');
term.setOption('convertEol', true);



const urlParams = new URLSearchParams(window.location.search)
const socket = new WebSocket('ws://localhost:' + window.location.port + '/?project=' + urlParams.get('project'));
const attachAddon = new AttachAddon(socket);
term.loadAddon(attachAddon);

term.open(document.getElementById('xterm-container'));

var viewport = document.querySelector('.xterm-viewport');

/* TODO: get viewport dimensions from URL parameters */
github filecoin-project / lotus / lotuspond / front / src / Logs.js View on Github external
async componentDidMount() {
    Terminal.applyAddon(fit);

    this.terminal = new Terminal({convertEol: true, fontSize: 11});
    this.terminal.loadAddon(new AttachAddon(new WebSocket(`ws://127.0.0.1:2222/logs/${this.props.node}`), {bidirectional: false, inputUtf8: true}))
    this.terminal.open(this.termRef.current)
    setInterval(() => this.terminal.fit(), 200)
  }
github GitSquared / edex-ui / src / classes / terminal.class.js View on Github external
this.socket.onopen = () => {
                let attachAddon = new AttachAddon(this.socket);
                this.term.loadAddon(attachAddon);
                this.fit();
            };
            this.socket.onerror = e => {throw JSON.stringify(e)};
github shellhub-io / shellhub / ui / src / components / terminal / TerminalDialog.vue View on Github external
this.ws.onopen = () => {
        this.attachAddon = new AttachAddon(this.ws);
        this.xterm.loadAddon(this.attachAddon);
      };
github shellhub-io / shellhub / ui / src / components / terminal / TerminalDialog.vue View on Github external
this.ws.onopen = () => {
        this.attachAddon = new AttachAddon(this.ws);
        this.xterm.loadAddon(this.attachAddon);
      };
github umijs / umi / packages / umi-ui / client / src / components / Shell / index.tsx View on Github external
const handleInit = async (xterm, fitAddon) => {
    if (typeof ref === 'function') {
      ref(xterm, fitAddon);
    }
    if (!socket) {
      socket = new SockJS('/terminal-socket');
      socket.onclose = () => {
        socket = null;
      };
      xterm.loadAddon(new AttachAddon(socket));
      xterm.focus();
      await handleResize(xterm);
    }
    setTerminalRef(xterm);
  };
github felixse / FluentTerminal / FluentTerminal.Client / src / index.ts View on Github external
function attachTerminal() {
  term.loadAddon(new AttachAddon(socket, {inputUtf8: true}));
  term._initialized = true;
}
github spyder-ide / spyder-terminal / spyder_terminal / server / static / js / main.js View on Github external
function runRealTerminal() {
  term.loadAddon(new AttachAddon(socket));
  term._initialized = true;
  curFont = 'Ubuntu Mono';
  fitFont(curFont);
  alive = true;
  let timer = setInterval( () => {
    if(term !== undefined) {
      fitFont(curFont);
      window.dispatchEvent(promptEvent);
      clearInterval(timer);
    }
  }, 200);
}

xterm-addon-attach

An addon for [xterm.js](https://github.com/xtermjs/xterm.js) that enables attaching to a web socket. This addon requires xterm.js v4+.

MIT
Latest version published 7 months ago

Package Health Score

85 / 100
Full package analysis

Popular xterm-addon-attach functions