feat(schematics): wrap angular schematic for component and workspace …

…generation

package.json

@@ -4,7 +4,8 @@
   "description": "A blank schematics",
   "scripts": {
     "build": "tsc -p tsconfig.json",
-    "test": "jest"
+    "test": "jest",
+    "localtest:component": "schematics .:component"
   },
   "keywords": [
     "schematics"
@@ -15,6 +16,7 @@
   "dependencies": {
     "@angular-devkit/core": "^13.1.2",
     "@angular-devkit/schematics": "^13.1.2",
+    "@schematics/angular": "^13.1.2",
     "typescript": "~4.5.2"
   },
   "devDependencies": {

src/collection.json

@@ -1,9 +1,14 @@
 {
   "$schema": "../node_modules/@angular-devkit/schematics/collection-schema.json",
   "schematics": {
-    "custom-angular-schematics": {
-      "description": "A blank schematic.",
-      "factory": "./custom-angular-schematics/index#customAngularSchematics"
+    "component": {
+      "description": "A schematic for component generation",
+      "factory": "./component/index#component"
+    },
+    "workspace": {
+      "description": "A schematic for workspace generation",
+      "factory": "./workspace/index#workspace"
+
     }
   }
 }

src/component/index.ts

@@ -0,0 +1,12 @@
+import {chain, externalSchematic, Rule, SchematicContext, Tree} from '@angular-devkit/schematics';
+
+
+// You don't have to export the function as default. You can also have more than one rule factory
+// per file.
+export function component(_options: any): Rule {
+    return (_tree: Tree, _context: SchematicContext) => {
+        return chain([
+            externalSchematic('@schematics/angular', 'component', {})
+        ]);
+    };
+}

src/custom-angular-schematics/index_spec.ts → src/component/index_spec.ts

@@ -4,11 +4,11 @@ import * as path from 'path';
 
 const collectionPath = path.join(__dirname, '../collection.json');
 
-describe('custom-angular-schematics', () => {
+describe('component', () => {
   it('works', async () => {
     const runner = new SchematicTestRunner('schematics', collectionPath);
     const tree = await runner
-      .runSchematicAsync('custom-angular-schematics', {}, Tree.empty())
+      .runSchematicAsync('component', {}, Tree.empty())
       .toPromise();
 
     expect(tree.files).toEqual([]);

src/workspace/index.ts

@@ -0,0 +1,12 @@
+import {chain, externalSchematic, Rule, SchematicContext, Tree} from '@angular-devkit/schematics';
+
+
+// You don't have to export the function as default. You can also have more than one rule factory
+// per file.
+export function workspace(_options: any): Rule {
+    return (_tree: Tree, _context: SchematicContext) => {
+        return chain([
+            externalSchematic('@schematics/angular', 'ng-new', {version: '^13.0.0'})
+        ]);
+    };
+}

src/workspace/index_spec.ts

@@ -0,0 +1,16 @@
+import { Tree } from '@angular-devkit/schematics';
+import { SchematicTestRunner } from '@angular-devkit/schematics/testing';
+import * as path from 'path';
+
+const collectionPath = path.join(__dirname, '../collection.json');
+
+describe('workspace', () => {
+  it('works', async () => {
+    const runner = new SchematicTestRunner('schematics', collectionPath);
+    const tree = await runner
+      .runSchematicAsync('workspace', {}, Tree.empty())
+      .toPromise();
+
+    expect(tree.files).toEqual([]);
+  });
+});