import pkg from './package.json';
import authConfig from './auth.config';
import AppPreset from './primevue.preset';

const SERVER_BASE_URL = process.env.services__apiservice__https__0 || process.env.services__apiservice__http__0;

export const wrappedPrimeInputs: string[] = ['AutoComplete', 'CascadeSelect', 'Checkbox', 'Chip', 'ColorPicker', 'DatePicker', 'Editor', 'InputMask', 'InputNumber', 'InputOtp', 'InputText', 'Knob', 'Listbox', 'MultiSelect', 'Password', 'RadioButton', 'Rating', 'Select', 'SelectButton', 'Slider', 'Textarea', 'ToggleButton', 'ToggleSwitch', 'TreeSelect'];

export default defineNuxtConfig({

  modules: [
    '@nuxt/eslint',
    '@nuxt/fonts',
    '@nuxt/icon',
    '@nuxt/scripts',
    '@pinia/nuxt',
    '@nuxtjs/i18n',
    '@vueuse/nuxt',
    '@unocss/nuxt',
    '@sidebase/nuxt-auth',
    '@primevue/nuxt-module',
    '@sfxcode/formkit-primevue-nuxt',
    'nuxt-open-fetch',
  ],

  ssr: true,
  devtools: { enabled: true },

  css: [
    '@unocss/reset/tailwind.css',
    '@/assets/css/uno-base.css',
    'primeicons/primeicons.css',
  ],
  runtimeConfig: {
    public: {
      APP_VERSION: pkg.version,
      APP_NAME: pkg.name,
      APP_MODE: process.env?.NODE_ENV,
    },
  },

  build: {
    transpile: ['primevue', '@primeuix/themes', '@sfxcode/formkit-primevue'], // 'nuxt', 'primevue', '@sfxcode/formkit-primevue'
  },

  sourcemap: {
    client: false,
    server: false,
  },
  compatibilityDate: '2025-05-15',

  auth: authConfig,

  eslint: {
    config: {
      stylistic: {
        indent: 2,
        quotes: 'single',
        semi: true,
      },
    },
  },

  formkitPrimevue: {
    includePrimeIcons: false,
    includeStyles: true,
    installFormKit: true,
    installI18N: false,
  },

  i18n: {
    lazy: true,
    langDir: 'locales',
    defaultLocale: 'en',
    strategy: 'no_prefix',
    locales: [
      { code: 'en', file: 'en.json', name: 'English' },
      { code: 'pt-BR', file: 'pt-BR.json', name: 'Português' },
    ],
    vueI18n: '../vue-i18n.options.ts',
    bundle: {
      optimizeTranslationDirective: false,
    },
  },

  openFetch: {
    disableNuxtPlugin: true,
    clients: {
      surveyApi: {
        schema: './openapi/feed-api-v1.json',
        baseURL: `${SERVER_BASE_URL}/`,
      },
    },
  },

  primevue: {
    autoImport: true,
    options: {
      theme: {
        preset: AppPreset,
        options: {
          darkModeSelector: '.dark',
        },
      },
      ripple: true,
    },
    components: {
      // Remove this resolve primevue components ssr flicker/shifting issue.
      // but it causes many warnings like [Vue warn]: Component "AutoComplete" has already been registered in target app.
      exclude: [...wrappedPrimeInputs, 'Button', 'Form', 'FormField', 'Chart'],
    },
  },
});