fuse-box/src/quantum/plugin/ResponsiveAPI.ts

Fuse-Box a bundler that does it right

import * as path from "path";
import { jsCommentTemplate } from "../../Utils";
import { Config } from "../../Config";
import { QuantumCore } from "./QuantumCore";
import { RequireStatement } from "../core/nodes/RequireStatement";

export class ResponsiveAPI {
    private computedStatements = false;
    private hashes = false;
    private isServerFunction = false;
    private isBrowserFunction = false;
    private customMappings = {};
    private lazyLoading = false;
    private customStatementResolve = false;
    private serverRequire = false;
    private bundleMapping: any;
    private ajaxRequired = false;
    private codeSplitting = false;
    private jsonLoader = false;
    private loadRemoteScript = false;
    private cssLoader = false;
    constructor(public core: QuantumCore) { }

    public addComputedRequireStatetements() {
        this.computedStatements = true;
        this.hashes = true;
    }

    public addLazyLoading() {
        this.lazyLoading = true;
        if (this.core.opts.isTargetUniveral()) {
            this.ajaxRequired = true;
        }
        if (this.core.opts.isTargetBrowser()) {
            this.ajaxRequired = true;
        }
    }

    public useCodeSplitting() {
        this.codeSplitting = true;
    }

    public addJSONLoader() {
        this.jsonLoader = true;
    }

    public addCSSLoader() {
        this.cssLoader = true;
    }

    public addRemoteLoading() {
        this.loadRemoteScript = true;
    }

    public hashesUsed() {
        return this.hashes;
    }

    public addMapping(fuseBoxPath: string, id: any) {
        this.customMappings[fuseBoxPath] = id;
        this.customStatementResolve = true;
    }

    public setBundleMapping(data: any) {
        this.bundleMapping = data;
    }

    public addIsServerFunction() {
        this.isServerFunction = true;
    }

    public addIsBrowserFunction() {
        this.isBrowserFunction = true;
    }

    public useServerRequire() {
        this.serverRequire = true;
    }

    public considerStatement(statement: RequireStatement) {
        this.addLazyLoading();
        if (statement.isComputed) {
            this.addRemoteLoading();
            this.addCSSLoader();
            this.addJSONLoader();
        }
        if (statement.isRemoteURL()) {
            this.addRemoteLoading();
        }

        if (statement.isCSSRequested()) {
            this.loadRemoteScript = true;
            this.addCSSLoader();
        }

        if (statement.isJSONRequested()) {
            this.addJSONLoader();
        }
    }

    public render() {
        const promisePolyfill = this.core.opts.getPromisePolyfill();
        const options: any = {
            browser: this.core.opts.isTargetBrowser(),
            universal: this.core.opts.isTargetUniveral(),
            server: this.core.opts.isTargetServer(),
            isServerFunction: this.isServerFunction,
            isBrowserFunction: this.isBrowserFunction,
            computedStatements: this.computedStatements,
            hashes: this.hashes,
            serverRequire: this.serverRequire,
            customStatementResolve: this.customStatementResolve,
            lazyLoading: this.lazyLoading,
            codeSplitting: this.codeSplitting,
            ajaxRequired: this.ajaxRequired,
            jsonLoader: this.jsonLoader,
            cssLoader: this.cssLoader,
            promisePolyfill: false,
            loadRemoteScript: this.loadRemoteScript,
            isContained: this.core.opts.isContained(),
            extendServerImport: this.core.opts.shouldExtendServerImport()
        };

        const variables: any = {};
        const raw: any = {};
        if (Object.keys(this.customMappings).length > 0) {
            variables.customMappings = this.customMappings;
        }

        if (promisePolyfill) {
            options.promisePolyfill = true;
            raw.promisePolyfill = promisePolyfill;
        }
        if (this.bundleMapping) {
            variables.bundleMapping = this.bundleMapping;
        }
        return jsCommentTemplate(path.join(Config.FUSEBOX_MODULES, "fuse-box-responsive-api/index.js"), options, variables, raw);
    }
}