feat(builder): creating

- adding ts-node for running jasmine in ts - add builder and schema

Author: kaltepeter

builders.json

@@ -0,0 +1,9 @@
+{
+ "builders": {
+ "svg-icons-builder": {
+ "implementation": "./svg-icons-builder",
+ "schema": "./svg-icons-builder/schema.json",
+ "description": "Build SVG icons."
+ }
+ }
+}

package-lock.json

@@ -1,26 +1,30 @@
 {
- "name": "svg-icons-builder",
+ "name": "@angular-extensions/svg-icons-builder",
  "version": "0.0.0",
  "description": "A blank schematics",
  "scripts": {
- "build": "tsc -p tsconfig.json",
- "copy:files": "cp ../**/*.json dist/",
- "test": "npm run build && npm run copy:files && jasmine dist/**/*_spec.js"
+ "build": "tsc -p tsconfig.json && npm run copy:files",
+ "build:watch": "tsc -p tsconfig.json --watch && npm run copy:files",
+ "copy:files": "cp ./builders.json ./package.json dist/ && cp ./src/*.json dist/ && cp ./src/svg-icons-builder/*.json ./dist/svg-icons-builder/",
+ "test": "ts-node node_modules/jasmine/bin/jasmine src/**/*_spec.ts"
  },
  "keywords": [
  "schematics"
  ],
  "author": "",
  "license": "MIT",
- "schematics": "./src/collection.json",
+ "schematics": "./collection.json",
+ "builders": "./builders.json",
  "dependencies": {
  "@angular-devkit/core": "^10.1.6",
  "@angular-devkit/schematics": "^10.1.6",
  "typescript": "~4.0.2"
  },
  "devDependencies": {
- "@types/node": "^12.11.1",
+ "@angular-devkit/architect": "^0.1001.7",
  "@types/jasmine": "~3.5.0",
- "jasmine": "^3.5.0"
+ "@types/node": "^12.11.1",
+ "jasmine": "^3.5.0",
+ "ts-node": "^9.0.0"
  }
 }

package.json

@@ -1,10 +1,6 @@
 {
  "$schema": "../node_modules/@angular-devkit/schematics/collection-schema.json",
  "schematics": {
- "svg-icons-builder": {
- "description": "A blank schematic.",
- "factory": "./svg-icons-builder/index#svgIconsBuilder"
- },
  "ng-add": {
  "description": "A blank schematic.",
  "factory": "./ng-add/index#ngAdd"

src/collection.json

@@ -1,10 +1,30 @@
-import { Rule, SchematicContext, Tree } from '@angular-devkit/schematics';
+ 
+import { BuilderOutput, createBuilder } from '@angular-devkit/architect';
+import * as childProcess from 'child_process';
+import { JsonObject } from '@angular-devkit/core';
 
-
-// You don't have to export the function as default. You can also have more than one rule factory
-// per file.
-export function svgIconsBuilder(_options: any): Rule {
- return (tree: Tree, _context: SchematicContext) => {
- return tree;
- };
+interface Options extends JsonObject {
+ command: string;
+ args: string[];
 }
+
+export default createBuilder<Options>((options, context) => {
+console.log("options, context", options)
+ return new Promise<BuilderOutput>((resolve, reject) => {
+ context.reportStatus(`Executing "${options.command}"...`);
+ const child = childProcess.spawn(options.command, options.args, { stdio: 'pipe' });
+
+ child.stdout.on('data', (data) => {
+ context.logger.info(data.toString());
+ });
+ child.stderr.on('data', (data) => {
+ context.logger.error(data.toString());
+ reject();
+ });
+
+ context.reportStatus(`Done.`);
+ child.on('close', code => {
+ resolve({ success: code === 0 });
+ });
+ });
+});

src/svg-icons-builder/index.ts

@@ -1,16 +1,48 @@
-import { Tree } from '@angular-devkit/schematics';
-import { SchematicTestRunner } from '@angular-devkit/schematics/testing';
-import * as path from 'path';
+import { Architect } from '@angular-devkit/architect';
+import { TestingArchitectHost } from '@angular-devkit/architect/testing';
+import { logging, schema } from '@angular-devkit/core';
+const { join } = require('path');
 
+describe('svg-icons-builder', () => {
+ let architect: Architect;
+ let architectHost: TestingArchitectHost;
 
-const collectionPath = path.join(__dirname, '../collection.json');
+ beforeEach(async () => {
+ const registry = new schema.CoreSchemaRegistry();
+ registry.addPostTransform(schema.transforms.addUndefinedDefaults);
+ const workspaceRoot = join(__dirname, '..', '..');
 
+ // TestingArchitectHost() takes workspace and current directories.
+ // Since we don't use those, both are the same in this case.
+ architectHost = new TestingArchitectHost(__dirname, __dirname);
+ architect = new Architect(architectHost, registry);
+
+ // This will either take a Node package name, or a path to the directory
+ // for the package.json file.
+ await architectHost.addBuilderFromPackage(workspaceRoot);
+ console.log('#', Array.from((architectHost as any)._builderMap.keys()))
+ });
 
-describe('svg-icons-builder', () => {
  it('works', async () => {
- const runner = new SchematicTestRunner('schematics', collectionPath);
- const tree = await runner.runSchematicAsync('svg-icons-builder', {}, Tree.empty()).toPromise();
+ const logger = new logging.Logger('');
+ const logs: string[] = [];
+ logger.subscribe(ev => logs.push(ev.message));
+
+ // A "run" can have multiple outputs, and contains progress information.
+ const run = await architect.scheduleBuilder('@angular-extensions/svg-icons-builder:svg-icons-builder', {
+ command: 'node',
+ args: ['--print', '\'foo\''],
+ }, { logger }); // We pass the logger for checking later.
+
+ // The "result" member (of type BuilderOutput) is the next output.
+ await run.result;
+
+ // Stop the builder from running. This stops Architect from keeping
+ // the builder-associated states in memory, since builders keep waiting
+ // to be scheduled.
+ await run.stop();
 
- expect(tree.files).toEqual([]);
+ // Expect that foo was logged
+ expect(logs).toContain('foo');
  });
 });

src/svg-icons-builder/index_spec.ts

@@ -0,0 +1,12 @@
+{
+ "$schema": "http://json-schema.org/schema",
+ "type": "object",
+ "properties": {
+ "conversionType": {
+ "type": "string",
+ "description": "Converting your icons to a single object, converting your icons to constants or converting your icons to single files.",
+ "default": "constants",
+ "enum": ["object", "constants", "files"]
+ }
+ }
+}