import react from "@vitejs/plugin-react";
import { defineConfig } from "vite";
import dts from "vite-plugin-dts";

export default defineConfig({
    root: __dirname,
    cacheDir: "../../../node_modules/.vite/packages/react-forms",
    plugins: [
        react(),
        dts({
            entryRoot: "src",
            tsconfigPath: "./tsconfig.lib.json",
            insertTypesEntry: true,
        }),
    ],
    build: {
        outDir: "./dist",
        emptyOutDir: true,
        reportCompressedSize: true,
        sourcemap: true,
        lib: {
            entry: {
                index: "src/index.ts",
                "errors/index": "src/errors/index.ts",
                "core/index": "src/core/index.ts",
                "core/api-client-context/index":
                    "src/core/api-client-context/index.ts",
                "core/auth-context/index": "src/core/auth-context/index.ts",
                "core/validation-engine/index":
                    "src/core/validation-engine/index.ts",
                "core/use-form-validation/index":
                    "src/core/use-form-validation/index.ts",
                "core/use-domain-form/index":
                    "src/core/use-domain-form/index.ts",
                "validation/index": "src/validation/index.ts",
                "validation/validators/index":
                    "src/validation/validators/index.ts",
                "validation/async/index": "src/validation/async/index.ts",
                "validation/compose/index": "src/validation/compose/index.ts",
                "observability/react-forms-metrics":
                    "src/observability/react-forms-metrics.ts",
                "primitives/index": "src/primitives/index.ts",
                "primitives/field/index": "src/primitives/field/index.ts",
                "primitives/money-input/index":
                    "src/primitives/money-input/index.ts",
                "factory/index": "src/factory/index.ts",
                "factory/field-config/index":
                    "src/factory/field-config/index.ts",
                "factory/create-domain-form/index":
                    "src/factory/create-domain-form/index.ts",
                "recipes/index": "src/recipes/index.ts",
                "recipes/wizard/index": "src/recipes/wizard/index.ts",
                "recipes/repeating-fieldset/index":
                    "src/recipes/repeating-fieldset/index.ts",
                "recipes/conditional/index":
                    "src/recipes/conditional/index.ts",
                "recipes/async-search/index":
                    "src/recipes/async-search/index.ts",
                "locales/augmentation": "src/locales/augmentation.ts",
            },
            formats: ["es"],
        },
        rollupOptions: {
            treeshake: true,
            output: {
                preserveModules: true,
                preserveModulesRoot: "src",
                entryFileNames: "[name].js",
            },
            external: [
                "@hookform/resolvers",
                "@hookform/resolvers/zod",
                "@opentelemetry/api",
                "@suaveplan/api-schemas",
                "@suaveplan/error",
                "@suaveplan/i18n",
                /^@suaveplan\/i18n-formatter-currency(\/.*)?$/,
                "@suaveplan/react-i18n",
                "@suaveplan/react-ui",
                "@suaveplan/timing",
                "@suaveplan/types",
                "@zxcvbn-ts/core",
                "libphonenumber-js",
                "react",
                "react-dom",
                "react-hook-form",
                "react/jsx-runtime",
                "tslib",
                "zod",
                /^node:/,
            ],
        },
    },
});