feat(schematics): Add basic ng-add and ng-update

Author: t-ho

package.json

@@ -6,6 +6,7 @@
     "start": "ng serve",
     "build": "ng build ngx-ui-loader && ng build",
     "build:lib": "ng build ngx-ui-loader && cp README.md CHANGELOG.md LICENSE ./dist/ngx-ui-loader/",
+    "build:schematics": "cd projects/ngx-ui-loader && npm run build && cd ../..",
     "test": "ng test ngx-ui-loader --code-coverage",
     "lint": "ng lint",
     "e2e": "ng e2e"

projects/ngx-ui-loader/package.json

@@ -2,6 +2,15 @@
   "name": "ngx-ui-loader",
   "description": "An all-in-one and fully customizable loader/spinner for Angular 5, 6 and 7+ applications. It supports foreground, background spinner/loader, indicative progress bar and multiple loaders.",
   "version": "7.2.2",
+  "scripts": {
+    "build": "../../node_modules/.bin/tsc -p tsconfig.schematics.json",
+    "copy:collections": "cp schematics/*collection.json ../../dist/ngx-ui-loader/schematics/",
+    "postbuild": "npm run copy:collections"
+  },
+  "schematics": "./schematics/collection.json",
+  "ng-update": {
+    "migrations": "./schematics/migration-collection.json"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/t-ho/ngx-ui-loader.git"

projects/ngx-ui-loader/schematics/collection.json

@@ -0,0 +1,9 @@
+{
+  "$schema": "../../../node_modules/@angular-devkit/schematics/collection-schema.json",
+  "schematics": {
+    "ng-add": {
+      "description": "Add ngx-ui-loader to the project.",
+      "factory": "./ng-add/index#ngAdd"
+    }
+  }
+}

projects/ngx-ui-loader/schematics/migration-collection.json

@@ -0,0 +1,9 @@
+{
+  "schematics": {
+    "migration-01": {
+      "version": "7.2.2",
+      "factory": "./update/index#update722",
+      "description": "Update ngx-ui-loader to version 7.2.2"
+    }
+  }
+}

projects/ngx-ui-loader/schematics/ng-add/index.ts

@@ -0,0 +1,9 @@
+import { Rule, SchematicContext, Tree } from '@angular-devkit/schematics';
+import { NodePackageInstallTask } from '@angular-devkit/schematics/tasks';
+
+export function ngAdd(_options: any): Rule {
+  return (tree: Tree, _context: SchematicContext) => {
+    _context.addTask(new NodePackageInstallTask());
+    return tree;
+  }
+}

projects/ngx-ui-loader/schematics/update/index.ts

@@ -0,0 +1,7 @@
+import { Rule, SchematicContext, Tree } from '@angular-devkit/schematics';
+
+export function update722(_options: any): Rule {
+  return (tree: Tree, _context: SchematicContext) => {
+    return tree;
+  }
+}

projects/ngx-ui-loader/tsconfig.schematics.json

@@ -0,0 +1,35 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "lib": [
+      "es2018",
+      "dom"
+    ],
+    "declaration": true,
+    "module": "commonjs",
+    "moduleResolution": "node",
+    "noEmitOnError": true,
+    "noFallthroughCasesInSwitch": true,
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "noUnusedParameters": true,
+    "noUnusedLocals": true,
+    "rootDir": "schematics",
+    "outDir": "../../dist/ngx-ui-loader/schematics",
+    "skipDefaultLibCheck": true,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strictNullChecks": true,
+    "target": "es6",
+    "types": [
+      "jasmine",
+      "node"
+    ]
+  },
+  "include": [
+    "schematics/**/*"
+  ],
+  "exclude": [
+    "schematics/*/files/**/*"
+  ]
+}