feat(module): Add global config for module, update example site

feat(module): Add global config for module, update example site
build(webpack): change build system to webpack

Author: pcholuj

README.md

@@ -25,8 +25,14 @@
   - [CDN](#cdn)
   - [Available inputs](#available-inputs)
   - [Available outputs](#available-outputs)
-  - [FilestackService](#FilestackService)
+  - [FilestackService](#filestackservice)
   - [Examples](#examples)
+    - [Open picker directly after component initialization](#open-picker-directly-after-component-initialization)
+    - [Open picker by clicking the custom button](#open-picker-by-clicking-the-custom-button)
+    - [Open picker in inline mode](#open-picker-in-inline-mode)
+    - [Open picker in drop pane mode](#open-picker-in-drop-pane-mode)
+    - [Get transformed url using filestackTransform pipe](#get-transformed-url-using-filestacktransform-pipe)
+    - [Select file and upload using sdk client.upload()](#select-file-and-upload-using-sdk-clientupload)
 - [Documentation](#documentation)
 - [Development](#development)
 - [Contributing](#contributing)
@@ -59,13 +65,15 @@ import { BrowserModule } from '@angular/platform-browser';
 import { NgModule } from '@angular/core';
 import { AppComponent } from './app.component';
 import { FilestackModule } from '@filestack/angular';
+import { FilestackModule } from '@filestack/angular';
+
 @NgModule({
   declarations: [
     AppComponent
   ],
   imports: [
     BrowserModule,
-    FilestackModule
+    FilestackModule.forRoot({ apikey: YOUR_APIKEY, options: ClientConfig })
   ],
   bootstrap: [AppComponent]
 })
@@ -334,4 +342,4 @@ ng serve example
 3. visit [http://localhost:4200/](http://localhost:4200/)
 
 ## Contributing
-Any of your contributions or ideas are more than welcome. Please consider that we follow the conventional commits specification to ensure consistent commit messages and changelog formatting.
+Any of your contributions or ideas are more than welcome. Please consider that we follow the conventional commits specification to ensure consistent commit messages and changelog formatting.

angular.json

@@ -14,6 +14,11 @@
           "options": {
             "tsConfig": "projects/filestack-angular/tsconfig.lib.json",
             "project": "projects/filestack-angular/ng-package.json"
+          },
+          "configurations": {
+            "production": {
+              "tsConfig": "projects/filestack-angular/tsconfig.lib.prod.json"
+            }
           }
         },
         "test": {
@@ -31,16 +36,18 @@
               "projects/filestack-angular/tsconfig.lib.json",
               "projects/filestack-angular/tsconfig.spec.json"
             ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
+            "exclude": ["**/node_modules/**"]
           }
         }
       }
     },
     "example": {
       "projectType": "application",
-      "schematics": {},
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss"
+        }
+      },
       "root": "projects/example",
       "sourceRoot": "projects/example/src",
       "prefix": "app",
@@ -53,11 +60,12 @@
             "main": "projects/example/src/main.ts",
             "polyfills": "projects/example/src/polyfills.ts",
             "tsConfig": "projects/example/tsconfig.app.json",
-            "aot": false,
+            "aot": true,
             "assets": [
               "projects/example/src/favicon.ico",
               "projects/example/src/assets"
             ],
+            "styles": ["projects/example/src/styles.scss"],
             "scripts": []
           },
           "configurations": {
@@ -73,7 +81,6 @@
               "sourceMap": false,
               "extractCss": true,
               "namedChunks": false,
-              "aot": true,
               "extractLicenses": true,
               "vendorChunk": false,
               "buildOptimizer": true,
@@ -82,6 +89,10 @@
                   "type": "initial",
                   "maximumWarning": "2mb",
                   "maximumError": "5mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
                 }
               ]
             }
@@ -98,12 +109,6 @@
             }
           }
         },
-        "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
-          "options": {
-            "browserTarget": "example:build"
-          }
-        },
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
@@ -115,9 +120,7 @@
               "projects/example/src/favicon.ico",
               "projects/example/src/assets"
             ],
-            "styles": [
-              "projects/example/src/styles.css"
-            ],
+            "styles": ["projects/example/src/styles.css"],
             "scripts": []
           }
         },
@@ -128,9 +131,7 @@
               "projects/example/tsconfig.app.json",
               "projects/example/tsconfig.spec.json"
             ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
+            "exclude": ["**/node_modules/**"]
           }
         },
         "e2e": {
@@ -146,6 +147,7 @@
           }
         }
       }
-    }},
+    }
+  },
   "defaultProject": "filestack-angular"
-}
+}