mirror of
https://github.com/slint-ui/slint.git
synced 2025-09-30 05:44:52 +00:00
02415a4079
Following the recent changes in #4765, the library name was updated from printerdemo to printerdemo_lib. This modification has inadvertently affected the naming of the JavaScript file generated by wasm-pack, leading to printerdemo.js being renamed to printerdemo_lib.js. Consequently, the existing reference in the index.html file became outdated, causing the WASM module to fail to load correctly. This PR addresses the issue by updating the reference in index.html, ensuring that the page can properly load and execute the WASM module.
63 lines
1.7 KiB
HTML
63 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<!-- Copyright © SixtyFPS GmbH <info@slint.dev> -->
|
|
<!-- SPDX-License-Identifier: MIT -->
|
|
|
|
<html>
|
|
<!--
|
|
This is a static html file used to display the wasm build.
|
|
In order to generate the build
|
|
- Run `wasm-pack build --release --target web` in this directory.
|
|
-->
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Slint Printer Demo (Web Assembly version)</title>
|
|
<link rel="stylesheet" href="https://slint.dev/css/demos-v1.css">
|
|
<style>
|
|
@media screen and (max-width: 992px) and (orientation: landscape) {
|
|
.hide-in-mobile-landscape {
|
|
display: none;
|
|
}
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
canvas {
|
|
width: 100vw !important;
|
|
height: 100vh !important;
|
|
}
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<h1 class="hide-in-mobile-landscape">Printer Demo</h1>
|
|
<p class="hide-in-mobile-landscape">This is the <a href="https://slint.dev">Slint</a> Printer Demo compiled to
|
|
WebAssembly. It simulates the
|
|
touch user interface of
|
|
the advanced "Print Machine 2000", without actually printing anything.</p>
|
|
<div id="spinner" style="position: relative;">
|
|
<div class="spinner">Loading...</div>
|
|
</div>
|
|
<canvas id="canvas" unselectable="on"></canvas>
|
|
<p class="hide-in-mobile-landscape links">
|
|
<a href="https://github.com/slint-ui/slint/blob/master/examples/printerdemo/ui/printerdemo.slint">
|
|
View Source Code on GitHub</a> -
|
|
<a href="https://slint.dev/editor?load_demo=examples/printerdemo/ui/printerdemo.slint">
|
|
Open in SlintPad
|
|
</a>
|
|
</p>
|
|
<script type="module">
|
|
import init from './pkg/printerdemo_lib.js';
|
|
init().finally(() => {
|
|
document.getElementById("spinner").remove();
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|