import createMDX from "@next/mdx";

/** @type {import('next').NextConfig} */
const nextConfig = {
    // Configure `pageExtensions` to include markdown and MDX files
    pageExtensions: ["js", "jsx", "md", "mdx", "ts", "tsx"],
    // Optionally, add any other Next.js config below
    reactStrictMode: true,
    allowedDevOrigins: ["*", "os-alpha.local"],
    images: {
        remotePatterns: [
            {
                protocol: "https",
                hostname: "moodle.fhgr.ch",
                port: "",
                pathname: "/**",
            },
        ],
    },
};

const withMDX = createMDX({
    options: {
        remarkPlugins: [
            ["remark-gfm", { strict: true, singleTilde: true }],
            ["remark-math", { strict: true }],
        ],
        rehypePlugins: [["rehype-katex", { strict: true, throwOnError: true }]],
    },
});

// Merge MDX config with Next.js config
export default withMDX(nextConfig);