vite.config.mts

//@ts-nocheck
import { defineConfig } from 'vite'
import { svelte } from '@sveltejs/vite-plugin-svelte'
import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';

import toml from '@fbraem/rollup-plugin-toml';



import fs from 'fs'
import path from 'path'




const folderPath = path.join(__dirname, 'src/plugins'); // Plugin path folder

let plugins = []
try {
  const files = fs.readdirSync(folderPath);
  // load plugin js sources
  plugins = files.filter((file) => {
    const filePath = path.join(folderPath, file);
    return !file.startsWith('disabled') && fs.statSync(filePath).isDirectory() && fs.statSync(path.join(filePath, 'src/main.js')).isFile();
  });
} catch (err) {
  console.error('Error:', err);
}

/*
fs.writeFileSync(path.join(__dirname, 'src/javascript/plugins.ts'), `
${plugins.map( (p, i) => `import plugin${i} from '${path.join(__dirname, 'src/plugins', p, 'src/main.js')}'`).join('\n')}
export const plugins = [ ${plugins.map( (p, i) => `plugin${i}`).join(', ')} ]
`)*/

const pluginLoader = {
  name: 'mage-plugin-loader',
  resolveId ( source ) {
    return (source === 'mage-plugins') ? source : null
  },
  load ( id ) {
    if (id === 'mage-plugins') {

      // Create a virtual module like:
      /*
          import '/absolute/path/src/plugins/PLUGIN-NAME/src/main.js'
      */
      return plugins.map((p, i) => `import '${path.join(__dirname, 'src/plugins', p, 'src/main.js')}'`).join('\n')
    }
    return null;
  }
};


export default defineConfig({
  root: 'src',
  base: './',
  build: {
    emptyOutDir: true,
    outDir: '../editor',
  },
  plugins: [
    pluginLoader,
    svelte({
      preprocess: vitePreprocess(),
      onwarn: (warning, handler) => {
          // disable a11y warnings
          if (warning.code.startsWith("a11y-")) return;
          handler(warning);
      },
    }),
    toml(),
  ]
})