vite.config.ts

import { defineConfig } from "vite";
import marko from "@marko/run/vite";
import staticAdapter from "@marko/run-adapter-static";
import figmaAdapter from "./src/tools/figmaAdapter";
import inlineAll from "./src/tools/vite-inline-all";
import { viteSingleFile } from "vite-plugin-singlefile";

export default defineConfig({
  build: {
    cssCodeSplit: false,
    rollupOptions: {
      output: {
        // inlineDynamicImports: false,        
      }
    },
  },
  esbuild: {
    // format: 'iife',
  },
  plugins: [
    marko({
      // adapter: staticAdapter(),
      adapter: figmaAdapter(),
    }),
    // inlineAll(),
    // viteSingleFile({
    //   deleteInlinedFiles: false,
    // }),
    // {
    //   name: 'wrap-in-iife',
    //   generateBundle(outputOptions, bundle) {
    //     console.log("outputOptions", outputOptions);
    //     console.log("bundle", Object.keys(bundle));
    //     const wrap = {
    //       before: (fileName) => `
    //       var exports = {};
    //       ((exports, modules) => {`,

    //       after: (fileName) => `
    //         })(exports, window.modules);
    //         modules["${fileName}"] = exports;`
    //     };

    //     Object.keys(bundle).forEach((fileName) => {
    //       console.log('wrapping', fileName);
    //       const file = bundle[fileName]
    //       const ext = fileName.slice(fileName.lastIndexOf('.'))
    //       if ( ['.js', '.mjs'].includes(ext) && 'code' in file) {
    //         file.code = `(() => {\n${file.code}})()`
    //       }
    //     })
    //   }
    // }
  ],
});