123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
import {  merge,  normalizePath,  replaceExtension,  resolveInclude,} from "../core/utils.ts";import Sass from "../deps/sass.ts";import { fromFileUrl, posix, toFileUrl } from "../deps/path.ts";import { Page } from "../core/filesystem.ts";import { prepareAsset, saveAsset } from "./source_maps.ts";import textLoader from "../core/loaders/text.ts";
import type { Site } from "../core.ts";
type SassOptions = Omit<Sass.StringOptions<"async">, "url" | "syntax">;
export interface Options {  /** Extensions processed by this plugin */  extensions: string[];
  /** Output format */  format: "compressed" | "expanded";
  /** SASS options */  options: SassOptions;
  /** Custom includes paths */  includes: string;}
const defaults: Options = {  extensions: [".scss", ".sass"],  format: "compressed",  options: {},  includes: "",};
/** A plugin to use SASS in Lume */export default function (userOptions?: Partial<Options>) {  return (site: Site) => {    const options = merge(      { ...defaults, includes: site.options.includes },      userOptions,    );
    if (options.includes) {      site.includes(options.extensions, options.includes);    }
    site.loadAssets(options.extensions);    site.process(options.extensions, sass);
    const { entries } = site.fs;    const basePath = site.src();
    async function sass(page: Page) {      const { content, filename, enableSourceMap } = prepareAsset(site, page);
      const sassOptions: Sass.StringOptions<"async"> = {        ...options.options,        sourceMap: enableSourceMap,        style: options.format,        syntax: page.src.ext === ".sass" ? "indented" : "scss",        url: toFileUrl(filename),        importer: {          canonicalize(url: string) {            let pathname = normalizePath(fromFileUrl(url));
            if (pathname.startsWith(basePath)) {              pathname = normalizePath(pathname.slice(basePath.length));            }
            const { formats } = site;            const { includes } = site.options;
            for (const path of getPathsToLook(pathname)) {              let entry = entries.get(path);
              // Search in includes              if (!entry) {                const format = formats.search(pathname);                const includesPath = format?.includesPath ?? includes;                const resolved = resolveInclude(path, includesPath);                entry = entries.get(resolved);              }
              if (entry) {                return toFileUrl(site.src(entry.path));              }            }
            throw new Error(              `File cannot be canonicalized: ${url} (${pathname})`,            );          },          async load(url: URL) {            const pathname = fromFileUrl(url);            const contents = await site.getContent(pathname, textLoader);
            if (typeof contents === "string") {              return {                contents,                syntax: pathname.endsWith(".sass") ? "indented" : "scss",                sourceMapUrl: url,              };            }
            throw new Error(`File not found: ${url} (${pathname})`);          },        },      };
      const output = await Sass.compileStringAsync(content, sassOptions);
      // @ts-ignore: sourceMap is not in the type definition      saveAsset(site, page, output.css, output.sourceMap);      page.data.url = replaceExtension(page.data.url, ".css");    }  };}
function getPathsToLook(path: string): string[] {  const basename = posix.basename(path);
  if (posix.extname(path)) {    if (basename.startsWith("_")) {      return [path];    }    return [path, posix.join(posix.dirname(path), `_${basename}`)];  } else {    if (basename.startsWith("_")) {      return [        `${path}.scss`,        `${path}.sass`,      ];    }
    return [      `${path}.scss`,      `${path}.sass`,      posix.join(posix.dirname(path), `_${basename}.scss`),      posix.join(posix.dirname(path), `_${basename}.sass`),    ];  }}