fuse-box/src/plugins/images/ImageBase64Plugin.ts

Fuse-Box a bundler that does it right

import { File } from "../../core/File";
import { WorkFlowContext, Plugin } from "../../core/WorkflowContext";
import * as path from "path";
import { SVG2Base64 } from "../../lib/SVG2Base64";
const base64Img = require("base64-img");

export interface ImageBase64PluginOptions {
    useDefault?: boolean;
}
/**
 *
 *
 * @export
 * @class FuseBoxHTMLPlugin
 * @implements {Plugin}
 */
export class ImageBase64PluginClass implements Plugin {
    public opts: ImageBase64PluginOptions;
    constructor(opts?: ImageBase64PluginOptions) {
        this.opts = opts || {};
    }
    /**
     *
     *
     * @type {RegExp}
     * @memberOf FuseBoxHTMLPlugin
     */
    public test: RegExp = /\.(gif|png|jpg|jpeg|svg)$/i;
    /**
     *
     *
     * @param {WorkFlowContext} context
     *
     * @memberOf FuseBoxHTMLPlugin
     */
    public init(context: WorkFlowContext) {
        context.allowExtension(".gif");
        context.allowExtension(".png");
        context.allowExtension(".jpg");
        context.allowExtension(".jpeg");
        context.allowExtension(".svg");
    }
    /**
     *
     *
     * @param {File} file
     *
     * @memberOf FuseBoxHTMLPlugin
     */
    public transform(file: File) {

        const context = file.context;
        const cached = context.cache.getStaticCache(file);
        if (cached) {
            file.isLoaded = true;
            file.contents = cached.contents;
        } else {
            let exportsKey = this.opts.useDefault ? "module.exports.default" : "module.exports";
            const ext = path.extname(file.absPath);
            if (ext === ".svg") {
                file.loadContents();
                let content = SVG2Base64.get(file.contents);
                file.contents = `${exportsKey} = ${JSON.stringify(content)}`;
                return;
            }
            file.isLoaded = true;
            const data = base64Img.base64Sync(file.absPath);

            file.contents = `${exportsKey} = ${JSON.stringify(data)}`;
            context.cache.writeStaticCache(file, undefined);
        }
    }
};

export const ImageBase64Plugin = (opts?: ImageBase64PluginOptions) => {
    return new ImageBase64PluginClass(opts);
};