fix(eveyrthing): upgrade to NativeScript 3.0.0

This release is almost a full rewrite and fixes a number of issues as well as being made compatible with NativeScript 3.

Close #8, close #15, close #16, close #18. Also related is #17.

BREAKING CHANGE: The plugin no longer auto-registers a tag in Angular applications. Instructions to register a `PDFView` element have been added to the project README.

Author: Merott

.gitignore

@@ -1,9 +1,13 @@
 *.js
 *.js.map
 *.log
-/demo/app/*.js
-/demo/*.d.ts
-/demo/lib
-/demo/platforms
-/demo/node_modules
-/node_modules
+!scripts/*.js
+demo/app/*.js
+!demo/karma.conf.js
+!demo/app/tests/*.js
+demo/*.d.ts
+!demo/references.d.ts
+demo/lib
+demo/platforms
+demo/node_modules
+node_modules

.npmignore

@@ -1,3 +1,8 @@
 demo/
+screenshots/
+*.gif
 *.png
-*.log
+*.log
+*.map
+*.ts
+!*.d.ts

.vscode/settings.json

@@ -1,4 +1,3 @@
-// Place your settings in this file to overwrite default and user settings.
 {
   "files.exclude": {
     "**/*.js": {

AndroidPdfViewer.d.ts

@@ -39,6 +39,8 @@ declare class Configurator {
   pages(...pageNumbers: number[]): this;
   enableDoubletap(enable: boolean): this;
   enableSwipe(enable: boolean): this;
-  onLoad(onLoadCompleteListener: pdfviewer.listener.OnLoadCompleteListener): this;
+  onLoad(
+    onLoadCompleteListener: pdfviewer.listener.OnLoadCompleteListener
+  ): this;
   swipeHorizontal(horizontal: boolean): this;
-}
+}

LICENSE

@@ -1,7 +1,7 @@
 The MIT License (MIT)
 
 nativescript-pdf-view
-Copyright (c) 2016, Merott Movahedi
+Copyright (c) 2017, Merott Movahedi
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of
 this software and associated documentation files (the "Software"), to deal in

README.md

@@ -1,47 +1,42 @@
-# nativescript-pdf-view
+# NativeScript PDFView
 
-This is a very basic PDF view implementation that does only one thing, and
-that is to display PDF files. It conveniently uses the iOS `UIWebView`, but
-for Android it uses [AndroidPdfViewer](https://github.com/barteksc/AndroidPdfViewer).
+A minimal PDF view implementation that does only one thing, and that is to display PDF files in the simplest way possible. It conveniently uses the iOS `WKWebView`, and for Android it uses [`AndroidPdfViewer`](https://github.com/barteksc/AndroidPdfViewer).
 
-This plugin does the bare minimum required to render the PDF, no configuration
-options, and no error handling have been built yet. I welcome all Pull Requests!
+This plugin does the bare minimum required to render the PDF, no configuration options, and no error handling have been built yet. I welcome all Pull Requests!
 
-# Usage
+My aim is to keep the features consistent across iOS and Android.
 
-##
+## Installation
 
-Check out the [demo](./demo) folder for a sample usage.
+```
+tns plugin add nativescript-pdf-view
+```
 
-## Angular 2
+## Usage
 
-If you're using the plugin with Angular 2, the plugin automatically registers
-`PDFView` as a valid tag for Angular templates. Usage is simple:
+### Vanilla NativeScript
 
-1. Make sure to import `nativescript-pdf-view` somewhere in your code, e.g:
+```xml
+<Page
+  xmlns="http://schemas.nativescript.org/tns.xsd"
+  xmlns:pdf="nativescript-pdf-view"
+  loaded="pageLoaded">
+  <pdf:PDFView src="{{ pdfUrl }}" load="{{ onLoad }}" />
+</Page>
+```
 
-  ```ts
-  import 'nativescript-pdf-view';
-  ```
+### Angular NativeScript
 
-2. Include the tag in your template:
+```ts
+import { PDFView } from 'nativescript-pdf-view';
+import { registerElement } from 'nativescript-angular';
+registerElement('PDFView', () => PDFView);
+```
 
-  ```html
-  <PDFView [src]="src" (load)="onLoad()"></PDFView>
-  ```
+```html
+<PDFView [src]="src" (load)="onLoad()"></PDFView>
+```
 
-# Try the Demo
+## Demo
 
-To try the demo, `cd` into the `demo` folder, and run the following commands:
-
-```sh
-npm install
-
-# iOS
-tns platform add ios
-tns run ios
-
-# Android
-tns platform add android
-tns run android
-```
+Check out the [demo](./demo) folder for a demo application using this plugin. You can run the demo by executing `npm run demo.ios` and `npm run demo.android` from the root directory of the project.

demo/app/App_Resources/Android/AndroidManifest.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
-	package="__PACKAGE__"
+	package="com.merott.nativescriptpdfviewdemo"
 	android:versionCode="1"
 	android:versionName="1.0">
 
@@ -23,15 +23,18 @@
 		android:allowBackup="true"
 		android:icon="@drawable/icon"
 		android:label="@string/app_name"
-		android:theme="@style/AppTheme" >
+		android:theme="@style/AppTheme">
+
 		<activity
 			android:name="com.tns.NativeScriptActivity"
 			android:label="@string/title_activity_kimera"
-			android:configChanges="keyboardHidden|orientation|screenSize">
+			android:configChanges="keyboardHidden|orientation|screenSize"
+			android:theme="@style/LaunchScreenTheme">
 
-				<intent-filter>
-				<action android:name="android.intent.action.MAIN" />
+			<meta-data android:name="SET_THEME_ON_LAUNCH" android:resource="@style/AppTheme" />
 
+			<intent-filter>
+				<action android:name="android.intent.action.MAIN" />
 				<category android:name="android.intent.category.LAUNCHER" />
 			</intent-filter>
 		</activity>

demo/app/App_Resources/Android/app.gradle

@@ -1,6 +1,9 @@
-// Add your native dependencies here:
-
-// Uncomment to add recyclerview-v7 dependency
-//dependencies {
-//	compile 'com.android.support:recyclerview-v7:+'
-//}
+android {
+  defaultConfig {
+    generatedDensities = []
+    applicationId = "com.merott.nativescriptpdfviewdemo"
+  }
+  aaptOptions {
+    additionalParameters "--no-version-vectors"
+  }
+}

demo/app/App_Resources/Android/drawable-hdpi/background.png

@@ -0,0 +1,8 @@
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android" android:gravity="fill">
+    <item>
+        <bitmap android:gravity="fill" android:src="@drawable/background" />
+    </item>
+    <item>
+        <bitmap android:gravity="center" android:src="@drawable/logo" />
+    </item>
+</layer-list>

demo/app/App_Resources/Android/drawable-hdpi/logo.png

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+	<color name="ns_accent">#3d5afe</color>
+</resources>

demo/app/App_Resources/Android/drawable-ldpi/background.png

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <!-- Application theme -->
+    <style name="AppTheme" parent="AppThemeBase">
+        <item name="android:datePickerStyle">@style/SpinnerDatePicker</item>
+        <item name="android:timePickerStyle">@style/SpinnerTimePicker</item>
+    </style>
+
+    <!-- Default style for DatePicker - in spinner mode -->
+    <style name="SpinnerDatePicker" parent="android:Widget.Material.Light.DatePicker">
+        <item name="android:datePickerMode">spinner</item>
+    </style>
+
+    <!-- Default style for TimePicker - in spinner mode -->
+    <style name="SpinnerTimePicker" parent="android:Widget.Material.Light.TimePicker">
+        <item name="android:timePickerMode">spinner</item>
+    </style>
+
+    <style name="NativeScriptToolbarStyle" parent="NativeScriptToolbarStyleBase">
+        <item name="android:elevation">4dp</item>
+    </style>    
+</resources>

demo/app/App_Resources/Android/drawable-ldpi/logo.png

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="ns_primary">#F5F5F5</color>
+	<color name="ns_primaryDark">#757575</color>
+	<color name="ns_accent">#33B5E5</color>
+    <color name="ns_blue">#272734</color>
+</resources>

demo/app/App_Resources/Android/drawable-mdpi/background.png

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <!-- theme to use FOR launch screen-->
+    <style name="LaunchScreenThemeBase" parent="Theme.AppCompat.Light.NoActionBar">
+        <item name="toolbarStyle">@style/NativeScriptToolbarStyle</item>
+
+        <item name="colorPrimary">@color/ns_primary</item>
+        <item name="colorPrimaryDark">@color/ns_primaryDark</item>
+        <item name="colorAccent">@color/ns_accent</item>
+
+        <item name="android:windowBackground">@drawable/splash_screen</item>
+        
+        <item name="android:windowActionBarOverlay">true</item>  
+        <item name="android:windowTranslucentStatus">true</item>
+
+    </style>
+
+    <style name="LaunchScreenTheme" parent="LaunchScreenThemeBase">
+    </style>
+
+    <!-- theme to use AFTER launch screen is loaded-->
+    <style name="AppThemeBase" parent="Theme.AppCompat.Light.NoActionBar">
+        <item name="toolbarStyle">@style/NativeScriptToolbarStyle</item>
+
+        <item name="colorPrimary">@color/ns_primary</item>
+        <item name="colorPrimaryDark">@color/ns_primaryDark</item>
+        <item name="colorAccent">@color/ns_accent</item>
+
+    </style>
+
+    <style name="AppTheme" parent="AppThemeBase">
+    </style>
+
+    <!-- theme for actioon-bar -->
+    <style name="NativeScriptToolbarStyleBase" parent="Widget.AppCompat.Toolbar">
+        <item name="android:background">@color/ns_primary</item>
+        <item name="theme">@style/ThemeOverlay.AppCompat.ActionBar</item>
+        <item name="popupTheme">@style/ThemeOverlay.AppCompat</item>
+
+    </style>
+
+    <style name="NativeScriptToolbarStyle" parent="NativeScriptToolbarStyleBase">
+    </style>
+</resources>