vite.config.js

import { defineConfig } from 'vite';
import externalGlobals from 'rollup-plugin-external-globals';
import banner from 'vite-plugin-banner';
import { readFileSync } from 'fs';
import vitePostCSSSourceMap from './scripts/vite-plugins/vitePostCSSSourceMap.mjs';


const pkg = JSON.parse(readFileSync('package.json', 'utf-8'));
const version = pkg.version;
const date = (new Date()).toISOString().replace(/:\d+\.\d+Z$/, 'Z');
const banners = {
  'default': `
Super simple WYSIWYG editor v${version}
https://summernote.org

Copyright 2013- Hackerwins and contributors
Summernote may be freely distributed under the MIT license.

Date: ${date}
`,
  'minimal': `Summernote v${version} | (c) 2013- Hackerwins and contributors | MIT license`,
};

const styles = [
  'lite',
  'bs3', 'bs4', 'bs5',
];
const defaultStyle = 'lite';

let configs = {};
for (const style of styles) {
  configs[style] = defineConfig({
    // prevent to build twice while calling `build` function manually
    configFile: false,

    resolve: {
      alias: {
        '@': '/src',
      },
    },

    plugins: [
      externalGlobals({
        jquery: '$',
      }),
      banner((fileName) => {
        if (fileName.endsWith('.min.js')) return banners['minimal'];
        if (fileName.endsWith('.js')) return banners['default'];
      }),
      vitePostCSSSourceMap(),
    ],

    css: {
      preprocessorOptions: {
        scss: {
          api: 'modern',
        },
      },
    },

    build: {
      sourcemap: true,

      lib: {
        entry: `/src/styles/${style}/summernote-${style}.js`,
        name: 'summernote',
        formats: ['iife'],
        fileName: (format, entryName) => `${entryName}.js`,
      },

      rollupOptions: {
        external: (id) => {
          if (id === 'jquery') return true; // do not bundle jQuery
          if (id.startsWith('./font/')) return true; // do not bundle font files
          return false;
        },

        output: {
          assetFileNames: `summernote-${style}.[ext]`,
          globals: {
            jquery: 'jQuery',
          },
        },
      },
    },
  });
}

export default configs[defaultStyle];
export {
  configs,
  banners,
  version,
};