You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
144 lines
4.4 KiB
144 lines
4.4 KiB
const { qs, mk } = require('../utils')
|
|
const Notify = require('../notif')
|
|
const TermScreen = require('./screen')
|
|
const TermConnection = require('./connection')
|
|
const TermInput = require('./input')
|
|
const TermUpload = require('./upload')
|
|
const initSoftKeyboard = require('./soft_keyboard')
|
|
const attachDebugScreen = require('./debug_screen')
|
|
|
|
/** Init the terminal sub-module - called from HTML */
|
|
module.exports = function (opts) {
|
|
const screen = new TermScreen()
|
|
const conn = new TermConnection(screen)
|
|
const input = TermInput(conn, screen)
|
|
const termUpload = TermUpload(conn, input, screen)
|
|
screen.input = input
|
|
screen.conn = conn
|
|
input.termUpload = termUpload
|
|
|
|
let showSplashTimeout = null
|
|
let showSplash = (obj, delay = 250) => {
|
|
clearTimeout(showSplashTimeout)
|
|
showSplashTimeout = setTimeout(() => {
|
|
screen.window.statusScreen = obj
|
|
}, delay)
|
|
}
|
|
|
|
conn.on('open', () => {
|
|
// console.log('*open')
|
|
showSplash({ title: 'Connecting', loading: true })
|
|
})
|
|
conn.on('connect', () => {
|
|
// console.log('*connect')
|
|
showSplash({ title: 'Waiting for content', loading: true })
|
|
})
|
|
conn.on('load', () => {
|
|
// console.log('*load')
|
|
clearTimeout(showSplashTimeout)
|
|
if (screen.window.statusScreen) screen.window.statusScreen = null
|
|
})
|
|
conn.on('disconnect', () => {
|
|
// console.log('*disconnect')
|
|
showSplash({ title: 'Disconnected' })
|
|
screen.screen = []
|
|
screen.screenFG = []
|
|
screen.screenBG = []
|
|
screen.screenAttrs = []
|
|
})
|
|
conn.on('silence', () => {
|
|
// console.log('*silence')
|
|
showSplash({ title: 'Waiting for server', loading: true }, 0)
|
|
})
|
|
// conn.on('ping-fail', () => { screen.window.statusScreen = { title: 'Disconnected' } })
|
|
conn.on('ping-success', () => {
|
|
// console.log('*ping-success')
|
|
showSplash({ title: 'Re-connecting', loading: true }, 0)
|
|
})
|
|
|
|
conn.init()
|
|
input.init(opts)
|
|
termUpload.init()
|
|
Notify.init()
|
|
|
|
window.onerror = function (errorMsg, file, line, col) {
|
|
Notify.show(`<b>JS ERROR!</b><br>${errorMsg}<br>at ${file}:${line}:${col}`, 10000, true)
|
|
return false
|
|
}
|
|
|
|
qs('#screen').appendChild(screen.canvas)
|
|
|
|
initSoftKeyboard(screen, input)
|
|
if (attachDebugScreen) attachDebugScreen(screen)
|
|
|
|
let isFullscreen = false
|
|
let fitScreen = false
|
|
let fitScreenIfNeeded = function fitScreenIfNeeded () {
|
|
if (isFullscreen) {
|
|
screen.window.fitIntoWidth = window.screen.width
|
|
screen.window.fitIntoHeight = window.screen.height
|
|
} else {
|
|
screen.window.fitIntoWidth = fitScreen ? window.innerWidth - 20 : 0
|
|
screen.window.fitIntoHeight = fitScreen ? window.innerHeight : 0
|
|
}
|
|
}
|
|
fitScreenIfNeeded()
|
|
window.addEventListener('resize', fitScreenIfNeeded)
|
|
|
|
let toggleFitScreen = function () {
|
|
fitScreen = !fitScreen
|
|
const resizeButtonIcon = qs('#resize-button-icon')
|
|
if (fitScreen) {
|
|
resizeButtonIcon.classList.remove('icn-resize-small')
|
|
resizeButtonIcon.classList.add('icn-resize-full')
|
|
} else {
|
|
resizeButtonIcon.classList.remove('icn-resize-full')
|
|
resizeButtonIcon.classList.add('icn-resize-small')
|
|
}
|
|
fitScreenIfNeeded()
|
|
}
|
|
|
|
qs('#term-fit-screen').addEventListener('click', function () {
|
|
toggleFitScreen()
|
|
return false
|
|
})
|
|
|
|
// add fullscreen mode & button
|
|
if (window.Element.prototype.requestFullscreen || window.Element.prototype.webkitRequestFullscreen) {
|
|
let checkForFullscreen = function () {
|
|
// document.fullscreenElement is not really supported yet, so here's a hack
|
|
if (isFullscreen && (window.innerWidth !== window.screen.width || window.innerHeight !== window.screen.height)) {
|
|
isFullscreen = false
|
|
fitScreenIfNeeded()
|
|
}
|
|
}
|
|
setInterval(checkForFullscreen, 500)
|
|
|
|
// (why are the buttons anchors?)
|
|
let button = mk('a')
|
|
button.href = '#'
|
|
button.addEventListener('click', e => {
|
|
e.preventDefault()
|
|
|
|
isFullscreen = true
|
|
fitScreenIfNeeded()
|
|
screen.updateSize()
|
|
|
|
if (screen.canvas.requestFullscreen) screen.canvas.requestFullscreen()
|
|
else screen.canvas.webkitRequestFullscreen()
|
|
})
|
|
let icon = mk('i')
|
|
icon.classList.add('icn-resize-full') // TODO: less confusing icons
|
|
button.appendChild(icon)
|
|
let span = mk('span')
|
|
span.textContent = 'Fullscreen'
|
|
button.appendChild(span)
|
|
qs('#term-nav').insertBefore(button, qs('#term-nav').firstChild)
|
|
}
|
|
|
|
// for debugging
|
|
window.termScreen = screen
|
|
window.conn = conn
|
|
window.input = input
|
|
window.termUpl = termUpload
|
|
}
|
|
|