Garmelon/showbits
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Build photo.html with vite

Browse source
This commit is contained in:
Joscha 2025-03-26 20:53:51 +01:00
parent 4ab15ab61a
commit ad028bc522
2 changed files with 45 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

64
showbits-thermal-printer-ui/public/photo.html → showbits-thermal-printer-ui/photo.html
View file

@ -137,39 +137,39 @@
flip.setAttribute("href", `?facing=${facingOpposite}`);
}
await initStream(facing);
async function waitAtLeast(duration, since) {
const now = Date.now();
const wait = duration - (now - since);
if (wait > 0) {
await new Promise((resolve) => setTimeout(resolve, wait));
}
}
button.addEventListener("click", () => {
const canvas = document.createElement("canvas");
const scale = 384 / video.videoWidth;
canvas.width = video.videoWidth * scale;
canvas.height = video.videoHeight * scale;
canvas
.getContext("2d")
.drawImage(video, 0, 0, canvas.width, canvas.height);
canvas.toBlob(async (blob) => {
const form = new FormData();
form.append("image", blob);
form.append("caption", new Date().toLocaleString());
const start = Date.now();
cover.classList.remove("hidden");
try {
await fetch("api/image", { method: "POST", body: form });
} catch (e) {
console.error("Error uploading image:", e);
initStream(facing).then(() => {
async function waitAtLeast(duration, since) {
const now = Date.now();
const wait = duration - (now - since);
if (wait > 0) {
await new Promise((resolve) => setTimeout(resolve, wait));
}
await waitAtLeast(500, start);
cover.classList.add("hidden");
}
button.addEventListener("click", () => {
const canvas = document.createElement("canvas");
const scale = 384 / video.videoWidth;
canvas.width = video.videoWidth * scale;
canvas.height = video.videoHeight * scale;
canvas
.getContext("2d")
.drawImage(video, 0, 0, canvas.width, canvas.height);
canvas.toBlob(async (blob) => {
const form = new FormData();
form.append("image", blob);
form.append("caption", new Date().toLocaleString());
const start = Date.now();
cover.classList.remove("hidden");
try {
await fetch("api/image", { method: "POST", body: form });
} catch (e) {
console.error("Error uploading image:", e);
}
await waitAtLeast(500, start);
cover.classList.add("hidden");
});
});
});
</script>

15
showbits-thermal-printer-ui/vite.config.ts
View file

@ -1,14 +1,25 @@
import vue from "@vitejs/plugin-vue";
import { fileURLToPath, URL } from "node:url";
import { dirname, resolve } from "node:path";
import { fileURLToPath } from "node:url";
import { defineConfig } from "vite";
import vueDevTools from "vite-plugin-vue-devtools";
const root = dirname(fileURLToPath(import.meta.url));
function path(to: string): string {
return resolve(root, to);
}
// https://vite.dev/config/
export default defineConfig({
plugins: [vue(), vueDevTools()],
base: "",
build: {
rollupOptions: {
input: [path("index.html"), path("photo.html")],
},
},
resolve: {
alias: { "@": fileURLToPath(new URL("./src", import.meta.url)) },
alias: { "@": path("src") },
},
server: {
proxy: { "/api": "http://localhost:8080" },