Displaying Images in WebShell

# sixel protocol
brew install libsixel

# imgcat can also be installed via iTerm2’s Shell integration package
brew install eddieantonio/eddieantonio/imgcat

npm install --save @xterm/addon-image

  const customSettings = {
    enableSizeReports: true,    // whether to enable CSI t reports (see below)
    pixelLimit: 16777216,       // max. pixel size of a single image
    sixelSupport: true,         // enable sixel support
    sixelScrolling: true,       // whether to scroll on image output
    sixelPaletteLimit: 256,     // initial sixel palette size
    sixelSizeLimit: 25000000,   // size limit of a single sixel sequence
    storageLimit: 128,          // FIFO storage limit in MB
    showPlaceholder: true,      // whether to show a placeholder for evicted images
    iipSupport: true,           // enable iTerm IIP support
    iipSizeLimit: 20000000      // size limit of a single IIP sequence
  }
  const imageAddon = new ImageAddon.ImageAddon(customSettings);

  term.loadAddon(imageAddon);