vite.config.js

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import tailwindcss from "@tailwindcss/vite";
import { convertTailwind } from "./netlify/lib/tailwindCompiler.mjs";

const tailwindConversionApi = () => ({
  name: "codearc-tailwind-conversion-api",
  enforce: "post",
  configureServer(server) {
    server.middlewares.use(async (request, response, next) => {
      if (
        request.url !== "/.netlify/functions/convert-tailwind" ||
        request.method !== "POST"
      ) {
        next();
        return;
      }

      let body = "";
      for await (const chunk of request) {
        body += chunk;
        if (new TextEncoder().encode(body).byteLength > 250000) {
          response.statusCode = 413;
          response.setHeader("content-type", "application/json");
          response.end(JSON.stringify({ error: "Request body is too large." }));
          return;
        }
      }

      try {
        const result = await convertTailwind(JSON.parse(body).html);
        response.statusCode = 200;
        response.setHeader("content-type", "application/json");
        response.end(JSON.stringify(result));
      } catch (error) {
        response.statusCode = 400;
        response.setHeader("content-type", "application/json");
        response.end(
          JSON.stringify({
            error:
              error instanceof Error ? error.message : "Conversion failed.",
          }),
        );
      }
    });
  },
});

export default defineConfig({
  plugins: [react(), tailwindcss(), tailwindConversionApi()],
  define: {
    "process.env": {},
    "process.platform": null,
  },
});