next.config.ts

import type { NextConfig } from "next";

/**
 * TypeCraft runs entirely in the browser (projects live in localStorage and
 * fonts compile client-side), so the whole app can ship as a static export.
 *
 * - STATIC_EXPORT=1        build a fully static site into ./out (used by the
 *                          GitHub Pages deploy workflow; `next dev` unaffected).
 * - NEXT_PUBLIC_BASE_PATH  subdirectory the site is served from, e.g.
 *                          "/TypeCraft" on GitHub Pages project sites. Also
 *                          read by client code that fetches public assets.
 */
const basePath = process.env.NEXT_PUBLIC_BASE_PATH || "";

const nextConfig: NextConfig = {
  reactStrictMode: true,
  ...(process.env.STATIC_EXPORT ? { output: "export" as const, trailingSlash: true } : {}),
  ...(basePath ? { basePath } : {}),
  experimental: {
    optimizePackageImports: ["lucide-react"]
  },
  webpack(config) {
    config.experiments = {
      ...config.experiments,
      asyncWebAssembly: true
    };
    config.module.rules.push({
      test: /\.(woff|woff2|wasm)$/i,
      type: "asset/resource"
    });
    return config;
  }
};

export default nextConfig;