123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
import {  autoprefixer,  postcss,  postcssImport,  postcssNesting,} from "../deps/postcss.ts";import { isUrl, merge } from "../core/utils.ts";import { Page } from "../core/filesystem.ts";import { posix } from "../deps/path.ts";import { prepareAsset, saveAsset } from "./source_maps.ts";
import type { Helper, Site, SourceMap } from "../core.ts";import type { SourceMapOptions } from "../deps/postcss.ts";
export interface Options {  /** The list of extensions this plugin applies to */  extensions: string[];
  /** Custom includes path for `postcss-import` */  includes: string | false;
  /** Plugins to use by postcss */  plugins: unknown[];
  /** Set `true` append your plugins to the defaults */  keepDefaultPlugins: boolean;}
// Default optionsexport const defaults: Options = {  extensions: [".css"],  includes: false,  plugins: [    postcssNesting(),    autoprefixer(),  ],  keepDefaultPlugins: false,};
/** A plugin to load all CSS files and process them using PostCSS */export default function (userOptions?: Partial<Options>) {  return (site: Site) => {    const options = merge(      { ...defaults, includes: site.options.includes },      userOptions,    );
    if (options.keepDefaultPlugins && userOptions?.plugins?.length) {      options.plugins = defaults.plugins.concat(userOptions.plugins);    }
    const plugins = [...options.plugins];
    if (options.includes) {      site.includes(options.extensions, options.includes);
      plugins.unshift(configureImport(site));    }
    // @ts-ignore: Argument of type 'unknown[]' is not assignable to parameter of type 'AcceptedPlugin[]'.    const runner = postcss(plugins);
    site.loadAssets(options.extensions);    site.process(options.extensions, postCss);    site.filter("postcss", filter as Helper, true);
    async function postCss(file: Page) {      const { content, filename, sourceMap, enableSourceMap } = prepareAsset(        site,        file,      );      const to = site.dest(file.outputPath!);      const map: SourceMapOptions | undefined = enableSourceMap        ? {          inline: false,          prev: sourceMap,          annotation: false,        }        : undefined;
      // Process the code with PostCSS      const result = await runner.process(content, { from: filename, to, map });
      saveAsset(        site,        file,        result.css,        result.map?.toJSON() as unknown as SourceMap,      );    }
    async function filter(code: string) {      const result = await runner.process(code, { from: undefined });      return result.css;    }  };}
/** * Function to configure the postcssImport * using the Lume reader and the includes loader */function configureImport(site: Site) {  const { includesLoader, formats, reader } = site;
  return postcssImport({    /** Resolve the import path */    async resolve(id: string, basedir: string) {      if (isUrl(id)) {        return id;      }
      /** Relative path */      if (id.startsWith(".")) {        return posix.join(basedir, id);      }
      if (!id.startsWith("/")) {        const path = posix.join(basedir, id);        const exists = await reader.getInfo(path);        if (exists) {          return path;        }      }
      /** Search the path in the includes */      const format = formats.search(id);      if (format) {        const path = includesLoader.resolve(id, format, basedir);
        if (path) {          return site.src(path);        }      }    },
    /** Load the content (using the Lume reader) */    async load(file: string) {      const format = formats.search(file);
      if (format && format.pageLoader) {        const relative = file.slice(site.src().length);        const content = await reader.read(relative, format.pageLoader);
        if (content) {          return content.content as string;        }      }    },  });}