1184 lines
49 KiB
JavaScript
1184 lines
49 KiB
JavaScript
self.kiri.load(api => {
|
|
|
|
console.log('BAMBU MODULE RUNNING');
|
|
|
|
const { kiri, moto } = self;
|
|
const { ui } = kiri;
|
|
const h = moto.webui;
|
|
const defams = ";; DEFINE BAMBU-AMS ";
|
|
const readonly = true;
|
|
|
|
let sequence_id = (Math.random() * 0xfff) | 0;
|
|
let user_id = ((Math.random() * 0xfffffff) | 0).toString();
|
|
let init = false;
|
|
let status = {};
|
|
let monitors = [];
|
|
let showing = false;
|
|
let video_on = false;
|
|
let video_auto = false;
|
|
let tray_hover, tray_info;
|
|
let bound, device, printers, select, selected, conn_alert, export_select;
|
|
let btn_del, in_host, in_code, in_serial, filelist, print_ams_select = 'auto';
|
|
let ptype, host, password, serial, amsmap, socket = {
|
|
open: false,
|
|
q: [],
|
|
start() {
|
|
if (socket.ws) {
|
|
return;
|
|
}
|
|
let ws = socket.ws = new WebSocket("/bambu");
|
|
ws.onopen = () => {
|
|
socket.open = true;
|
|
socket.drain();
|
|
};
|
|
ws.onclose = () => {
|
|
socket.open = false;
|
|
socket.ws = undefined;
|
|
};
|
|
ws.onmessage = msg => {
|
|
let data = JSON.parse(msg.data);
|
|
let { serial, message, monitoring, files, found, deleted, frame, error } = data;
|
|
if (error) {
|
|
console.log({ serial, error });
|
|
api.alerts.show(`Bambu Error: ${error}`, 3);
|
|
// printer_status(`error: ${error}`);
|
|
} else if (frame) {
|
|
if (selected?.rec?.serial !== serial) {
|
|
false && console.log({
|
|
frame_serial_mismatch: serial,
|
|
current: selected?.rec?.serial
|
|
});
|
|
return;
|
|
}
|
|
// receiving a frame will show the video feed (for debugging)
|
|
set_video_visible(true);
|
|
const img = new Image();
|
|
img.src = `data:image/jpeg;base64,${frame}`;
|
|
img.onload = () => {
|
|
const canvas = $('bbl_video');
|
|
const ctx = canvas.getContext('2d');
|
|
const cpn = canvas.parentNode;
|
|
canvas.style = `width:${cpn.clientWidth}px;height:${cpn.clientHeight}px`;
|
|
canvas.width = img.width;
|
|
canvas.height = img.height;
|
|
ctx.drawImage(img, 0, 0);
|
|
};
|
|
} else if (deleted) {
|
|
console.log('file deleted', deleted);
|
|
file_list();
|
|
} else if (monitoring) {
|
|
// console.log({ monitoring });
|
|
monitors = monitoring;
|
|
} else if (found) {
|
|
for (let bblp of Object.entries(found)) {
|
|
let [ name, rec ] = bblp;
|
|
let { host, srno } = rec;
|
|
if (printers && name && !printers[name]) {
|
|
console.log({ discovered: name, host });
|
|
printers[name] = { host, serial: srno };
|
|
render_list();
|
|
}
|
|
}
|
|
} else if (serial) {
|
|
let rec = status[serial] = deepMerge(status[serial] || {}, message);
|
|
if (files) {
|
|
rec.files = files;
|
|
}
|
|
if (selected?.rec.serial === serial) {
|
|
selected.status = rec;
|
|
printer_render(rec);
|
|
}
|
|
} else {
|
|
console.log('ignored', serial, data);
|
|
}
|
|
};
|
|
},
|
|
stop() {
|
|
if (socket.ws) {
|
|
socket.ws.close();
|
|
}
|
|
},
|
|
drain() {
|
|
while (socket.open && socket.q.length) {
|
|
socket.ws.send(JSON.stringify(socket.q.shift()));
|
|
}
|
|
},
|
|
send(msg) {
|
|
socket.start();
|
|
socket.q.push(msg);
|
|
socket.drain();
|
|
}
|
|
};
|
|
|
|
function next_sid() {
|
|
return (sequence_id = (sequence_id + 1) % 65534).toString();
|
|
}
|
|
|
|
function range(length, start = 0) {
|
|
return Array.from({ length }, (_, i) => i + start);
|
|
}
|
|
|
|
function deepMerge(target, source) {
|
|
// console.log({ target, source });
|
|
if (!source) {
|
|
return target;
|
|
}
|
|
const result = structuredClone(target);
|
|
Object.keys(source).forEach((key) => {
|
|
if (source[key] && typeof source[key] === 'object' && !Array.isArray(source[key])) {
|
|
result[key] = deepMerge(result[key] || {}, source[key]);
|
|
} else {
|
|
result[key] = source[key];
|
|
}
|
|
});
|
|
return result;
|
|
}
|
|
|
|
function deepSortObject(obj) {
|
|
if (Array.isArray(obj)) {
|
|
obj = obj.map(v => deepSortObject(v));
|
|
} else if (obj && typeof obj === "object" && !Array.isArray(obj)) {
|
|
return Object.keys(obj)
|
|
.sort()
|
|
.reduce((sorted, key) => {
|
|
sorted[key] = deepSortObject(obj[key]);
|
|
return sorted;
|
|
}, {});
|
|
}
|
|
return obj;
|
|
}
|
|
|
|
function ams_tray_show(bool) {
|
|
ui.setVisible(tray_info, bool);
|
|
if (!bool) {
|
|
tray_hover = undefined;
|
|
// clearTimeout(tray_hover?.__timer);
|
|
}
|
|
}
|
|
|
|
function ams_tray_update() {
|
|
let type_select = $('bbl_tray_type').value;
|
|
let type_desc = bblapi.filament.map[type_select];
|
|
let type_short = type_desc.split(' ')[1];
|
|
let { nozzle_diameter } = selected.status.print;
|
|
let { id, unit, tray_color, nozzle_temp_min, nozzle_temp_max } = tray_hover.bambu;
|
|
// console.log({ type_select, type_short, type_desc, tray_hover, nozzle_diameter });
|
|
|
|
let custom = $('bbl_tray_rgba').value;
|
|
if (parseInt(custom,16) >= 0) {
|
|
tray_color = custom;
|
|
}
|
|
|
|
// set AMS attention on a tray
|
|
cmd_gcode(`M620 P${id}`);
|
|
cmd_direct({
|
|
print: {
|
|
ams_id: unit,
|
|
command: 'ams_filament_setting',
|
|
nozzle_temp_max: parseInt(nozzle_temp_max),
|
|
nozzle_temp_min: parseInt(nozzle_temp_min),
|
|
sequence_id: next_sid(),
|
|
setting_id: 'GFSL01_02',
|
|
tray_color,
|
|
tray_id: parseInt(id),
|
|
tray_info_idx: type_select,
|
|
tray_type: type_short,
|
|
}
|
|
});
|
|
cmd_direct({
|
|
print: {
|
|
cali_idx: -1,
|
|
command: 'extrusion_cali_sel',
|
|
filament_id: type_select,
|
|
nozzle_diameter,
|
|
sequence_id: next_sid(),
|
|
tray_id: unit
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
function printer_add() {
|
|
ui.prompt('printer name', "new printer").then(name => printer_add_named(name));
|
|
}
|
|
|
|
function printer_add_named(name) {
|
|
printers[name] = printers[name] || {
|
|
host:'', code:'', serial:''
|
|
};
|
|
render_list();
|
|
select.value = name;
|
|
printer_select(name);
|
|
}
|
|
|
|
function printer_del() {
|
|
if (!selected?.name) {
|
|
return;
|
|
}
|
|
delete printers[selected.name];
|
|
render_list();
|
|
select.value = '';
|
|
printer_select();
|
|
}
|
|
|
|
function printer_update() {
|
|
Object.assign(selected.rec, {
|
|
host: in_host.value,
|
|
code: in_code.value,
|
|
serial: in_serial.value,
|
|
modified: true
|
|
});
|
|
}
|
|
|
|
function printer_video_toggle() {
|
|
printer_video_set(!video_on);
|
|
}
|
|
|
|
function printer_video_set(bool) {
|
|
video_on = bool;
|
|
set_frames(selected?.rec?.serial, bool);
|
|
set_video_visible(bool);
|
|
}
|
|
|
|
function set_video_visible(bool) {
|
|
ui.setVisible($('bbl_video_frame'), bool);
|
|
ui.setClass($('bbl_vid_toggle'), 'bred', bool);
|
|
const canvas = $('bbl_video');
|
|
const ctx = canvas.getContext('2d');
|
|
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
|
}
|
|
|
|
function printer_select(name = '') {
|
|
let isvid = video_on;
|
|
printer_video_set(false);
|
|
for (let [ printer, rec ] of Object.entries(printers)) {
|
|
rec.selected = printer === name;
|
|
}
|
|
btn_del.disabled = false;
|
|
let rec = printers[name] || {};
|
|
selected = { name, rec };
|
|
in_host.value = rec.host || '';
|
|
in_code.value = rec.code || '';
|
|
in_serial.value = rec.serial || '';
|
|
in_host.onkeypress = in_host.onblur = printer_update;
|
|
in_code.onkeypress = in_code.onblur = printer_update;
|
|
in_serial.onkeypress = in_serial.onblur = printer_update;
|
|
printer_video_set(isvid);
|
|
monitor_start(rec);
|
|
printer_render();
|
|
file_list();
|
|
$('bbl_name').innerText = name;
|
|
}
|
|
|
|
function printer_render(rec = {}) {
|
|
let { info, print, files } = rec;
|
|
let {
|
|
ams,
|
|
ams_status,
|
|
bed_target_temper,
|
|
bed_temper,
|
|
big_fan1_speed,
|
|
big_fan2_speed,
|
|
chamber_temper,
|
|
cooling_fan_speed,
|
|
fan_gear,
|
|
gcode_file,
|
|
gcode_state, // PREPARE, PAUSE, RUNNING, FAILED
|
|
heatbreak_fan_speed,
|
|
home_flag,
|
|
layer_num,
|
|
lights_report,
|
|
mc_percent,
|
|
mc_remaining_time,
|
|
nozzle_diameter,
|
|
nozzle_target_temper,
|
|
nozzle_temper,
|
|
print_error,
|
|
print_type,
|
|
sdcard,
|
|
spd_lvl, // speed 1,2,3,4 (2 = default)
|
|
total_layer_num,
|
|
upload
|
|
} = print || {};
|
|
let { tray_pre, tray_now, tray_tar } = ams || {};
|
|
let trays = ams?.ams?.map((ams, unit) => {
|
|
return ams.tray.map(tray => {
|
|
return { unit, wet: ams.humidity, ...tray };
|
|
});
|
|
}).flat();
|
|
if (trays && trays.length) {
|
|
let options = trays.map(tray => h.option({
|
|
_: tray.id,
|
|
_selected: tray_now === tray.id,
|
|
value: tray.id,
|
|
}));
|
|
h.bind($('bbl_ams_tray'), [
|
|
h.option({ _: 'none', value: '255' }),
|
|
...options
|
|
]);
|
|
[ "print-bambu-spool", "bbl_file_spool" ].forEach(dropdown => {
|
|
h.bind($(dropdown),[
|
|
h.option({ _: 'external', value: '', _selected: print_ams_select === '' }),
|
|
h.option({ _: 'ams auto', value: 'auto', _selected: print_ams_select === 'auto' }),
|
|
...trays.map(tray => {
|
|
return h.option({
|
|
_: `ams tray ${tray.id}`,
|
|
_selected: print_ams_select === tray.id,
|
|
value: tray.id,
|
|
});
|
|
})
|
|
]);
|
|
$(dropdown).onchange = (ev) => {
|
|
print_ams_select = ev.target.value;
|
|
};
|
|
});
|
|
// update AMS buttons based on current reported state
|
|
range(16).map(id => {
|
|
let btn = $(`bbl_tray_${id}`);
|
|
ui.setVisible(btn, id < trays.length);
|
|
$('bbl_ams_trays').style.gridTemplateRows = `repeat(${trays.length / 4},auto)`;
|
|
if (id < trays.length) {
|
|
let { style } = btn;
|
|
let { tray_color, tray_type } = btn.bambu = trays[id];
|
|
if (tray_color) {
|
|
style.color = `#${calcFG(tray_color)}`;
|
|
style.backgroundColor = `#${tray_color}`;
|
|
btn.classList.remove('checker');
|
|
} else {
|
|
style.color = '';
|
|
style.backgroundColor = '';
|
|
btn.classList.add('checker');
|
|
}
|
|
if (btn.tray_type !== tray_type) {
|
|
// otherwise rewriting the text kills the popup
|
|
btn.tray_type = btn.innerText = tray_type || '';
|
|
}
|
|
if (tray_now == id) {
|
|
style.borderColor = 'red';
|
|
style.borderStyle = 'dashed';
|
|
} else {
|
|
style.borderColor = '';
|
|
style.borderStyle = '';
|
|
}
|
|
} else {
|
|
btn.bambu = undefined;
|
|
}
|
|
});
|
|
} else {
|
|
$('bbl_ams_tray').innerHTML = '';
|
|
$('bbl_file_spool').innerHTML = '';
|
|
$('print-bambu-spool').innerHTML = '';
|
|
print_ams_select = 'auto';
|
|
}
|
|
let state = (gcode_state || 'unknown').toLowerCase();
|
|
$('bbl_noz').value = nozzle_diameter || '';
|
|
$('bbl_noz_temp').value = nozzle_temper?.toFixed(1) ?? '';
|
|
$('bbl_noz_target').value = nozzle_target_temper?.toFixed(1) ?? '';
|
|
$('bbl_noz_on').checked = nozzle_target_temper > 0;
|
|
$('bbl_bed_temp').value = bed_temper?.toFixed(1) ?? '';
|
|
$('bbl_bed_target').value = bed_target_temper?.toFixed(1) ?? '';
|
|
$('bbl_bed_on').checked = bed_target_temper > 0;
|
|
$('bbl_pause').disabled = (gcode_state !== 'RUNNING');
|
|
$('bbl_resume').disabled = (gcode_state !== 'PAUSE' || gcode_state === 'FAILED');
|
|
$('bbl_stop').disabled = gcode_file ? false : true;
|
|
$('bbl_file_print').disabled = gcode_file ? true : false;
|
|
$('bbl_fan_part').value = cooling_fan_speed || 0;
|
|
$('bbl_fan_part_on').checked = cooling_fan_speed > 0 ? true : false;
|
|
$('bbl_fan_1').value = big_fan1_speed || 0;
|
|
$('bbl_fan_1_on').checked = big_fan1_speed > 0 ? true : false;
|
|
$('bbl_fan_2').value = big_fan2_speed || 0;
|
|
$('bbl_fan_2_on').checked = big_fan2_speed > 0 ? true : false;
|
|
$('bbl_fan_heatbreak').value = heatbreak_fan_speed || 0;
|
|
$('bbl_file_active').value = gcode_file || '';
|
|
ui.setClass($('bbl_noz_target'), 'bred', nozzle_target_temper > 0);
|
|
ui.setClass($('bbl_bed_target'), 'bred', bed_target_temper > 0);
|
|
ui.setClass($('bbl_fan_part'), 'bred', cooling_fan_speed > 0);
|
|
ui.setClass($('bbl_fan_1'), 'bred', big_fan1_speed > 0);
|
|
ui.setClass($('bbl_fan_2'), 'bred', big_fan2_speed > 0);
|
|
ui.setClass($('bbl_fan_heatbreak'), 'bred', heatbreak_fan_speed > 0);
|
|
ui.setClass($('bbl_file_active'), 'bred', gcode_file);
|
|
if (selected && files && filelist.selectedIndex === -1) {
|
|
h.bind(filelist, files.map(file => {
|
|
let name = file.name
|
|
.toLowerCase()
|
|
.replace('.gcode','')
|
|
.replace('.3mf','');
|
|
return h.option({
|
|
_: name,
|
|
style: "max-width: 20em"
|
|
});
|
|
}));
|
|
filelist.selectedIndex = 0;
|
|
filelist.onchange();
|
|
} else if (files && files.length === 0) {
|
|
filelist.innerHTML = '';
|
|
$('bbl_file_size').value = '';
|
|
$('bbl_file_date').value = '';
|
|
$('bbl_file_delete').disabled =
|
|
$('bbl_file_print').disabled = true;
|
|
}
|
|
(lights_report || []).forEach(rec => {
|
|
if (rec.node === 'chamber_light') {
|
|
$('bbl_chamber_light').checked = (rec.mode === 'on');
|
|
}
|
|
});
|
|
ui.setEnabled($('bbl_ams_spool'), ams?.version ? true : false);
|
|
ui.setEnabled($('bbl_ams_tray'), ams?.version ? true : false);
|
|
$('bbl_ams_spool').checked = ((home_flag ?? 0) & 0x400) ? true : false;
|
|
$('bbl_step_recover').checked = ((home_flag ?? 0) & 0x10) ? true : false;
|
|
// provide only the print info from the serial recorld
|
|
$('bbl_rec').value = JSON.stringify(deepSortObject({
|
|
...rec.print
|
|
// info: rec.info,
|
|
// print: rec.print,
|
|
}), undefined, 2);
|
|
$('bbl_accel').selectedIndex = (spd_lvl ?? 2) - 1;
|
|
if (print_error) {
|
|
bbl_status.value = `${state} | print error ${print_error}`
|
|
} else if (mc_remaining_time && gcode_state !== 'FAILED') {
|
|
bbl_status.value = `layer ${layer_num} of ${total_layer_num} | ${mc_percent}% complete | ${mc_remaining_time} minutes left | ${state}`
|
|
} else {
|
|
let ams_tray = tray_now !== tray_tar ? ` | ams loading spool ${tray_tar}` : '';
|
|
bbl_status.value = `printer ${print_type || ""} | ${state}${ams_tray}`;
|
|
}
|
|
if (gcode_state && conn_alert) {
|
|
api.alerts.hide(conn_alert);
|
|
}
|
|
// extract printer "type" from module info so that the 3MF
|
|
// will be accepted by the target printer
|
|
let serial = selected?.rec?.serial;
|
|
if (serial && info?.module) {
|
|
for (let mod of info.module) {
|
|
if (mod.sn === serial) {
|
|
selected.rec.type = mod.project_name;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function render_list(to) {
|
|
let list = Object.keys(printers).map(name => {
|
|
return selected?.name === name ?
|
|
h.option({ _: name, value: name, _selected: !export_select }) :
|
|
h.option({ _: name, value: name, _selected: export_select === name });
|
|
});
|
|
list = [
|
|
h.option({ _: '', value: '' }),
|
|
...list
|
|
];
|
|
if (export_select) {
|
|
printer_select(export_select);
|
|
export_select = undefined;
|
|
}
|
|
h.bind(to || select, list);
|
|
}
|
|
|
|
function monitor_start(rec) {
|
|
let { host, code, serial } = rec;
|
|
if (!(host && code && serial)) {
|
|
// monitor_stop();
|
|
} else {
|
|
socket.send({ cmd: "monitor", ...rec });
|
|
}
|
|
}
|
|
|
|
function monitor_keepalive() {
|
|
cmd_if("keepalive");
|
|
}
|
|
|
|
function monitor_stop() {
|
|
socket.stop();
|
|
}
|
|
|
|
function monitoring() {
|
|
let mon = selected?.rec?.serial ?? '';
|
|
ui.setVisible($('bbl_connect'), select.value !== '' && monitors.indexOf(mon) < 0);
|
|
return mon ? true : false;
|
|
}
|
|
|
|
function set_frames(serial, bool) {
|
|
if (serial) {
|
|
socket.send({ cmd: "frames", frames: bool, serial });
|
|
}
|
|
}
|
|
|
|
function cmd_if(cmd, obj = {}) {
|
|
if (monitoring()) {
|
|
socket.send({ ...obj, cmd, serial: selected.rec.serial });
|
|
}
|
|
}
|
|
|
|
function cmd_direct(obj = {}) {
|
|
cmd_if("direct", { direct: obj });
|
|
}
|
|
|
|
function cmd_gcode(code) {
|
|
cmd_direct({ print: {
|
|
command: "gcode_line",
|
|
param: `${code} \n`,
|
|
sequence_id: next_sid(),
|
|
user_id
|
|
} });
|
|
}
|
|
|
|
function file_list() {
|
|
let { host, code, serial } = selected?.rec || {};
|
|
if (host && code && serial) {
|
|
filelist.selectedIndex = -1;
|
|
$('bbl_file_size').value =
|
|
$('bbl_file_date').value = '';
|
|
$('bbl_file_delete').disabled =
|
|
$('bbl_file_print').disabled = true;
|
|
socket.send({ cmd: "files", ...selected.rec });
|
|
}
|
|
}
|
|
|
|
function file_delete(path) {
|
|
if (selected?.rec?.host && path) {
|
|
let { host, code } = selected.rec
|
|
socket.send({ cmd: "file-delete", path, host, code });
|
|
}
|
|
}
|
|
|
|
function file_print(path) {
|
|
if (selected?.rec?.host && path) {
|
|
let spool = print_ams_select;
|
|
let { host, code, serial } = selected.rec;
|
|
console.log({ file_print: path, host, code, serial, spool, amsmap });
|
|
socket.send({
|
|
cmd: "file-print",
|
|
path,
|
|
host,
|
|
code,
|
|
serial,
|
|
amsmap: spool === 'auto' && amsmap ? amsmap : spool
|
|
});
|
|
}
|
|
}
|
|
|
|
function calcFG(bg) {
|
|
let r = parseInt(bg.substring(0, 2), 16);
|
|
let g = parseInt(bg.substring(2, 4), 16);
|
|
let b = parseInt(bg.substring(4, 6), 16);
|
|
let luminance = (0.2126 * r + 0.7152 * g + 0.0722 * b) / 255;
|
|
return luminance > 0.5 ? "000000" : "FFFFFF";
|
|
}
|
|
|
|
api.onkey(ev => {
|
|
if (ev.key && ev.key.code === 'KeyE' && ev.key.shiftKey) {
|
|
let cdev = api.conf.get().device;
|
|
if (!printers) {
|
|
printers = cdev.extras?.bbl;
|
|
}
|
|
if (printers) {
|
|
device = device || cdev;
|
|
api.modal.show('bambu');
|
|
}
|
|
return true;
|
|
}
|
|
});
|
|
|
|
api.event.on("init-done", function() {
|
|
if (init) {
|
|
return;
|
|
}
|
|
init = true;
|
|
bound = h.bind($('device-save'), h.button({
|
|
_: 'Manage', id: "bblman", onclick() {
|
|
api.modal.show('bambu');
|
|
}
|
|
}), { before: true });
|
|
let modal = h.bind($('mod-help'), h.div({
|
|
id: "mod-bambu",
|
|
class: "mdialog f-col gap4"
|
|
}, [
|
|
h.div({ class: "f-row a-center gap4" }, [
|
|
h.label({ class: "set-header dev-sel" }, [ h.a('bambu manager') ]),
|
|
h.select({ id: "bbl_sel", class: "dev-list" }, []),
|
|
h.button({ _: "connect", class: "hide", id: "bbl_connect", onclick() {
|
|
conn_alert = api.alerts.show(`connecting to ${select.value}`);
|
|
printer_select(select.value);
|
|
} }),
|
|
h.div({ class: "grow gap3 j-end" }, [
|
|
h.button({
|
|
id: "bbl_hide",
|
|
_: '<i class="fa-solid fa-eye"></i>',
|
|
class: "a-center",
|
|
onclick(ev) {
|
|
if (ev.target.hide === true) {
|
|
ev.target.hide = false;
|
|
$('bbl_code').type = 'text';
|
|
$('bbl_serial').type = 'text';
|
|
$('bbl_hide').innerHTML = '<i class="fa-solid fa-eye"></i>';
|
|
} else {
|
|
ev.target.hide = true;
|
|
$('bbl_code').type = 'password';
|
|
$('bbl_serial').type = 'password';
|
|
$('bbl_hide').innerHTML = '<i class="fa-solid fa-eye-slash"></i>';
|
|
}
|
|
}}),
|
|
h.button({
|
|
_: 'new',
|
|
title: "add printer",
|
|
class: "grid",
|
|
onclick: printer_add
|
|
}),
|
|
h.button({
|
|
_: 'rename',
|
|
title: "rename printer",
|
|
class: "grid",
|
|
onclick: printer_add
|
|
}),
|
|
h.button({
|
|
_: 'delete',
|
|
id: 'bbl_pdel',
|
|
title: "remove printer",
|
|
class: "grid",
|
|
onclick: printer_del
|
|
})
|
|
])
|
|
]),
|
|
h.div({ class: "set-sep "}),
|
|
h.div({ class: "frow gap4" }, [
|
|
h.div({ class: "f-col gap3" }, [
|
|
h.div({ class: "t-body t-inset f-col" }, [
|
|
h.label({ class: "set-header dev-sel" }, [
|
|
h.a({ _: 'printer', id: "bbl_name" })
|
|
]),
|
|
h.div({ class: "var-row" }, [
|
|
h.label('host'),
|
|
h.input({ id: "bbl_host", size: 12 }),
|
|
]),
|
|
h.div({ class: "var-row" }, [
|
|
h.label('code'),
|
|
h.input({ id: "bbl_code", size: 12 }),
|
|
]),
|
|
h.div({ class: "var-row" }, [
|
|
h.label('serial'),
|
|
h.input({ id: "bbl_serial", size: 17, class: "font-smol" }),
|
|
])
|
|
]),
|
|
h.div({ class: "t-body t-inset f-col" }, [
|
|
h.label({ class: "set-header dev-sel" }, [
|
|
h.a('nozzle')
|
|
]),
|
|
h.div({ class: "var-row" }, [
|
|
h.label('diameter'),
|
|
h.input({ id: "bbl_noz", size: 5, readonly })
|
|
]),
|
|
h.div({ class: "var-row" }, [
|
|
h.label('temp'),
|
|
h.input({ id: "bbl_noz_temp", size: 5, readonly })
|
|
]),
|
|
h.div({ class: "var-row", ondblclick() {
|
|
ui.prompt('new nozzle temp', $('bbl_noz_target').value).then(value => {
|
|
cmd_gcode(`M104 S${value}`);
|
|
api.alerts.show(`set nozzle temp ${value}`,2);
|
|
})
|
|
} }, [
|
|
h.label('target'),
|
|
h.input({ id: "bbl_noz_on", type: "checkbox", onclick() {
|
|
let value = $('bbl_noz_on').checked ? '220' : '0';
|
|
cmd_gcode(`M104 S${value}`)
|
|
api.alerts.show(`set nozzle temp ${value}`,2);
|
|
} }),
|
|
h.input({ id: "bbl_noz_target", size: 5, readonly })
|
|
])
|
|
]),
|
|
h.div({ class: "t-body t-inset f-col" }, [
|
|
h.label({ class: "set-header dev-sel" }, [
|
|
h.a('bed')
|
|
]),
|
|
h.div({ class: "var-row" }, [
|
|
h.label('temp'),
|
|
h.input({ id: "bbl_bed_temp", size: 5, readonly })
|
|
]),
|
|
h.div({ class: "var-row", ondblclick() {
|
|
ui.prompt('new bed temp', $('bbl_bed_target').value).then(value => {
|
|
cmd_gcode(`M140 S${value}`)
|
|
api.alerts.show(`set bed temp ${value}`,2);
|
|
})
|
|
} }, [
|
|
h.label('target'),
|
|
h.input({ id: "bbl_bed_on", type: "checkbox", onclick() {
|
|
let value = $('bbl_bed_on').checked ? '60' : '0';
|
|
cmd_gcode(`M140 S${value}`);
|
|
api.alerts.show(`set bed temp ${value}`,2);
|
|
} }),
|
|
h.input({ id: "bbl_bed_target", size: 5, readonly })
|
|
])
|
|
]),
|
|
h.div({ class: "t-body t-inset f-col" }, [
|
|
h.label({ class: "set-header dev-sel" }, [
|
|
h.a('chamber')
|
|
]),
|
|
h.div({ class: "var-row", ondblclick() {
|
|
ui.prompt('new part fan value', $('bbl_fan_part').value).then(value => {
|
|
cmd_gcode(`M106 P1 S${value}`);
|
|
api.alerts.show(`set part fan ${value}`,2);
|
|
})
|
|
} }, [
|
|
h.label('part fan'),
|
|
h.input({ id: "bbl_fan_part_on", type: "checkbox", onclick() {
|
|
let value = $('bbl_fan_part_on').checked ? '255' : '0';
|
|
cmd_gcode(`M106 P1 S${value}`)
|
|
api.alerts.show(`set part fan ${value}`,2);
|
|
} }),
|
|
h.input({ id: "bbl_fan_part", size: 5, readonly })
|
|
]),
|
|
h.div({ class: "var-row", ondblclick() {
|
|
ui.prompt('new aux fan value', $('bbl_fan_1').value).then(value => {
|
|
cmd_gcode(`M106 P2 S${value}`);
|
|
api.alerts.show(`set aux fan ${value}`,2);
|
|
})
|
|
} }, [
|
|
h.label('aux fan'),
|
|
h.input({ id: "bbl_fan_1_on", type: "checkbox", onclick() {
|
|
let value = $('bbl_fan_1_on').checked ? '255' : '0';
|
|
cmd_gcode(`M106 P2 S${value}`)
|
|
api.alerts.show(`set aux fan ${value}`,2);
|
|
} }),
|
|
h.input({ id: "bbl_fan_1", size: 5, readonly })
|
|
]),
|
|
h.div({ class: "var-row", ondblclick() {
|
|
ui.prompt('new chamber fan value', $('bbl_fan_2').value).then(value => {
|
|
cmd_gcode(`M106 P3 S${value}`);
|
|
api.alerts.show(`set chamber fan ${value}`,2);
|
|
})
|
|
} }, [
|
|
h.label('chamber fan'),
|
|
h.input({ id: "bbl_fan_2_on", type: "checkbox", onclick() {
|
|
let value = $('bbl_fan_2_on').checked ? '255' : '0';
|
|
cmd_gcode(`M106 P3 S${value}`)
|
|
api.alerts.show(`set chamber fan ${value}`,2);
|
|
} }),
|
|
h.input({ id: "bbl_fan_2", size: 5, readonly })
|
|
]),
|
|
h.div({ class: "var-row" }, [
|
|
h.label('heatbreak fan'),
|
|
h.input({ id: "bbl_fan_heatbreak", size: 5, readonly })
|
|
]),
|
|
h.div({ class: "var-row" }, [
|
|
h.label('light'),
|
|
h.input({ id: "bbl_chamber_light", type: "checkbox", onclick() {
|
|
cmd_direct({
|
|
system: {
|
|
command: "ledctrl",
|
|
led_node: "chamber_light",
|
|
led_mode: $('bbl_chamber_light').checked ? "on" : "off"
|
|
}
|
|
})
|
|
api.alerts.show(`set chamber light`,2);
|
|
} })
|
|
]),
|
|
]),
|
|
]),
|
|
h.div({ class: "f-col gap4 grow" }, [
|
|
h.div({
|
|
id: "bbl_video_frame",
|
|
class: "video hide f-row",
|
|
style: "width: 100%; box-sizing: border-box; aspect-ratio: 16 / 9",
|
|
},[
|
|
h.canvas({
|
|
id: "bbl_video",
|
|
style: "max-width: 100%; box-sizing: border-box; grow",
|
|
})
|
|
]),
|
|
h.textarea({
|
|
id: "bbl_rec",
|
|
style: "flex-grow: 1; width: 100%; resize: none; box-sizing: border-box",
|
|
wrap: "off",
|
|
spellcheck: "false",
|
|
cols: 65
|
|
}),
|
|
h.button({
|
|
id: "bbl_vid_toggle",
|
|
style: "position: absolute; top: 5px; right: 5px",
|
|
onclick: printer_video_toggle
|
|
}, [ h.i({ class: "fa-solid fa-video" }) ]),
|
|
]),
|
|
h.div({ class: "f-col gap3" }, [
|
|
h.div({ id: "bbl_ams", class: "t-body t-inset f-col gap3 pad4" }, [
|
|
h.label({ class: "set-header dev-sel" }, [
|
|
h.a('ams')
|
|
]),
|
|
h.div({ class: "var-row" }, [
|
|
// home_flag bit 11 (0x400)
|
|
h.label('auto spool advance'),
|
|
h.input({ id: "bbl_ams_spool", type: "checkbox", onclick() {
|
|
api.alerts.show(`changing auto spool`,2);
|
|
cmd_direct({
|
|
print: {
|
|
auto_switch_filament: $('bbl_ams_spool').checked,
|
|
command: 'print_option',
|
|
sequence_id: '123',
|
|
option: $('bbl_ams_spool').checked ? 1 : 0
|
|
}
|
|
})
|
|
} })
|
|
]),
|
|
h.div({ class: "var-row" }, [
|
|
h.label('spool select'),
|
|
h.select({ id: "bbl_ams_tray", onchange() {
|
|
let new_tray = $('bbl_ams_tray').value
|
|
api.alerts.show(`select tray ${new_tray}`,2);
|
|
cmd_direct({
|
|
print: {
|
|
command: 'ams_change_filament',
|
|
curr_temp: 220, // current filament heat to
|
|
tar_temp: 220, // new filament heat to
|
|
target: parseInt(new_tray)
|
|
}
|
|
});
|
|
} }),
|
|
]),
|
|
h.div({ class: "pop-sep" }),
|
|
h.div({
|
|
id: "bbl_ams_trays",
|
|
"style": [
|
|
"gap: 5px;",
|
|
"display:grid",
|
|
`grid-template-columns:repeat(4,1fr)`,
|
|
`grid-template-rows:repeat(4,auto)`
|
|
].join(';')
|
|
}, range(16).map(id => h.button({
|
|
_: id,
|
|
id: `bbl_tray_${id}`,
|
|
class:`a-center hide f-col`,
|
|
style: [
|
|
`min-height:10px`,
|
|
`padding: 5px`,
|
|
`position:relative`
|
|
].join(';'),
|
|
onclick(ev) {
|
|
let { target } = ev;
|
|
if (target.id === `bbl_tray_${id}`) {
|
|
if (tray_hover === target) {
|
|
ams_tray_show(false);
|
|
} else {
|
|
target.appendChild(tray_info);
|
|
ams_tray_show(true);
|
|
tray_hover = target;
|
|
let { bambu } = target;
|
|
$('bbl_tray_type').value = bambu.tray_info_idx;
|
|
$('bbl_tray_rgba').value = bambu.tray_color;
|
|
}
|
|
}
|
|
},
|
|
onmouseenter(ev) {
|
|
clearTimeout(ev.target.__timer);
|
|
},
|
|
onmouseleave(ev) {
|
|
ev.target.__timer = setTimeout(() => {
|
|
if (ev.target === tray_hover) {
|
|
// ams_tray_show(false);
|
|
}
|
|
}, 5000);
|
|
}
|
|
})))
|
|
]),
|
|
h.div({ id: "bbl_tray_info",
|
|
class: "t-body f-col gap3 pad5 hide",
|
|
style: [
|
|
"z-index:1000",
|
|
"position:absolute",
|
|
"top:calc(100% + 4px)",
|
|
"right:0",
|
|
"transform:translateX(30%)",
|
|
"padding:10px !important",
|
|
"opacity:0.95 !important",
|
|
"border-width: 4px !important"
|
|
].join(';')
|
|
}, [
|
|
h.div({ class: "var-row" }, [
|
|
h.select({ id: "bbl_tray_type" },
|
|
bblapi.filament.list.map(row => h.option({
|
|
_: row[1],
|
|
value: row[0]
|
|
})
|
|
)),
|
|
]),
|
|
h.div({ class: "pop-sep" }),
|
|
h.div({ class: "var-row" }, [
|
|
h.label('use ams color'),
|
|
h.select({ id: "bbl_tray_acolor" })
|
|
]),
|
|
h.div({ class: "var-row" }, [
|
|
h.label('use quick color'),
|
|
h.select({ id: "bbl_tray_color" })
|
|
]),
|
|
h.div({ class: "var-row" }, [
|
|
h.label('use rgb color'),
|
|
h.input({ id: "bbl_tray_rgba", class: "mono", value: "00112233", size: 8 }),
|
|
]),
|
|
h.div({ class: "pop-sep" }),
|
|
h.div({ class: "j-center", }, [
|
|
h.button({
|
|
_: 'save tray settings',
|
|
onclick() {
|
|
ams_tray_update();
|
|
ams_tray_show(false);
|
|
}
|
|
}),
|
|
h.button({
|
|
_: 'cancel',
|
|
onclick() {
|
|
ams_tray_show(false);
|
|
}
|
|
})
|
|
])
|
|
]),
|
|
|
|
h.div({ class: "t-body t-inset f-col gap3 pad4 grow" }, [
|
|
h.div({ class: "set-header", onclick() {
|
|
file_list();
|
|
} }, h.a({ class: "flex f-row grow" }, [
|
|
h.label('file'),
|
|
h.span({ class: "fat5 grow" }),
|
|
h.i({ class: "fa-solid fa-rotate" })
|
|
])),
|
|
h.select({ id: "bbl_files" }, []),
|
|
h.div({ class: "var-row" }, [
|
|
h.label('size'),
|
|
h.input({ id: "bbl_file_size", size: 12, readonly })
|
|
]),
|
|
h.div({ class: "var-row" }, [
|
|
h.label('date'),
|
|
h.input({ id: "bbl_file_date", size: 12, readonly })
|
|
]),
|
|
h.div({ class: "var-row" }, [
|
|
h.label('spool'),
|
|
h.select({ id: "bbl_file_spool" })
|
|
]),
|
|
h.div({ class: "grow" }),
|
|
h.div({ class: "pop-sep" }),
|
|
h.div({ class: "f-row gap3 f-grow" }, [
|
|
h.button({
|
|
_: 'delete',
|
|
id: "bbl_file_delete",
|
|
class: "f-col a-center t-center",
|
|
disabled: true,
|
|
onclick() {
|
|
console.log({ deleting: selected.file.path });
|
|
file_delete(selected.file.path);
|
|
}}),
|
|
h.button({
|
|
_: 'print',
|
|
id: "bbl_file_print",
|
|
class: "f-col a-center t-center",
|
|
disabled: true,
|
|
onclick() {
|
|
console.log({ printing: selected.file.path });
|
|
file_print(selected.file.path);
|
|
api.alerts.show(`printing: ${selected.file.path}`,2);
|
|
}}),
|
|
])
|
|
]),
|
|
h.div({ class: "t-body t-inset f-col gap3 pad4" }, [
|
|
h.label({ class: "set-header dev-sel" }, [
|
|
h.a('printing')
|
|
]),
|
|
h.div({ class: "var-row" }, [
|
|
// home_flag bit 5 (0x10)
|
|
h.label('auto step recovery'),
|
|
h.input({ id: "bbl_step_recover", type: "checkbox", onclick() {
|
|
api.alerts.show(`changing step recovery`,2);
|
|
cmd_direct({
|
|
print: {
|
|
auto_recovery: $('bbl_step_recover').checked,
|
|
command: 'print_option',
|
|
sequence_id: '124',
|
|
option: $('bbl_step_recover').checked ? 1 : 0
|
|
}
|
|
})
|
|
} })
|
|
]),
|
|
h.div({ class: "var-row" }, [
|
|
h.label('acceleration'),
|
|
h.select({ id: "bbl_accel", onchange() {
|
|
api.alerts.show(`changing acceleration`,2);
|
|
cmd_direct({ print: {
|
|
command: 'print_speed',
|
|
param: ($('bbl_accel').selectedIndex + 1).toString()
|
|
} })
|
|
} }, [
|
|
h.option({ _: "silent", value: 1 }),
|
|
h.option({ _: "normal", value: 2, selected: true }),
|
|
h.option({ _: "sport", value: 3 }),
|
|
h.option({ _: "insane", value: 4 }),
|
|
])
|
|
]),
|
|
h.div({ class: "var-row f-grow" }, [
|
|
h.label('active'),
|
|
h.input({ id: "bbl_file_active", class: "t-left", readonly })
|
|
]),
|
|
h.div({ class: "pop-sep" }),
|
|
h.div({ class: "f-row gap3 f-grow" }, [
|
|
h.button({ _: "pause", id: "bbl_pause", class: "f-col t-center a-center", onclick() { cmd_if("pause") } }),
|
|
h.button({ _: "resume", id: "bbl_resume", class: "f-col t-center a-center", onclick() { cmd_if("resume") } }),
|
|
h.button({ _: "stop", id: "bbl_stop", class: "f-col t-center a-center", onclick() { cmd_if("cancel") } }),
|
|
])
|
|
])
|
|
])
|
|
]),
|
|
h.div({ class: "set-sep "}),
|
|
h.div({ class: "gap4" }, [
|
|
h.label({ class: "set-header dev-sel" }, [ h.a('status') ]),
|
|
h.input({ id: "bbl_status", class: "t-left mono grow" }),
|
|
])
|
|
]), { before: true });
|
|
select = modal.bbl_sel;
|
|
filelist = modal.bbl_files;
|
|
btn_del = modal.bbl_pdel;
|
|
in_host = modal.bbl_host;
|
|
in_code = modal.bbl_code;
|
|
in_serial = modal.bbl_serial;
|
|
tray_info = modal.bbl_tray_info;
|
|
api.ui.modals['bambu'] = modal['mod-bambu'];
|
|
btn_del.disabled = true;
|
|
select.onchange = (ev => printer_select(select.value));
|
|
filelist.onchange = (ev => {
|
|
let file = selected.file = selected.status.files[filelist.selectedIndex];
|
|
$('bbl_file_size').value = file?.size ?? '';
|
|
$('bbl_file_date').value = file?.date ?? '';
|
|
$('bbl_file_delete').disabled =
|
|
$('bbl_file_print').disabled = false;
|
|
});
|
|
});
|
|
|
|
api.event.on("modal.show", which => {
|
|
if (which !== 'bambu' || !device) {
|
|
return;
|
|
}
|
|
// determine default printer from last selection
|
|
// if no export dialog selection override present
|
|
if (!export_select) {
|
|
for (let [ printer, rec ] of Object.entries(printers)) {
|
|
if (rec.selected) {
|
|
export_select = printer;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
printer_render({ files: [] });
|
|
printer_video_set(video_auto);
|
|
printer_select();
|
|
socket.start();
|
|
render_list();
|
|
get_ams_map(api.conf.get());
|
|
showing = true;
|
|
});
|
|
|
|
api.event.on("modal.hide", () => {
|
|
if (selected?.rec.modified) {
|
|
api.conf.save();
|
|
}
|
|
if (showing) {
|
|
video_auto = video_on;
|
|
printer_video_set(false);
|
|
ams_tray_show(false);
|
|
selected = undefined;
|
|
showing = false;
|
|
status = {};
|
|
}
|
|
});
|
|
|
|
api.event.on("device.selected", devsel => {
|
|
if (!bound) {
|
|
return;
|
|
}
|
|
if (devsel.extras?.bbl && !api.ui.deviceSave.disabled) {
|
|
device = devsel;
|
|
printers = devsel.extras.bbl;
|
|
bound.bblman.classList.remove('hide');
|
|
} else {
|
|
device = undefined;
|
|
printers = undefined;
|
|
bound.bblman.classList.add('hide');
|
|
}
|
|
});
|
|
|
|
function get_ams_map(settings) {
|
|
const ams = settings.device?.gcodePre.filter(line => line.indexOf(defams) === 0)[0];
|
|
if (ams) {
|
|
try {
|
|
amsmap = ams.substring(defams.length).trim().replaceAll(' ','');
|
|
} catch (e) {
|
|
console.log({ invalid_ams_map: ams });
|
|
}
|
|
}
|
|
}
|
|
|
|
function prep_export(gen3mf, gcode, info, settings) {
|
|
if (!settings.device.extras?.bbl || api.ui.deviceSave.disabled) {
|
|
$('bambu-output').style.display = 'none';
|
|
return;
|
|
}
|
|
printers = settings.device.extras.bbl;
|
|
let devlist = $('print-bambu-device');
|
|
render_list(devlist);
|
|
$('bambu-output').style.display = 'flex';
|
|
$('print-bambu-1').onclick = function() {
|
|
gen3mf(zip => send(`${$('print-filename').value}.3mf`, zip, false), ptype);
|
|
}
|
|
$('print-bambu-2').onclick = function() {
|
|
gen3mf(zip => send(`${$('print-filename').value}.3mf`, zip, true), ptype);
|
|
api.modal.show('bambu');
|
|
}
|
|
devlist.onchange = () => {
|
|
let info = printers[devlist.value] || {};
|
|
host = info.host;
|
|
ptype = info.type;
|
|
serial = info.serial;
|
|
password = info.code;
|
|
export_select = devlist.value;
|
|
$('print-bambu-spool').innerHMTL = '<option>loading...</option>';
|
|
$('print-bambu-1').disabled =
|
|
$('print-bambu-2').disabled =
|
|
(host && serial && password) ? false : true;
|
|
get_ams_map(settings);
|
|
printer_select(export_select);
|
|
console.log({ bambu: serial, ptype, host, amsmap });
|
|
};
|
|
}
|
|
|
|
function send(filename, gcode, start) {
|
|
const spool = print_ams_select;
|
|
const baseUrl = '/api/bambu_send';
|
|
const url = new URL(baseUrl, window.location.origin);
|
|
url.searchParams.append('host', host);
|
|
url.searchParams.append('code', password);
|
|
url.searchParams.append('filename', filename);
|
|
url.searchParams.append('serial', serial);
|
|
url.searchParams.append('start', start ?? false);
|
|
url.searchParams.append('ams', spool === 'auto' && amsmap ? amsmap : spool);
|
|
|
|
const alert = api.alerts.show('Sending to Bambu Printer');
|
|
|
|
fetch(url.toString(), {
|
|
headers: { 'Content-Type': 'text/plain' },
|
|
method: 'POST',
|
|
body: gcode
|
|
}).then((response) => {
|
|
if (!response.ok) {
|
|
throw new Error(`HTTP error! Status: ${response.status}`);
|
|
}
|
|
api.alerts.hide(alert);
|
|
return response.json();
|
|
}).then(res => {
|
|
console.log('Bambu Send', res);
|
|
if (res.sent) {
|
|
api.alerts.show('File Sent', 3);
|
|
} else {
|
|
api.alerts.show('File Send Error', 3);
|
|
}
|
|
}).catch(error => {
|
|
console.error('Bambu Send Error', error);
|
|
api.alerts.show('File Send Error', 3);
|
|
});
|
|
};
|
|
|
|
setInterval(monitor_keepalive, 5000);
|
|
|
|
let bblapi = api.bambu = { send, prep_export };
|
|
});
|