@ng-atomic/schematics 0.0.1

package/src/setup/files/atomic/_atom.scss

@@ -0,0 +1,7 @@
+@import 'host-variable';
+@import 'atomic/component';
+
+@mixin atom($host) {
+  @include component($host);
+}
+

package/src/setup/files/atomic/_component.scss

@@ -0,0 +1,12 @@
+@import 'host-variable';
+
+@mixin component($host) {
+  display: block;
+
+  @include hvar(--cell, 8px);
+
+	* {
+    --cell: #{hvar(--cell)};
+  }
+}
+

package/src/setup/files/atomic/_molecule.scss

@@ -0,0 +1,7 @@
+@import 'host-variable';
+@import 'atomic/component';
+
+@mixin molecule($host) {
+  @include component($host);
+}
+

package/src/setup/files/atomic/_organism.scss

@@ -0,0 +1,7 @@
+@import 'host-variable';
+@import 'atomic/component';
+
+@mixin organism($host) {
+	@include component($host);
+}
+

package/src/setup/files/atomic/_page.scss

@@ -0,0 +1,7 @@
+@import 'host-variable';
+@import 'atomic/component';
+
+@mixin page($host) {
+	@include component($host);
+}
+

package/src/setup/files/atomic/_template.scss

@@ -0,0 +1,7 @@
+@import 'host-variable';
+@import 'atomic/component';
+
+@mixin template($host) {
+	@include component($host);
+}
+

package/src/setup/index.d.ts

@@ -0,0 +1,2 @@
+import { Rule } from '@angular-devkit/schematics';
+export declare const setup: (options: any) => Rule;

package/src/setup/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setup = void 0;
+const schematics_1 = require("@angular-devkit/schematics");
+const _utilities_1 = require("../_utilities");
+exports.setup = (options) => schematics_1.chain([
+    _utilities_1.addSchematicsConfig(options, 'atom'),
+    _utilities_1.addSchematicsConfig(options, 'molecule'),
+    _utilities_1.addSchematicsConfig(options, 'organism'),
+    _utilities_1.addSchematicsConfig(options, 'template'),
+    _utilities_1.setDefaultCollection(),
+    _utilities_1.addStyleIncludePath(options),
+    (host) => host.exists(`${options.stylesDir}/atomic`) ? schematics_1.noop() : addStyleFiles(options),
+    _utilities_1.addPathsToTsConfig(options),
+]);
+const addStyleFiles = (options) => schematics_1.mergeWith(schematics_1.apply(schematics_1.url('./files'), [schematics_1.template({}), schematics_1.move(options.stylesDir)]));
+//# sourceMappingURL=index.js.map

package/src/setup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/schematics/src/setup/index.ts"],"names":[],"mappings":";;;AAAA,2DAA4G;AAC5G,8CAAmH;AAEtG,QAAA,KAAK,GAAG,CAAC,OAAY,EAAQ,EAAE,CAAC,kBAAK,CAAC;IAClD,gCAAmB,CAAC,OAAO,EAAE,MAAM,CAAC;IACpC,gCAAmB,CAAC,OAAO,EAAE,UAAU,CAAC;IACxC,gCAAmB,CAAC,OAAO,EAAE,UAAU,CAAC;IACxC,gCAAmB,CAAC,OAAO,EAAE,UAAU,CAAC;IACxC,iCAAoB,EAAE;IACtB,gCAAmB,CAAC,OAAO,CAAC;IAC5B,CAAC,IAAU,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,OAAO,CAAC,SAAS,SAAS,CAAC,CAAC,CAAC,CAAC,iBAAI,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC;IAC5F,+BAAkB,CAAC,OAAO,CAAC;CAC3B,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,CAAC,OAAY,EAAE,EAAE,CAAC,sBAAS,CAAC,kBAAK,CAAC,gBAAG,CAAC,SAAS,CAAC,EAAE,CAAC,qBAAQ,CAAC,EAAE,CAAC,EAAE,iBAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC"}

package/src/setup/index.spec.ts

@@ -0,0 +1,37 @@
+import { SchematicTestRunner, UnitTestTree } from '@angular-devkit/schematics/testing';
+import { COLLECTION_PATH, createWorkspace } from '../_testing';
+import { get } from 'lodash';
+
+describe('Setup Schematics', () => {
+  const runner = new SchematicTestRunner('@ng-atomic/schematics', COLLECTION_PATH);
+  let tree: UnitTestTree;
+
+  beforeEach(async () => {
+    tree = await createWorkspace(runner, tree);
+  });
+
+  it('should create component files', async () => {
+    const options = {project: 'app', name: 'pages'};
+    const host = await runner.runSchematicAsync('setup', options, tree).toPromise();
+    const angularJson = JSON.parse(host.read('/angular.json').toString('utf-8'));
+    expect(get(angularJson, 'cli.defaultCollection')).toEqual('angular-atomic-schematics');
+    const schematicsJson = get(angularJson, 'projects.app.schematics');
+
+    for (const type of ['atom', 'molecule', 'organism', 'template']) {
+      expect(get(schematicsJson, `angular-atomic-schematics:${type}`))
+        .toEqual({path: `src/app/_shared/components/${type}s`});
+    }
+
+    const architectJson = get(angularJson, 'projects.app.architect');
+    expect(get(architectJson, 'build.options.stylePreprocessorOptions.includePaths'))
+      .toContain('src/styles');
+
+    for (const type of ['component', 'atom', 'molecule', 'organism', 'template', 'page']) {
+      expect(host.files).toContain(`/src/styles/atomic/_${type}.scss`);
+    }
+
+    const tsconfigJson = JSON.parse(host.read('/tsconfig.json').toString('utf-8'));
+    expect(get(tsconfigJson, 'compilerOptions.paths.@components')).toContain('src/app/_shared/components');
+    expect(get(tsconfigJson, 'compilerOptions.paths.@components/*')).toContain('src/app/_shared/components/*');
+  });
+});