${orbHtml(116, 'position:absolute;left:24px;top:26px;box-shadow:0 6px 18px rgba(0,0,0,.6)')}
EuerChat
IRC & LIVESTREAM
`;
// ---------------------------------------------------------------------------
// Rendering mit Edge (Chrome DevTools Protocol)
// ---------------------------------------------------------------------------
async function startEdge() {
const port = 9341;
const profile = fs.mkdtempSync(path.join(os.tmpdir(), 'euerchat-brand-'));
const proc = spawn(EDGE, [
'--headless=new', `--remote-debugging-port=${port}`, `--user-data-dir=${profile}`,
'--hide-scrollbars', '--force-device-scale-factor=1', '--disable-gpu', 'about:blank',
], { stdio: 'ignore' });
let page;
for (let i = 0; i < 50 && !page; i++) {
await new Promise((r) => setTimeout(r, 200));
try {
const targets = await (await fetch(`http://127.0.0.1:${port}/json`)).json();
page = targets.find((t) => t.type === 'page');
} catch { /* Edge startet noch */ }
}
if (!page) throw new Error('Edge-Debugport nicht erreichbar');
const ws = new WebSocket(page.webSocketDebuggerUrl);
await new Promise((r) => (ws.onopen = r));
let id = 0;
const pending = new Map();
ws.onmessage = (e) => {
const m = JSON.parse(e.data);
if (m.id && pending.has(m.id)) { pending.get(m.id)(m.result ?? m.error); pending.delete(m.id); }
};
const send = (method, params = {}) => new Promise((res) => { const i = ++id; pending.set(i, res); ws.send(JSON.stringify({ id: i, method, params })); });
await send('Page.enable');
await send('Emulation.setDefaultBackgroundColorOverride', { color: { r: 0, g: 0, b: 0, a: 0 } });
return {
async render(markup, width, height) {
await send('Emulation.setDeviceMetricsOverride', { width, height, deviceScaleFactor: 1, mobile: false });
const doc = `${markup}`;
await send('Page.navigate', { url: 'data:text/html;base64,' + Buffer.from(doc).toString('base64') });
await new Promise((r) => setTimeout(r, 400));
await send('Runtime.evaluate', { expression: 'Promise.all([document.fonts.ready,...[...document.images].map(i=>i.decode())]).then(()=>1)', awaitPromise: true });
const r = await send('Page.captureScreenshot', { format: 'png', fromSurface: true });
return Buffer.from(r.data, 'base64');
},
close() { ws.close(); proc.kill(); },
async evaluate(expression) {
const r = await send('Runtime.evaluate', { expression, awaitPromise: true, returnByValue: true });
if (r.exceptionDetails) throw new Error(JSON.stringify(r.exceptionDetails));
return r.result.value;
},
};
}
// ---------------------------------------------------------------------------
// ICO / BMP
// ---------------------------------------------------------------------------
/** ICO mit PNG-Frames, groesste zuerst (Tauri nimmt das erste Bild als Fenstersymbol). */
function makeIco(frames) {
const sorted = [...frames].sort((a, b) => b.size - a.size);
const header = Buffer.alloc(6);
header.writeUInt16LE(1, 2);
header.writeUInt16LE(sorted.length, 4);
let offset = 6 + sorted.length * 16;
const entries = sorted.map((f) => {
const e = Buffer.alloc(16);
e[0] = f.size >= 256 ? 0 : f.size;
e[1] = f.size >= 256 ? 0 : f.size;
e.writeUInt16LE(1, 4);
e.writeUInt16LE(32, 6);
e.writeUInt32LE(f.png.length, 8);
e.writeUInt32LE(offset, 12);
offset += f.png.length;
return e;
});
return Buffer.concat([header, ...entries, ...sorted.map((f) => f.png)]);
}
/** 24-Bit-BMP (NSIS kann nur BMP), Transparenz wird auf `bg` gemischt. */
function pngToBmp(png, bg = [255, 255, 255]) {
const { width, height, bpp, px } = decodePng(png);
const rowSize = Math.ceil((width * 3) / 4) * 4;
const out = Buffer.alloc(54 + rowSize * height);
out.write('BM', 0);
out.writeUInt32LE(out.length, 2);
out.writeUInt32LE(54, 10);
out.writeUInt32LE(40, 14);
out.writeInt32LE(width, 18);
out.writeInt32LE(height, 22);
out.writeUInt16LE(1, 26);
out.writeUInt16LE(24, 28);
out.writeUInt32LE(rowSize * height, 34);
for (let y = 0; y < height; y++) {
for (let x = 0; x < width; x++) {
const i = (y * width + x) * bpp;
const alpha = bpp === 4 ? px[i + 3] / 255 : 1;
const o = 54 + (height - 1 - y) * rowSize + x * 3;
for (let c = 0; c < 3; c++) out[o + c] = Math.round(px[i + 2 - c] * alpha + bg[2 - c] * (1 - alpha));
}
}
return out;
}
// ---------------------------------------------------------------------------
console.log(`Logo ${logo.width}x${logo.height}, Ball: Mitte (${orb.cx}, ${orb.cy}), Radius ${orb.r}`);
const edge = await startEdge();
try {
const out = {
icons: path.join(root, 'src-tauri', 'icons'),
installer: path.join(root, 'installer'),
ui: path.join(root, 'ui'),
};
for (const d of Object.values(out)) fs.mkdirSync(d, { recursive: true });
orbUrl = await edge.evaluate(RETOUCH_JS);
const frames = [];
for (const size of [256, 128, 64, 48, 32, 24, 16]) frames.push({ size, png: await edge.render(orbHtml(size), size, size) });
const bySize = (s) => frames.find((f) => f.size === s).png;
fs.writeFileSync(path.join(out.icons, 'icon.ico'), makeIco(frames));
fs.writeFileSync(path.join(out.icons, '32x32.png'), bySize(32));
fs.writeFileSync(path.join(out.icons, '128x128.png'), bySize(128));
fs.writeFileSync(path.join(out.icons, 'icon.png'), await edge.render(orbHtml(512), 512, 512));
fs.writeFileSync(path.join(out.ui, 'logo-wide.png'), await edge.render(wideHtml(480, 165), 480, 165));
fs.writeFileSync(path.join(out.installer, 'sidebar.bmp'), pngToBmp(await edge.render(sidebarHtml(), 164, 314), [5, 0, 0]));
fs.writeFileSync(path.join(out.installer, 'header.bmp'), pngToBmp(await edge.render(wideHtml(150, 57), 150, 57)));
console.log('Fertig.');
} finally {
edge.close();
}