mirror of
https://github.com/lalbornoz/roar.git
synced 2024-11-16 12:36:38 +00:00
6639336a25
assets/js/clipboard.js:import_ansi(): support {bold,faint,reset} SGR parameters.
assets/js/color.js: adds ansi_[bf]g_bold_import[].
288 lines
9.0 KiB
JavaScript
288 lines
9.0 KiB
JavaScript
var clipboard = (function () {
|
|
|
|
var exports = {
|
|
format: "mirc",
|
|
exporting: false,
|
|
visible: false,
|
|
canvas: document.createElement("canvas"),
|
|
canvas_r: document.createElement("canvas"),
|
|
|
|
bind: function () {
|
|
export_textarea.addEventListener("focus", exports.export_focus)
|
|
export_textarea.addEventListener("blur", exports.blur)
|
|
import_button.addEventListener("click", exports.import_click)
|
|
import_textarea.addEventListener("focus", exports.import_focus)
|
|
import_textarea.addEventListener("paste", exports.paste)
|
|
},
|
|
setFormat: function (name) {
|
|
return function () {
|
|
clipboard.format = name
|
|
if (! clipboard.exporting) { clipboard.export_data() }
|
|
}
|
|
},
|
|
import_hide: function () { import_wrapper.style.display = "none"; clipboard.visible = false },
|
|
import_show: function () { import_wrapper.style.display = "block"; clipboard.visible = true; },
|
|
export_hide: function () { export_wrapper.style.display = "none"; clipboard.visible = false },
|
|
export_show: function () { export_wrapper.style.display = "block"; clipboard.visible = true; changed = false },
|
|
export_focus: function () {
|
|
if (! clipboard.exporting) {
|
|
export_textarea.focus()
|
|
export_textarea.select()
|
|
}
|
|
},
|
|
import_focus: function () {
|
|
import_textarea.focus()
|
|
import_textarea.select()
|
|
},
|
|
|
|
blur: function () {
|
|
},
|
|
|
|
export_mode: function () {
|
|
exports.export_focus()
|
|
clipboard.exporting = true
|
|
export_cutoff_warning_el.style.display = "none"
|
|
export_format_el.style.display = "inline"
|
|
clipboard.export_data()
|
|
},
|
|
|
|
import_mode: function () {
|
|
import_button.style.display = "inline"
|
|
import_format_el.style.display = "inline"
|
|
import_textarea.value = ""
|
|
exports.import_focus()
|
|
},
|
|
|
|
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_click: function (data, no_undo) {
|
|
switch (controls.load_format.value) {
|
|
case 'ansi':
|
|
exports.import_ansi(data, no_undo)
|
|
break
|
|
case 'mirc':
|
|
exports.import_mirc(data, no_undo)
|
|
break
|
|
}
|
|
},
|
|
|
|
import_ansi: function (data, no_undo) {
|
|
if (data && data.preventDefault) {
|
|
data = import_textarea.value
|
|
} else {
|
|
data = data || import_textarea.value
|
|
}
|
|
|
|
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, bold = false, fg = 15
|
|
var cells = [], line = lines_in[y]
|
|
if (line.length === 0) {
|
|
continue
|
|
} else {
|
|
for (var x = 0; x < line.length; x++) {
|
|
var m = line.substring(x).match(/^\x1b\[((?:\d{1,3};?)+)m/)
|
|
if (m !== null) {
|
|
m[1].split(";").forEach(function(c){
|
|
c = parseInt(c);
|
|
if (c == 0) {
|
|
bg = 1; bold = false; fg = 15;
|
|
} else if (c == 1) {
|
|
bold = true;
|
|
} else if (c == 2) {
|
|
bold = false;
|
|
} else if (bold && (ansi_bg_bold_import[c] !== undefined)) {
|
|
bg = ansi_bg_bold_import[c];
|
|
} else if (!bold && (ansi_bg_import[c] !== undefined)) {
|
|
bg = ansi_bg_import[c];
|
|
} else if (bold && (ansi_fg_bold_import[c] !== undefined)) {
|
|
fg = ansi_fg_bold_import[c];
|
|
} else if (!bold && (ansi_fg_import[c] !== undefined)) {
|
|
fg = ansi_fg_import[c];
|
|
}
|
|
});
|
|
x += (m[0].length - 1);
|
|
} else {
|
|
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_mirc: function (data, no_undo) {
|
|
if (data && data.preventDefault) {
|
|
data = import_textarea.value
|
|
} else {
|
|
data = data || import_textarea.value
|
|
}
|
|
|
|
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()
|
|
},
|
|
|
|
export_data: function () {
|
|
var output
|
|
// switch (clipboard.format) {
|
|
switch (controls.save_format.value) {
|
|
case 'ascii':
|
|
output = canvas.ascii()
|
|
break
|
|
case 'ansi':
|
|
output = canvas.ansi()
|
|
break
|
|
case 'mirc':
|
|
output = canvas.mirc({cutoff: 425})
|
|
break
|
|
}
|
|
if (output.cutoff){
|
|
export_cutoff_warning_el.style.display = 'block'
|
|
} else {
|
|
export_cutoff_warning_el.style.display = 'none'
|
|
}
|
|
export_textarea.value = output
|
|
clipboard.export_focus()
|
|
return output
|
|
},
|
|
|
|
}
|
|
|
|
return exports
|
|
|
|
})()
|
|
|
|
|