aurelia/aurelia

import { Transformer } from '@parcel/plugin';
import $SourceMap from '@parcel/source-map';
import * as ParcelSourceMap from '@parcel/source-map';
import { IOptionalPreprocessOptions, preprocess, preprocessOptions } from '@aurelia/plugin-conventions';
// eslint-disable-next-line import/no-nodejs-modules
import { relative, extname } from 'path';

const SourceMap = (typeof $SourceMap === 'function'
  ? $SourceMap
  // eslint-disable-next-line
  : typeof ($SourceMap as any).default === 'function'
    // eslint-disable-next-line
    ? ($SourceMap as any).default
    : (typeof ParcelSourceMap === 'function'
      ? ParcelSourceMap
      // eslint-disable-next-line
      :(ParcelSourceMap as any).default)
) as typeof $SourceMap;

export default new Transformer({
  async loadConfig({config}) {
    try {
      const conf = await config.getConfig([], {packageKey: 'aurelia'});
      return conf ? conf.contents : {};
    } catch (e) {
      return {};
    }
  },
  async transform({asset, config, options}) {
    const source = await asset.getCode();
    // leave the initial index.html for parcel.
    if (asset.type === 'html' && (/^\s*<!DOCTYPE/i).exec(source)) return [asset];

    const auOptions = preprocessOptions({
      ...config as IOptionalPreprocessOptions,
      stringModuleWrap: (id: string) => `bundle-text:${id}`
    });
    // after html template is compiled to js, parcel will apply full js transformers chain,
    // we need to skip them here, then parcel will apply the rest standard js chain.
    if (asset.type === 'js' && auOptions.templateExtensions.includes(extname(asset.filePath))) {
      return [asset];
    }

    const result = preprocess(
      {
        path: relative(options.projectRoot, asset.filePath.slice()),
        contents: source
      },
      auOptions
    );

    if (!result) {
      return [asset];
    }

    asset.setCode(result.code);
    const map = new SourceMap();
    map.addVLQMap(result.map);
    asset.setMap(map);

    if (auOptions.templateExtensions.includes(`.${asset.type}`)) {
      asset.type = 'js';
    }

    // Return the asset
    return [asset];
  }
});