From 524670b7c91a87258821c409ed941b32c6c6b8e9 Mon Sep 17 00:00:00 2001
From: Joscha <joscha@plugh.de>
Date: Sat, 19 Jul 2025 22:04:52 +0200
Subject: [PATCH] Add banner endpoint

---
 .../src/components/CDocumentBanner.vue        | 46 +++++++++++++++++++
 .../src/components/CSelector.vue              |  4 ++
 showbits-thermal-printer/src/documents.rs     |  1 +
 .../src/documents/banner/data.json            |  4 ++
 .../src/documents/banner/lib                  |  1 +
 .../src/documents/banner/main.typ             | 11 +++++
 .../src/documents/banner/mod.rs               | 29 ++++++++++++
 showbits-thermal-printer/src/server.rs        |  1 +
 8 files changed, 97 insertions(+)
 create mode 100644 showbits-thermal-printer-ui/src/components/CDocumentBanner.vue
 create mode 100644 showbits-thermal-printer/src/documents/banner/data.json
 create mode 120000 showbits-thermal-printer/src/documents/banner/lib
 create mode 100644 showbits-thermal-printer/src/documents/banner/main.typ
 create mode 100644 showbits-thermal-printer/src/documents/banner/mod.rs

diff --git a/showbits-thermal-printer-ui/src/components/CDocumentBanner.vue b/showbits-thermal-printer-ui/src/components/CDocumentBanner.vue
new file mode 100644
index 0000000..1b6c08a
--- /dev/null
+++ b/showbits-thermal-printer-ui/src/components/CDocumentBanner.vue
@@ -0,0 +1,46 @@
+<script setup lang="ts">
+import { useApiRequest } from "@/apiRequest";
+import { ref, useTemplateRef } from "vue";
+import CError from "./CError.vue";
+
+const { disabled, error, makeRequest } = useApiRequest();
+const form = useTemplateRef<HTMLFormElement>("form");
+
+const text = ref("");
+const feed = ref(true);
+
+function submit() {
+  const data = new URLSearchParams();
+  data.append("text", text.value);
+  data.append("feed", String(feed.value));
+  void makeRequest("api/banner", data);
+}
+</script>
+
+<template>
+  <form ref="form" @submit.prevent="submit">
+    <h2>Banner</h2>
+
+    <input v-model="text" :disabled />
+
+    <div class="wide">
+      <label><input v-model="feed" type="checkbox" :disabled /> Feed</label>
+    </div>
+
+    <button :disabled>Print</button>
+    <CError :message="error" />
+  </form>
+</template>
+
+<style scoped>
+form {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.wide {
+  display: flex;
+  flex-direction: column;
+}
+</style>
diff --git a/showbits-thermal-printer-ui/src/components/CSelector.vue b/showbits-thermal-printer-ui/src/components/CSelector.vue
index 8cdc923..3dcc0db 100644
--- a/showbits-thermal-printer-ui/src/components/CSelector.vue
+++ b/showbits-thermal-printer-ui/src/components/CSelector.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { ref } from "vue";
+import CDocumentBanner from "./CDocumentBanner.vue";
 import CDocumentCalendar from "./CDocumentCalendar.vue";
 import CDocumentCells from "./CDocumentCells.vue";
 import CDocumentChat from "./CDocumentChat.vue";
@@ -11,6 +12,7 @@ import CDocumentTictactoe from "./CDocumentTictactoe.vue";
 import CDocumentXkcd from "./CDocumentXkcd.vue";
 
 const mode = ref<
+  | "banner"
   | "calendar"
   | "cells"
   | "chat"
@@ -26,6 +28,7 @@ const mode = ref<
 <template>
   <div class="outer">
     <button v-if="mode" class="close" @click="mode = undefined">X</button>
+    <CDocumentBanner v-if="mode === 'banner'" />
     <CDocumentCalendar v-if="mode === 'calendar'" />
     <CDocumentCells v-if="mode === 'cells'" />
     <CDocumentChat v-if="mode === 'chat'" />
@@ -39,6 +42,7 @@ const mode = ref<
     <section>
       <p>What do you want to print?</p>
       <div class="list">
+        <button @click="mode = 'banner'">Banner</button>
         <button @click="mode = 'calendar'">Calendar</button>
         <button @click="mode = 'cells'">Cellular Automaton</button>
         <button @click="mode = 'chat'">Chat Message</button>
diff --git a/showbits-thermal-printer/src/documents.rs b/showbits-thermal-printer/src/documents.rs
index 428fe49..3d297ec 100644
--- a/showbits-thermal-printer/src/documents.rs
+++ b/showbits-thermal-printer/src/documents.rs
@@ -1,5 +1,6 @@
 use showbits_typst::Typst;
 
+pub mod banner;
 pub mod calendar;
 pub mod cells;
 pub mod chat;
diff --git a/showbits-thermal-printer/src/documents/banner/data.json b/showbits-thermal-printer/src/documents/banner/data.json
new file mode 100644
index 0000000..a20653b
--- /dev/null
+++ b/showbits-thermal-printer/src/documents/banner/data.json
@@ -0,0 +1,4 @@
+{
+  "text": "Hello world! äöüßÄÖÜẞ😒",
+  "feed": false
+}
diff --git a/showbits-thermal-printer/src/documents/banner/lib b/showbits-thermal-printer/src/documents/banner/lib
new file mode 120000
index 0000000..dc598c5
--- /dev/null
+++ b/showbits-thermal-printer/src/documents/banner/lib
@@ -0,0 +1 @@
+../lib
\ No newline at end of file
diff --git a/showbits-thermal-printer/src/documents/banner/main.typ b/showbits-thermal-printer/src/documents/banner/main.typ
new file mode 100644
index 0000000..c66c298
--- /dev/null
+++ b/showbits-thermal-printer/src/documents/banner/main.typ
@@ -0,0 +1,11 @@
+#import "lib/main.typ" as lib;
+#show: it => lib.init(it)
+
+#let data = json("data.json")
+
+#set text(size: 16pt * 16)
+#align(center, rotate(90deg, data.text, reflow: true))
+
+#if data.feed {
+  lib.feed
+}
diff --git a/showbits-thermal-printer/src/documents/banner/mod.rs b/showbits-thermal-printer/src/documents/banner/mod.rs
new file mode 100644
index 0000000..d78fc17
--- /dev/null
+++ b/showbits-thermal-printer/src/documents/banner/mod.rs
@@ -0,0 +1,29 @@
+use axum::{Form, extract::State};
+use serde::{Deserialize, Serialize};
+
+use crate::server::{Server, somehow};
+
+#[derive(Serialize)]
+struct Data {
+    text: String,
+    feed: bool,
+}
+
+#[derive(Deserialize)]
+pub struct FormData {
+    pub text: String,
+    pub feed: Option<bool>,
+}
+
+pub async fn post(server: State<Server>, Form(form): Form<FormData>) -> somehow::Result<()> {
+    let data = Data {
+        text: form.text,
+        feed: form.feed.unwrap_or(true),
+    };
+
+    let typst = super::typst_with_lib()
+        .with_json("/data.json", &data)
+        .with_main_file(include_str!("main.typ"));
+
+    server.print_typst(typst).await
+}
diff --git a/showbits-thermal-printer/src/server.rs b/showbits-thermal-printer/src/server.rs
index 03728c8..c3619ab 100644
--- a/showbits-thermal-printer/src/server.rs
+++ b/showbits-thermal-printer/src/server.rs
@@ -43,6 +43,7 @@ pub async fn run(
         .route("/fonts/{*path}", get(r#static::get_font))
         .route("/photo.html", get(r#static::get_photo))
         // API
+        .route("/api/banner", post(documents::banner::post))
         .route("/api/calendar", post(documents::calendar::post))
         .route("/api/cells", post(documents::cells::post))
         .route("/api/chat", post(documents::chat::post))