export default defineConfig({
  resolve: {
    alias: {
      '~/': `${path.resolve(__dirname, 'src')}/`,
    },
  },
  plugins: [
    // Note, this plugin is the one I made to temporary fix the problem
    manifestImports(),
    liveReload([
      `${__dirname}/*.php`,
      `${__dirname}/includes/**/*.php`,
      `${__dirname}/includes/**/*.mustache`,
    ]),
  ],
  build: {
    outDir: path.resolve(__dirname, './assets/dist'),
    emptyOutDir: true,
    assetsDir: '.',
    manifest: true,
    target: 'modules',
    rollupOptions: {
      // our entry
      input: './assets/src/main.ts',
    },
  },
  server: {
    cors: true,
    strictPort: true,
    port: 5173,
  },
})

// Normal config, as above
export default defineConfig({ ...}

// The plugin to add a default imports array
function manifestImports(): Plugin {
  return {
    name: 'vite-plugin-manifest-imports',
    apply: 'build',
    enforce: 'post',
    async writeBundle({ dir }) {
      await augmentManifest('manifest.json', dir!)
    },
  }
}

async function augmentManifest(manifestPath: string, outDir: string) {
  const resolveInOutDir = (path: string) => resolve(outDir, path)
  manifestPath = resolveInOutDir(manifestPath)

  const manifest: Manifest | undefined
    = await fs.readFile(manifestPath, 'utf-8').then(JSON.parse, () => undefined)

  if (manifest) {
    await Promise.all(Object.values(manifest).map(async (chunk) => {
      // adding it here
      if (!chunk.imports) chunk.imports = []
    }))
    await fs.writeFile(manifestPath, JSON.stringify(manifest, null, 2))
  }
}