echoes/frontend/core/theme.ts

import { Configuration, PathDescription } from "common/serializableType";
import { ApiService } from "core/api";
import { Template } from "core/template";

export interface ThemeConfig {
  name: string;
  displayName: string;
  icon?: string;
  version: string;
  description?: string;
  author?: string;
  templates: Map<string, PathDescription>;
  globalSettings?: {
    layout?: string;
    css?: string;
  };
  configuration: Configuration;
  routes: {
    index: string;
    post: string;
    tag: string;
    category: string;
    error: string;
    loading: string;
    page: Map<string, string>;
  };
}


export class ThemeService {
  private static instance: ThemeService;
  private currentTheme?: ThemeConfig;
  private api: ApiService;

  private constructor(api: ApiService) {
    this.api = api;
  }

  public static getInstance(api?: ApiService): ThemeService {
    if (!ThemeService.instance && api) {
      ThemeService.instance = new ThemeService(api);
    }
    return ThemeService.instance;
  }

  public async getCurrentTheme(): Promise<void> {
    try {
      const themeConfig = await this.api.request<ThemeConfig>(
        "/theme",
        { method: "GET" },
      );
      this.currentTheme = themeConfig;
    } catch (error) {
      console.error("Failed to initialize theme:", error);
      throw error;
    }
  }

  public getThemeConfig(): ThemeConfig | undefined {
    return this.currentTheme;
  }

  public async updateThemeConfig(config: Partial<ThemeConfig>,name:string): Promise<void> {
    try {
      const updatedConfig = await this.api.request<ThemeConfig>(
        `/theme/`,
        {
          method: "PUT",
          headers: {
            "Content-Type": "application/json",
          },
          body: JSON.stringify(config),
        },
      );

      await this.loadTheme(updatedConfig);
    } catch (error) {
      console.error("Failed to update theme configuration:", error);
      throw error;
    }
  }
}