feat: support for AoT Angular plus added build scripts

Author: NathanWalker

.gitignore

@@ -3,6 +3,7 @@
 *.log
 *.d.ts
 !index.d.ts
+!gruntfile.js
 demo/lib
 demo/app/*.js
 demo/*.d.ts
@@ -18,4 +19,6 @@ demo-ng/.vscode
 node_modules
 .vscode/
 .idea/
-*.DS_Store
+*.DS_Store
+bin
+!webpack.*.js

.npmignore

@@ -4,10 +4,12 @@ screens/
 app/
 hooks/
 .vscode/
+gruntfile.js
 *.png
 *.log
 *.ts
 !index.d.ts
 !BEMCheckBox.d.ts
 tsconfig.json
+tsconfig.aot.json
 README.md

angular/index.ts

@@ -24,7 +24,7 @@ export type CheckableView = {checked: boolean} & View;
  *  ```
  */
 @Directive({
-    selector:  "CheckBox[ngModel], CheckBox[formControlName], CheckBox[ngModel], CheckBox[formControlName], check-box[ngModel], check-box[formControlName]",
+    selector:  "CheckBox[ngModel], CheckBox[formControlName], checkBox[ngModel], checkBox[formControlName], check-box[ngModel], check-box[formControlName]",
     providers: [CHECKED_VALUE_ACCESSOR]
 })
 export class CheckedValueAccessor extends BaseValueAccessor<CheckableView> { 

checkbox.android.ts

@@ -27,7 +27,7 @@ export const textProperty = new Property<CheckBox, string>({
 export const fillColorProperty = new CssProperty<Style, string>({
     name: 'fillColor',
     cssName: 'fill-color',
-    valueConverter: v => {
+    valueConverter: (v) => {
         return String(v)
     }
 });
@@ -36,7 +36,7 @@ export const tintColorProperty = new CssProperty<Style, string>({
     name: 'tintColor',
     cssName: 'tint-color',
     defaultValue: '#0075ff',
-    valueConverter: v => {
+    valueConverter: (v) => {
         return String(v)
     }
 });
@@ -124,11 +124,12 @@ export class CheckBox extends View implements CheckBoxInterface {
     }
     set fillColor(color:string){
         (<any>this.style).fillColor = color;
-        if (this._android && device.sdkVersion >= "21")
+        if (this._android && device.sdkVersion >= "21") {
             this._android.setButtonTintList(android.content.res.ColorStateList.valueOf(new Color(color).android));
+        }
     }
 
-    //There is no difference between tint and fill on the android widget
+    // There is no difference between tint and fill on the android widget
     get tintColor(): string {
         return (<any>this.style).fillColor;
     }

gruntfile.js

@@ -0,0 +1,74 @@
+module.exports = function (grunt) {
+    var localConfig = {
+        typeScriptDeclarations: [
+            "**/*.d.ts",
+            "!references.d.ts",
+            "!node_modules/**/*.*",
+            "!demo/**/*.*",
+            "!demo-ng/**/*.*",
+            "!bin/**/*.*"
+        ],
+        outDir: "bin/dist/"
+    }
+
+    grunt.initConfig({
+        clean: {
+            build: {
+                src: [localConfig.outDir]
+            }
+        },
+        copy: {
+            declarations: {
+                src: localConfig.typeScriptDeclarations,
+                dest: localConfig.outDir
+            },
+            packageConfig: {
+                src: "package.json",
+                dest: localConfig.outDir,
+                options: {
+                    process: function (content, srcPath) {
+                        var contentAsObject = JSON.parse(content);
+                        contentAsObject.devDependencies = undefined;
+                        return JSON.stringify(contentAsObject, null, "\t");
+                    }
+                }
+            },
+            readme: {
+                src: "README.md",
+                dest: localConfig.outDir,
+                options: {
+                    process: function (content, srcPath) {
+                        return content.substring(content.indexOf("\n") + 1)
+                    }
+                }
+            }
+        },
+        exec: {
+            tsCompile: {
+                cmd: "node ./node_modules/typescript/bin/tsc --project tsconfig.json --outDir " + localConfig.outDir
+            },
+            ngCompile: {
+                cmd: "node ./node_modules/.bin/ngc --project tsconfig.aot.json --outDir " + localConfig.outDir
+            },
+            npm_publish: {
+                cmd: "npm publish",
+                cwd: localConfig.outDir
+            }
+        }
+    });
+
+    grunt.loadNpmTasks("grunt-contrib-copy");
+    grunt.loadNpmTasks("grunt-contrib-clean");
+    grunt.loadNpmTasks("grunt-exec");
+
+    grunt.registerTask("build", [
+        "clean:build",
+        "exec:tsCompile",
+        "exec:ngCompile",
+        "copy"
+    ]);
+    grunt.registerTask("publish", [
+        "build",
+        "exec:npm_publish"
+    ]);
+};

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nativescript-checkbox",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "description": "NativeScript plugin for checkbox widget.",
   "main": "checkbox",
   "typings": "index.d.ts",
@@ -74,6 +74,11 @@
     "zone.js": "~0.8.9",
     "nativescript-angular": "~3.0.0",
 
+    "grunt": "1.0.1",
+    "grunt-contrib-copy": "1.0.0",
+    "grunt-contrib-clean": "1.0.0",
+    "grunt-exec": "2.0.0",
+
     "tns-core-modules": "^3.0.0",
     "tns-platform-declarations": "^3.0.0",
     "typescript": "^2.2.0"

tsconfig.aot.json

@@ -0,0 +1,30 @@
+{
+    "compilerOptions": {
+        "noEmitOnError": true,
+        "noEmitHelpers": true,
+        "sourceMap": false,
+        "removeComments": true,
+        "declaration": true,
+        "experimentalDecorators": true,
+        "target": "es5",
+        "module": "commonjs",
+        "outDir": "bin/dist",
+        "lib": ["es6", "dom", "es2015.iterable"],
+        "rootDir": ".",
+        "baseUrl": ".",
+        "paths": {
+            "*": [
+            "./node_modules/tns-core-modules/*",
+            "./node_modules/*"
+            ]
+        },
+        "emitDecoratorMetadata": true,
+        "moduleResolution": "node"
+    },
+    "files": [
+        "angular/index.ts"
+    ],
+    "angularCompilerOptions": {
+        "skipTemplateCodegen": true
+    }
+}