devextreme-schematics 1.3.0-beta.1 → 1.3.0

package/src/utility/project.js

@@ -1,26 +1,49 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const config_1 = require("@schematics/angular/utility/config");
-function getProjectName(host, project) {
-    const projectName = project;
-    const workspace = config_1.getWorkspace(host);
-    const projects = Object.keys(workspace.projects);
-    return projectName && projects.indexOf(projectName) > -1 ? projectName : workspace.defaultProject;
+exports.getRootPath = exports.getSourceRootPath = exports.getApplicationPath = exports.getProjectName = void 0;
+const workspace_1 = require("@schematics/angular/utility/workspace");
+function getProjectName(host, projectName) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const projects = [];
+        const workspace = yield workspace_1.getWorkspace(host);
+        /* tslint:disable-next-line:variable-name */
+        workspace.projects.forEach((_v, k) => {
+            projects.push(k);
+        });
+        return projectName && projects.includes(projectName) ? projectName : projects[0];
+    });
 }
 exports.getProjectName = getProjectName;
 function getApplicationPath(host, projectName) {
-    const sourcePath = getSourceRootPath(host, projectName);
-    return sourcePath ? `${sourcePath}/app/` : 'src/app/';
+    return __awaiter(this, void 0, void 0, function* () {
+        const sourcePath = yield getSourceRootPath(host, projectName);
+        return sourcePath ? `${sourcePath}/app/` : 'src/app/';
+    });
 }
 exports.getApplicationPath = getApplicationPath;
 function getSourceRootPath(host, projectName) {
-    const project = config_1.getWorkspace(host).projects[projectName];
-    return project.sourceRoot || project.root;
+    return __awaiter(this, void 0, void 0, function* () {
+        const workspace = yield workspace_1.getWorkspace(host);
+        const project = workspace.projects.get(projectName);
+        return project && (project.sourceRoot || project.root);
+    });
 }
 exports.getSourceRootPath = getSourceRootPath;
 function getRootPath(host, projectName) {
-    const project = config_1.getWorkspace(host).projects[projectName];
-    return project.root;
+    return __awaiter(this, void 0, void 0, function* () {
+        const workspace = yield workspace_1.getWorkspace(host);
+        const project = workspace.projects.get(projectName);
+        return project && project.root;
+    });
 }
 exports.getRootPath = getRootPath;
 //# sourceMappingURL=project.js.map

package/src/utility/project.js.map

@@ -1 +1 @@
-{"version":3,"file":"project.js","sourceRoot":"","sources":["project.ts"],"names":[],"mappings":";;AACA,+DAAkE;AAElE,SAAgB,cAAc,CAAC,IAAU,EAAE,OAAY;IACrD,MAAM,WAAW,GAAG,OAAO,CAAC;IAC5B,MAAM,SAAS,GAAG,qBAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAEjD,OAAO,WAAW,IAAI,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC;AACpG,CAAC;AAND,wCAMC;AAED,SAAgB,kBAAkB,CAAC,IAAU,EAAE,WAAmB;IAChE,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IACxD,OAAO,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;AACxD,CAAC;AAHD,gDAGC;AAED,SAAgB,iBAAiB,CAAC,IAAU,EAAE,WAAmB;IAC/D,MAAM,OAAO,GAAG,qBAAY,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IACzD,OAAO,OAAO,CAAC,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;AAC5C,CAAC;AAHD,8CAGC;AAED,SAAgB,WAAW,CAAC,IAAU,EAAE,WAAmB;IACzD,MAAM,OAAO,GAAG,qBAAY,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IACzD,OAAO,OAAO,CAAC,IAAI,CAAC;AACtB,CAAC;AAHD,kCAGC"}
+{"version":3,"file":"project.js","sourceRoot":"","sources":["project.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,qEAAqE;AAErE,SAAsB,cAAc,CAAC,IAAU,EAAE,WAAmB;;QAClE,MAAM,QAAQ,GAAa,EAAE,CAAC;QAC9B,MAAM,SAAS,GAAG,MAAM,wBAAY,CAAC,IAAI,CAAC,CAAC;QAC3C,4CAA4C;QAC5C,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;YACnC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC,CAAC,CAAC;QAEH,OAAO,WAAW,IAAI,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACnF,CAAC;CAAA;AATD,wCASC;AAED,SAAsB,kBAAkB,CAAC,IAAU,EAAE,WAAmB;;QACtE,MAAM,UAAU,GAAG,MAAM,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QAC9D,OAAO,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;IACxD,CAAC;CAAA;AAHD,gDAGC;AAED,SAAsB,iBAAiB,CAAC,IAAU,EAAE,WAAmB;;QACrE,MAAM,SAAS,GAAG,MAAM,wBAAY,CAAC,IAAI,CAAC,CAAC;QAC3C,MAAM,OAAO,GAAG,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACpD,OAAO,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACzD,CAAC;CAAA;AAJD,8CAIC;AAED,SAAsB,WAAW,CAAC,IAAU,EAAE,WAAmB;;QAC/D,MAAM,SAAS,GAAG,MAAM,wBAAY,CAAC,IAAI,CAAC,CAAC;QAC3C,MAAM,OAAO,GAAG,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACpD,OAAO,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IACjC,CAAC;CAAA;AAJD,kCAIC"}

package/src/utility/project.ts

@@ -0,0 +1,30 @@
+import { Tree } from '@angular-devkit/schematics';
+import { getWorkspace } from '@schematics/angular/utility/workspace';
+
+export async function getProjectName(host: Tree, projectName: string) {
+  const projects: string[] = [];
+  const workspace = await getWorkspace(host);
+  /* tslint:disable-next-line:variable-name */
+  workspace.projects.forEach((_v, k) => {
+    projects.push(k);
+  });
+
+  return projectName && projects.includes(projectName) ? projectName : projects[0];
+}
+
+export async function getApplicationPath(host: Tree, projectName: string) {
+  const sourcePath = await getSourceRootPath(host, projectName);
+  return sourcePath ? `${sourcePath}/app/` : 'src/app/';
+}
+
+export async function getSourceRootPath(host: Tree, projectName: string) {
+  const workspace = await getWorkspace(host);
+  const project = workspace.projects.get(projectName);
+  return project && (project.sourceRoot || project.root);
+}
+
+export async function getRootPath(host: Tree, projectName: string) {
+  const workspace = await getWorkspace(host);
+  const project = workspace.projects.get(projectName);
+  return project && project.root;
+}

package/src/utility/routing.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.findRoutesInSource = exports.getRoute = exports.hasComponentInRoutes = void 0;
 const typescript_1 = require("typescript");
 const core_1 = require("@angular-devkit/core");
 function getRouteComponentName(pageName) {

package/src/utility/routing.js.map

@@ -1 +1 @@
-{"version":3,"file":"routing.js","sourceRoot":"","sources":["routing.ts"],"names":[],"mappings":";;AAAA,2CAIoB;AAEpB,+CAI8B;AAE9B,SAAS,qBAAqB,CAAC,QAAgB;IAC7C,OAAO,GAAG,cAAO,CAAC,QAAQ,CAAC,eAAQ,CAAC,gBAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC;AACvE,CAAC;AAED,SAAgB,oBAAoB,CAAC,MAAY,EAAE,IAAY;IAC7D,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,EAAE,CAAC;IACpC,MAAM,aAAa,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAClD,OAAO,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;AAClD,CAAC;AAJD,oDAIC;AAED,SAAgB,QAAQ,CAAC,IAAY;IACnC,OAAO;aACI,cAAO,CAAC,SAAS,CAAC,IAAI,CAAC;iBACnB,qBAAqB,CAAC,IAAI,CAAC;;IAExC,CAAC;AACL,CAAC;AAND,4BAMC;AAED,SAAS,eAAe,CAAC,IAAU,EAAE,IAAY;IAC7C,OAAO,IAAI,CAAC,IAAI,KAAK,uBAAU,CAAC,iBAAiB;QAC/C,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;AACtC,CAAC;AAEH,SAAgB,kBAAkB,CAAC,MAAkB;IACnD,uCAAuC;IACvC,OAAO,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,EAAE,EAAE;QAClC,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAC5B,IAAI,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE;YAC/B,OAAO,IAAI,CAAC;SACb;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AARD,gDAQC"}
+{"version":3,"file":"routing.js","sourceRoot":"","sources":["routing.ts"],"names":[],"mappings":";;;AAAA,2CAIoB;AAEpB,+CAI8B;AAE9B,SAAS,qBAAqB,CAAC,QAAgB;IAC7C,OAAO,GAAG,cAAO,CAAC,QAAQ,CAAC,eAAQ,CAAC,gBAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC;AACvE,CAAC;AAED,SAAgB,oBAAoB,CAAC,MAAY,EAAE,IAAY;IAC7D,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,EAAE,CAAC;IACpC,MAAM,aAAa,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAClD,OAAO,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;AAClD,CAAC;AAJD,oDAIC;AAED,SAAgB,QAAQ,CAAC,IAAY;IACnC,OAAO;aACI,cAAO,CAAC,SAAS,CAAC,IAAI,CAAC;iBACnB,qBAAqB,CAAC,IAAI,CAAC;;IAExC,CAAC;AACL,CAAC;AAND,4BAMC;AAED,SAAS,eAAe,CAAC,IAAU,EAAE,IAAY;IAC7C,OAAO,IAAI,CAAC,IAAI,KAAK,uBAAU,CAAC,iBAAiB;QAC/C,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;AACtC,CAAC;AAEH,SAAgB,kBAAkB,CAAC,MAAkB;IACnD,uCAAuC;IACvC,OAAO,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,EAAE,EAAE;QAClC,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;QAC5B,IAAI,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE;YAC/B,OAAO,IAAI,CAAC;SACb;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AARD,gDAQC"}

package/src/utility/routing.ts

@@ -0,0 +1,44 @@
+import {
+  Node,
+  SourceFile,
+  SyntaxKind
+} from 'typescript';
+
+import {
+  strings,
+  basename,
+  normalize
+} from '@angular-devkit/core';
+
+function getRouteComponentName(pageName: string) {
+  return `${strings.classify(basename(normalize(pageName)))}Component`;
+}
+
+export function hasComponentInRoutes(routes: Node, name: string) {
+  const routesText = routes.getText();
+  const componentName = getRouteComponentName(name);
+  return routesText.indexOf(componentName) !== -1;
+}
+
+export function getRoute(name: string) {
+  return `  {
+    path: '${strings.dasherize(name)}',
+    component: ${getRouteComponentName(name)},
+    canActivate: [ AuthGuardService ]
+  }`;
+}
+
+function isRouteVariable(node: Node, text: string) {
+    return node.kind === SyntaxKind.VariableStatement &&
+      text.search(/\:\s*Routes/) !== -1;
+  }
+
+export function findRoutesInSource(source: SourceFile) {
+  // TODO: try to use ast-utils/findNodes
+  return source.forEachChild((node) => {
+    const text = node.getText();
+    if (isRouteVariable(node, text)) {
+      return node;
+    }
+  });
+}

package/src/utility/source.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSourceFile = void 0;
 const typescript_1 = require("typescript");
 function getSourceFile(host, filePath) {
     const buffer = host.read(filePath);

package/src/utility/source.js.map

@@ -1 +1 @@
-{"version":3,"file":"source.js","sourceRoot":"","sources":["source.ts"],"names":[],"mappings":";;AACA,2CAIoB;AAEpB,SAAgB,aAAa,CAAC,IAAU,EAAE,QAAgB;IACxD,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAEnC,IAAI,CAAC,MAAM,EAAE;QACX,OAAO;KACR;IACD,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAE,CAAC,QAAQ,EAAE,CAAC;IACvD,OAAO,6BAAgB,CAAC,QAAQ,EAAE,cAAc,EAAE,yBAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAC/E,CAAC;AARD,sCAQC"}
+{"version":3,"file":"source.js","sourceRoot":"","sources":["source.ts"],"names":[],"mappings":";;;AACA,2CAIoB;AAEpB,SAAgB,aAAa,CAAC,IAAU,EAAE,QAAgB;IACxD,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAEnC,IAAI,CAAC,MAAM,EAAE;QACX,OAAO;KACR;IACD,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAE,CAAC,QAAQ,EAAE,CAAC;IACvD,OAAO,6BAAgB,CAAC,QAAQ,EAAE,cAAc,EAAE,yBAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AAC/E,CAAC;AARD,sCAQC"}

package/src/utility/source.ts

@@ -0,0 +1,16 @@
+import { Tree } from '@angular-devkit/schematics';
+import {
+  createSourceFile,
+  ScriptTarget,
+  SourceFile
+} from 'typescript';
+
+export function getSourceFile(host: Tree, filePath: string): SourceFile | undefined {
+  const buffer = host.read(filePath);
+
+  if (!buffer) {
+    return;
+  }
+  const serializedFile = host.read(filePath)!.toString();
+  return createSourceFile(filePath, serializedFile, ScriptTarget.Latest, true);
+}

package/src/utility/string.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.humanize = void 0;
 const core_1 = require("@angular-devkit/core");
 function humanize(str) {
     return str.split('-').map((part) => core_1.strings.capitalize(part)).join(' ');

package/src/utility/string.js.map

@@ -1 +1 @@
-{"version":3,"file":"string.js","sourceRoot":"","sources":["string.ts"],"names":[],"mappings":";;AAAA,+CAA+C;AAE/C,SAAgB,QAAQ,CAAC,GAAW;IAClC,OAAO,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,cAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAClF,CAAC;AAFD,4BAEC"}
+{"version":3,"file":"string.js","sourceRoot":"","sources":["string.ts"],"names":[],"mappings":";;;AAAA,+CAA+C;AAE/C,SAAgB,QAAQ,CAAC,GAAW;IAClC,OAAO,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,cAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAClF,CAAC;AAFD,4BAEC"}

package/src/utility/string.ts

@@ -0,0 +1,5 @@
+import { strings } from '@angular-devkit/core';
+
+export function humanize(str: string) {
+  return str.split('-').map((part: string) => strings.capitalize(part)).join(' ');
+}

package/src/utility/styles.d.ts

@@ -1,2 +1 @@
-import { Tree } from '@angular-devkit/schematics';
-export declare function addStylesToApp(host: Tree, project: string, config: any, styles?: Array<any>): any;
+export declare function addStylesToApp(project: string, config: any, styles?: Array<any>): any;

package/src/utility/styles.js

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const project_1 = require("./project");
+exports.addStylesToApp = void 0;
 const array_1 = require("./array");
 function cleanStyles(projectStyles, defaultStyles) {
     return projectStyles.filter((style) => {
         return style !== defaultStyles[0] && style !== defaultStyles[1];
     });
 }
-function addStylesToApp(host, project, config, styles) {
-    const projectName = project_1.getProjectName(host, project);
-    const projectBuildOptopns = config['projects'][projectName]['architect']['build']['options'];
+function addStylesToApp(project, config, styles) {
+    const projectBuildOptopns = config['projects'][project]['architect']['build']['options'];
     const defaultStyles = [
         'node_modules/devextreme/dist/css/dx.light.css',
         'node_modules/devextreme/dist/css/dx.common.css'

package/src/utility/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["styles.ts"],"names":[],"mappings":";;AACA,uCAA2C;AAC3C,mCAA0C;AAE1C,SAAS,WAAW,CAAC,aAAyB,EAAE,aAAkB;IAChE,OAAO,aAAa,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;QACpC,OAAO,KAAK,KAAK,aAAa,CAAC,CAAC,CAAC,IAAI,KAAK,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAgB,cAAc,CAAC,IAAU,EAAE,OAAe,EAAE,MAAW,EAAE,MAAmB;IAC1F,MAAM,WAAW,GAAG,wBAAc,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IAClD,MAAM,mBAAmB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC;IAC7F,MAAM,aAAa,GAAG;QACpB,+CAA+C;QAC/C,gDAAgD;KACjD,CAAC;IACF,IAAI,aAAa,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAElD,IAAI,CAAC,MAAM,EAAE;QACX,MAAM,GAAG,aAAa,CAAC;KACxB;SAAM;QACL,aAAa,GAAG,WAAW,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;KAC3D;IAED,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;QACvB,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,mBAAmB,CAAC,QAAQ,CAAC,GAAG,uBAAe,CAAC,aAAa,CAAC,CAAC;IAE/D,OAAO,MAAM,CAAC;AAChB,CAAC;AAtBD,wCAsBC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["styles.ts"],"names":[],"mappings":";;;AAAA,mCAA0C;AAE1C,SAAS,WAAW,CAAC,aAAyB,EAAE,aAAkB;IAChE,OAAO,aAAa,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE;QACpC,OAAO,KAAK,KAAK,aAAa,CAAC,CAAC,CAAC,IAAI,KAAK,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;AACL,CAAC;AAED,SAAgB,cAAc,CAAC,OAAe,EAAE,MAAW,EAAE,MAAmB;IAC9E,MAAM,mBAAmB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC;IACzF,MAAM,aAAa,GAAG;QACpB,+CAA+C;QAC/C,gDAAgD;KACjD,CAAC;IACF,IAAI,aAAa,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAElD,IAAI,CAAC,MAAM,EAAE;QACX,MAAM,GAAG,aAAa,CAAC;KACxB;SAAM;QACL,aAAa,GAAG,WAAW,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;KAC3D;IAED,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;QACvB,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,mBAAmB,CAAC,QAAQ,CAAC,GAAG,uBAAe,CAAC,aAAa,CAAC,CAAC;IAE/D,OAAO,MAAM,CAAC;AAChB,CAAC;AArBD,wCAqBC"}

package/src/utility/styles.ts

@@ -0,0 +1,30 @@
+import { makeArrayUnique } from './array';
+
+function cleanStyles(projectStyles: Array<any>, defaultStyles: any) {
+  return projectStyles.filter((style) => {
+    return style !== defaultStyles[0] && style !== defaultStyles[1];
+  });
+}
+
+export function addStylesToApp(project: string, config: any, styles?: Array<any>) {
+  const projectBuildOptopns = config['projects'][project]['architect']['build']['options'];
+  const defaultStyles = [
+    'node_modules/devextreme/dist/css/dx.light.css',
+    'node_modules/devextreme/dist/css/dx.common.css'
+  ];
+  let projectStyles = projectBuildOptopns['styles'];
+
+  if (!styles) {
+    styles = defaultStyles;
+  } else {
+    projectStyles = cleanStyles(projectStyles, defaultStyles);
+  }
+
+  styles.forEach((style) => {
+    projectStyles.unshift(style);
+  });
+
+  projectBuildOptopns['styles'] = makeArrayUnique(projectStyles);
+
+  return config;
+}