angular-bootstrap-md/schematics/ng-add/mdb-setup.js

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const schematics_1 = require("@angular-devkit/schematics");
const workspace_1 = require("@schematics/angular/utility/workspace");
const schematics_2 = require("@angular/cdk/schematics");
function default_1(options) {
    return (0, schematics_1.chain)([
        addMdbFreeModuleImport(options),
        addAngularAnimationsModule(options),
        addStylesAndScriptsToAngularJson(options),
        addRobotoFontToIndexHtml(options),
    ]);
}
exports.default = default_1;
function addMdbFreeModuleImport(options) {
    return (tree) => {
        const workspace = (0, workspace_1.getWorkspace)(tree);
        const project = (0, schematics_2.getProjectFromWorkspace)(workspace, options.project);
        const mdbFreeModuleName = 'MDBBootstrapModule.forRoot()';
        const mdbFreeModulePath = 'angular-bootstrap-md';
        (0, schematics_2.addModuleImportToRootModule)(tree, mdbFreeModuleName, mdbFreeModulePath, project);
        return tree;
    };
}
function addAngularAnimationsModule(options) {
    return (tree, context) => {
        const workspace = (0, workspace_1.getWorkspace)(tree);
        const project = (0, schematics_2.getProjectFromWorkspace)(workspace, options.project);
        const appModulePath = (0, schematics_2.getAppModulePath)(tree, (0, schematics_2.getProjectMainFile)(project));
        const browserAnimationModule = 'BrowserAnimationsModule';
        const animationsModulePath = '@angular/platform-browser/animations';
        const noopAnimationModule = 'NoopAnimationsModule';
        if (options.animations) {
            if ((0, schematics_2.hasNgModuleImport)(tree, appModulePath, noopAnimationModule)) {
                context.logger.error(`Could not add ${browserAnimationModule} because ${noopAnimationModule} is already added`);
                return;
            }
            (0, schematics_2.addModuleImportToRootModule)(tree, browserAnimationModule, animationsModulePath, project);
        }
        else if (!(0, schematics_2.hasNgModuleImport)(tree, appModulePath, noopAnimationModule)) {
            (0, schematics_2.addModuleImportToRootModule)(tree, noopAnimationModule, animationsModulePath, project);
        }
        return tree;
    };
}
function addRobotoFontToIndexHtml(options) {
    return (tree, context) => {
        const fontUrl = 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,600&display=swap';
        const workspace = (0, workspace_1.getWorkspace)(tree);
        const project = (0, schematics_2.getProjectFromWorkspace)(workspace, options.project);
        const projectIndexFiles = (0, schematics_2.getProjectIndexFiles)(project);
        const logger = context.logger;
        if (!projectIndexFiles.length) {
            logger.error('Index HTML not found');
            logger.info('Add roboto font manually');
            return;
        }
        projectIndexFiles.forEach((indexFile) => {
            (0, schematics_2.appendHtmlElementToHead)(tree, indexFile, `<link href="${fontUrl}" rel="stylesheet">`);
        });
        return tree;
    };
}
function addStylesAndScriptsToAngularJson(options) {
    return (tree, context) => {
        const logger = context.logger;
        const mainStyles = [
            {
                name: 'bootstrap',
                path: './node_modules/angular-bootstrap-md/assets/scss/bootstrap/bootstrap.scss',
            },
            { name: 'mdb', path: './node_modules/angular-bootstrap-md/assets/scss/mdb.scss' },
        ];
        const additionalStyles = [
            {
                name: 'fontawesome',
                path: './node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss',
            },
            {
                name: 'fontawesome-solid',
                path: './node_modules/@fortawesome/fontawesome-free/scss/solid.scss',
            },
            {
                name: 'fontawesome-regular',
                path: './node_modules/@fortawesome/fontawesome-free/scss/regular.scss',
            },
            {
                name: 'fontawesome-brand',
                path: './node_modules/@fortawesome/fontawesome-free/scss/brands.scss',
            },
            { name: 'animate.css', path: './node_modules/animate.css/animate.css' },
        ];
        const allStyles = options.externalDependencies ? [...mainStyles, ...additionalStyles] : mainStyles;
        const additionalScripts = [
            { name: 'chart.js', path: './node_modules/chart.js/dist/Chart.js' },
            { name: 'hammerjs', path: './node_modules/hammerjs/hammer.min.js' },
        ];
        const angularJsonFile = tree.read('angular.json');
        if (angularJsonFile) {
            const angularJsonFileObject = JSON.parse(angularJsonFile.toString('utf-8'));
            const project = options.project
                ? options.project
                : Object.keys(angularJsonFileObject['projects'])[0];
            const projectObject = angularJsonFileObject.projects[project];
            const styles = projectObject.architect.build.options.styles;
            const scripts = projectObject.architect.build.options.scripts;
            allStyles.forEach(style => {
                styles.unshift(style.path);
            });
            additionalScripts.forEach(script => {
                scripts.push(script.path);
            });
            tree.overwrite('angular.json', JSON.stringify(angularJsonFileObject, null, 2));
        }
        else {
            logger.error('Failed to add scripts or styles to angular.json');
        }
        return tree;
    };
}
//# sourceMappingURL=mdb-setup.js.map