diff --git a/astro.config.mjs b/astro.config.mjs index 1257656..3d48320 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -1,44 +1,44 @@ -import tailwind from "@astrojs/tailwind" -import Compress from "astro-compress" -import icon from "astro-icon" -import { defineConfig } from "astro/config" -import Color from "colorjs.io" -import rehypeAutolinkHeadings from "rehype-autolink-headings" -import rehypeKatex from "rehype-katex" -import rehypeSlug from "rehype-slug" -import remarkMath from "remark-math" -import { remarkReadingTime } from "./src/plugins/remark-reading-time.mjs" -import { GithubCardComponent } from "./src/plugins/rehype-component-github-card.mjs" -import { AdmonitionComponent } from "./src/plugins/rehype-component-admonition.mjs" -import remarkDirective from "remark-directive" /* Handle directives */ -import remarkGithubAdmonitionsToDirectives from "remark-github-admonitions-to-directives"; +import sitemap from "@astrojs/sitemap"; +import svelte from "@astrojs/svelte"; +import tailwind from "@astrojs/tailwind"; +import swup from "@swup/astro"; +import Compress from "astro-compress"; +import icon from "astro-icon"; +import { defineConfig } from "astro/config"; +import Color from "colorjs.io"; +import rehypeAutolinkHeadings from "rehype-autolink-headings"; import rehypeComponents from "rehype-components"; /* Render the custom directive content */ -import svelte from "@astrojs/svelte" -import swup from '@swup/astro'; -import sitemap from '@astrojs/sitemap'; -import {parseDirectiveNode} from "./src/plugins/remark-directive-rehype.js"; +import rehypeKatex from "rehype-katex"; +import rehypeSlug from "rehype-slug"; +import remarkDirective from "remark-directive"; /* Handle directives */ +import remarkGithubAdmonitionsToDirectives from "remark-github-admonitions-to-directives"; +import remarkMath from "remark-math"; +import { AdmonitionComponent } from "./src/plugins/rehype-component-admonition.mjs"; +import { GithubCardComponent } from "./src/plugins/rehype-component-github-card.mjs"; +import { parseDirectiveNode } from "./src/plugins/remark-directive-rehype.js"; +import { remarkReadingTime } from "./src/plugins/remark-reading-time.mjs"; -const oklchToHex = (str) => { - const DEFAULT_HUE = 250 - const regex = /-?\d+(\.\d+)?/g - const matches = str.string.match(regex) - const lch = [matches[0], matches[1], DEFAULT_HUE] +const oklchToHex = str => { + const DEFAULT_HUE = 250; + const regex = /-?\d+(\.\d+)?/g; + const matches = str.string.match(regex); + const lch = [matches[0], matches[1], DEFAULT_HUE]; return new Color("oklch", lch).to("srgb").toString({ format: "hex", - }) -} + }); +}; // https://astro.build/config export default defineConfig({ - site: "https://fuwari.vercel.app/", + site: "https://blog.devcomp.xyz/", base: "/", trailingSlash: "always", integrations: [ tailwind(), swup({ theme: false, - animationClass: 'transition-', - containers: ['main'], + animationClass: "transition-", + containers: ["main"], smoothScrolling: true, cache: true, preload: true, @@ -60,20 +60,29 @@ export default defineConfig({ sitemap(), ], markdown: { - remarkPlugins: [remarkMath, remarkReadingTime, remarkGithubAdmonitionsToDirectives, remarkDirective, parseDirectiveNode], + remarkPlugins: [ + remarkMath, + remarkReadingTime, + remarkGithubAdmonitionsToDirectives, + remarkDirective, + parseDirectiveNode, + ], rehypePlugins: [ rehypeKatex, rehypeSlug, - [rehypeComponents, { - components: { - github: GithubCardComponent, - note: (x, y) => AdmonitionComponent(x, y, "note"), - tip: (x, y) => AdmonitionComponent(x, y, "tip"), - important: (x, y) => AdmonitionComponent(x, y, "important"), - caution: (x, y) => AdmonitionComponent(x, y, "caution"), - warning: (x, y) => AdmonitionComponent(x, y, "warning"), + [ + rehypeComponents, + { + components: { + github: GithubCardComponent, + note: (x, y) => AdmonitionComponent(x, y, "note"), + tip: (x, y) => AdmonitionComponent(x, y, "tip"), + important: (x, y) => AdmonitionComponent(x, y, "important"), + caution: (x, y) => AdmonitionComponent(x, y, "caution"), + warning: (x, y) => AdmonitionComponent(x, y, "warning"), + }, }, - }], + ], [ rehypeAutolinkHeadings, { @@ -86,7 +95,7 @@ export default defineConfig({ tagName: "span", properties: { className: ["anchor-icon"], - 'data-pagefind-ignore': true, + "data-pagefind-ignore": true, }, children: [ { @@ -104,12 +113,15 @@ export default defineConfig({ rollupOptions: { onwarn(warning, warn) { // temporarily suppress this warning - if (warning.message.includes("is dynamically imported by") && warning.message.includes("but also statically imported by")) { + if ( + warning.message.includes("is dynamically imported by") && + warning.message.includes("but also statically imported by") + ) { return; } warn(warning); - } - } + }, + }, }, css: { preprocessorOptions: { @@ -121,4 +133,4 @@ export default defineConfig({ }, }, }, -}) +});