import {join, dirname} from "node:path";
import {test, expect} from "@jest/globals";

import { rollup } from "rollup";

import {debugPrintOutput, getCode} from "../util/index.ts";

import html from "../../src/index.ts";
import handlebars from "handlebars";


import {fileURLToPath} from "node:url";
import urlPlugin from "@rollup/plugin-url";
const __dirname = dirname(fileURLToPath(import.meta.url));
process.chdir(join(__dirname, 'fixtures'));

const defaultAssetInclude = [
  '**/*.(png|jpg|jpeg|gif|ico|svg)',// images, svg
  '**/*.(woff|woff2|eot|ttf|otf)',// fonts
  '**/*.(webm|mp4)',// video
];


test('js-import', async () => {
  const bundle = await rollup({
    input: 'index.js',
    plugins: [
      html({
      }),
      // Test with assets
      urlPlugin({
        include: defaultAssetInclude,
        limit: Number.MAX_SAFE_INTEGER,// Always inline things
      }),
    ]
  });
  const code = await getCode(bundle);
  debugPrintOutput('js-import',code);
  expect(code).toMatchSnapshot();
});


// TODO various parameters
//  - format: cjs, iifi, ...
//  - sourcemap: inline, false, (and the various exotic sourcemap options)
// Watch mode tests would be its own dir
// ...