145 lines
3.4 KiB
JavaScript
145 lines
3.4 KiB
JavaScript
function Ronin () {
|
|
const defaultTheme = {
|
|
background: '#111',
|
|
f_high: '#fff',
|
|
f_med: '#999',
|
|
f_low: '#444',
|
|
f_inv: '#000',
|
|
b_high: '#000',
|
|
b_med: '#888',
|
|
b_low: '#aaa',
|
|
b_inv: '#ffb545'
|
|
}
|
|
|
|
this.includes = ['prelude']
|
|
|
|
this.el = document.createElement('div')
|
|
this.el.id = 'ronin'
|
|
|
|
this.theme = new Theme(defaultTheme)
|
|
this.source = new Source(this)
|
|
this.commander = new Commander(this)
|
|
this.surface = new Surface(this)
|
|
this.library = new Library(this)
|
|
this.interpreter = new Lisp(this.library, this.includes)
|
|
this.osc = new Osc(this)
|
|
|
|
// Parameters
|
|
this.always = false
|
|
this.bindings = {}
|
|
|
|
this.install = function (host = document.body) {
|
|
this._wrapper = document.createElement('div')
|
|
this._wrapper.id = 'wrapper'
|
|
|
|
this.commander.install(this._wrapper)
|
|
this.surface.install(this._wrapper)
|
|
this.el.appendChild(this._wrapper)
|
|
host.appendChild(this.el)
|
|
this.theme.install()
|
|
|
|
window.addEventListener('dragover', this.drag)
|
|
window.addEventListener('drop', this.drop)
|
|
}
|
|
|
|
this.start = function () {
|
|
this.theme.start()
|
|
this.source.start()
|
|
this.commander.start()
|
|
this.surface.start()
|
|
this.osc.start()
|
|
}
|
|
|
|
this.reset = function () {
|
|
this.theme.reset()
|
|
}
|
|
|
|
this.log = function (...msg) {
|
|
this.commander.setStatus(msg.reduce((acc, val) => { return acc + val + ' ' }, ''))
|
|
}
|
|
|
|
this.load = function (content = this.default()) {
|
|
|
|
}
|
|
|
|
this.animate = (b = true) => {
|
|
if (this.always === b) { return }
|
|
this.always = b
|
|
this.commander.loop()
|
|
}
|
|
|
|
this.bind = (event, fn) => {
|
|
this.bindings[event] = fn
|
|
}
|
|
|
|
this.mouseIsDown = false
|
|
|
|
this.onMouseDown = (e, id = 'mouse-down') => {
|
|
this.mouseIsDown = true
|
|
if (this.bindings[id]) {
|
|
this.bindings[id](this.makeMouseOffset({ x: e.offsetX, y: e.offsetY }, 'mouse-down'))
|
|
}
|
|
}
|
|
|
|
this.onMouseMove = (e, id = 'mouse-move') => {
|
|
if (this.bindings[id]) {
|
|
this.bindings[id](this.makeMouseOffset({ x: e.offsetX, y: e.offsetY }, 'mouse-move'))
|
|
}
|
|
}
|
|
|
|
this.onMouseUp = (e, id = 'mouse-up') => {
|
|
this.mouseIsDown = false
|
|
if (this.bindings[id]) {
|
|
this.bindings[id](this.makeMouseOffset({ x: e.offsetX, y: e.offsetY }, 'mouse-up'))
|
|
}
|
|
}
|
|
|
|
this.makeMouseOffset = (pos, type) => {
|
|
return { x: pos.x * ronin.surface.ratio, y: pos.y * ronin.surface.ratio, 'type': type, 'is-down': this.mouseIsDown }
|
|
}
|
|
|
|
// Zoom
|
|
|
|
this.modZoom = function (mod = 0, set = false) {
|
|
try {
|
|
const { webFrame } = require('electron')
|
|
const currentZoomFactor = webFrame.getZoomFactor()
|
|
webFrame.setZoomFactor(set ? mod : currentZoomFactor + mod)
|
|
console.log(window.devicePixelRatio)
|
|
} catch (err) {
|
|
console.log('Cannot zoom')
|
|
}
|
|
}
|
|
|
|
this.setZoom = function (scale) {
|
|
try {
|
|
webFrame.setZoomFactor(scale)
|
|
} catch (err) {
|
|
console.log('Cannot zoom')
|
|
}
|
|
}
|
|
|
|
// Events
|
|
|
|
this.drag = (e) => {
|
|
e.stopPropagation()
|
|
e.preventDefault()
|
|
e.dataTransfer.dropEffect = 'copy'
|
|
}
|
|
|
|
this.drop = (e) => {
|
|
e.preventDefault()
|
|
e.stopPropagation()
|
|
const file = e.dataTransfer.files[0]
|
|
if (!file || !file.name) { console.warn('File', 'Not a valid file.'); return }
|
|
const path = file.path ? file.path : file.name
|
|
if (this.commander.canInject()) {
|
|
this.commander.injectPath(file.path)
|
|
this.commander.show()
|
|
} else if (path.indexOf('.lisp') > -1) {
|
|
this.source.read(path)
|
|
this.commander.show()
|
|
}
|
|
}
|
|
}
|