feat: migrate runtime backend to node server

src/services/apiClient.ts

@@ -0,0 +1,143 @@
+import { parseApiErrorMessage } from '../editor/shared/jsonClient';
+
+const ACCESS_TOKEN_KEY = 'genarrative.auth.access-token.v1';
+const AUTO_AUTH_USERNAME_KEY = 'genarrative.auth.auto-username.v1';
+const AUTO_AUTH_PASSWORD_KEY = 'genarrative.auth.auto-password.v1';
+export const AUTH_STATE_EVENT = 'genarrative-auth-state-changed';
+
+function canUseLocalStorage() {
+  return typeof window !== 'undefined' && typeof window.localStorage !== 'undefined';
+}
+
+function emitAuthStateChange() {
+  if (typeof window === 'undefined') {
+    return;
+  }
+
+  window.dispatchEvent(new CustomEvent(AUTH_STATE_EVENT));
+}
+
+export function getStoredAccessToken() {
+  if (!canUseLocalStorage()) {
+    return '';
+  }
+
+  return window.localStorage.getItem(ACCESS_TOKEN_KEY)?.trim() || '';
+}
+
+export function setStoredAccessToken(token: string) {
+  if (!canUseLocalStorage()) {
+    return;
+  }
+
+  const nextToken = token.trim();
+  if (nextToken) {
+    window.localStorage.setItem(ACCESS_TOKEN_KEY, nextToken);
+  } else {
+    window.localStorage.removeItem(ACCESS_TOKEN_KEY);
+  }
+  emitAuthStateChange();
+}
+
+export function clearStoredAccessToken() {
+  if (!canUseLocalStorage()) {
+    return;
+  }
+
+  window.localStorage.removeItem(ACCESS_TOKEN_KEY);
+  emitAuthStateChange();
+}
+
+export function getStoredAutoAuthCredentials() {
+  if (!canUseLocalStorage()) {
+    return null;
+  }
+
+  const username = window.localStorage.getItem(AUTO_AUTH_USERNAME_KEY)?.trim() || '';
+  const password = window.localStorage.getItem(AUTO_AUTH_PASSWORD_KEY)?.trim() || '';
+
+  if (!username || !password) {
+    return null;
+  }
+
+  return {
+    username,
+    password,
+  };
+}
+
+export function setStoredAutoAuthCredentials(credentials: {
+  username: string;
+  password: string;
+}) {
+  if (!canUseLocalStorage()) {
+    return;
+  }
+
+  window.localStorage.setItem(AUTO_AUTH_USERNAME_KEY, credentials.username.trim());
+  window.localStorage.setItem(AUTO_AUTH_PASSWORD_KEY, credentials.password.trim());
+}
+
+export function clearStoredAutoAuthCredentials() {
+  if (!canUseLocalStorage()) {
+    return;
+  }
+
+  window.localStorage.removeItem(AUTO_AUTH_USERNAME_KEY);
+  window.localStorage.removeItem(AUTO_AUTH_PASSWORD_KEY);
+  emitAuthStateChange();
+}
+
+function withAuthorizationHeaders(headers?: HeadersInit) {
+  const nextHeaders: Record<string, string> = {};
+
+  if (headers instanceof Headers) {
+    headers.forEach((value, key) => {
+      nextHeaders[key] = value;
+    });
+  } else if (Array.isArray(headers)) {
+    for (const [key, value] of headers) {
+      nextHeaders[key] = value;
+    }
+  } else if (headers) {
+    Object.assign(nextHeaders, headers);
+  }
+
+  const token = getStoredAccessToken();
+  if (token) {
+    nextHeaders.Authorization = `Bearer ${token}`;
+  }
+  return nextHeaders;
+}
+
+export async function fetchWithApiAuth(
+  input: string,
+  init: RequestInit = {},
+) {
+  const response = await fetch(input, {
+    credentials: 'same-origin',
+    ...init,
+    headers: withAuthorizationHeaders(init.headers),
+  });
+
+  if (response.status === 401) {
+    clearStoredAccessToken();
+  }
+
+  return response;
+}
+
+export async function requestJson<T>(
+  url: string,
+  init: RequestInit,
+  fallbackMessage: string,
+): Promise<T> {
+  const response = await fetchWithApiAuth(url, init);
+  const responseText = await response.text();
+
+  if (!response.ok) {
+    throw new Error(parseApiErrorMessage(responseText, fallbackMessage));
+  }
+
+  return responseText ? (JSON.parse(responseText) as T) : (null as T);
+}