piral-cli-vite/src/vite/pilet.ts

Provides debug and build capabilities for pilets and Piral instances using Vite.

import pilet from 'vite-plugin-pilet';
import type { PiletBuildHandler } from 'piral-cli';
import { createCommonConfig } from './common';
import { runVite } from './bundler-run';

function nameOf(path: string) {
  return path.replace(/\.js$/, '');
}

function getPackageName() {
  return process.env.BUILD_PCKG_NAME;
}

function getRequireRef() {
  const name = getPackageName();
  return `rolluppr_${name.replace(/\W/gi, '')}`;
}

const supportedSchemas = ['v2', 'v3'];

function checkSupported(schema: string): asserts schema is 'v2' | 'v3' {
  if (!supportedSchemas.includes(schema)) {
    throw new Error(
      `The provided schema version is not supported. This version supports: ${supportedSchemas.join(', ')}.`,
    );
  }
}

const handler: PiletBuildHandler = {
  create(options) {
    const schema = options.version;
    const piletName = getPackageName();
    const requireRef = getRequireRef();
    const external: Array<string> = [];
    const id = nameOf(options.outFile);
    const input = {
      [id]: options.entryModule,
    };

    // first populate with global externals
    options.externals.forEach((name) => {
      external.push(name);
    });

    // then populate with distributed externals
    options.importmap.forEach((dep) => {
      external.push(dep.name);
    });

    // finally add the local importmap entries to the bundler entry points
    options.importmap.forEach((dep) => {
      if (dep.type === 'local') {
        input[nameOf(dep.ref)] = dep.entry;
      }
    });
    
    checkSupported(schema);

    const config = createCommonConfig(options.root, options.outDir, options.develop, options.sourceMaps, options.minify, {});

    return runVite({
      ...config,
      build: {
        ...config.build,
        lib: {
          entry: options.entryModule,
          fileName: () => options.outFile,
          formats: ['system' as any],
        },
        rollupOptions: {
          ...config.build.rollupOptions,
          input,
          output: {
            ...config.build.rollupOptions.output,
            assetFileNames(assetInfo) {
              // keep name of combined stylesheet
              if (assetInfo.name === 'style.css') {
                return assetInfo.name;
              }

              return '[name].[hash][extname]';
            },
            entryFileNames: '[name].js',
          },
          external,
        },
      },
      plugins: [
        ...config.plugins,
        pilet({
          id,
          schema,
          piletName,
          requireRef,
          importmap: options.importmap,
          debug: options.develop,
        }),
      ],
      debug: options.watch,
      outFile: options.outFile,
      requireRef,
    });
  },
};

export const create = handler.create;