fix: 🐛 hide print preview
This commit is contained in:
Istvan Matejcsok
parent
5d18bd0c45
commit
5c6e426b00
8 changed files with 449 additions and 1 deletions
284
tests/apps/kicad/gerbview-print.html
Normal file
284
tests/apps/kicad/gerbview-print.html
Normal file
|
|
@ -0,0 +1,284 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<title>KiCad Gerber Viewer WASM — Print test harness</title>
|
||||
<style>
|
||||
.emscripten { padding-right: 0; margin-left: auto; margin-right: auto; display: block; }
|
||||
div.emscripten { text-align: center; }
|
||||
canvas.emscripten { border: 0px none; }
|
||||
|
||||
.window {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
z-index: 10;
|
||||
background-color: black;
|
||||
overflow: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.window-canvas {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#status {
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
left: 10px;
|
||||
color: #fff;
|
||||
font-family: monospace;
|
||||
z-index: 1000;
|
||||
background: rgba(0,0,0,0.7);
|
||||
padding: 10px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
#progress {
|
||||
width: 300px;
|
||||
height: 20px;
|
||||
background: #333;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
#progress-bar {
|
||||
height: 100%;
|
||||
background: #4CAF50;
|
||||
width: 0%;
|
||||
transition: width 0.3s;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body style="margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: #1a1a2e;">
|
||||
<div id="main-window" style="width: 100vw; height: 100vh; position: absolute; top: 0; left: 0;"></div>
|
||||
|
||||
<div id="status">
|
||||
<div id="status-text">Initializing...</div>
|
||||
<div id="progress"><div id="progress-bar"></div></div>
|
||||
</div>
|
||||
|
||||
<div id="window-container"></div>
|
||||
|
||||
<script>
|
||||
// Print-dialog test harness for gerbview. Identical boot to gerbview.html,
|
||||
// but it ALSO auto-opens the tiny_tapeout demo board (so the Print dialog has
|
||||
// layers to list) and seeds config to suppress the first-run wizard — same
|
||||
// approach as the blog demo (site/public/gerber-demo/boot.js).
|
||||
var mainWindow = document.getElementById('main-window');
|
||||
var statusText = document.getElementById('status-text');
|
||||
var progressBar = document.getElementById('progress-bar');
|
||||
|
||||
var showError = function(msg) {
|
||||
console.error('[KICAD_ERROR] ' + msg);
|
||||
statusText.textContent = 'Error: ' + msg;
|
||||
statusText.style.color = 'red';
|
||||
};
|
||||
|
||||
// KiCad config dir baked into the WASM build (see boot.js / constants.ts).
|
||||
var KICAD_CONFIG_DIR = '/home/kicad/.config/kicad/kicad/9.99';
|
||||
|
||||
// A lightweight subset of the tiny_tapeout demo board: enough layers/drill
|
||||
// files to enable the Print action and populate the dialog's layer list,
|
||||
// without the multi-MB copper/silkscreen layers (the Print Preview button is
|
||||
// hidden regardless of board content, so the heavy layers add nothing here).
|
||||
var BOARD_DIR = '/home/kicad/demo';
|
||||
var BOARD_FILES = [
|
||||
'tinytapeout-demo-Edge_Cuts.gbr',
|
||||
'tinytapeout-demo-B_Mask.gbr',
|
||||
'tinytapeout-demo-F_Mask.gbr',
|
||||
'tinytapeout-demo-B_Paste.gbr',
|
||||
'tinytapeout-demo-F_Paste.gbr',
|
||||
'tinytapeout-demo-User_2.gbr',
|
||||
'tinytapeout-demo-PTH.drl',
|
||||
'tinytapeout-demo-NPTH.drl'
|
||||
];
|
||||
var OPEN_ARGS = BOARD_FILES.map(function(f) { return BOARD_DIR + '/' + f; });
|
||||
|
||||
var createCanvas = function() {
|
||||
var canvas = document.createElement('canvas');
|
||||
canvas.id = 'canvas';
|
||||
canvas.style.display = 'none';
|
||||
var width = window.innerWidth;
|
||||
var height = window.innerHeight;
|
||||
canvas.style.width = width + 'px';
|
||||
canvas.style.height = height + 'px';
|
||||
canvas.oncontextmenu = function() { event.preventDefault(); };
|
||||
canvas.addEventListener("webglcontextlost", function(e) {
|
||||
showError('WebGL context lost. You will need to reload the page.');
|
||||
e.preventDefault();
|
||||
}, false);
|
||||
|
||||
mainWindow.appendChild(canvas);
|
||||
Module.canvas = canvas;
|
||||
|
||||
console.log('[KICAD] preRun complete, canvas created: ' + width + 'x' + height);
|
||||
};
|
||||
|
||||
var onRuntimeInitialized = function() {
|
||||
console.log('[KICAD] Runtime initialized');
|
||||
var canvas = Module.canvas;
|
||||
canvas.style.display = 'block';
|
||||
document.getElementById('status').style.display = 'none';
|
||||
};
|
||||
|
||||
// Pre-fetched resource data (fetched before gerbview.js loads)
|
||||
var resourceData = null;
|
||||
|
||||
fetch('images.tar.gz')
|
||||
.then(function(response) {
|
||||
if (!response.ok) throw new Error('HTTP ' + response.status);
|
||||
return response.arrayBuffer();
|
||||
})
|
||||
.then(function(buffer) {
|
||||
resourceData = new Uint8Array(buffer);
|
||||
console.log('[KICAD] Prefetched images.tar.gz (' + resourceData.length + ' bytes)');
|
||||
})
|
||||
.catch(function(err) {
|
||||
console.warn('[KICAD] Could not prefetch images.tar.gz:', err.message);
|
||||
});
|
||||
|
||||
// Prefetch the demo board layers (served from ./board/, copied from
|
||||
// site/public/gerber-demo/board) in parallel with the wasm download.
|
||||
var boardData = null;
|
||||
var boardPromise = Promise.all(
|
||||
BOARD_FILES.map(function(name) {
|
||||
return fetch('./board/' + name)
|
||||
.then(function(r) {
|
||||
if (!r.ok) throw new Error('HTTP ' + r.status + ' for ' + name);
|
||||
return r.arrayBuffer();
|
||||
})
|
||||
.then(function(buf) { return [name, new Uint8Array(buf)]; });
|
||||
})
|
||||
).then(function(pairs) {
|
||||
boardData = {};
|
||||
pairs.forEach(function(p) { boardData[p[0]] = p[1]; });
|
||||
console.log('[KICAD] prefetched ' + pairs.length + ' board files');
|
||||
}).catch(function(err) {
|
||||
console.error('[KICAD] board prefetch failed:', err.message);
|
||||
});
|
||||
|
||||
var writeResources = function() {
|
||||
var resourcePath = '/workspace/build-wasm/sysroot/share/kicad/resources';
|
||||
FS.mkdirTree(resourcePath);
|
||||
|
||||
if (resourceData) {
|
||||
FS.writeFile(resourcePath + '/images.tar.gz', resourceData);
|
||||
console.log('[KICAD] Wrote images.tar.gz to ' + resourcePath);
|
||||
} else {
|
||||
console.warn('[KICAD] images.tar.gz not ready yet (WASM loaded faster than fetch)');
|
||||
}
|
||||
};
|
||||
|
||||
// Suppress the first-run setup wizard (its modal loop is noise for this test):
|
||||
// pre-seed the config so settings providers report NeedsUserInput()==false.
|
||||
var seedKicadConfig = function() {
|
||||
FS.mkdirTree(KICAD_CONFIG_DIR);
|
||||
var seed = function(path, contents) {
|
||||
if (FS.analyzePath(path).exists) return;
|
||||
FS.writeFile(path, contents);
|
||||
};
|
||||
seed(KICAD_CONFIG_DIR + '/kicad_common.json', JSON.stringify({
|
||||
do_not_show_again: { update_check_prompt: true, data_collection_prompt: true }
|
||||
}, null, 2));
|
||||
seed(KICAD_CONFIG_DIR + '/sym-lib-table', '(sym_lib_table\n (version 7)\n)\n');
|
||||
seed(KICAD_CONFIG_DIR + '/fp-lib-table', '(fp_lib_table\n (version 7)\n)\n');
|
||||
seed(KICAD_CONFIG_DIR + '/design-block-lib-table', '(design_block_lib_table\n (version 7)\n)\n');
|
||||
console.log('[KICAD] seeded config (wizard suppressed)');
|
||||
};
|
||||
|
||||
// Land in a writable home dir (Open/Save dialogs default to cwd).
|
||||
var setupHomeDir = function() {
|
||||
var home = '/home/kicad';
|
||||
FS.mkdirTree(home);
|
||||
FS.chdir(home);
|
||||
console.log('[KICAD] cwd set to ' + home);
|
||||
};
|
||||
|
||||
// Write the board into MEMFS and point argv at it so gerbview auto-opens it.
|
||||
// argv must be set before main(); a run dependency keeps main() waiting if the
|
||||
// board fetch hasn't landed yet.
|
||||
var preloadBoard = function() {
|
||||
Module.arguments = OPEN_ARGS;
|
||||
var writeBoard = function() {
|
||||
if (!boardData) return;
|
||||
FS.mkdirTree(BOARD_DIR);
|
||||
Object.keys(boardData).forEach(function(name) {
|
||||
FS.writeFile(BOARD_DIR + '/' + name, boardData[name]);
|
||||
});
|
||||
console.log('[KICAD] wrote board into ' + BOARD_DIR + '; argv=' + OPEN_ARGS.length + ' files');
|
||||
};
|
||||
if (boardData) { writeBoard(); return; }
|
||||
var add = window.addRunDependency;
|
||||
var rm = window.removeRunDependency;
|
||||
if (typeof add === 'function' && typeof rm === 'function') {
|
||||
add('board-files');
|
||||
boardPromise.then(function() { writeBoard(); rm('board-files'); });
|
||||
} else {
|
||||
boardPromise.then(writeBoard);
|
||||
}
|
||||
};
|
||||
|
||||
var Module = {
|
||||
thisProgram: '/usr/bin/gerbview', // Fake absolute path for argv[0]
|
||||
arguments: OPEN_ARGS,
|
||||
|
||||
preRun: [createCanvas, writeResources, seedKicadConfig, setupHomeDir, preloadBoard],
|
||||
postRun: [],
|
||||
|
||||
print: function(text) {
|
||||
if (arguments.length > 1)
|
||||
text = Array.prototype.slice.call(arguments).join(' ');
|
||||
console.log('[KICAD_OUT] ' + text);
|
||||
},
|
||||
|
||||
printErr: function(text) {
|
||||
if (arguments.length > 1)
|
||||
text = Array.prototype.slice.call(arguments).join(' ');
|
||||
console.error('[KICAD_ERR] ' + text);
|
||||
},
|
||||
|
||||
setStatus: function(text) {
|
||||
console.log('[KICAD_STATUS] ' + text);
|
||||
statusText.textContent = text;
|
||||
|
||||
var match = text.match(/(\d+)\/(\d+)/);
|
||||
if (match) {
|
||||
var pct = (parseInt(match[1]) / parseInt(match[2])) * 100;
|
||||
progressBar.style.width = pct + '%';
|
||||
}
|
||||
},
|
||||
|
||||
totalDependencies: 0,
|
||||
monitorRunDependencies: function(left) {
|
||||
this.totalDependencies = Math.max(this.totalDependencies, left);
|
||||
Module.setStatus(left ? 'Preparing... (' + (this.totalDependencies-left) + '/' + this.totalDependencies + ')' : 'All downloads complete.');
|
||||
},
|
||||
|
||||
onRuntimeInitialized: onRuntimeInitialized,
|
||||
|
||||
locateFile: function(path) {
|
||||
return path;
|
||||
}
|
||||
};
|
||||
|
||||
Module.setStatus('Downloading...');
|
||||
|
||||
window.onerror = function(msg, url, line) {
|
||||
showError(msg + ' at ' + url + ':' + line);
|
||||
Module.setStatus = function(text) {
|
||||
if (text) Module.printErr('[post-exception status] ' + text);
|
||||
};
|
||||
return false;
|
||||
};
|
||||
</script>
|
||||
|
||||
<!-- wxWidgets WASM glue code (defines getConfigEntryLength, etc.) -->
|
||||
<script src="wx.js"></script>
|
||||
<script src="wx-dom.js"></script>
|
||||
<script async src="gerbview.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue