tabby-web/frontend/src/ssr-polyfills.ts

import * as domino from 'domino';
import * as fs from 'fs';
import * as path from 'path';

const template = fs.readFileSync(path.join(process.cwd(), 'build', 'index.html')).toString();
const win = domino.createWindow(template);

global['window'] = win;

Object.defineProperty(win.document.body.style, 'transform', {
  value: () => {
    return {
      enumerable: true,
      configurable: true
    };
  },
});

Object.defineProperty(win.document.body.style, 'z-index', {
  value: () => {
      return {
          enumerable: true,
          configurable: true
      };
  },
});

global['document'] = win.document;
global['CSS'] = null;
// global['atob'] = win.atob;
global['atob'] = (base64: string) => {
  return Buffer.from(base64, 'base64').toString();
};

function setDomTypes() {
  // Make all Domino types available as types in the global env.
  Object.assign(global, domino['impl']);
  (global as any)['KeyboardEvent'] = domino['impl'].Event;
}

setDomTypes();