feat: demo website (#5)

* feat: demo app

Stubbed out basic feature for the demo app

* test: got tests working

* refactor: switched to scss

* refactor: fixed loading of app

* refactor: add missing Flex module

* refactor: wire up the examples json

* refactor: clean up lint issues

* refactor: reduce template complexity

numerous ngIf were adding to the complexity
of the template.  Switching to details/summary
along with ng-template allows some of that
complexity to be reduced in favor of native
behavior and cleaner markup

* chore(lint): removed line break style rule

* refactor: ace editor

Replaced current ace editor with one from
npm which is more functional

* fix: material icons not loading

* test: fixed failing test cases

* chore: modfy scripts to build/publish demo

* style: fix margins

* chore: updated readme

* test: modeled test for jsonloader

* test: test the app component

* refactor: corrected issue with ace not showing

* test: fix test failure from refactor

* chore: add demo publish to travis build

.travis.yml

@@ -31,5 +31,6 @@ deploy:
   skip_cleanup: true
   script:
     - npx semantic-release
+    - npm run publish:demo
   on:
     branch: master

README.md

@@ -15,6 +15,13 @@ A [JSON Schema](http://json-schema.org) Form builder for Angular 7+, similar to
 Note: This project attemtps to take over where its predecesor left off.
 It's based off of the above project, but rewritten from the ground up.
 
+Note: This project is not ready for consumption.  There is still a lot to do to
+bring parity with [Angular JSON Schema Form](https://github.com/angular2-json-schema-form)
+
+## Check out the live demo and play with the examples
+
+[Check out some examples here.](https://jscharett.github.io/ngx-json-schema-form/)
+
 ### To install from NPM
 
 ```shell

angular.json

@@ -60,9 +60,11 @@
               "projects/demo/src/assets"
             ],
             "styles": [
-              "projects/demo/src/styles.css"
+              "projects/demo/src/styles.scss"
             ],
-            "scripts": []
+            "scripts": [
+                "node_modules/ace-builds/src-min/ace.js"
+            ]
           },
           "configurations": {
             "production": {
@@ -116,7 +118,7 @@
             "tsConfig": "projects/demo/tsconfig.spec.json",
             "karmaConfig": "projects/demo/karma.conf.js",
             "styles": [
-              "projects/demo/src/styles.css"
+              "projects/demo/src/styles.scss"
             ],
             "scripts": [],
             "assets": [
@@ -172,5 +174,10 @@
       }
     }
   },
-  "defaultProject": "ngx-json-schema-form"
+  "defaultProject": "ngx-json-schema-form",
+  "schematics": {
+    "@schematics/angular:component": {
+      "styleext": "scss"
+    }
+  }
 }

package.json

@@ -4,9 +4,15 @@
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
-    "build": "ng build",
+    "build": "npm run build:lib && npm run build:demo",
+    "build:lib": "ng build ngx-json-schema-form",
+    "build:demo": "ng build demo --prod --base-href=https://jscharett.github.io/ngx-json-schema-form/",
     "test": "ng test",
-    "test-ci": "ng test --code-coverage --watch=false",
+    "test:lib": "ng test ngx-json-schema",
+    "test:lib-ci": "ng test ngx-json-schema-form --code-coverage --watch=false",
+    "test:demo": "ng test demo",
+    "test:demo-ci": "ng test demo --code-coverage --watch=false",
+    "test-ci": "npm run test:lib-ci && npm run test:demo-ci",
     "lint": "ng lint",
     "e2e": "ng e2e",
     "copy-license": "copy .\\LICENSE .\\dist\\ngx-json-schema-form",
@@ -17,22 +23,30 @@
     "preversion": "npm run lint && npm run test-ci",
     "version": "npm run build && git add -A dist",
     "postversion": "git push && git push --tags && rm -rf build/temp",
-    "semantic-release": "semantic-release"
+    "semantic-release": "semantic-release",
+    "publish:demo": "npx angular-cli-ghpages --dir=./dist/demo"
   },
   "private": false,
   "dependencies": {
     "@angular/animations": "~7.2.0",
+    "@angular/cdk": "^7.2.0",
     "@angular/common": "~7.2.0",
     "@angular/compiler": "~7.2.0",
     "@angular/core": "~7.2.0",
+    "@angular/flex-layout": "7.0.0-beta.24",
     "@angular/forms": "~7.2.0",
+    "@angular/http": "~7.2.0",
+    "@angular/material": "~7.2.0",
     "@angular/platform-browser": "~7.2.0",
     "@angular/platform-browser-dynamic": "~7.2.0",
     "@angular/router": "~7.2.0",
+    "@types/ace": "0.0.36",
     "@types/json-schema": "^7.0.3",
     "ajv": "^6.10.0",
+    "brace": "^0.11.0",
     "core-js": "^2.5.4",
     "lodash": "^4.17.11",
+    "ng2-ace-editor": "0.3.9",
     "rxjs": "~6.5.2",
     "tslib": "^1.9.0",
     "zone.js": "~0.9.1"
@@ -48,6 +62,7 @@
     "@types/node": "~8.9.4",
     "codelyzer": "~5.1.0",
     "jasmine-core": "~3.4.0",
+    "jasmine-marbles": "^0.6.0",
     "jasmine-spec-reporter": "~4.2.1",
     "karma": "~4.1.0",
     "karma-chrome-launcher": "~2.2.0",