angular-bootstrap-md
Version:
Bootstrap 4 & Angular 15 UI KIT - 700+ components, MIT license, simple installation.
121 lines • 5.66 kB
JavaScript
;
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