├── src
    ├── app
    │   ├── app.html
    │   ├── main.ts
    │   ├── app.module.ts
    │   ├── app.component.ts
    │   └── app.scss
    ├── assets
    │   └── icon
    │   │   └── favicon.ico
    ├── pages
    │   └── preview
    │   │   ├── preview.scss
    │   │   ├── preview.html
    │   │   └── preview.ts
    ├── manifest.json
    ├── theme
    │   ├── app.core.scss
    │   ├── app.ios.scss
    │   ├── app.wp.scss
    │   ├── app.md.scss
    │   ├── app.variables.scss
    │   └── variables.scss
    ├── declarations.d.ts
    ├── service-worker.js
    └── index.html
├── typings
    ├── index.d.ts
    └── globals
    │   └── es6-shim
    │       ├── typings.json
    │       └── index.d.ts
├── images
    ├── 1.png
    └── 2.png
├── ionic.config.json
├── tslint.json
├── .editorconfig
├── .gitignore
├── tsconfig.json
├── README.md
├── package.json
└── config.xml


/src/app/app.html:
--------------------------------------------------------------------------------
1 | <ion-nav [root]="rootPage"></ion-nav>
2 | 


--------------------------------------------------------------------------------
/typings/index.d.ts:
--------------------------------------------------------------------------------
1 | /// <reference path="globals/es6-shim/index.d.ts" />
2 | 


--------------------------------------------------------------------------------
/images/1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/TeamClouders/Ionic-2-camera-preview/HEAD/images/1.png


--------------------------------------------------------------------------------
/images/2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/TeamClouders/Ionic-2-camera-preview/HEAD/images/2.png


--------------------------------------------------------------------------------
/src/assets/icon/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/TeamClouders/Ionic-2-camera-preview/HEAD/src/assets/icon/favicon.ico


--------------------------------------------------------------------------------
/ionic.config.json:
--------------------------------------------------------------------------------
1 | {
2 |     "name": "Ionic-2-camera-preview-updated",
3 |     "app_id": "",
4 |     "v2": true,
5 |     "typescript": true
6 | }


--------------------------------------------------------------------------------
/src/pages/preview/preview.scss:
--------------------------------------------------------------------------------
 1 | .displaybottom{
 2 |   padding-top: 86%;
 3 |   bottom: 0;   
 4 | }
 5 | 
 6 | 
 7 | // .pictures{
 8 | //  position: relative; 
 9 | //  bottom: 0;  
10 | // }


--------------------------------------------------------------------------------
/src/app/main.ts:
--------------------------------------------------------------------------------
1 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
2 | 
3 | import { AppModule } from './app.module';
4 | 
5 | platformBrowserDynamic().bootstrapModule(AppModule);
6 | 


--------------------------------------------------------------------------------
/tslint.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "rules": {
 3 |     "no-duplicate-variable": true,
 4 |     "no-unused-variable": [
 5 |       true
 6 |     ]
 7 |   },
 8 |   "rulesDirectory": [
 9 |     "node_modules/tslint-eslint-rules/dist/rules"
10 |   ]
11 | }
12 | 


--------------------------------------------------------------------------------
/src/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "Ionic",
 3 |   "short_name": "Ionic",
 4 |   "start_url": "index.html",
 5 |   "display": "standalone",
 6 |   "icons": [{
 7 |     "src": "assets/imgs/logo.png",
 8 |     "sizes": "512x512",
 9 |     "type": "image/png"
10 |   }],
11 |   "background_color": "#4e8ef7",
12 |   "theme_color": "#4e8ef7"
13 | }


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | # EditorConfig helps developers define and maintain consistent coding styles between different editors and IDEs
 2 | # editorconfig.org
 3 | 
 4 | root = true
 5 | 
 6 | [*]
 7 | indent_style = space
 8 | indent_size = 2
 9 | 
10 | # We recommend you to keep these unchanged
11 | end_of_line = lf
12 | charset = utf-8
13 | trim_trailing_whitespace = true
14 | insert_final_newline = true
15 | 
16 | [*.md]
17 | trim_trailing_whitespace = false


--------------------------------------------------------------------------------
/typings/globals/es6-shim/typings.json:
--------------------------------------------------------------------------------
1 | {
2 |   "resolution": "main",
3 |   "tree": {
4 |     "src": "https://raw.githubusercontent.com/DefinitelyTyped/DefinitelyTyped/9807d9b701f58be068cb07833d2b24235351d052/es6-shim/es6-shim.d.ts",
5 |     "raw": "registry:dt/es6-shim#0.31.2+20160602141504",
6 |     "typings": "https://raw.githubusercontent.com/DefinitelyTyped/DefinitelyTyped/9807d9b701f58be068cb07833d2b24235351d052/es6-shim/es6-shim.d.ts"
7 |   }
8 | }
9 | 


--------------------------------------------------------------------------------
/src/theme/app.core.scss:
--------------------------------------------------------------------------------
 1 | // http://ionicframework.com/docs/v2/theming/
 2 | 
 3 | 
 4 | // App Shared Imports
 5 | // --------------------------------------------------
 6 | // These are the imports which make up the design of this app.
 7 | // By default each design mode includes these shared imports.
 8 | // App Shared Sass variables belong in app.variables.scss.
 9 | 
10 | // @import "../pages/about/about";
11 | 
12 | // @import "../pages/contact/contact";
13 | 
14 | // @import "../pages/home/home";
15 | @import "../pages/preview/preview";


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Specifies intentionally untracked files to ignore when using Git
 2 | # http://git-scm.com/docs/gitignore
 3 | 
 4 | *~
 5 | *.sw[mnpcod]
 6 | *.log
 7 | *.tmp
 8 | *.tmp.*
 9 | log.txt
10 | *.sublime-project
11 | *.sublime-workspace
12 | .vscode/
13 | npm-debug.log*
14 | 
15 | .idea/
16 | .sass-cache/
17 | .tmp/
18 | .versions/
19 | coverage/
20 | dist/
21 | node_modules/
22 | tmp/
23 | temp/
24 | hooks/
25 | platforms/
26 | plugins/
27 | plugins/android.json
28 | plugins/ios.json
29 | www/
30 | $RECYCLE.BIN/
31 | 
32 | .DS_Store
33 | Thumbs.db
34 | UserInterfaceState.xcuserstate
35 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "allowSyntheticDefaultImports": true,
 4 |     "declaration": false,
 5 |     "emitDecoratorMetadata": true,
 6 |     "experimentalDecorators": true,
 7 |     "lib": [
 8 |       "dom",
 9 |       "es2015"
10 |     ],
11 |     "module": "es2015",
12 |     "moduleResolution": "node",
13 |     "sourceMap": true,
14 |     "target": "es5"
15 |   },
16 |   "include": [
17 |     "src/**/*.ts"
18 |   ],
19 |   "exclude": [
20 |     "node_modules"
21 |   ],
22 |   "compileOnSave": false,
23 |   "atom": {
24 |     "rewriteTsconfig": false
25 |   }
26 | }


--------------------------------------------------------------------------------
/src/app/app.module.ts:
--------------------------------------------------------------------------------
 1 | import { NgModule, ErrorHandler } from '@angular/core';
 2 | import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
 3 | import { MyApp } from './app.component';
 4 | import {preview} from '../pages/preview/preview'
 5 | 
 6 | @NgModule({
 7 |   declarations: [
 8 |     MyApp,
 9 |     preview
10 |   ],
11 |   imports: [
12 |     IonicModule.forRoot(MyApp)
13 |   ],
14 |   bootstrap: [IonicApp],
15 |   entryComponents: [
16 |     MyApp,
17 |     preview
18 |   ],
19 |   providers: [{provide: ErrorHandler, useClass: IonicErrorHandler}]
20 | })
21 | export class AppModule {}
22 | 


--------------------------------------------------------------------------------
/src/app/app.component.ts:
--------------------------------------------------------------------------------
 1 | import {Component} from '@angular/core';
 2 | import {Platform} from 'ionic-angular';
 3 | import {StatusBar} from 'ionic-native';
 4 | import {preview} from '../pages/preview/preview';
 5 | 
 6 | 
 7 | @Component({
 8 |    templateUrl: 'app.html'
 9 | })
10 | export class MyApp {
11 | 
12 |   rootPage: any = preview;
13 | 
14 |   constructor(private platform: Platform) {
15 |     // this.rootPage = preview;
16 | 
17 |     platform.ready().then(() => {
18 |       // Okay, so the platform is ready and our plugins are available.
19 |       // Here you can do any higher level native things you might need.
20 |       StatusBar.styleDefault();
21 |     });
22 |   }
23 | }
24 | 
25 | 


--------------------------------------------------------------------------------
/src/declarations.d.ts:
--------------------------------------------------------------------------------
 1 | /*
 2 |   Declaration files are how the Typescript compiler knows about the type information(or shape) of an object.
 3 |   They're what make intellisense work and make Typescript know all about your code.
 4 | 
 5 |   A wildcard module is declared below to allow third party libraries to be used in an app even if they don't
 6 |   provide their own type declarations.
 7 | 
 8 |   To learn more about using third party libraries in an Ionic app, check out the docs here:
 9 |   http://ionicframework.com/docs/v2/resources/third-party-libs/
10 | 
11 |   For more info on type definition files, check out the Typescript docs here:
12 |   https://www.typescriptlang.org/docs/handbook/declaration-files/introduction.html
13 | */
14 | declare module '*';


--------------------------------------------------------------------------------
/src/app/app.scss:
--------------------------------------------------------------------------------
 1 | // http://ionicframework.com/docs/v2/theming/
 2 | 
 3 | 
 4 | // App Global Sass
 5 | // --------------------------------------------------
 6 | // Put style rules here that you want to apply globally. These
 7 | // styles are for the entire app and not just one component.
 8 | // Additionally, this file can be also used as an entry point
 9 | // to import other Sass files to be included in the output CSS.
10 | //
11 | // Shared Sass variables, which can be used to adjust Ionic's
12 | // default Sass variables, belong in "theme/variables.scss".
13 | //
14 | // To declare rules for a specific mode, create a child rule
15 | // for the .md, .ios, or .wp mode classes. The mode class is
16 | // automatically applied to the <body> element in the app.
17 | 


--------------------------------------------------------------------------------
/src/service-worker.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Check out https://googlechrome.github.io/sw-toolbox/docs/master/index.html for
 3 |  * more info on how to use sw-toolbox to custom configure your service worker.
 4 |  */
 5 | 
 6 | 
 7 | 'use strict';
 8 | importScripts('./build/sw-toolbox.js');
 9 | 
10 | self.toolbox.options.cache = {
11 |   name: 'ionic-cache'
12 | };
13 | 
14 | // pre-cache our key assets
15 | self.toolbox.precache(
16 |   [
17 |     './build/main.js',
18 |     './build/main.css',
19 |     './build/polyfills.js',
20 |     'index.html',
21 |     'manifest.json'
22 |   ]
23 | );
24 | 
25 | // dynamically cache any other local assets
26 | self.toolbox.router.any('/*', self.toolbox.cacheFirst);
27 | 
28 | // for any other requests go to the network, cache,
29 | // and then only use that cached resource if your user goes offline
30 | self.toolbox.router.default = self.toolbox.networkFirst;


--------------------------------------------------------------------------------
/src/pages/preview/preview.html:
--------------------------------------------------------------------------------
 1 | <ion-header>
 2 |     <ion-navbar>
 3 |         <ion-title>Preview Page</ion-title>
 4 |     </ion-navbar>
 5 | </ion-header>
 6 | <ion-content padding>
 7 | 
 8 |     <h5>This is camera Preview Application..</h5>
 9 | 
10 |     <div class="displaybottom">
11 |         <button ion-button (click)="startCamera()"> Start Camera</button>
12 |         <button ion-button (click)="stopCamera()"> Stop Camera</button>
13 | 
14 |         <button ion-button (click)="takePicture()"> Take Picture Camera</button>
15 | 
16 |         <button ion-button (click)="SwitchCamera()"> Switch  Camera</button>
17 | 
18 |         <button ion-button (click)="showCamera()"> Show Camera</button>
19 | 
20 |         <button ion-button (click)="hideCamera()"> Hide Camera</button>
21 |     </div>
22 | 
23 |     <div class="pictures">
24 |         <p><img id="previewPicture" width="200" /></p>
25 |         <!--<p><img id="originalPicture" width="200"/></p>-->
26 |     </div>
27 | 
28 | 
29 | 
30 | </ion-content>


--------------------------------------------------------------------------------
/src/theme/app.ios.scss:
--------------------------------------------------------------------------------
 1 | // http://ionicframework.com/docs/v2/theming/
 2 | 
 3 | 
 4 | // App Shared Variables
 5 | // --------------------------------------------------
 6 | // Shared Sass variables go in the app.variables.scss file
 7 | @import "app.variables";
 8 | 
 9 | 
10 | // App iOS Variables
11 | // --------------------------------------------------
12 | // iOS only Sass variables can go here
13 | 
14 | 
15 | // Ionic iOS Sass
16 | // --------------------------------------------------
17 | // Custom App variables must be declared before importing Ionic.
18 | // Ionic will use its default values when a custom variable isn't provided.
19 | @import "ionic.ios";
20 | 
21 | 
22 | // App Shared Sass
23 | // --------------------------------------------------
24 | // All Sass files that make up this app goes into the app.core.scss file.
25 | // For simpler CSS overrides, custom app CSS must come after Ionic's CSS.
26 | @import "app.core";
27 | 
28 | 
29 | // App iOS Only Sass
30 | // --------------------------------------------------
31 | // CSS that should only apply to the iOS app
32 | 


--------------------------------------------------------------------------------
/src/theme/app.wp.scss:
--------------------------------------------------------------------------------
 1 | // http://ionicframework.com/docs/v2/theming/
 2 | 
 3 | 
 4 | // App Shared Variables
 5 | // --------------------------------------------------
 6 | // Shared Sass variables go in the app.variables.scss file
 7 | @import "app.variables";
 8 | 
 9 | 
10 | // App Windows Variables
11 | // --------------------------------------------------
12 | // Windows only Sass variables can go here
13 | 
14 | 
15 | // Ionic Windows Sass
16 | // --------------------------------------------------
17 | // Custom App variables must be declared before importing Ionic.
18 | // Ionic will use its default values when a custom variable isn't provided.
19 | @import "ionic.wp";
20 | 
21 | 
22 | // App Shared Sass
23 | // --------------------------------------------------
24 | // All Sass files that make up this app goes into the app.core.scss file.
25 | // For simpler CSS overrides, custom app CSS must come after Ionic's CSS.
26 | @import "app.core";
27 | 
28 | 
29 | // App Windows Only Sass
30 | // --------------------------------------------------
31 | // CSS that should only apply to the Windows app
32 | 


--------------------------------------------------------------------------------
/src/theme/app.md.scss:
--------------------------------------------------------------------------------
 1 | // http://ionicframework.com/docs/v2/theming/
 2 | 
 3 | 
 4 | // App Shared Variables
 5 | // --------------------------------------------------
 6 | // Shared Sass variables go in the app.variables.scss file
 7 | @import "app.variables";
 8 | 
 9 | 
10 | // App Material Design Variables
11 | // --------------------------------------------------
12 | // Material Design only Sass variables can go here
13 | 
14 | 
15 | // Ionic Material Design Sass
16 | // --------------------------------------------------
17 | // Custom App variables must be declared before importing Ionic.
18 | // Ionic will use its default values when a custom variable isn't provided.
19 | @import "ionic.md";
20 | 
21 | 
22 | // App Shared Sass
23 | // --------------------------------------------------
24 | // All Sass files that make up this app goes into the app.core.scss file.
25 | // For simpler CSS overrides, custom app CSS must come after Ionic's CSS.
26 | @import "app.core";
27 | 
28 | 
29 | // App Material Design Only Sass
30 | // --------------------------------------------------
31 | // CSS that should only apply to the Material Design app
32 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Ionic 2 Camera Preview Example Updated to Ionic 2.0 final
 2 | 
 3 | Steps:
 4 |  1. Download Nodejs.
 5 |  2. Download git.
 6 |  3. type `npm install -g ionic cordova` in your command prompt.
 7 |  4. type `git clone https://github.com/TeamClouders/Ionic-2-camera-preview` in your command prompt.
 8 |  5. After cloning type `npm install` to install dependencies.
 9 |  6. Attach your Mobile Device (Android/IOS).
10 |  7. If Android first type `adb devices` to check if  your device is avalible and Add Platform for yours example `ionic platform add android` OR `ios`
11 |  8. If Device is avalible type `ionic run android` it will build and install on your android device.
12 |  9. For IPhone build type `ionic build ios`  (only works when using Mac).
13 |  10. open `XCODE` And deloy on your device or simmulator.
14 | 
15 | ![Opening Camera](/images/1.png)
16 | 
17 | ![Opening Image](/images/2.png)
18 | 
19 | Now You can Display your camera in your own Hybrid Application.
20 | 
21 | I made simple steps to show you can type Camera Preview code in Typescript.
22 | 
23 | It will Display Camera in your HTML view.
24 | 
25 | More Tutorials are comming soon...
26 | 
27 | Good Luck...!!
28 | 


--------------------------------------------------------------------------------
/src/theme/app.variables.scss:
--------------------------------------------------------------------------------
 1 | // http://ionicframework.com/docs/v2/theming/
 2 | 
 3 | // Ionic Shared Functions
 4 | // --------------------------------------------------
 5 | // Makes Ionic Sass functions available to your App
 6 | 
 7 | @import "globals.core";
 8 | 
 9 | // App Shared Variables
10 | // --------------------------------------------------
11 | // To customize the look and feel of this app, you can override
12 | // the Sass variables found in Ionic's source scss files. Setting
13 | // variables before Ionic's Sass will use these variables rather than
14 | // Ionic's default Sass variable values. App Shared Sass imports belong
15 | // in the app.core.scss file and not this file. Sass variables specific
16 | // to the mode belong in either the app.ios.scss or app.md.scss files.
17 | 
18 | 
19 | // App Shared Color Variables
20 | // --------------------------------------------------
21 | // It's highly recommended to change the default colors
22 | // to match your app's branding. Ionic uses a Sass map of
23 | // colors so you can add, rename and remove colors as needed.
24 | // The "primary" color is the only required color in the map.
25 | // Both iOS and MD colors can be further customized if colors
26 | // are different per mode.
27 | 
28 | $colors: (
29 |   primary:    #387ef5,
30 |   secondary:  #32db64,
31 |   danger:     #f53d3d,
32 |   light:      #f4f4f4,
33 |   dark:       #222,
34 |   favorite:   #69BB7B
35 | );
36 | 


--------------------------------------------------------------------------------
/src/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en" dir="ltr">
 3 | <head>
 4 |   <meta charset="UTF-8">
 5 |   <title>Ionic App</title>
 6 |   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
 7 |   <meta name="format-detection" content="telephone=no">
 8 |   <meta name="msapplication-tap-highlight" content="no">
 9 | 
10 |   <link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico">
11 |   <link rel="manifest" href="manifest.json">
12 |   <meta name="theme-color" content="#4e8ef7">
13 |   
14 |   <!-- cordova.js required for cordova apps -->
15 |   <script src="cordova.js"></script>
16 | 
17 |   <!-- un-comment this code to enable service worker
18 |   <script>
19 |     if ('serviceWorker' in navigator) {
20 |       navigator.serviceWorker.register('service-worker.js')
21 |         .then(() => console.log('service worker installed'))
22 |         .catch(err => console.log('Error', err));
23 |     }
24 |   </script>-->
25 | 
26 |   <link href="build/main.css" rel="stylesheet">
27 | 
28 | </head>
29 | <body>
30 | 
31 |   <!-- Ionic's root component and where the app will load -->
32 |   <ion-app></ion-app>
33 | 
34 |   <!-- The polyfills js is generated during the build process -->
35 |   <script src="build/polyfills.js"></script>
36 | 
37 |   <!-- The bundle js is generated during the build process -->
38 |   <script src="build/main.js"></script>
39 | 
40 | </body>
41 | </html>
42 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "Ionic-camera-preview-updated",
 3 |   "author": "Ghayyas Mubahsir",
 4 |   "homepage": "http://github.com/ghayyas",
 5 |   "private": true,
 6 |   "scripts": {
 7 |     "clean": "ionic-app-scripts clean",
 8 |     "build": "ionic-app-scripts build",
 9 |     "ionic:build": "ionic-app-scripts build",
10 |     "ionic:serve": "ionic-app-scripts serve"
11 |   },
12 |   "dependencies": {
13 |     "@angular/common": "2.4.8",
14 |     "@angular/compiler": "2.4.8",
15 |     "@angular/compiler-cli": "2.4.8",
16 |     "@angular/core": "2.4.8",
17 |     "@angular/forms": "2.4.8",
18 |     "@angular/http": "2.4.8",
19 |     "@angular/platform-browser": "2.4.8",
20 |     "@angular/platform-browser-dynamic": "2.4.8",
21 |     "@angular/platform-server": "2.4.8",
22 |     "@ionic-native/camera-preview": "^3.1.0",
23 |     "@ionic/storage": "2.0.0",
24 |     "ionic-angular": "2.2.0",
25 |     "ionic-native": "2.4.1",
26 |     "ionicons": "3.0.0",
27 |     "rxjs": "5.0.1",
28 |     "sw-toolbox": "3.4.0",
29 |     "zone.js": "0.7.2"
30 |   },
31 |   "devDependencies": {
32 |     "@ionic/app-scripts": "1.1.4",
33 |     "typescript": "2.0.9"
34 |   },
35 |   "cordovaPlugins": [
36 |     "cordova-plugin-whitelist",
37 |     "cordova-plugin-console",
38 |     "ionic-plugin-keyboard",
39 |     "cordova-plugin-statusbar",
40 |     "cordova-plugin-device",
41 |     "cordova-plugin-splashscreen"
42 |   ],
43 |   "cordovaPlatforms": [],
44 |   "description": "Ionic-2-camera-preview: An Ionic project"
45 | }
46 | 


--------------------------------------------------------------------------------
/config.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="yes"?>
 2 | <widget id="com.teamclouders.cameraPreview" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
 3 |   <name>SAMPLE CAMERA</name>
 4 |   <description>An Teamclouders Simple Project to help others Developer to work fast.</description>
 5 |   <author email="ghayyas@teamclouders.com" href="http://teamclouders.com/">Ghayyas Mubashir</author>
 6 |   <content src="index.html"/>
 7 |   <access origin="*"/>
 8 |   <allow-navigation href="http://ionic.local/*"/>
 9 |   <allow-navigation href="http://192.168.0.80:8100"/>
10 |   <preference name="loadUrlTimeoutValue" value="700000"/>
11 |   <preference name="webviewbounce" value="false"/>
12 |   <preference name="UIWebViewBounce" value="false"/>
13 |   <preference name="DisallowOverscroll" value="true"/>
14 |   <preference name="android-minSdkVersion" value="16"/>
15 |   <preference name="BackupWebStorage" value="none"/>
16 |   <preference name="SplashScreenDelay" value="2000"/>
17 |   <preference name="FadeSplashScreenDuration" value="2000"/>
18 |   <preference name="loadUrlTimeoutValue" value="700000"/>
19 |   <allow-intent href="http://*/*"/>
20 |   <allow-intent href="https://*/*"/>
21 |   <allow-intent href="tel:*"/>
22 |   <allow-intent href="sms:*"/>
23 |   <allow-intent href="mailto:*"/>
24 |   <allow-intent href="geo:*"/>
25 |   <platform name="android">
26 |     <allow-intent href="market:*"/>
27 |   </platform>
28 |   <platform name="ios">
29 |     <allow-intent href="itms:*"/>
30 |     <allow-intent href="itms-apps:*"/>
31 |   </platform>
32 |   <feature name="StatusBar">
33 |     <param name="ios-package" onload="true" value="CDVStatusBar"/>
34 |   </feature>
35 |   <plugin name="cordova-plugin-console" spec="~1.0.3"/>
36 |   <plugin name="cordova-plugin-device" spec="~1.1.2"/>
37 |   <plugin name="cordova-plugin-statusbar" spec="~2.1.3"/>
38 |   <plugin name="cordova-plugin-camera-preview" spec="https://github.com/cordova-plugin-camera-preview/cordova-plugin-camera-preview.git"/>
39 | </widget>


--------------------------------------------------------------------------------
/src/theme/variables.scss:
--------------------------------------------------------------------------------
 1 | // Ionic Variables and Theming. For more info, please see:
 2 | // http://ionicframework.com/docs/v2/theming/
 3 | $font-path: "../assets/fonts";
 4 | 
 5 | @import "ionic.globals";
 6 | 
 7 | 
 8 | // Shared Variables
 9 | // --------------------------------------------------
10 | // To customize the look and feel of this app, you can override
11 | // the Sass variables found in Ionic's source scss files.
12 | // To view all the possible Ionic variables, see:
13 | // http://ionicframework.com/docs/v2/theming/overriding-ionic-variables/
14 | 
15 | 
16 | 
17 | 
18 | // Named Color Variables
19 | // --------------------------------------------------
20 | // Named colors makes it easy to reuse colors on various components.
21 | // It's highly recommended to change the default colors
22 | // to match your app's branding. Ionic uses a Sass map of
23 | // colors so you can add, rename and remove colors as needed.
24 | // The "primary" color is the only required color in the map.
25 | 
26 | $colors: (
27 |   primary:    #387ef5,
28 |   secondary:  #32db64,
29 |   danger:     #f53d3d,
30 |   light:      #f4f4f4,
31 |   dark:       #222
32 | );
33 | 
34 | 
35 | // App iOS Variables
36 | // --------------------------------------------------
37 | // iOS only Sass variables can go here
38 | 
39 | 
40 | 
41 | 
42 | // App Material Design Variables
43 | // --------------------------------------------------
44 | // Material Design only Sass variables can go here
45 | 
46 | 
47 | 
48 | 
49 | // App Windows Variables
50 | // --------------------------------------------------
51 | // Windows only Sass variables can go here
52 | 
53 | 
54 | 
55 | 
56 | // App Theme
57 | // --------------------------------------------------
58 | // Ionic apps can have different themes applied, which can
59 | // then be future customized. This import comes last
60 | // so that the above variables are used and Ionic's
61 | // default are overridden.
62 | 
63 | @import "ionic.theme.default";
64 | 
65 | 
66 | // Ionicons
67 | // --------------------------------------------------
68 | // The premium icon font for Ionic. For more info, please see:
69 | // http://ionicframework.com/docs/v2/ionicons/
70 | 
71 | @import "ionic.ionicons";
72 | 
73 | 
74 | // Fonts
75 | // --------------------------------------------------
76 | 
77 | @import "roboto";
78 | @import "noto-sans";
79 | 


--------------------------------------------------------------------------------
/src/pages/preview/preview.ts:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * 
 3 |  * By:  Ghayyas Mubashir 
 4 |  * Date: Fri Aug 19 2016
 5 |  * Updated-At: Wed Mar 22 2017
 6 |  * 
 7 |  */
 8 | 
 9 | 
10 | 
11 | import {Component,NgZone} from "@angular/core";
12 | import {NavController} from "ionic-angular";
13 | 
14 | /**
15 |  * 
16 |  * Component
17 |  * 
18 |  */
19 | declare var CameraPreview:any;
20 | @Component({
21 |      selector: 'preview-html',
22 |     templateUrl: 'preview.html'
23 | })
24 | 
25 | /**
26 |  * 
27 |  * Preview Class
28 |  * 
29 |  */
30 | 
31 | 
32 | export class preview {
33 |     public getWidth: number;
34 |     public getHeight : number;
35 |     public calcWidth : number;
36 |     constructor(private nav: NavController, private zone:NgZone){
37 |    
38 |              this.zone.run(() => {
39 |             this.getWidth = window.innerWidth;
40 |             
41 |             this.getHeight = window.innerHeight;
42 |         });
43 |         console.log('width',this.getWidth);
44 |         
45 |            this.calcWidth = this.getWidth - 80;  // Calculate the width of device and substract 80 from device width;
46 |            
47 |              console.log('calc width',this.calcWidth);  
48 |        
49 |     }
50 |     
51 |     /**
52 |      * 
53 |      * Before Using Ionic Native Camera Preview Please Note...
54 |      * 
55 |      * 1. Camera Drag Working in android (However not tested in IOS)
56 |      * 2. tap Photo not working in android (However not tested in IOS)
57 |      * 3. Default Camera Direction i.e Front/Back is Working (However not tested in IOS)
58 |      * 4. toBack and Alpha are useless in Android (However not checking in IOS)
59 |      * 
60 |      *  
61 |      * */ 
62 |     
63 |     startCamera(){
64 |         // let react = {x: 40, y: 100, width: this.calcWidth ,height: 220}   //Decrepted due to previous code
65 |     CameraPreview.startCamera({x: 40, y: 100, width: this.calcWidth, height: 220, toBack: false, previewDrag: true, tapPhoto: true});
66 |         //.startCamera(react, defaultCamera:'back',tapEnabled: true, dragEnabled: true, toBack:true, alpha:1);  //Decrepeted        
67 |     }
68 |     
69 |     stopCamera(){
70 |         CameraPreview.stopCamera();
71 |     }
72 |     
73 |     takePicture(){
74 |   
75 |         // let size = {maxWidth: 1024, maxHeight: 640};
76 |         // CameraPreview.takePicture(size);         //Decrepted
77 |          CameraPreview.takePicture(function(imgData){
78 |             (<HTMLInputElement>document.getElementById('previewPicture')).src = 'data:image/jpeg;base64,' + imgData;
79 |          });
80 |     }
81 |     
82 |     
83 |     SwitchCamera(){
84 |         CameraPreview.switchCamera();
85 |     }
86 |     showCamera(){
87 |         CameraPreview.show();
88 |     }
89 |     hideCamera(){
90 |         CameraPreview.hide();
91 |     }
92 |     
93 |     
94 | }


--------------------------------------------------------------------------------
/typings/globals/es6-shim/index.d.ts:
--------------------------------------------------------------------------------
  1 | // Generated by typings
  2 | // Source: https://raw.githubusercontent.com/DefinitelyTyped/DefinitelyTyped/9807d9b701f58be068cb07833d2b24235351d052/es6-shim/es6-shim.d.ts
  3 | declare type PropertyKey = string | number | symbol;
  4 | 
  5 | interface IteratorResult<T> {
  6 |     done: boolean;
  7 |     value?: T;
  8 | }
  9 | 
 10 | interface IterableShim<T> {
 11 |     /**
 12 |       * Shim for an ES6 iterable. Not intended for direct use by user code.
 13 |       */
 14 |     "_es6-shim iterator_"(): Iterator<T>;
 15 | }
 16 | 
 17 | interface Iterator<T> {
 18 |     next(value?: any): IteratorResult<T>;
 19 |     return?(value?: any): IteratorResult<T>;
 20 |     throw?(e?: any): IteratorResult<T>;
 21 | }
 22 | 
 23 | interface IterableIteratorShim<T> extends IterableShim<T>, Iterator<T> {
 24 |     /**
 25 |       * Shim for an ES6 iterable iterator. Not intended for direct use by user code.
 26 |       */
 27 |     "_es6-shim iterator_"(): IterableIteratorShim<T>;
 28 | }
 29 | 
 30 | interface StringConstructor {
 31 |     /**
 32 |       * Return the String value whose elements are, in order, the elements in the List elements.
 33 |       * If length is 0, the empty string is returned.
 34 |       */
 35 |     fromCodePoint(...codePoints: number[]): string;
 36 | 
 37 |     /**
 38 |       * String.raw is intended for use as a tag function of a Tagged Template String. When called
 39 |       * as such the first argument will be a well formed template call site object and the rest
 40 |       * parameter will contain the substitution values.
 41 |       * @param template A well-formed template string call site representation.
 42 |       * @param substitutions A set of substitution values.
 43 |       */
 44 |     raw(template: TemplateStringsArray, ...substitutions: any[]): string;
 45 | }
 46 | 
 47 | interface String {
 48 |     /**
 49 |       * Returns a nonnegative integer Number less than 1114112 (0x110000) that is the code point
 50 |       * value of the UTF-16 encoded code point starting at the string element at position pos in
 51 |       * the String resulting from converting this object to a String.
 52 |       * If there is no element at that position, the result is undefined.
 53 |       * If a valid UTF-16 surrogate pair does not begin at pos, the result is the code unit at pos.
 54 |       */
 55 |     codePointAt(pos: number): number;
 56 | 
 57 |     /**
 58 |       * Returns true if searchString appears as a substring of the result of converting this
 59 |       * object to a String, at one or more positions that are
 60 |       * greater than or equal to position; otherwise, returns false.
 61 |       * @param searchString search string
 62 |       * @param position If position is undefined, 0 is assumed, so as to search all of the String.
 63 |       */
 64 |     includes(searchString: string, position?: number): boolean;
 65 | 
 66 |     /**
 67 |       * Returns true if the sequence of elements of searchString converted to a String is the
 68 |       * same as the corresponding elements of this object (converted to a String) starting at
 69 |       * endPosition – length(this). Otherwise returns false.
 70 |       */
 71 |     endsWith(searchString: string, endPosition?: number): boolean;
 72 | 
 73 |     /**
 74 |       * Returns a String value that is made from count copies appended together. If count is 0,
 75 |       * T is the empty String is returned.
 76 |       * @param count number of copies to append
 77 |       */
 78 |     repeat(count: number): string;
 79 | 
 80 |     /**
 81 |       * Returns true if the sequence of elements of searchString converted to a String is the
 82 |       * same as the corresponding elements of this object (converted to a String) starting at
 83 |       * position. Otherwise returns false.
 84 |       */
 85 |     startsWith(searchString: string, position?: number): boolean;
 86 | 
 87 |     /**
 88 |       * Returns an <a> HTML anchor element and sets the name attribute to the text value
 89 |       * @param name
 90 |       */
 91 |     anchor(name: string): string;
 92 | 
 93 |     /** Returns a <big> HTML element */
 94 |     big(): string;
 95 | 
 96 |     /** Returns a <blink> HTML element */
 97 |     blink(): string;
 98 | 
 99 |     /** Returns a <b> HTML element */
100 |     bold(): string;
101 | 
102 |     /** Returns a <tt> HTML element */
103 |     fixed(): string
104 | 
105 |     /** Returns a <font> HTML element and sets the color attribute value */
106 |     fontcolor(color: string): string
107 | 
108 |     /** Returns a <font> HTML element and sets the size attribute value */
109 |     fontsize(size: number): string;
110 | 
111 |     /** Returns a <font> HTML element and sets the size attribute value */
112 |     fontsize(size: string): string;
113 | 
114 |     /** Returns an <i> HTML element */
115 |     italics(): string;
116 | 
117 |     /** Returns an <a> HTML element and sets the href attribute value */
118 |     link(url: string): string;
119 | 
120 |     /** Returns a <small> HTML element */
121 |     small(): string;
122 | 
123 |     /** Returns a <strike> HTML element */
124 |     strike(): string;
125 | 
126 |     /** Returns a <sub> HTML element */
127 |     sub(): string;
128 | 
129 |     /** Returns a <sup> HTML element */
130 |     sup(): string;
131 | 
132 |     /**
133 |       * Shim for an ES6 iterable. Not intended for direct use by user code.
134 |       */
135 |     "_es6-shim iterator_"(): IterableIteratorShim<string>;
136 | }
137 | 
138 | interface ArrayConstructor {
139 |     /**
140 |       * Creates an array from an array-like object.
141 |       * @param arrayLike An array-like object to convert to an array.
142 |       * @param mapfn A mapping function to call on every element of the array.
143 |       * @param thisArg Value of 'this' used to invoke the mapfn.
144 |       */
145 |     from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): Array<U>;
146 | 
147 |     /**
148 |       * Creates an array from an iterable object.
149 |       * @param iterable An iterable object to convert to an array.
150 |       * @param mapfn A mapping function to call on every element of the array.
151 |       * @param thisArg Value of 'this' used to invoke the mapfn.
152 |       */
153 |     from<T, U>(iterable: IterableShim<T>, mapfn: (v: T, k: number) => U, thisArg?: any): Array<U>;
154 | 
155 |     /**
156 |       * Creates an array from an array-like object.
157 |       * @param arrayLike An array-like object to convert to an array.
158 |       */
159 |     from<T>(arrayLike: ArrayLike<T>): Array<T>;
160 | 
161 |     /**
162 |       * Creates an array from an iterable object.
163 |       * @param iterable An iterable object to convert to an array.
164 |       */
165 |     from<T>(iterable: IterableShim<T>): Array<T>;
166 | 
167 |     /**
168 |       * Returns a new array from a set of elements.
169 |       * @param items A set of elements to include in the new array object.
170 |       */
171 |     of<T>(...items: T[]): Array<T>;
172 | }
173 | 
174 | interface Array<T> {
175 |     /**
176 |       * Returns the value of the first element in the array where predicate is true, and undefined
177 |       * otherwise.
178 |       * @param predicate find calls predicate once for each element of the array, in ascending
179 |       * order, until it finds one where predicate returns true. If such an element is found, find
180 |       * immediately returns that element value. Otherwise, find returns undefined.
181 |       * @param thisArg If provided, it will be used as the this value for each invocation of
182 |       * predicate. If it is not provided, undefined is used instead.
183 |       */
184 |     find(predicate: (value: T, index: number, obj: Array<T>) => boolean, thisArg?: any): T;
185 | 
186 |     /**
187 |       * Returns the index of the first element in the array where predicate is true, and undefined
188 |       * otherwise.
189 |       * @param predicate find calls predicate once for each element of the array, in ascending
190 |       * order, until it finds one where predicate returns true. If such an element is found, find
191 |       * immediately returns that element value. Otherwise, find returns undefined.
192 |       * @param thisArg If provided, it will be used as the this value for each invocation of
193 |       * predicate. If it is not provided, undefined is used instead.
194 |       */
195 |     findIndex(predicate: (value: T) => boolean, thisArg?: any): number;
196 | 
197 |     /**
198 |       * Returns the this object after filling the section identified by start and end with value
199 |       * @param value value to fill array section with
200 |       * @param start index to start filling the array at. If start is negative, it is treated as
201 |       * length+start where length is the length of the array.
202 |       * @param end index to stop filling the array at. If end is negative, it is treated as
203 |       * length+end.
204 |       */
205 |     fill(value: T, start?: number, end?: number): T[];
206 | 
207 |     /**
208 |       * Returns the this object after copying a section of the array identified by start and end
209 |       * to the same array starting at position target
210 |       * @param target If target is negative, it is treated as length+target where length is the
211 |       * length of the array.
212 |       * @param start If start is negative, it is treated as length+start. If end is negative, it
213 |       * is treated as length+end.
214 |       * @param end If not specified, length of the this object is used as its default value.
215 |       */
216 |     copyWithin(target: number, start: number, end?: number): T[];
217 | 
218 |     /**
219 |       * Returns an array of key, value pairs for every entry in the array
220 |       */
221 |     entries(): IterableIteratorShim<[number, T]>;
222 | 
223 |     /**
224 |       * Returns an list of keys in the array
225 |       */
226 |     keys(): IterableIteratorShim<number>;
227 | 
228 |     /**
229 |       * Returns an list of values in the array
230 |       */
231 |     values(): IterableIteratorShim<T>;
232 | 
233 |     /**
234 |       * Shim for an ES6 iterable. Not intended for direct use by user code.
235 |       */
236 |     "_es6-shim iterator_"(): IterableIteratorShim<T>;
237 | }
238 | 
239 | interface NumberConstructor {
240 |     /**
241 |       * The value of Number.EPSILON is the difference between 1 and the smallest value greater than 1
242 |       * that is representable as a Number value, which is approximately:
243 |       * 2.2204460492503130808472633361816 x 10‍−‍16.
244 |       */
245 |     EPSILON: number;
246 | 
247 |     /**
248 |       * Returns true if passed value is finite.
249 |       * Unlike the global isFininte, Number.isFinite doesn't forcibly convert the parameter to a
250 |       * number. Only finite values of the type number, result in true.
251 |       * @param number A numeric value.
252 |       */
253 |     isFinite(number: number): boolean;
254 | 
255 |     /**
256 |       * Returns true if the value passed is an integer, false otherwise.
257 |       * @param number A numeric value.
258 |       */
259 |     isInteger(number: number): boolean;
260 | 
261 |     /**
262 |       * Returns a Boolean value that indicates whether a value is the reserved value NaN (not a
263 |       * number). Unlike the global isNaN(), Number.isNaN() doesn't forcefully convert the parameter
264 |       * to a number. Only values of the type number, that are also NaN, result in true.
265 |       * @param number A numeric value.
266 |       */
267 |     isNaN(number: number): boolean;
268 | 
269 |     /**
270 |       * Returns true if the value passed is a safe integer.
271 |       * @param number A numeric value.
272 |       */
273 |     isSafeInteger(number: number): boolean;
274 | 
275 |     /**
276 |       * The value of the largest integer n such that n and n + 1 are both exactly representable as
277 |       * a Number value.
278 |       * The value of Number.MIN_SAFE_INTEGER is 9007199254740991 2^53 − 1.
279 |       */
280 |     MAX_SAFE_INTEGER: number;
281 | 
282 |     /**
283 |       * The value of the smallest integer n such that n and n − 1 are both exactly representable as
284 |       * a Number value.
285 |       * The value of Number.MIN_SAFE_INTEGER is −9007199254740991 (−(2^53 − 1)).
286 |       */
287 |     MIN_SAFE_INTEGER: number;
288 | 
289 |     /**
290 |       * Converts a string to a floating-point number.
291 |       * @param string A string that contains a floating-point number.
292 |       */
293 |     parseFloat(string: string): number;
294 | 
295 |     /**
296 |       * Converts A string to an integer.
297 |       * @param s A string to convert into a number.
298 |       * @param radix A value between 2 and 36 that specifies the base of the number in numString.
299 |       * If this argument is not supplied, strings with a prefix of '0x' are considered hexadecimal.
300 |       * All other strings are considered decimal.
301 |       */
302 |     parseInt(string: string, radix?: number): number;
303 | }
304 | 
305 | interface ObjectConstructor {
306 |     /**
307 |       * Copy the values of all of the enumerable own properties from one or more source objects to a
308 |       * target object. Returns the target object.
309 |       * @param target The target object to copy to.
310 |       * @param sources One or more source objects to copy properties from.
311 |       */
312 |     assign(target: any, ...sources: any[]): any;
313 | 
314 |     /**
315 |       * Returns true if the values are the same value, false otherwise.
316 |       * @param value1 The first value.
317 |       * @param value2 The second value.
318 |       */
319 |     is(value1: any, value2: any): boolean;
320 | 
321 |     /**
322 |       * Sets the prototype of a specified object o to  object proto or null. Returns the object o.
323 |       * @param o The object to change its prototype.
324 |       * @param proto The value of the new prototype or null.
325 |       * @remarks Requires `__proto__` support.
326 |       */
327 |     setPrototypeOf(o: any, proto: any): any;
328 | }
329 | 
330 | interface RegExp {
331 |     /**
332 |       * Returns a string indicating the flags of the regular expression in question. This field is read-only.
333 |       * The characters in this string are sequenced and concatenated in the following order:
334 |       *
335 |       *    - "g" for global
336 |       *    - "i" for ignoreCase
337 |       *    - "m" for multiline
338 |       *    - "u" for unicode
339 |       *    - "y" for sticky
340 |       *
341 |       * If no flags are set, the value is the empty string.
342 |       */
343 |     flags: string;
344 | }
345 | 
346 | interface Math {
347 |     /**
348 |       * Returns the number of leading zero bits in the 32-bit binary representation of a number.
349 |       * @param x A numeric expression.
350 |       */
351 |     clz32(x: number): number;
352 | 
353 |     /**
354 |       * Returns the result of 32-bit multiplication of two numbers.
355 |       * @param x First number
356 |       * @param y Second number
357 |       */
358 |     imul(x: number, y: number): number;
359 | 
360 |     /**
361 |       * Returns the sign of the x, indicating whether x is positive, negative or zero.
362 |       * @param x The numeric expression to test
363 |       */
364 |     sign(x: number): number;
365 | 
366 |     /**
367 |       * Returns the base 10 logarithm of a number.
368 |       * @param x A numeric expression.
369 |       */
370 |     log10(x: number): number;
371 | 
372 |     /**
373 |       * Returns the base 2 logarithm of a number.
374 |       * @param x A numeric expression.
375 |       */
376 |     log2(x: number): number;
377 | 
378 |     /**
379 |       * Returns the natural logarithm of 1 + x.
380 |       * @param x A numeric expression.
381 |       */
382 |     log1p(x: number): number;
383 | 
384 |     /**
385 |       * Returns the result of (e^x - 1) of x (e raised to the power of x, where e is the base of
386 |       * the natural logarithms).
387 |       * @param x A numeric expression.
388 |       */
389 |     expm1(x: number): number;
390 | 
391 |     /**
392 |       * Returns the hyperbolic cosine of a number.
393 |       * @param x A numeric expression that contains an angle measured in radians.
394 |       */
395 |     cosh(x: number): number;
396 | 
397 |     /**
398 |       * Returns the hyperbolic sine of a number.
399 |       * @param x A numeric expression that contains an angle measured in radians.
400 |       */
401 |     sinh(x: number): number;
402 | 
403 |     /**
404 |       * Returns the hyperbolic tangent of a number.
405 |       * @param x A numeric expression that contains an angle measured in radians.
406 |       */
407 |     tanh(x: number): number;
408 | 
409 |     /**
410 |       * Returns the inverse hyperbolic cosine of a number.
411 |       * @param x A numeric expression that contains an angle measured in radians.
412 |       */
413 |     acosh(x: number): number;
414 | 
415 |     /**
416 |       * Returns the inverse hyperbolic sine of a number.
417 |       * @param x A numeric expression that contains an angle measured in radians.
418 |       */
419 |     asinh(x: number): number;
420 | 
421 |     /**
422 |       * Returns the inverse hyperbolic tangent of a number.
423 |       * @param x A numeric expression that contains an angle measured in radians.
424 |       */
425 |     atanh(x: number): number;
426 | 
427 |     /**
428 |       * Returns the square root of the sum of squares of its arguments.
429 |       * @param values Values to compute the square root for.
430 |       *     If no arguments are passed, the result is +0.
431 |       *     If there is only one argument, the result is the absolute value.
432 |       *     If any argument is +Infinity or -Infinity, the result is +Infinity.
433 |       *     If any argument is NaN, the result is NaN.
434 |       *     If all arguments are either +0 or −0, the result is +0.
435 |       */
436 |     hypot(...values: number[]): number;
437 | 
438 |     /**
439 |       * Returns the integral part of the a numeric expression, x, removing any fractional digits.
440 |       * If x is already an integer, the result is x.
441 |       * @param x A numeric expression.
442 |       */
443 |     trunc(x: number): number;
444 | 
445 |     /**
446 |       * Returns the nearest single precision float representation of a number.
447 |       * @param x A numeric expression.
448 |       */
449 |     fround(x: number): number;
450 | 
451 |     /**
452 |       * Returns an implementation-dependent approximation to the cube root of number.
453 |       * @param x A numeric expression.
454 |       */
455 |     cbrt(x: number): number;
456 | }
457 | 
458 | interface PromiseLike<T> {
459 |     /**
460 |     * Attaches callbacks for the resolution and/or rejection of the Promise.
461 |     * @param onfulfilled The callback to execute when the Promise is resolved.
462 |     * @param onrejected The callback to execute when the Promise is rejected.
463 |     * @returns A Promise for the completion of which ever callback is executed.
464 |     */
465 |     then<TResult>(onfulfilled?: (value: T) => TResult | PromiseLike<TResult>, onrejected?: (reason: any) => TResult | PromiseLike<TResult>): PromiseLike<TResult>;
466 |     then<TResult>(onfulfilled?: (value: T) => TResult | PromiseLike<TResult>, onrejected?: (reason: any) => void): PromiseLike<TResult>;
467 | }
468 | 
469 | /**
470 |  * Represents the completion of an asynchronous operation
471 |  */
472 | interface Promise<T> {
473 |     /**
474 |     * Attaches callbacks for the resolution and/or rejection of the Promise.
475 |     * @param onfulfilled The callback to execute when the Promise is resolved.
476 |     * @param onrejected The callback to execute when the Promise is rejected.
477 |     * @returns A Promise for the completion of which ever callback is executed.
478 |     */
479 |     then<TResult>(onfulfilled?: (value: T) => TResult | PromiseLike<TResult>, onrejected?: (reason: any) => TResult | PromiseLike<TResult>): Promise<TResult>;
480 |     then<TResult>(onfulfilled?: (value: T) => TResult | PromiseLike<TResult>, onrejected?: (reason: any) => void): Promise<TResult>;
481 | 
482 |     /**
483 |      * Attaches a callback for only the rejection of the Promise.
484 |      * @param onrejected The callback to execute when the Promise is rejected.
485 |      * @returns A Promise for the completion of the callback.
486 |      */
487 |     catch(onrejected?: (reason: any) => T | PromiseLike<T>): Promise<T>;
488 |     catch(onrejected?: (reason: any) => void): Promise<T>;
489 | }
490 | 
491 | interface PromiseConstructor {
492 |     /**
493 |       * A reference to the prototype.
494 |       */
495 |     prototype: Promise<any>;
496 | 
497 |     /**
498 |      * Creates a new Promise.
499 |      * @param executor A callback used to initialize the promise. This callback is passed two arguments:
500 |      * a resolve callback used resolve the promise with a value or the result of another promise,
501 |      * and a reject callback used to reject the promise with a provided reason or error.
502 |      */
503 |     new <T>(executor: (resolve: (value?: T | PromiseLike<T>) => void, reject: (reason?: any) => void) => void): Promise<T>;
504 | 
505 |     /**
506 |      * Creates a Promise that is resolved with an array of results when all of the provided Promises
507 |      * resolve, or rejected when any Promise is rejected.
508 |      * @param values An array of Promises.
509 |      * @returns A new Promise.
510 |      */
511 |     all<T>(values: IterableShim<T | PromiseLike<T>>): Promise<T[]>;
512 | 
513 |     /**
514 |      * Creates a Promise that is resolved or rejected when any of the provided Promises are resolved
515 |      * or rejected.
516 |      * @param values An array of Promises.
517 |      * @returns A new Promise.
518 |      */
519 |     race<T>(values: IterableShim<T | PromiseLike<T>>): Promise<T>;
520 | 
521 |     /**
522 |      * Creates a new rejected promise for the provided reason.
523 |      * @param reason The reason the promise was rejected.
524 |      * @returns A new rejected Promise.
525 |      */
526 |     reject(reason: any): Promise<void>;
527 | 
528 |     /**
529 |      * Creates a new rejected promise for the provided reason.
530 |      * @param reason The reason the promise was rejected.
531 |      * @returns A new rejected Promise.
532 |      */
533 |     reject<T>(reason: any): Promise<T>;
534 | 
535 |     /**
536 |       * Creates a new resolved promise for the provided value.
537 |       * @param value A promise.
538 |       * @returns A promise whose internal state matches the provided promise.
539 |       */
540 |     resolve<T>(value: T | PromiseLike<T>): Promise<T>;
541 | 
542 |     /**
543 |      * Creates a new resolved promise .
544 |      * @returns A resolved promise.
545 |      */
546 |     resolve(): Promise<void>;
547 | }
548 | 
549 | declare var Promise: PromiseConstructor;
550 | 
551 | interface Map<K, V> {
552 |     clear(): void;
553 |     delete(key: K): boolean;
554 |     forEach(callbackfn: (value: V, index: K, map: Map<K, V>) => void, thisArg?: any): void;
555 |     get(key: K): V;
556 |     has(key: K): boolean;
557 |     set(key: K, value?: V): Map<K, V>;
558 |     size: number;
559 |     entries(): IterableIteratorShim<[K, V]>;
560 |     keys(): IterableIteratorShim<K>;
561 |     values(): IterableIteratorShim<V>;
562 | }
563 | 
564 | interface MapConstructor {
565 |     new <K, V>(): Map<K, V>;
566 |     new <K, V>(iterable: IterableShim<[K, V]>): Map<K, V>;
567 |     prototype: Map<any, any>;
568 | }
569 | 
570 | declare var Map: MapConstructor;
571 | 
572 | interface Set<T> {
573 |     add(value: T): Set<T>;
574 |     clear(): void;
575 |     delete(value: T): boolean;
576 |     forEach(callbackfn: (value: T, index: T, set: Set<T>) => void, thisArg?: any): void;
577 |     has(value: T): boolean;
578 |     size: number;
579 |     entries(): IterableIteratorShim<[T, T]>;
580 |     keys(): IterableIteratorShim<T>;
581 |     values(): IterableIteratorShim<T>;
582 |     '_es6-shim iterator_'(): IterableIteratorShim<T>;
583 | }
584 | 
585 | interface SetConstructor {
586 |     new <T>(): Set<T>;
587 |     new <T>(iterable: IterableShim<T>): Set<T>;
588 |     prototype: Set<any>;
589 | }
590 | 
591 | declare var Set: SetConstructor;
592 | 
593 | interface WeakMap<K, V> {
594 |     delete(key: K): boolean;
595 |     get(key: K): V;
596 |     has(key: K): boolean;
597 |     set(key: K, value?: V): WeakMap<K, V>;
598 | }
599 | 
600 | interface WeakMapConstructor {
601 |     new <K, V>(): WeakMap<K, V>;
602 |     new <K, V>(iterable: IterableShim<[K, V]>): WeakMap<K, V>;
603 |     prototype: WeakMap<any, any>;
604 | }
605 | 
606 | declare var WeakMap: WeakMapConstructor;
607 | 
608 | interface WeakSet<T> {
609 |     add(value: T): WeakSet<T>;
610 |     delete(value: T): boolean;
611 |     has(value: T): boolean;
612 | }
613 | 
614 | interface WeakSetConstructor {
615 |     new <T>(): WeakSet<T>;
616 |     new <T>(iterable: IterableShim<T>): WeakSet<T>;
617 |     prototype: WeakSet<any>;
618 | }
619 | 
620 | declare var WeakSet: WeakSetConstructor;
621 | 
622 | declare namespace Reflect {
623 |     function apply(target: Function, thisArgument: any, argumentsList: ArrayLike<any>): any;
624 |     function construct(target: Function, argumentsList: ArrayLike<any>): any;
625 |     function defineProperty(target: any, propertyKey: PropertyKey, attributes: PropertyDescriptor): boolean;
626 |     function deleteProperty(target: any, propertyKey: PropertyKey): boolean;
627 |     function enumerate(target: any): IterableIteratorShim<any>;
628 |     function get(target: any, propertyKey: PropertyKey, receiver?: any): any;
629 |     function getOwnPropertyDescriptor(target: any, propertyKey: PropertyKey): PropertyDescriptor;
630 |     function getPrototypeOf(target: any): any;
631 |     function has(target: any, propertyKey: PropertyKey): boolean;
632 |     function isExtensible(target: any): boolean;
633 |     function ownKeys(target: any): Array<PropertyKey>;
634 |     function preventExtensions(target: any): boolean;
635 |     function set(target: any, propertyKey: PropertyKey, value: any, receiver?: any): boolean;
636 |     function setPrototypeOf(target: any, proto: any): boolean;
637 | }
638 | 
639 | declare module "es6-shim" {
640 |     var String: StringConstructor;
641 |     var Array: ArrayConstructor;
642 |     var Number: NumberConstructor;
643 |     var Math: Math;
644 |     var Object: ObjectConstructor;
645 |     var Map: MapConstructor;
646 |     var Set: SetConstructor;
647 |     var WeakMap: WeakMapConstructor;
648 |     var WeakSet: WeakSetConstructor;
649 |     var Promise: PromiseConstructor;
650 |     namespace Reflect {
651 |         function apply(target: Function, thisArgument: any, argumentsList: ArrayLike<any>): any;
652 |         function construct(target: Function, argumentsList: ArrayLike<any>): any;
653 |         function defineProperty(target: any, propertyKey: PropertyKey, attributes: PropertyDescriptor): boolean;
654 |         function deleteProperty(target: any, propertyKey: PropertyKey): boolean;
655 |         function enumerate(target: any): Iterator<any>;
656 |         function get(target: any, propertyKey: PropertyKey, receiver?: any): any;
657 |         function getOwnPropertyDescriptor(target: any, propertyKey: PropertyKey): PropertyDescriptor;
658 |         function getPrototypeOf(target: any): any;
659 |         function has(target: any, propertyKey: PropertyKey): boolean;
660 |         function isExtensible(target: any): boolean;
661 |         function ownKeys(target: any): Array<PropertyKey>;
662 |         function preventExtensions(target: any): boolean;
663 |         function set(target: any, propertyKey: PropertyKey, value: any, receiver?: any): boolean;
664 |         function setPrototypeOf(target: any, proto: any): boolean;
665 |     }
666 | }


--------------------------------------------------------------------------------