Merge pull request #13 from violetviolinist/angular9sdk-testing

Support for Angular 9 and fresh sample apps

Author: imagekitio

samples/imagekitio-angular4-sample/.angular-cli.json

@@ -1,7 +1,7 @@
 {
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
   "project": {
-    "name": "imagekitio-angular4-sample"
+    "name": "angular4app"
   },
   "apps": [
     {

samples/imagekitio-angular4-sample/README.md

@@ -1,18 +1,14 @@
 # Imagekit Angular 4 Sample
 
-This project shows the usage of ImageKit Angular SDK in an Angular 4 app. Please note that you need to have `@angular/cli v1.4.*` installed to run this application. If you are on latest version, you can uninstall current version and install required one like this: 
+This project shows the usage of ImageKit Angular SDK in an Angular 4 app. Please note that you need to have `@angular/cli v1.4.10` installed to run this application. You can install that version locally by running this command in the folder for this sample application:
 
 
 ```sh
-> npm remove -g @angular/cli
-> npm install -g @angular/[email protected]
-> ng --version
-  @angular/cli: 1.4.10
+> npm install
 ```
 
 ## Running the application
 
 Before you can use Imagekit SDK, you need to provide config values required in `app.module.ts` and `app.component.ts`. You can either configure your environment and take values from there, or directly provide in respective files.
 
-To start the application, use `npm start` command.
-
+To start the application, use `npm start` command.

samples/imagekitio-angular4-sample/e2e/app.e2e-spec.ts

@@ -1,6 +1,6 @@
 import { AppPage } from './app.po';
 
-describe('imagekitio-angular4-sample App', () => {
+describe('angular4app App', () => {
   let page: AppPage;
 
   beforeEach(() => {

samples/imagekitio-angular4-sample/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "imagekitio-angular4-sample",
+  "name": "angular4app",
   "version": "0.0.0",
   "license": "MIT",
   "scripts": {
@@ -21,8 +21,8 @@
     "@angular/platform-browser": "^4.2.4",
     "@angular/platform-browser-dynamic": "^4.2.4",
     "@angular/router": "^4.2.4",
+    "imagekitio-angular": "^1.0.0",
     "core-js": "^2.4.1",
-    "imagekitio-angular": "file:../../sdk/dist/imagekitio-angular/imagekitio-angular-0.0.1.tgz",
     "rxjs": "^5.4.2",
     "zone.js": "^0.8.14"
   },

samples/imagekitio-angular4-sample/src/app/app.component.html

@@ -12,9 +12,7 @@ <h1>Hi! This is an ImageKit Angular SDK Demo!</h1>
   <p>Upload</p>
   <p>To use this funtionality please remember to setup the server</p>
   <p>Provide custom upload method</p>
-  <ik-upload fileName="test_new" [useUniqueFileName]="false" [isPrivateFile]="false"
-    (onSuccess)="handleUploadSuccess($event)" (onError)="handleUploadError($event)" [onFileInput]="handleFileInput"></ik-upload>
+  <ik-upload fileName="test_new" [useUniqueFileName]="false" [isPrivateFile]="false" (onSuccess)="handleUploadSuccess($event)" (onError)="handleUploadError($event)" [onFileInput]="handleFileInput"></ik-upload>
   <p>Use imagekit upload method</p>
-  <ik-upload fileName="test_new" [useUniqueFileName]="false" [isPrivateFile]="false"
-      (onSuccess)="handleUploadSuccess($event)" (onError)="handleUploadError($event)"></ik-upload>
-</div>
+  <ik-upload fileName="test_new" [useUniqueFileName]="false" [isPrivateFile]="false" (onSuccess)="handleUploadSuccess($event)" (onError)="handleUploadError($event)"></ik-upload>
+</div>

samples/imagekitio-angular4-sample/src/app/app.module.ts

@@ -1,11 +1,14 @@
-import { BrowserModule } from "@angular/platform-browser";
-import { NgModule } from "@angular/core";
+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule } from '@angular/core';
 
-import { AppComponent } from "./app.component";
-import { ImagekitioAngularModule } from "imagekitio-angular";
+import { AppComponent } from './app.component';
+
+import { ImagekitioAngularModule } from 'imagekitio-angular';
 
 @NgModule({
-  declarations: [AppComponent],
+  declarations: [
+    AppComponent
+  ],
   imports: [
     BrowserModule,
     ImagekitioAngularModule.forRoot({
@@ -17,4 +20,4 @@ import { ImagekitioAngularModule } from "imagekitio-angular";
   providers: [],
   bootstrap: [AppComponent]
 })
-export class AppModule {}
+export class AppModule { }

samples/imagekitio-angular4-sample/src/index.html

@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
-  <title>ImagekitioAngular4Sample</title>
+  <title>Angular4app</title>
   <base href="/">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">

samples/imagekitio-angular5-sample/.angular-cli.json

@@ -1,7 +1,7 @@
 {
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
   "project": {
-    "name": "imagekitio-angular5-sample"
+    "name": "angular5app"
   },
   "apps": [
     {

samples/imagekitio-angular5-sample/.gitignore

@@ -31,6 +31,7 @@
 /coverage
 /libpeerconnection.log
 npm-debug.log
+yarn-error.log
 testem.log
 /typings
 

samples/imagekitio-angular5-sample/README.md

@@ -1,18 +1,14 @@
 # Imagekit Angular 5 Sample
 
-This project shows the usage of ImageKit Angular SDK in an Angular 5 app. Please note that you need to have `@angular/cli v1.6.*` installed to run this application. If you are on latest version, you can uninstall current version and install required one like this: 
+This project shows the usage of ImageKit Angular SDK in an Angular 5 app. Please note that you need to have `@angular/cli v1.7.4` installed to run this application. You can install that version locally by running this command in the folder for this sample application:
 
 
 ```sh
-> npm remove -g @angular/cli
-> npm install -g @angular/[email protected]
-> ng --version
-  @angular/cli: 1.6.6
+> npm install
 ```
 
 ## Running the application
 
 Before you can use Imagekit SDK, you need to provide config values required in `app.module.ts` and `app.component.ts`. You can either configure your environment and take values from there, or directly provide in respective files.
 
-To start the application, use `npm start` command.
-
+To start the application, use `npm start` command.