StatsHouse UI: update Server Announcement Message MarkDown unicode binary base64

Author: vauweb

statshouse-ui/src/api/api.ts

@@ -4,7 +4,7 @@
 // License, v. 2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at https://mozilla.org/MPL/2.0/.
 
-import { hasOwn, toFlatPairs, toString } from '../common/helpers';
+import { base64ToUtf8, hasOwn, toFlatPairs, toString } from '../common/helpers';
 import { API_FETCH_OPT_METHODS, ApiFetchOptMethods } from './enum';
 import { setAnnouncementMessage } from '@/store2/announcementStore';
 
@@ -95,8 +95,10 @@ export async function apiFetch<R = unknown, G = ApiFetchParam, P = ApiFetchParam
       body,
     });
     result.status = resp.status;
-    // two spaces as gfm '  \n'
-    setAnnouncementMessage(resp.headers.get('X-Statshouse-Announcment')?.replaceAll('  ', '  \n') ?? '');
+    const announcement = resp.headers.get('X-Statshouse-Announcement');
+    if (announcement) {
+      setAnnouncementMessage(base64ToUtf8(announcement));
+    }
 
     if (resp.headers.get('Content-Type') !== 'application/json') {
       const text = await resp.text();

statshouse-ui/src/common/helpers.ts

@@ -431,3 +431,12 @@ export const bwd = (v: number) => {
 export function labelAsString(label?: string | HTMLElement): string | undefined {
   return label instanceof HTMLElement ? label.innerText : label;
 }
+
+export function base64ToUtf8(base64: string): string {
+  const binString = atob(base64);
+  return new TextDecoder().decode(Uint8Array.from(binString, (m) => m.codePointAt(0) ?? 0));
+}
+
+export function utf8ToBase64(str: string): string {
+  return btoa(Array.from(new TextEncoder().encode(str), (byte) => String.fromCodePoint(byte)).join(''));
+}