import { QuartzConfig } from "./quartz/cfg"
import * as Plugin from "./quartz/plugins"

/**
 * Quartz 4 Configuration
 *
 * See https://quartz.jzhao.xyz/configuration for more information.
 */
const config: QuartzConfig = {
  configuration: {
    pageTitle: "TITLE", // Site title shown in the sidebar header and browser metadata
    pageTitleSuffix: "",
    enableSPA: true,
    enablePopovers: true,
    analytics: {
      provider: "plausible",
    },
    locale: "en-US",
    baseUrl: "YOUR-DOMAIN.com", // Canonical deployed domain used for OG images, RSS, and sitemap URLs
    ignorePatterns: ["private", "templates", ".obsidian"],
    defaultDateType: "modified",
    theme: {
      fontOrigin: "googleFonts",
      cdnCaching: true,
      typography: {
        title: "Playfair Display", // Sidebar site title font
        header: "Anonymous Pro", // Headings and explorer labels
        body: "JetBrains Mono", // Main prose font
        meta: "Caveat", // Metadata and small UI labels
        code: "JetBrains Mono", // Inline code and code blocks
      },
      colors: {
        lightMode: {
          light: "#E0E1DA", // Page background
          lightgray: "#afb0a9", // Borders and separators
          gray: "#80817a", // Muted UI text
          darkgray: "#353630", // Body text
          dark: "#171717", // Strong headings and icons
          secondary: "#2F3026", // Primary link color
          tertiary: "#91a29c", // Hover/active accent
          highlight: "rgba(143, 159, 169, 0.15)", // Internal link and code-line highlight
          textHighlight: "#fff23688", // ==highlighted text==
        },
        darkMode: {
          light: "#111516", // Page background
          lightgray: "#7E7E7E", // Borders and separators
          gray: "#7D7D7D", // Muted UI text
          darkgray: "#CACACA", // Body text
          dark: "#D0D0D0", // Strong headings and icons
          secondary: "#fff", // Primary link color
          tertiary: "#CACACA", // Hover/active accent
          highlight: "#313B4A", // Internal link and code-line highlight
          textHighlight: "#313B4A", // ==highlighted text==
        },
      },
    },
  },
  plugins: {
    transformers: [
      Plugin.FloatImages(),
      Plugin.FrontMatter(),
      Plugin.CreatedModifiedDate({
        priority: ["frontmatter", "git", "filesystem"],
      }),
      Plugin.SyntaxHighlighting({
        theme: {
          light: "github-light",
          dark: "github-dark",
        },
        keepBackground: false,
      }),
      Plugin.ObsidianFlavoredMarkdown({ enableInHtmlEmbed: false }),
      Plugin.GitHubFlavoredMarkdown(),
      Plugin.TableOfContents(),
      Plugin.CrawlLinks({ markdownLinkResolution: "shortest" }),
      Plugin.Description(),
      Plugin.Latex({ renderEngine: "katex" }),
    ],
    filters: [Plugin.RemoveDrafts()],
    emitters: [
      Plugin.AliasRedirects(),
      Plugin.ComponentResources(),
      Plugin.ContentPage(),
      Plugin.FolderPage(),
      Plugin.TagPage(),
      Plugin.ContentIndex({
        enableSiteMap: true,
        enableRSS: true,
      }),
      Plugin.Assets(),
      Plugin.Static(),
      Plugin.Favicon(),
      Plugin.NotFoundPage(),
      // Comment out CustomOgImages to speed up build time.
      Plugin.CustomOgImages({
        colorScheme: "darkMode", // Use the dark palette when generating social cards
      }),
    ],
  },
}

export default config