@greenwood/cli/src/plugins/resource/plugin-standard-javascript.js

Greenwood CLI.

/*
 *
 * Manages web standard resource related operations for JavaScript.
 * This is a Greenwood default plugin.
 *
 */
import fs from "fs/promises";
import terser from "@rollup/plugin-terser";
import * as acorn from "acorn";
import * as walk from "acorn-walk";
import { ACORN_OPTIONS } from "../../lib/parsing-utils.js";

class StandardJavaScriptResource {
  constructor(compilation) {
    this.compilation = compilation;
    this.extensions = ["js"];
    this.contentType = "text/javascript";
  }

  async shouldServe(url) {
    return url.protocol === "file:" && this.extensions.includes(url.pathname.split(".").pop());
  }

  async serve(url) {
    const body = await fs.readFile(url, "utf-8");

    return new Response(body, {
      headers: {
        "Content-Type": this.contentType,
      },
    });
  }

  async shouldPreIntercept(url, request, response) {
    const { polyfills } = this.compilation.config;

    return (
      (polyfills?.importAttributes || []).length > 0 &&
      url.protocol === "file:" &&
      response.headers.get("Content-Type").indexOf(this.contentType) >= 0
    );
  }

  async preIntercept(url, request, response) {
    const { polyfills } = this.compilation.config;
    const body = await response.clone().text();
    let polyfilled = body;

    walk.simple(acorn.parse(body, ACORN_OPTIONS), {
      async ImportDeclaration(node) {
        const line = body.slice(node.start, node.end);
        const { value } = node.source;

        polyfills.importAttributes.forEach((attribute) => {
          if (line.replace(/ /g, "").replace(/"/g, "'").includes(`with{type:'${attribute}'}`)) {
            polyfilled = polyfilled.replace(line, `${line.split("with")[0]};\n`);
            polyfilled = polyfilled.replace(value, `${value}?polyfill=type-${attribute}`);
          }
        });
      },
    });

    return new Response(polyfilled, {
      headers: {
        "Content-Type": this.contentType,
      },
    });
  }
}

const greenwoodPluginStandardJavascript = [
  {
    type: "resource",
    name: "plugin-standard-javascript:resource",
    provider: (compilation) => new StandardJavaScriptResource(compilation),
  },
  {
    type: "rollup",
    name: "plugin-standard-javascript:rollup",
    provider: (compilation) => {
      return compilation.config.optimization !== "none" ? [terser()] : [];
    },
  },
];

export { greenwoodPluginStandardJavascript };