import { Plugin } from 'vite'

/**
 * Creates a Vite plugin for handling Markdown examples.
 *
 * This function sets up the target folder for example files and returns a function
 * that creates the actual Vite plugin. The returned plugin resolves and loads
 * example code based on the production or development environment.
 *
 * @param isProd - A boolean indicating whether the Vite build is in production mode.
 *                 This parameter determines whether the plugin will use the `prodLoad` or `devLoad` function for loading example code.
 *
 * @param path - The path to the directory containing the example files.
 *               This path will be used as the target folder for resolving examples.
 *               The `targetFolder` variable is set to this value before creating the Vite plugin.
 *
 * @returns A function that creates a Vite plugin.
 *          The returned function takes a boolean parameter `isProd` and returns a Vite plugin object.
 *          The plugin object has a `name`, `enforce`, `resolveId`, and `load` property.
 *          The `resolveId` property resolves module IDs starting with "examples:" and returns a resolved ID.
 *          The `load` property loads example code based on the production or development environment.
 */
declare function viteExamplesPlugin({ isProd, path }: { isProd: boolean; path: string }): Plugin

/**
 * A function to determine the manual chunk name for a given module ID.
 *
 * @param id - The module ID to analyze.
 * @returns A string representing the chunk name or `undefined`.
 */
declare function viteManualChunks(id: string): string | undefined

export { viteExamplesPlugin, viteManualChunks }

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { viteExamplesPlugin } from '@md-plugins/vite-examples-plugin'

export default defineConfig(({ mode }) => {
  const isProduction = mode === 'production'

  return {
    plugins: [
      vue(),
      viteExamplesPlugin({ isProd: isProduction, path: '/absolute/path/to/examples' }),
    ],
    build: {
      chunkSizeWarningLimit: 650,
      rolldownOptions: {
        output: {
          codeSplitting: {
            groups: [
              {
                name: (moduleId) =>
                  /node_modules[\\/](vue|vite)[\\/]/.test(moduleId) ? 'vendor' : null,
              },
            ],
          },
        },
      },
    },
  }
})

import { viteExamplesPlugin } from '@md-plugins/vite-examples-plugin'

export default defineConfig(({ mode }) => {
  const isProduction = mode === 'production'

  return {
    build: {
      vueRouterMode: 'history', // Required for proper hash link handling

      viteVuePluginOptions: {
        include: [/\.(vue|md)$/], // Include Markdown files
      },

      vitePlugins: [
        viteExamplesPlugin({ isProd: isProduction, path: '/absolute/path/to/examples' }),
        // ...
      ],
    },

    framework: {
      autoImportVueExtensions: ['vue', 'md'], // Enable auto-import for Markdown extensions
    },
  }
})