Add support for:

- NativeScript 6
- Showing the YT player inside modals (was already possible on iOS)

demo-vue/app/App_Resources/Android/app.gradle

@@ -3,7 +3,7 @@
 android {
   defaultConfig {  
     generatedDensities = []
-    applicationId = "__PACKAGE__"
+    applicationId = "com.github.triniwiz.youtubeplayer"
   }
   aaptOptions {  
     additionalParameters "--no-version-vectors"  

demo-vue/package.json

@@ -7,17 +7,17 @@
   "nativescript": {
     "id": "com.github.triniwiz.youtubeplayer",
     "tns-ios": {
-      "version": "5.0.0"
+      "version": "6.0.1"
     },
     "tns-android": {
-      "version": "5.0.0"
+      "version": "6.0.0"
     }
   },
   "dependencies": {
-    "nativescript-theme-core": "^1.0.4",
-    "nativescript-vue": "~2.0.2",
+    "nativescript-theme-core": "~1.0.6",
+    "nativescript-vue": "~2.4.0",
     "nativescript-youtubeplayer": "file:../src",
-    "tns-core-modules": "~5.1.2"
+    "tns-core-modules": "~6.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0",
@@ -30,15 +30,17 @@
     "copy-webpack-plugin": "^4.5.2",
     "css-loader": "^1.0.0",
     "lazy": "1.0.11",
-    "nativescript-dev-webpack": "next",
+    "nativescript-dev-webpack": "1.0.1",
     "nativescript-vue-template-compiler": "^2.0.0",
-    "nativescript-worker-loader": "~0.9.0",
+    "nativescript-worker-loader": "~0.9.1",
     "node-sass": "^4.9.2",
     "sass-loader": "^7.1.0",
     "terser-webpack-plugin": "^1.1.0",
+    "tns-platform-declarations": "~6.0.0",
+    "typescript": "~3.4.5",
     "vue-loader": "^15.2.6",
     "webpack": "^4.16.4",
     "webpack-bundle-analyzer": "~2.13.1",
-    "webpack-cli": "^3.1.0"
+    "webpack-cli": "rm ^3.1.0"
   }
 }

src/package.json

@@ -24,8 +24,8 @@
         "demo.ng.android": "npm i && npm run tsc && cd ../demo-ng && tns run android --syncAllFiles",
         "demo.ng.webpack.android": "npm i && npm run tsc && cd ../demo-ng && npm run start-android-bundle",
         "demo.ng.webpack.ios": "npm i && npm run tsc && cd ../demo-ng && npm run start-ios-bundle",
-        "demo-vue.ios": "npm run tsc && cd ../demo-vue && tns run ios --bundle --syncAllFiles",
-        "demo-vue.android": "npm run tsc && cd ../demo-vue && tns run android --bundle --syncAllFiles",
+        "demo-vue.ios": "npm run tsc && cd ../demo-vue && tns run ios --bundle",
+        "demo-vue.android": "npm run tsc && cd ../demo-vue && tns run android --bundle",
         "clean": "rm -rf node_modules && cd ../demo && rm -rf hooks node_modules platforms && cd ../src && npm run plugin.link",
         "ngc": "ngc --project tsconfig.aot.json",
         "prepublish": "npm run ngc",

src/platforms/android/include.gradle

@@ -3,9 +3,9 @@ repositories {
 }
 
 android {
-    
+
 }
 
 dependencies {
-  compile 'com.github.tommus:youtube-android-player-api:1.2.2'
+  compile 'com.github.tommus:youtube-android-player-api:1.2.3'
 }

src/youtubeplayer.android.ts

@@ -38,10 +38,11 @@ export class YoutubePlayer extends YoutubePlayerBase {
         this._layoutId = android.view.View.generateViewId();
         const nativeView = new android.widget.LinearLayout(this._context);
         nativeView.setId(this._layoutId);
-        const manager = app.android.foregroundActivity.getFragmentManager();
+        // this uses a private API, but it's the best (or rather: easiest) way I could find to support showing the fragment in modals
+        const manager: android.support.v4.app.FragmentManager = (<any>this)._getFragmentManager();
         const fragment = manager.findFragmentByTag(FRAGMENT_TAG);
         if (!fragment) {
-            this._fragment = com.google.android.youtube.player.YouTubePlayerFragment.newInstance();
+            this._fragment = com.google.android.youtube.player.YouTubePlayerSupportFragment.newInstance();
             manager
                 .beginTransaction()
                 .replace(this._layoutId, this._fragment, FRAGMENT_TAG)
@@ -236,7 +237,10 @@ export class YoutubePlayer extends YoutubePlayerBase {
         if (this._fragment) {
             const activity = app.android.foregroundActivity;
             if (activity && !activity.isFinishing()) {
-                activity.getFragmentManager().beginTransaction().remove(this._fragment).commit();
+                (<android.support.v4.app.FragmentManager>(<any>this)._getFragmentManager())
+                    .beginTransaction()
+                    .remove(this._fragment)
+                    .commit();
                 this._fragment = null;
             }
         }