mirror of
https://github.com/Eugeny/tabby-web.git
synced 2025-06-17 09:59:53 +00:00
402 lines
13 KiB
TypeScript
402 lines
13 KiB
TypeScript
import 'core-js/proposals/reflect-metadata'
|
|
import '@fortawesome/fontawesome-free/css/solid.css'
|
|
import '@fortawesome/fontawesome-free/css/brands.css'
|
|
import '@fortawesome/fontawesome-free/css/fontawesome.css'
|
|
import 'source-code-pro/source-code-pro.css'
|
|
import 'source-sans-pro/source-sans-pro.css'
|
|
import * as yaml from 'js-yaml'
|
|
import { Duplex } from 'stream-browserify'
|
|
import { Buffer } from 'buffer'
|
|
|
|
import './terminal-styles.scss'
|
|
|
|
export class Socket extends Duplex {
|
|
webSocket: WebSocket
|
|
|
|
constructor () {
|
|
console.warn('socket constr', arguments)
|
|
super({
|
|
allowHalfOpen: false,
|
|
})
|
|
}
|
|
|
|
connect () {
|
|
this.webSocket = new WebSocket('ws://localhost:9001/')
|
|
this.webSocket.onopen = event => {
|
|
this['emit']('connect')
|
|
}
|
|
this.webSocket.onmessage = async event => {
|
|
this['emit']('data', Buffer.from(await event.data.arrayBuffer()))
|
|
}
|
|
}
|
|
|
|
setNoDelay () {
|
|
|
|
}
|
|
|
|
setTimeout () {
|
|
|
|
}
|
|
|
|
_read (size: number): void {
|
|
console.warn('socket read', size)
|
|
}
|
|
|
|
_write (chunk: Buffer, _encoding: string, callback: (error?: Error | null) => void): void {
|
|
console.warn('socket write', chunk)
|
|
this.webSocket.send(chunk)
|
|
callback()
|
|
}
|
|
|
|
_destroy (error: Error|null, callback: (error: Error|null) => void): void {
|
|
console.warn('socket destroy', error)
|
|
callback(error)
|
|
}
|
|
}
|
|
|
|
async function start () {
|
|
class Logger {
|
|
constructor () {
|
|
for (let x of ['info', 'warn', 'error', 'log', 'debug']) {
|
|
this[x] = () => null
|
|
}
|
|
}
|
|
}
|
|
|
|
let windowReadyCallback
|
|
const configContent = `
|
|
enableAnalytics: false
|
|
enableWelcomeTab: false
|
|
terminal:
|
|
font: "Source Code Pro"
|
|
autoOpen: true
|
|
rightClick: menu
|
|
copyOnSelect: false
|
|
appearance:
|
|
vibrancy: false
|
|
pluginBlacklist: []
|
|
`
|
|
const config = yaml.load(configContent)
|
|
|
|
const mocks = {
|
|
fs: {
|
|
realpathSync: path => {
|
|
console.warn('mock realPathSync', path)
|
|
return path
|
|
},
|
|
existsSync: path => {
|
|
if (path === 'app-path/config.yaml') {
|
|
return true
|
|
}
|
|
console.warn('mock existsSync', path)
|
|
return false
|
|
},
|
|
mkdir: path => {
|
|
console.warn('mock mkdir', path)
|
|
},
|
|
mkdirSync: path => {
|
|
console.warn('mock mkdirSync', path)
|
|
},
|
|
// stat: (path, cb) => {
|
|
// if ([
|
|
// 'resources/builtin-plugins',
|
|
// 'resources/builtin-plugins/terminus-core/package.json',
|
|
// 'resources/builtin-plugins/terminus-ssh/package.json',
|
|
// 'resources/builtin-plugins/terminus-settings/package.json',
|
|
// 'resources/builtin-plugins/terminus-terminal/package.json',
|
|
// ].includes(path)) {
|
|
// cb(null, {})
|
|
// } else {
|
|
// console.warn('mock stat', path)
|
|
// cb('ENOEXIST')
|
|
// }
|
|
// },
|
|
writeFileSync: () => null,
|
|
readFileSync: (path) => {
|
|
if (path === 'app-path/config.yaml') {
|
|
return configContent
|
|
}
|
|
return ''
|
|
},
|
|
readFile: (path, enc, cb) => {
|
|
console.warn('mock readFile', path)
|
|
cb('UNKNOWN', null)
|
|
},
|
|
// readdir: (path, cb) => {
|
|
// if (path === 'resources/builtin-plugins') {
|
|
// cb(null, [
|
|
// 'terminus-core',
|
|
// 'terminus-ssh',
|
|
// 'terminus-settings',
|
|
// 'terminus-terminal',
|
|
// ])
|
|
// } else {
|
|
// console.warn('mock readdir', path)
|
|
// cb(null, [])
|
|
// }
|
|
// },
|
|
constants: {},
|
|
},
|
|
'@electron/remote': {
|
|
app: {
|
|
getVersion: () => '1.0-web',
|
|
getPath: () => 'app-path',
|
|
getWindow: () => ({
|
|
reload: () => null,
|
|
setTrafficLightPosition: () => null,
|
|
}),
|
|
},
|
|
screen: {
|
|
on: () => null,
|
|
getAllDisplays: () => [],
|
|
getPrimaryDisplay: () => ({}),
|
|
getCursorScreenPoint: () => ({}),
|
|
getDisplayNearestPoint: () => null,
|
|
},
|
|
globalShortcut: {
|
|
unregisterAll: () => null,
|
|
register: () => null,
|
|
},
|
|
autoUpdater: {
|
|
on: () => null,
|
|
once: () => null,
|
|
setFeedURL: () => null,
|
|
checkForUpdates: () => null,
|
|
},
|
|
BrowserWindow: {
|
|
fromId: () => ({
|
|
setOpacity: () => null,
|
|
setProgressBar: () => null,
|
|
}),
|
|
},
|
|
getGlobal: () => window['process'],
|
|
},
|
|
electron: {
|
|
ipcRenderer: {
|
|
on: () => null,
|
|
once: (e, c) => {
|
|
if (e === 'start') {
|
|
windowReadyCallback = c
|
|
}
|
|
},
|
|
send: msg => {
|
|
if (msg === 'ready') {
|
|
windowReadyCallback(null, {
|
|
config,
|
|
executable: '---',
|
|
})
|
|
}
|
|
console.log('[ipc]', msg)
|
|
}
|
|
},
|
|
},
|
|
path: {
|
|
join: (...x) => x.join('/'),
|
|
basename: x => x,
|
|
dirname: x => x,
|
|
relative: (a, b) => b,
|
|
resolve: (a, b) => {
|
|
console.warn('mock path.resolve', a, b)
|
|
return b
|
|
}
|
|
},
|
|
buffer: {
|
|
Buffer,
|
|
},
|
|
crypto: {
|
|
...require('crypto-browserify'),
|
|
getHashes () {
|
|
return ['sha1', 'sha224', 'sha256', 'sha384', 'sha512', 'md5', 'rmd160']
|
|
}
|
|
},
|
|
stream: require('stream-browserify'),
|
|
events: require('events'),
|
|
readline: {
|
|
cursorTo: () => null,
|
|
clearLine: stream => stream.write('\r'),
|
|
},
|
|
zlib: require('browserify-zlib'),
|
|
'any-promise': Promise,
|
|
net: {
|
|
Socket,
|
|
},
|
|
module: {
|
|
globalPaths: [],
|
|
},
|
|
assert: require('assert'),
|
|
url: {
|
|
parse: () => null,
|
|
},
|
|
http: {
|
|
Agent: { prototype: {} },
|
|
request: {},
|
|
},
|
|
https: {
|
|
Agent: { prototype: {} },
|
|
request: {},
|
|
},
|
|
querystring: {},
|
|
tty: { isatty: () => false },
|
|
child_process: {},
|
|
winston: {
|
|
Logger,
|
|
transports: {
|
|
File: Object,
|
|
Console: Object,
|
|
}
|
|
},
|
|
'readable-stream': {},
|
|
os: {
|
|
platform: () => 'web',
|
|
homedir: () => '/home',
|
|
},
|
|
'mz/child_process': {
|
|
exec: (...x) => Promise.reject(),
|
|
},
|
|
'mz/fs': {
|
|
readFile: path => mocks.fs.readFileSync(path),
|
|
exists: path => mocks.fs.existsSync(path),
|
|
existsSync: path => mocks.fs.existsSync(path),
|
|
},
|
|
constants: {},
|
|
'hterm-umdjs': {
|
|
hterm: {
|
|
PreferenceManager: class { set () {} },
|
|
VT: {
|
|
ESC: {},
|
|
CSI: {},
|
|
OSC: {},
|
|
},
|
|
Terminal: class {},
|
|
Keyboard: class {},
|
|
},
|
|
lib: {
|
|
wc: {},
|
|
Storage: {
|
|
Memory: class {},
|
|
},
|
|
},
|
|
},
|
|
dns: {},
|
|
util: require('util'),
|
|
keytar: {
|
|
getPassword: () => null,
|
|
},
|
|
}
|
|
|
|
;(mocks.assert as any).assertNotStrictEqual = () => true
|
|
;(mocks.assert as any).notStrictEqual = () => true
|
|
|
|
let builtins = {
|
|
'@angular/core': require('@angular/core'),
|
|
'@angular/compiler': require('@angular/compiler'),
|
|
'@angular/common': require('@angular/common'),
|
|
'@angular/forms': require('@angular/forms'),
|
|
'@angular/platform-browser': require('@angular/platform-browser'),
|
|
'@angular/platform-browser/animations': require('@angular/platform-browser/animations'),
|
|
'@angular/platform-browser-dynamic': require('@angular/platform-browser-dynamic'),
|
|
'@angular/animations': require('@angular/animations'),
|
|
'@ng-bootstrap/ng-bootstrap': require('@ng-bootstrap/ng-bootstrap'),
|
|
'ngx-toastr': require('ngx-toastr'),
|
|
'deepmerge': require('deepmerge'),
|
|
'rxjs': require('rxjs'),
|
|
'rxjs/operators': require('rxjs/operators'),
|
|
'js-yaml': require('js-yaml'),
|
|
'zone.js/dist/zone.js': require('zone.js/dist/zone.js'),
|
|
}
|
|
|
|
Object.assign(window, {
|
|
require: (path) => {
|
|
if (mocks[path]) {
|
|
console.warn('requiring mock', path)
|
|
return mocks[path]
|
|
}
|
|
if (builtins[path]) {
|
|
return builtins[path]
|
|
}
|
|
console.error('requiring real module', path)
|
|
},
|
|
process: {
|
|
env: { XWEB: 1, LOGNAME: 'root' },
|
|
argv: ['terminus'],
|
|
platform: 'darwin',
|
|
on: () => null,
|
|
stdout: {},
|
|
stderr: {},
|
|
resourcesPath: 'resources',
|
|
version: '14.0.0',
|
|
nextTick: (f, ...args) => setTimeout(() => f(...args)),
|
|
// cwd: () => '/',
|
|
},
|
|
global: window,
|
|
})
|
|
|
|
window['require'].main = {
|
|
paths: []
|
|
}
|
|
|
|
window['module'] = {
|
|
paths: []
|
|
}
|
|
|
|
window['require'].resolve = path => null
|
|
window['Buffer'] = mocks.buffer.Buffer
|
|
window['__dirname'] = '__dirname'
|
|
window['setImmediate'] = setTimeout
|
|
mocks.module['prototype'] = { require: window['require'] }
|
|
window['terminusConfig'] = configContent
|
|
|
|
require('util').promisify = () => null
|
|
|
|
// let plugins: Record<string, any> = {}
|
|
// plugins.core = builtins['terminus-core'] = await import(/* webpackChunkName: "app" */ '../terminus/terminus-core/dist/index.js')
|
|
// plugins.settings = builtins['terminus-settings'] = await import(/* webpackChunkName: "app" */ '../terminus/terminus-settings/dist/index.js')
|
|
// plugins.terminal = builtins['terminus-terminal'] = await import(/* webpackChunkName: "app" */ '../terminus/terminus-terminal/dist/index.js')
|
|
// plugins['community-color-schemes'] = builtins['terminus-community-color-schemes'] = await import(/* webpackChunkName: "app" */ '../terminus/terminus-community-color-schemes/dist/index.js')
|
|
// plugins.ssh = builtins['terminus-ssh'] = await import(/* webpackChunkName: "app" */ '../terminus/terminus-ssh/dist/index.js')
|
|
// plugins.web = builtins['terminus-web'] = await import(/* webpackChunkName: "app" */ '../terminus/terminus-web/dist/index.js')
|
|
|
|
async function loadPlugin (name, file = 'index.js') {
|
|
let code = await (await fetch(`../app-dist/${name}/dist/${file}`)).text()
|
|
code = `(function (exports, require, module) { \n${code}\n })`
|
|
let m = eval(code)
|
|
let module = { exports: {} }
|
|
m(module.exports, window['require'], module)
|
|
return module.exports
|
|
}
|
|
|
|
const pluginModules = []
|
|
for (const plugin of [
|
|
'terminus-core',
|
|
'terminus-settings',
|
|
'terminus-terminal',
|
|
'terminus-ssh',
|
|
'terminus-community-color-schemes',
|
|
'terminus-web',
|
|
]) {
|
|
console.log(`Loading ${plugin}`)
|
|
const mod = await loadPlugin(plugin)
|
|
builtins[`resources/builtin-plugins/${plugin}`] = builtins[plugin] = mod
|
|
pluginModules.push(mod)
|
|
console.log(mod)
|
|
}
|
|
|
|
// for (const name of ['core', 'settings', 'terminal', 'ssh', 'community-color-schemes', 'web']) {
|
|
// plugins[name].pluginName = name
|
|
// builtins[`resources/builtin-plugins/terminus-${name}`] = plugins[name]
|
|
// }
|
|
|
|
// await import(/* webpackChunkName: "app" */ '../terminus/app/dist/preload.js')
|
|
// document.querySelector('app-root')['style'].display = 'flex'
|
|
|
|
// await import(/* webpackChunkName: "app" */ '../terminus/app/dist/bundle-web.js')
|
|
// window['bootstrapTerminus'](Object.values(plugins), { config })
|
|
|
|
await loadPlugin('app', 'preload.js')
|
|
await loadPlugin('app', 'bundle-web.js')
|
|
document.querySelector('app-root')['style'].display = 'flex'
|
|
window['bootstrapTerminus'](pluginModules, { config })
|
|
}
|
|
|
|
start()
|