mirror of
https://github.com/lalbornoz/roar.git
synced 2024-10-31 12:56:39 +00:00
6180783d2d
index.html, TODO: updated.
260 lines
8.0 KiB
JavaScript
260 lines
8.0 KiB
JavaScript
var clipboard = (function () {
|
|
|
|
var exports = {
|
|
format: "irssi",
|
|
importing: false,
|
|
visible: false,
|
|
canvas: document.createElement("canvas"),
|
|
canvas_r: document.createElement("canvas"),
|
|
|
|
bind: function () {
|
|
// import_ascii.addEventListener("change", exports.setFormat("ascii"))
|
|
// import_irssi.addEventListener("change", exports.setFormat("irssi"))
|
|
// import_mirc.addEventListener("change", exports.setFormat("mirc"))
|
|
import_button.addEventListener("click", exports.import_colorcode)
|
|
import_textarea.addEventListener("focus", exports.focus)
|
|
import_textarea.addEventListener("blur", exports.blur)
|
|
import_textarea.addEventListener('paste', exports.paste)
|
|
// import_irssi.setAttribute("checked", true)
|
|
},
|
|
setFormat: function (name) {
|
|
return function () {
|
|
clipboard.format = name
|
|
if (! clipboard.importing) { clipboard.export_data() }
|
|
}
|
|
},
|
|
show: function () { import_rapper.style.display = "block"; clipboard.visible = true; changed = false },
|
|
hide: function () { import_rapper.style.display = "none"; clipboard.visible = false },
|
|
focus: function () {
|
|
if (! clipboard.importing) {
|
|
import_textarea.focus()
|
|
import_textarea.select()
|
|
}
|
|
},
|
|
blur: function () {
|
|
},
|
|
|
|
import_mode: function () {
|
|
focus()
|
|
clipboard.importing = true
|
|
gallery_rapper.style.display = 'none'
|
|
format_el.style.display = 'none'
|
|
cutoff_warning_el.style.display = 'none'
|
|
import_buttons.style.display = "inline"
|
|
import_textarea.value = ""
|
|
},
|
|
|
|
paste: function (e) {
|
|
e.preventDefault()
|
|
// images will come through as files
|
|
var types = toArray(e.clipboardData.types)
|
|
import_textarea.value = ""
|
|
types.forEach(function(type, i){
|
|
console.log(type)
|
|
// this can be text/plain or text/html..
|
|
if (type.match('text/plain')) {
|
|
import_textarea.value = e.clipboardData.getData(type)
|
|
}
|
|
else {
|
|
console.error("unknown type!", item.type)
|
|
}
|
|
})
|
|
},
|
|
|
|
import_colorcode: function (data, no_undo) {
|
|
if (data && data.preventDefault) {
|
|
data = import_textarea.value
|
|
}
|
|
else {
|
|
data = data || import_textarea.value
|
|
}
|
|
|
|
var irssi_style_regex = /^\s*\/exec -out printf ("%b" )?"/;
|
|
|
|
// turn irssi style into mirc style
|
|
if (data.match(irssi_style_regex)){
|
|
data = data.replace(/\\x03/gm, '\x03')
|
|
.replace(/(\\x..)+/gm, unicode.unescapeFromEscapedBytes)
|
|
.replace(/\\x5C/g, '\\')
|
|
.replace(/\\n/gm, '\n')
|
|
.replace(/\\`/gm, '`')
|
|
.replace(/\\"/gm, '"')
|
|
.replace(/\\\$/gm, '$')
|
|
.replace(irssi_style_regex, '')
|
|
.replace(/"\s*$/, '')
|
|
}
|
|
|
|
// not a colorcode
|
|
if (!data.match(/\x03/))
|
|
return exports.import_text();
|
|
|
|
var to_json = function(string, opts){
|
|
var lines_in = string.split(/\r?\n/)
|
|
var lines_out = []
|
|
var w = 0, h = 0
|
|
for (var y = 0; y < lines_in.length; y++) {
|
|
var bg = 1, fg = 15
|
|
var cells = [], line = lines_in[y]
|
|
if (line.length === 0) {
|
|
continue
|
|
} else {
|
|
for (var x = 0; x < line.length; x++) {
|
|
switch (line[x]) {
|
|
case "\x02": // ^B (unimplemented)
|
|
break
|
|
case "\x03": // ^C
|
|
var parseColour = function(line, x) {
|
|
if (/1[0-5]/.test(line.substr(x, 2))) {
|
|
colour = parseInt(line.substr(x, 2))
|
|
return [colour, x + 2]
|
|
} else if (/0[0-9]/.test(line.substr(x, 2))) {
|
|
colour = parseInt(line.substr(x, 2))
|
|
return [colour, x + 2]
|
|
} else if (/[0-9]/.test(line.substr(x, 1))) {
|
|
colour = parseInt(line.substr(x, 1))
|
|
return [colour, x + 1]
|
|
} else {
|
|
return [undefined, x]
|
|
}
|
|
}
|
|
var bg_ = undefined, fg_ = undefined, x_ = x + 1;
|
|
[fg_, x_] = parseColour(line, x_)
|
|
if (line[x_] === ",") {
|
|
[bg_, x_] = parseColour(line, x_ + 1)
|
|
}
|
|
if ((bg_ == undefined) && (fg_ == undefined)) {
|
|
[bg, fg] = [1, 15]
|
|
} else {
|
|
bg = (bg_ != undefined) ? bg_ : bg;
|
|
fg = (fg_ != undefined) ? fg_ : fg;
|
|
};
|
|
if (x_ != x) {x = x_ - 1}; break;
|
|
case "\x06": // ^F (unimplemented)
|
|
break
|
|
case "\x0f": // ^O
|
|
[bg, fg] = [1, 15]; break;
|
|
case "\x16": // ^V
|
|
[bg, fg] = [fg, bg]; break;
|
|
case "\x1f": // ^_ (unimplemented)
|
|
break
|
|
default:
|
|
cells.push({bg: bg, fg: fg, value: line[x]})
|
|
}
|
|
}
|
|
if (cells.length > 0) {
|
|
if (w < cells.length) {
|
|
w = cells.length
|
|
}
|
|
lines_out.push(cells); h++;
|
|
}
|
|
}
|
|
}
|
|
return {h: h, lines: lines_out, w: w}
|
|
}
|
|
var json = to_json(data, {fg:0, bg:1})
|
|
|
|
if (!no_undo) undo.new()
|
|
if (!no_undo) undo.save_rect(0,0, canvas.w, canvas.h)
|
|
if (json.w !== canvas.w || json.h !== canvas.h){
|
|
if (!no_undo) undo.save_size(canvas.w, canvas.h)
|
|
canvas.resize(json.w, json.h, true)
|
|
}
|
|
canvas.clear()
|
|
|
|
for (var y = 0, line; line = json.lines[y]; y++){
|
|
var row = canvas.aa[y]
|
|
for (var x = 0, char; char = line[x]; x++){
|
|
var lex = row[x]
|
|
lex.char = char.value
|
|
lex.fg = char.fg
|
|
lex.bg = char.bg
|
|
lex.opacity = 1
|
|
lex.build()
|
|
}
|
|
}
|
|
|
|
current_filetool && current_filetool.blur()
|
|
},
|
|
|
|
import_text: function () {
|
|
var data = import_textarea.value
|
|
var lines = data.split("\n")
|
|
var width = lines.reduce(function(a,b){ console.log(a,b); return Math.max(a, b.length) }, 0)
|
|
var height = lines.length
|
|
if (width > canvas.max) {
|
|
return alert("input too wide")
|
|
}
|
|
if (height > canvas.max) {
|
|
return alert("input too tall")
|
|
}
|
|
undo.new()
|
|
undo.save_rect(0,0, canvas.w, canvas.h)
|
|
canvas.clear()
|
|
lines.forEach(function(line, y){
|
|
var row = canvas.aa[y]
|
|
if (! row) return
|
|
for (var x = 0; x < line.length; x++) {
|
|
var lex = row[x]
|
|
if (! lex) return
|
|
lex.char = line[x]
|
|
lex.fg = brush.bg
|
|
lex.opacity = 1
|
|
lex.build()
|
|
}
|
|
})
|
|
// TODO: some notion of a "selected" region which cuts/clones the underlying region
|
|
|
|
// var pasted_region = new Matrix (width, height, function(x,y){
|
|
// var lex = new Lex (x,y)
|
|
// lex.char = lines[y][x] || " "
|
|
// lex.build()
|
|
// return lex
|
|
// })
|
|
},
|
|
export_data: function () {
|
|
var output
|
|
// switch (clipboard.format) {
|
|
switch (controls.save_format.value) {
|
|
case 'ascii':
|
|
output = canvas.ascii()
|
|
break
|
|
case 'mirc':
|
|
output = canvas.mirc({cutoff: 400})
|
|
break
|
|
case 'irssi':
|
|
output = canvas.irssi({cutoff: 400})
|
|
break
|
|
case 'ansi':
|
|
output = canvas.ansi()
|
|
break
|
|
}
|
|
if (output.cutoff){
|
|
cutoff_warning_el.style.display = 'block'
|
|
} else {
|
|
cutoff_warning_el.style.display = 'none'
|
|
}
|
|
import_textarea.value = output
|
|
clipboard.focus()
|
|
return output
|
|
},
|
|
|
|
rotate_canvas: function(){
|
|
var cr = clipboard.canvas_r, c = clipboard.canvas
|
|
cr.width = c.height
|
|
cr.height = c.width
|
|
var ctx = cr.getContext('2d')
|
|
ctx.resetTransform()
|
|
ctx.translate(0, cr.height)
|
|
ctx.rotate(-Math.PI / 2)
|
|
ctx.drawImage(c, 0, 0)
|
|
return cr
|
|
},
|
|
|
|
}
|
|
|
|
return exports
|
|
|
|
})()
|
|
|
|
|