import { defineConfig } from 'astro/config'
import tailwindcss from '@tailwindcss/vite'
import { imagetools } from "imagetools"
import react from "@astrojs/react"
import mdx from "@astrojs/mdx";

export default defineConfig({
  devToolbar: {
    enabled: true,
  },
  i18n: {
    locales: ["es", "en", "de", "fr", "it", "ar", "ja", "zh"],
    defaultLocale: "en",
  },
  vite: {
    plugins: [
      tailwindcss()
    ],
    build: {
      target: 'esnext',
      assetsDir: './assets',
      modulePreload: { polyfill: false },
      commonjsOptions: { esmExternals: true }
    },
    ssr: {
      external: ['cacache', 'glob', 'xlsx', 'sharp', '@polymech/kbot-d']
    }
  },
  markdown: {
    drafts: true,
    shikiConfig: {
      //'andromeeda' | 'aurora-x' | 'ayu-dark' | 
      // 'catppuccin-frappe' | 'catppuccin-latte' | 
      // 'catppuccin-macchiato' | 'catppuccin-mocha' | 
      // 'dark-plus' | 'dracula' | 'dracula-soft' | 
      // 'everforest-dark' | 'everforest-light' | 
      // 'github-dark' | 'github-dark-default' | 
      // 'github-dark-dimmed' | 'github-dark-high-contrast' | 
      // 'github-light' | 'github-light-default' | 
      // 'github-light-high-contrast' | 'houston' | 'kanagawa-dragon' | 'kanagawa-lotus' | 'kanagawa-wave' | 'laserwave' | 'light-plus' | 'material-theme' | 'material-theme-darker' | 'material-theme-lighter' | 'material-theme-ocean' | 'material-theme-palenight' | 'min-dark' | 'min-light' | 'monokai' | 'night-owl' | 'nord' | 'one-dark-pro' | 'one-light' | 'plastic' | 'poimandres' | 'red' | 'rose-pine' | 'rose-pine-dawn' | 'rose-pine-moon' | 'slack-dark' | 'slack-ochin' | 'snazzy-light' | 'solarized-dark' | 'solarized-light' | 'synthwave-84' | 'tokyo-night' | 'vesper' | 'vitesse-black' | 'vitesse-dark' | 'vitesse-light'
      theme: "github-light-default"
    }
  },
  shikiConfig: {
    wrap: true,
    skipInline: false,
    drafts: true
  },
  site: 'https://polymech.io',
  integrations: [
    //starlight(),
    //sitemap(), 
    mdx(),
    //AstroPWA({}),
    react(),
    imagetools,
    /*  
    webmanifest({
      name: 'PolyMech',
      icon: 'public/logos/transparent.svg',
      short_name: 'App',
      description: 'Here she comes again :)',
      start_url: '/',
      theme_color: '#3367D6',
      background_color: '#3367D6',
      display: 'standalone',
    })
      */
  ]
});
/*
experimental: {
  responsiveImages: true,
  contentIntellisense: true,
  session: {
    // Required: the name of the unstorage driver
    driver: "fs",
  },
},
*/