From 7d0d50408ce5c6ff9c601a567894d1b919dd2056 Mon Sep 17 00:00:00 2001
From: Dave <david.els1@outlook.com>
Date: Mon, 31 Aug 2026 01:42:24 +0200
Subject: [PATCH] feat(pos): replace hardcoded PB superuser creds with
 POS_API_KEY config

Co-Authored-By: Claude <noreply@anthropic.com>
---
 public/pos/cashup.html   |  2 +-
 public/pos/history.html  |  2 +-
 public/pos/index.html    |  2 +-
 public/pos/pos-config.js | 28 ++++++++++++++++++++++++++++
 public/pos/pos.html      |  2 +-
 public/pos/receipt.html  |  2 +-
 6 files changed, 33 insertions(+), 5 deletions(-)
 create mode 100644 public/pos/pos-config.js

diff --git a/public/pos/cashup.html b/public/pos/cashup.html
index 17fc731..3cfd8ec 100644
--- a/public/pos/cashup.html
+++ b/public/pos/cashup.html
@@ -241,7 +241,7 @@ button:focus-visible,input:focus-visible,select:focus-visible{outline:0;box-shad
   </button>
 </div>
 
-<script src="pb-config.js"></script>
+<script src="pos-config.js"></script>
 <script src="theme.js"></script>
 <script>
 (function(){
diff --git a/public/pos/history.html b/public/pos/history.html
index a6cc3ab..6ca0985 100644
--- a/public/pos/history.html
+++ b/public/pos/history.html
@@ -158,7 +158,7 @@ button:focus-visible,input:focus-visible,select:focus-visible{outline:0;box-shad
   <div class="empty"><h3>Loading…</h3></div>
 </main>
 
-<script src="pb-config.js"></script>
+<script src="pos-config.js"></script>
 <script src="theme.js"></script>
 <script>
 (function(){
diff --git a/public/pos/index.html b/public/pos/index.html
index 24fe66a..f89779f 100644
--- a/public/pos/index.html
+++ b/public/pos/index.html
@@ -125,7 +125,7 @@ h1{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:
 
 <p class="foot"><b id="prodCount">—</b> products · cache <span id="cacheState">pending</span></p>
 
-<script src="pb-config.js"></script>
+<script src="pos-config.js"></script>
 <script src="theme.js"></script>
 <script>
 (async function(){
diff --git a/public/pos/pos-config.js b/public/pos/pos-config.js
new file mode 100644
index 0000000..7ee3952
--- /dev/null
+++ b/public/pos/pos-config.js
@@ -0,0 +1,28 @@
+// POS config — no PocketBase credentials here. The device only knows
+// its own API key for this app's /api/v1/pos/* routes; PocketBase
+// auth happens server-side (see src/lib/server/pocketbase-admin.ts).
+window.POS_CONFIG = (function () {
+  const STORAGE_KEY = "pos.apiKey";
+  let apiKey = localStorage.getItem(STORAGE_KEY) || "";
+  if (!apiKey) {
+    apiKey = window.prompt("Enter this till's POS API key (ask the office for it):") || "";
+    if (apiKey) localStorage.setItem(STORAGE_KEY, apiKey);
+  }
+  return { apiBase: "/api/v1/pos", apiKey };
+})();
+
+window.posFetch = async function (path, opts = {}) {
+  const cfg = window.POS_CONFIG;
+  const headers = Object.assign(
+    { Authorization: "Bearer " + cfg.apiKey },
+    opts.headers || {},
+  );
+  return fetch(cfg.apiBase + path, Object.assign({}, opts, { headers }));
+};
+
+// A wrong key is worth surfacing loudly — otherwise every screen just
+// silently shows "Offline" and staff assume the network is down.
+window.posClearApiKey = function () {
+  localStorage.removeItem("pos.apiKey");
+  location.reload();
+};
diff --git a/public/pos/pos.html b/public/pos/pos.html
index 7e36d0a..6e0e882 100644
--- a/public/pos/pos.html
+++ b/public/pos/pos.html
@@ -385,7 +385,7 @@ input{font:inherit;color:inherit}
   </div>
 </div>
 
-<script src="pb-config.js"></script>
+<script src="pos-config.js"></script>
 <script src="theme.js"></script>
 <script src="pos-app.js"></script>
 <script>if("serviceWorker" in navigator){navigator.serviceWorker.register("sw.js").catch(function(){});}</script>
diff --git a/public/pos/receipt.html b/public/pos/receipt.html
index 52730e0..89f865c 100644
--- a/public/pos/receipt.html
+++ b/public/pos/receipt.html
@@ -310,7 +310,7 @@ input,select{font:inherit;color:inherit}
 
 </div>
 
-<script src="pb-config.js"></script>
+<script src="pos-config.js"></script>
 <script src="theme.js"></script>
 <script>
 (function(){