triniwiz / nativescript-plugins Goto Github PK

License: Apache License 2.0

TypeScript 84.84% CSS 0.01% HTML 0.75% JavaScript 1.93% Ruby 0.07% Java 2.99% Swift 1.83% Kotlin 7.36% Shell 0.03% SCSS 0.07% Vue 0.12% Procfile 0.01%

nativescript-plugins's Introduction

How to use?

This workspace manages the suite of plugins listed above.

In general, when in doubt with what to do, just npm start.

How to add a new package to workspace?

npm run add

At the prompt, enter the name of the new package.

This adds a plugin harness in packages with the necessary boilerplate to just start developing
Updates all demo app flavors to support demoing the new package
Adds shared code in tools/demo where you can write demo code once and share across all demo flavors
Updates build tooling to support the new package
Updates the npm start interactive display
Updates the README here to list the new package

How to add Angular compatibility to a package

npm run add-angular

At the prompt, enter the name of the package to add an angular folder to it with the necessary boilerplate to provide Angular support to the package.

How to focus on just 1 package to develop in isolation

npm start

Choose the focus commands for the package you wish to focus on and hit enter.
All the demo app's will be updated to isolate that 1 package and for supported IDE's (currently VS Code), the source code will also become isolated in the workspace.

Note: good to always clean the demo you plan to run after focusing. (You can clean any demo from npm start as well)

How to publish packages?

npm run publish-packages

You will be prompted for the package names to publish. Leaving blank and hitting enter will publish them all.
You will then be prompted for the version to use. Leaving blank will auto bump the patch version (it also handles prerelease types like alpha, beta, rc, etc. - It even auto tags the corresponding prelease type on npm).
You will then be given a brief sanity check 🧠😊

Made with ❤️

nativescript-plugins's People

Contributors

Stargazers

Watchers

Forkers

jcassidyav spcfdoho jatus93 mastashake08 shirakaba jacobfj fklingler rickdiazpr nathanwalker k4ng-fork harshakuk govi2010 edusperoni catchabus adel12790 pcunha03 tobydeh williamjuan027 thisappio calebswhite emiiano1983 prestopasto kg3rk3n micflan windubundle justinkurtz comporell kefahb brianrclow bezlepkin elkarrde abdallahkadour sr3dna bradmartin canmertc swrtech lmslopes arthurmj96 flash-global66 psenthu lightpayluxembourg 13dante04 johnwanjohi primeboard rigor789 max1tors bebrasmell insytes sebj54 coltkenn2658 ragiptopalli

nativescript-plugins's Issues

Uncaught ReferenceError: ImageCacheItUtils is not defined ...

I'm trying to use @triniwiz/nativescript-image-cache-it. It works perfectly when using tns run ios --no-hmr --bundle, however after doing a tns prepare ios --release and changing the Scheme to Release inside of Xcode, I get the following error:

ReferenceError: ImageCacheItUtils is not defined ..

I've tried removing + adding the plugin, tns platform remove ios / tns platform add ios, tns clean all to no avail. The app also works perfectly (in Release mode) if I build it without @triniwiz/nativescript-image-cache-it.

Any thoughts on what this could be?

package.json dependencies:

{
  "dependencies": {
    "@angular/animations": "~11.0.0",
    "@angular/common": "~11.0.0",
    "@angular/compiler": "~11.0.0",
    "@angular/core": "~11.0.0",
    "@angular/forms": "~11.0.0",
    "@angular/platform-browser": "~11.0.0",
    "@angular/platform-browser-dynamic": "~11.0.0",
    "@angular/router": "~11.0.0",
    "@nativescript/angular": "~11.0.0",
    "@nativescript/core": "~7.1.0",
    "@nativescript/iqkeyboardmanager": "^2.0.0",
    "@nativescript/theme": "~3.0.0",
    "@triniwiz/nativescript-image-cache-it": "^7.0.5",
    "@triniwiz/nativescript-stripe": "^7.0.0-alpha10",
    "@triniwiz/nativescript-toasty": "^4.1.3",
    "jwt-decode": "^3.1.2",
    "nativescript-ngx-shadow": "^6.5.0",
    "nativescript-ui-listview": "^9.1.0",
    "reflect-metadata": "~0.1.12",
    "rxjs": "^6.6.3",
    "sass": "^1.32.4",
    "sharp": "^0.27.1",
    "zone.js": "~0.11.1"
  },
  "devDependencies": {
    "@angular/compiler-cli": "~11.0.0",
    "@nativescript/ios": "7.1.1",
    "@nativescript/types": "~7.0.0",
    "@nativescript/webpack": "~4.0.0",
    "@ngtools/webpack": "~11.0.0",
    "nativescript-dev-sass": "^1.7.0",
    "typescript": "~4.0.0"
  }
}

Couchbase createDocument failed if input data contains an array

Hi,
Thanks for great plugins. I am seeing bellow behavior:

Object -> cool

Array -> not cool

I would like to store a list of photo along with my document. Is it expected that Array is not supported?

Stripe: gradle build fails when used with nativescript-ui-gauge

Previous versions of nativescript-stripe worked with my app. Building with @triniwiz/nativescript-stripe fails with the following error:

Execution failed for task ':app:mergeDebugResources'.
Android resource compilation failed
C:\Users\Mike\.gradle\caches\transforms-2\files-2.1\0f279d52f241ddc1c70630baab066dcc\jetified-TNSGauge-release\res\values\values.xml:29:5-40:25: AAPT: error: duplicate value for resource 'attr/circleRadius' with config ''.
    
C:\Users\Mike\.gradle\caches\transforms-2\files-2.1\0f279d52f241ddc1c70630baab066dcc\jetified-TNSGauge-release\res\values\values.xml:29:5-40:25: AAPT: error: resource previously defined here.

If I remove nativescript-ui-gauge from the project, it builds and stripe works fine.

[Stripe - NS7 + Angular] CreditCardView contents undefined

Here the minimal code:

payment.component.html
<GridLayout rows="*,auto"> <StackLayout row="0" width="350"> <CreditCardView #card/> </StackLayout> <GridLayout row="1" rows="*"> <Button text="Create Token" (tap)="submitPayment(card)" class="btn btn-primary"></Button> </GridLayout> </GridLayout>
<CreditCardView #card/>

payment.component.ts

`
import { CreditCardView, CardParams, Address, Stripe } from '@triniwiz/nativescript-stripe';
export class PaymentComponent implements OnInit {

@ViewChild('card') card : CreditCardView;
constructor() {
}

submitPayment(cardView: CreditCardView): void {
console.log(this.card.nativeView);
console.log(cardView.cardParams);
}
`

...and CreditCardViewModule imported in app.module.ts.

I correctly see the credit card form in the view but when i submit and I inspect the cardView parameter in submitPayment method, the content is all undefined...
What's the problem here?

Thanks in advance

[ socket.io-client-swift ] - pod install error

Hello, I'm getting the following error when trying to do a clean iOS build (NS 7, iOS runtime v6.5.4):

[!] CocoaPods could not find compatible versions for pod "Socket.IO-Client-Swift":
  In Podfile:
    Socket.IO-Client-Swift (from `https://github.com/triniwiz/socket.io-client-swift.git`)

Specs satisfying the `Socket.IO-Client-Swift (from `https://github.com/triniwiz/socket.io-client-swift.git`)` dependency were found, but they required a higher minimum deployment target.

Any thoughts on how to resolve this?

Couchbase Android and nulls

Hey, I don't have a great use case for this, but it's taken a while to understand why everything was doing the do on iOS and not Android. Hopefully it helps someone else.

The reason for null values in my object is I'm porting from a nasty old flat json file storage mechanism to a nice shiny couch-lite based system (thanks).

If my document contains a null value the createDocument method fails to save and returns null on @triniwiz/[email protected].

e.g:

const db = new CouchBase('somedb');
const id = db.createDocument({
  key: "val",
  someotherkey: null,
});
console.log(`returned id: ${id}`, id);
// the returned ID is null here, under the hood an exception is thrown (see below).
// No obvious cause from the logs until I added logging.

Relevant logs, ignore line numbers, had to add some logging to see what was happening.

03-12 17:03:47.342 20810 20810 E TNSCouchBase: Exception in fromJson
03-12 17:03:47.342 20810 20810 E TNSCouchBase: java.lang.IllegalArgumentException: Non-string or null key in data to be deserialized.
03-12 17:03:47.342 20810 20810 E TNSCouchBase: 	at com.couchbase.lite.Fleece.toCBLObject(Fleece.java:86)
03-12 17:03:47.342 20810 20810 E TNSCouchBase: 	at com.couchbase.lite.MutableDictionary.setValue(MutableDictionary.java:96)
03-12 17:03:47.342 20810 20810 E TNSCouchBase: 	at com.couchbase.lite.MutableDocument.setValue(MutableDocument.java:148)
03-12 17:03:47.342 20810 20810 E TNSCouchBase: 	at com.github.triniwiz.couchbase.Couchbase$Companion.serialize(Couchbase.kt:327)
03-12 17:03:47.342 20810 20810 E TNSCouchBase: 	at com.github.triniwiz.couchbase.Couchbase$Companion.fromJSON(Couchbase.kt:90)
03-12 17:03:47.342 20810 20810 E TNSCouchBase: 	at com.github.triniwiz.couchbase.Couchbase$Companion.saveFromJSON(Couchbase.kt:127)
03-12 17:03:47.342 20810 20810 E TNSCouchBase: 	at com.github.triniwiz.couchbase.Couchbase$Companion.saveFromJSON(Couchbase.kt:122)
03-12 17:03:47.342 20810 20810 E TNSCouchBase: 	at com.github.triniwiz.couchbase.Couchbase.saveFromJSON(Unknown Source:2)
03-12 17:03:47.342 20810 20810 E TNSCouchBase: 	at com.tns.Runtime.callJSMethodNative(Native Method)
03-12 17:03:47.342 20810 20810 E TNSCouchBase: 	at com.tns.Runtime.access$2200(Runtime.java:39)
03-12 17:03:47.342 20810 20810 E TNSCouchBase: 	at com.tns.Runtime$5.run(Runtime.java:1323)
03-12 17:03:47.342 20810 20810 E TNSCouchBase: 	at android.os.Handler.handleCallback(Handler.java:938)
03-12 17:03:47.342 20810 20810 E TNSCouchBase: 	at android.os.Handler.dispatchMessage(Handler.java:99)
03-12 17:03:47.342 20810 20810 E TNSCouchBase: 	at android.os.Looper.loop(Looper.java:223)
03-12 17:03:47.342 20810 20810 E TNSCouchBase: 	at android.app.ActivityThread.main(ActivityThread.java:7656)
03-12 17:03:47.342 20810 20810 E TNSCouchBase: 	at java.lang.reflect.Method.invoke(Native Method)
03-12 17:03:47.342 20810 20810 E TNSCouchBase: 	at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:592)
03-12 17:03:47.342 20810 20810 E TNSCouchBase: 	at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:947)

Might not be one to fix but is worth noting to save anyone else some time.

ImageZoom Crashing Android

I am using ImageZoom in a NS8 + Angular project and I am getting this error right off the bat that is crashing my app. I tried cloning this repo and running the demos but I can't get them to build. Any idea what is causing this?

System.err: An uncaught Exception occurred on "main" thread.
System.err: Calling js method onCreateView failed
System.err: Error: java.lang.ExceptionInInitializerError
System.err:
System.err: StackTrace:
System.err: createNativeView(file: node_modules/@triniwiz/nativescript-image-zoom/index.android.js:9:0)
System.err:     at _setupUI(file: node_modules/@nativescript/core/ui/core/view-base/index.js:554:0)
System.err:     at (file: node_modules/@nativescript/core/ui/core/view-base/index.js:600:0)
System.err:     at eachChildView(file: node_modules/@nativescript/core/ui/layouts/layout-base-common.js:101:0)
System.err:     at eachChild(file: node_modules/@nativescript/core/ui/core/view/view-common.js:759:0)
System.err:     at _setupUI(file: node_modules/@nativescript/core/ui/core/view-base/index.js:599:0)
System.err:     at (file: node_modules/@nativescript/core/ui/core/view-base/index.js:600:0)
System.err:     at eachChildView(file: node_modules/@nativescript/core/ui/content-view/index.js:65:0)
System.err:     at eachChild(file: node_modules/@nativescript/core/ui/core/view/view-common.js:759:0)
System.err:     at _setupUI(file: node_modules/@nativescript/core/ui/core/view-base/index.js:599:0)
System.err:     at (file: node_modules/@nativescript/core/ui/core/view-base/index.js:600:0)
System.err:     at eachChildView(file: node_modules/@nativescript/core/ui/layouts/layout-base-common.js:101:0)
System.err:     at eachChild(file: node_modules/@nativescript/core/ui/core/view/view-common.js:759:0)
System.err:     at _setupUI(file: node_modules/@nativescript/core/ui/core/view-base/index.js:599:0)
System.err:     at (file: node_modules/@nativescript/core/ui/core/view-base/index.js:600:0)
System.err:     at eachChildView(file: node_modules/@nativescript/core/ui/content-view/index.js:65:0)
System.err:     at eachChildView(file: node_modules/@nativescript/core/ui/page/page-common.js:106:0)
System.err:     at eachChild(file: node_modules/@nativescript/core/ui/core/view/view-common.js:759:0)
System.err:     at _setupUI(file: node_modules/@nativescript/core/ui/core/view-base/index.js:599:0)
System.err:     at _addViewCore(file: node_modules/@nativescript/core/ui/core/view-base/index.js:450:0)
System.err:     at _addView(file: node_modules/@nativescript/core/ui/core/view-base/index.js:439:0)
System.err:     at onCreateView(file: node_modules/@nativescript/core/ui/frame/index.android.js:740:0)
System.err:     at onCreateView(file: node_modules/@nativescript/core/ui/frame/fragment.android.js:25:0)
System.err:     at com.tns.Runtime.callJSMethodNative(Native Method)
System.err:     at com.tns.Runtime.dispatchCallJSMethodNative(Runtime.java:1302)
System.err:     at com.tns.Runtime.callJSMethodImpl(Runtime.java:1188)
System.err:     at com.tns.Runtime.callJSMethod(Runtime.java:1175)
System.err:     at com.tns.Runtime.callJSMethod(Runtime.java:1153)
System.err:     at com.tns.Runtime.callJSMethod(Runtime.java:1149)
System.err:     at com.tns.FragmentClass.onCreateView(FragmentClass.java:55)
System.err:     at androidx.fragment.app.Fragment.performCreateView(Fragment.java:2699)
System.err:     at androidx.fragment.app.FragmentStateManager.createView(FragmentStateManager.java:320)
System.err:     at androidx.fragment.app.FragmentManager.moveToState(FragmentManager.java:1199)
System.err:     at androidx.fragment.app.FragmentManager.moveToState(FragmentManager.java:1368)
System.err:     at androidx.fragment.app.FragmentManager.moveFragmentToExpectedState(FragmentManager.java:1446)
System.err:     at androidx.fragment.app.FragmentManager.moveToState(FragmentManager.java:1509)
System.err:     at androidx.fragment.app.BackStackRecord.executeOps(BackStackRecord.java:447)
System.err:     at androidx.fragment.app.FragmentManager.executeOps(FragmentManager.java:2181)
System.err:     at androidx.fragment.app.FragmentManager.executeOpsTogether(FragmentManager.java:2004)
System.err:     at androidx.fragment.app.FragmentManager.removeRedundantOperationsAndExecute(FragmentManager.java:1959)
System.err:     at androidx.fragment.app.FragmentManager.execPendingActions(FragmentManager.java:1861)
System.err:     at androidx.fragment.app.FragmentManager.dispatchStateChange(FragmentManager.java:2641)
System.err:     at androidx.fragment.app.FragmentManager.dispatchActivityCreated(FragmentManager.java:2589)
System.err:     at androidx.fragment.app.Fragment.performActivityCreated(Fragment.java:2723)
System.err:     at androidx.fragment.app.FragmentStateManager.activityCreated(FragmentStateManager.java:346)
System.err:     at androidx.fragment.app.FragmentManager.moveToState(FragmentManager.java:1200)
System.err:     at androidx.fragment.app.FragmentManager.moveToState(FragmentManager.java:1368)
System.err:     at androidx.fragment.app.FragmentManager.moveFragmentToExpectedState(FragmentManager.java:1446)
System.err:     at androidx.fragment.app.FragmentManager.moveToState(FragmentManager.java:1509)
System.err:     at androidx.fragment.app.BackStackRecord.executeOps(BackStackRecord.java:447)
System.err:     at androidx.fragment.app.FragmentManager.executeOps(FragmentManager.java:2181)
System.err:     at androidx.fragment.app.FragmentManager.executeOpsTogether(FragmentManager.java:2004)
System.err:     at androidx.fragment.app.FragmentManager.removeRedundantOperationsAndExecute(FragmentManager.java:1959)
System.err:     at androidx.fragment.app.FragmentManager.execPendingActions(FragmentManager.java:1861)
System.err:     at androidx.fragment.app.FragmentManager.dispatchStateChange(FragmentManager.java:2641)
System.err:     at androidx.fragment.app.FragmentManager.dispatchActivityCreated(FragmentManager.java:2589)
System.err:     at androidx.fragment.app.Fragment.performActivityCreated(Fragment.java:2723)
System.err:     at androidx.fragment.app.FragmentStateManager.activityCreated(FragmentStateManager.java:346)
System.err:     at androidx.fragment.app.FragmentManager.moveToState(FragmentManager.java:1200)
System.err:     at androidx.fragment.app.FragmentManager.moveToState(FragmentManager.java:1368)
System.err:     at androidx.fragment.app.FragmentManager.moveFragmentToExpectedState(FragmentManager.java:1446)
System.err:     at androidx.fragment.app.FragmentManager.moveToState(FragmentManager.java:1509)
System.err:     at androidx.fragment.app.BackStackRecord.executeOps(BackStackRecord.java:447)
System.err:     at androidx.fragment.app.FragmentManager.executeOps(FragmentManager.java:2181)
System.err:     at androidx.fragment.app.FragmentManager.executeOpsTogether(FragmentManager.java:2004)
System.err:     at androidx.fragment.app.FragmentManager.removeRedundantOperationsAndExecute(FragmentManager.java:1959)
System.err:     at androidx.fragment.app.FragmentManager.execPendingActions(FragmentManager.java:1861)
System.err:     at androidx.fragment.app.FragmentManager$4.run(FragmentManager.java:413)
System.err:     at android.os.Handler.handleCallback(Handler.java:938)
System.err:     at android.os.Handler.dispatchMessage(Handler.java:99)
System.err:     at android.os.Looper.loop(Looper.java:223)
System.err:     at android.app.ActivityThread.main(ActivityThread.java:7656)
System.err:     at java.lang.reflect.Method.invoke(Native Method)
System.err:     at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:592)
System.err:     at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:947)
System.err: Caused by: java.lang.ExceptionInInitializerError
System.err:     at okhttp3.internal.platform.Platform.get(Platform.java:85)
System.err:     at okhttp3.OkHttpClient.newSslSocketFactory(OkHttpClient.java:263)
System.err:     at okhttp3.OkHttpClient.<init>(OkHttpClient.java:229)
System.err:     at okhttp3.OkHttpClient$Builder.build(OkHttpClient.java:1015)
System.err:     at com.squareup.picasso.OkHttp3Downloader.<init>(OkHttp3Downloader.java:71)
System.err:     at com.squareup.picasso.OkHttp3Downloader.<init>(OkHttp3Downloader.java:50)
System.err:     at com.squareup.picasso.OkHttp3Downloader.<init>(OkHttp3Downloader.java:40)
System.err:     at com.squareup.picasso.Picasso$Builder.build(Picasso.java:804)
System.err:     at com.squareup.picasso.provider.PicassoProvider.get(PicassoProvider.java:34)
System.err:     ... 52 more
System.err: Caused by: java.lang.IllegalStateException: Expected Android API level 21+ but was 30
System.err:     at okhttp3.internal.platform.AndroidPlatform.buildIfSupported(AndroidPlatform.java:238)
System.err:     at okhttp3.internal.platform.Platform.findPlatform(Platform.java:202)
System.err:     at okhttp3.internal.platform.Platform.<clinit>(Platform.java:79)
System.err:     ... 61 more

[@triniwiz/nativescript-couchbase] crash when using regex comparision in a query

Nativescript version: 8.0.1
Plugin version: 1.2.3
Platform: android/ios

Problem description:
Plugin crashes with the following error on android when using a regex comparision in a query:

System.err: An uncaught Exception occurred on "main" thread.
System.err: Calling js method onCreateView failed
System.err: Error: JNI Exception occurred (SIGABRT).
System.err: =======
System.err: Check the 'adb logcat' for additional information about the error.
System.err: =======
System.err:
System.err:
System.err: StackTrace:
System.err: setComparison(file: app\webpack:\myapp\node_modules\@triniwiz\nativescript-couchbase\index.android.js:266:0)
System.err:     at query(file: app\webpack:\myapp\node_modules\@triniwiz\nativescript-couchbase\index.android.js:312:0)

Observation:
The problem appears to be with line 269 in index.android.ts:

nativeQuery = com.couchbase.lite.Function.lower(item.property).regex(this.serializeExpression(item.value));

If I replace this with the same syntax as the "like" comparison, then the crash doesn't happen:

nativeQuery = com.couchbase.lite.Function.lower(com.couchbase.lite.Expression.property(item.property)).regex(this.serializeExpression(item.value));

Seems like it's maybe something to do with a missing call to Expression.property to wrap the item.property.

ios:
Similar code appears on line 585 of index.ios.ts. The crash error message on ios is slightly different, but is fixed by changing this line in the same way as above.

Stripe Pod Install Error

When trying to do the pod install step of ns run ios I get the following error

Multiple identical platforms with different versions have been detected during the processing of podfiles. The current platform's content "platform :ios, '10.0'" from /Users/jyroneparker/Programs/mobisnacks-mobile/node_modules/@codelab/nativescript-cast/platforms/ios/Podfile will be replaced with "platform :ios, '11.0'" from /Users/jyroneparker/Programs/mobisnacks-mobile/node_modules/@triniwiz/nativescript-stripe/platforms/ios/Podfile
Installing pods...

[!] Invalid Podfile file: syntax error, unexpected end, expecting end-of-input.

from /Users/jyroneparker/Programs/mobisnacks-mobile/platforms/ios/Podfile:135

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

# End Podfile

end

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

'pod install' command failed.

The script seems to add the extra end and i can't make it stop

Socket manager not defined for "@triniwiz/nativescript-socketio": "4.0.1"

Make sure to check the demo app(s) for sample usage

Demo app not up to date

Make sure to check the existing issues in this repository

None

If the demo apps cannot help and there is no issue for your problem, tell us about it

Please, ensure your title is less than 63 characters long and starts with a capital
letter.
Trying to create a basic socket in NS angular and throwing "SocketManager is not defined" exception.

Which platform(s) does your issue occur on?

IOS
Emulator: iphone11

Please, provide the following version numbers that your issue occurs with:

CLI: (run tns --version to fetch it) 7.0.11
Cross-platform modules: (check the 'version' attribute in the
node_modules/tns-core-modules/package.json file in your project)
Runtime(s): (look for the "tns-android" and "tns-ios" properties in the package.json file of your project)
Plugin(s): (look for the version numbers in the package.json file of your
project and paste your dependencies and devDependencies here)
4.0.1

Please, tell us how to recreate the issue in as much detail as possible.

do ns clean
npm i
try and instantiate SocketIO instance

Wild guess: It seems like the SocketManager in the index.ios.js needs an import that isn't being supplied?
Thanks

Is there any code involved? Using angular framework

component:

import { SocketIOModule } from "@triniwiz/nativescript-socketio/angular";
  constructor(private socketIO:SocketIO) { }

  ngOnInit(): void {
    this.socketIO.connect();
  }

module:

import { SocketIOModule } from "@triniwiz/nativescript-socketio/angular";
SocketIOModule.forRoot(http://localhost:3000/)

Thanks in advance

ERROR TypeError: Cannot read property 'setOnTouchListener' of null

Line 28: this._toast.getView().setOnTouchListener(new android.view.View.OnTouchListener({

Happens on android version==11

Robert

[Stripe - NS7 + Angular] CreditCardView - postal code

Hello, i am using CreditCardView in my NS7 - Angular application, to catch the card info by the user:

Here the result:

Is there any way to disable/hide the postal code input? Maybe setting some parameters in the view or in the typescript part?
If not, any workaround to hide that?

Thanks in advance

Cant find module

Hi, im trying to register a plugin in vue like this:

Vue.registerElement('YoutubePlayer',
() => require('@triniwiz/nativescript-youtubeplayer').YoutubePlayer)
getting an error:

ERROR in ./app.js
Module not found: Error: Can't resolve '@triniwiz/nativescript-youtubeplayer'

what im doing wrong?

Error in Advance video recorder

Hi @triniwiz. I need the advanced functions. I have installed https://triniwiz.github.io/nativescript-plugins/api-reference/video-recorder.html#installing. Has the code changed significantly or will previous code work.

Is this link for the advanced version, getting error:-

ERROR in ./video/video-page.xml
Module not found: Error: Can't resolve '@triniwiz/nativescript-videorecorder/advanced' in '/Users/nick/Documents/NativeScript/Projects/MyApp/app/video'
@ ./video/video-page.xml 1:91-147 2:109-165
@ . sync (?<!\bApp_Resources\b.)(?<!./\btests\b/.?).(xml|css|js|(?<!.d.)ts|(?<!\b_[\w-]*.)scss)$
@ ./app.js

getDocument take longer for more records

const document = db.getDocument(documentId);

This call take almost 15 to 20 seconds for more than 1000 records.
Is there a better way to improve performance ?

typo(nativescript-couchbase): `Couchbase` causes confusion in documentation

It seems that Couchbase class mentioned in https://triniwiz.github.io/nativescript-plugins/api-reference/couchbase.html has actually been renamed to CouchBase in source code.

This causes confusion to people using plugin for first time.

Error using latest version

I just updated to @triniwiz/nativescript-stripe version [email protected]

When I ran ns build ios I get this error. I had to rollback to version [email protected].

ERROR in payment/payment-page.ts:478:36
TS2352: Conversion of type 'ViewBase' to type 'CreditCardView' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.
Type 'ViewBase' is missing the following properties from type 'CreditCardView': cardParams, showPostalCode, isUSZipRequired, borderColor, and 104 more.
476 | const paymentButton = args.object;
477 | paymentButton.visibility = "hidden";

478 | const ccView: CreditCardView = page.getViewById("card") as CreditCardView;
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
479 | stripe.createCardToken(ccView.cardParams, (error, token) => {
480 | if (token && error === null) {
481 | tokenSource.set("token", formatToken(token));
Executing webpack failed with exit code 2.

nativescript-stripe still broken

The nativescript-stripe plugin is still broken and missing some changes that I made to the @funder7 branch.

_getAuthenticationDelegate() is returning the incorrect delegate and CreditCardView get card() is missing a call to init().

Please see the following commits:

https://github.com/toby-wollit/nativescript-stripe/commit/863e48faf5291166886d5a0b46a7d7d69c8d1cd8
https://github.com/toby-wollit/nativescript-stripe/commit/a36e17a43b065083d1c855086af799a5df764e47

Couchbase: confusing handling of IDs

I'm new to Couchbase Lite, so sorry if this is barking up the wrong tree.

I'm very confused as to why the plugin is putting an ID field in created docs and how it returns it.

Let's start with these docs being created:

database.createDocument({
  name: "steve",
});

database.createDocument({
  id: "bobIdInDoc",
  name: "bob",
});

database.createDocument(
  {
    name: "jane",
  },
  "janeExplicitId"
);

A query with an empty select gives us:

// select: [] =>
[{
  "name": "steve",
  "id": "12bd1d9e-3c20-4d17-899a-a77b1ad8087a"
}, {
  "name": "bob",
  "id": "5661ec42-a214-4302-934d-c25d75f991f6"
}, {
  "name": "jane",
  "id": "janeExplicitId"
}]

Okay, so Steve got an autogenerated ID, Bob got his overwritten, and Jane kept hers. How would I know that the ID of a returned doc is one that was overwritten, one I gave explicitly, or one that was made cause I didn't give one explicitly?

Let's try selecting the ID:

 // select: ["id"] =>
[{
  "id": null
 }, {
 "id": "bobIdInDoc"
 }, {
 "id": null
 }]

Wow, so when I select the id field, the autogenerated ID and explicit ones are gone!

Reading the Couchbase docs, the REAL id is sometimes called "_id", so lets try that

// select: ["_id"] =>
[{
  "_id": "12bd1d9e-3c20-4d17-899a-a77b1ad8087a"
}, {
  "_id": "5661ec42-a214-4302-934d-c25d75f991f6"
}, {
  "_id": "janeExplicitId"
 }]

So, when I use "_id", I'll get back the ids that are in the returned docs when I use [] for select.

I discovered that there is actually a way of getting all fields and the true ID: Link, and finding QueryMeta in the source, I tried select: [QueryMeta.ID, QueryMeta.ALL], though it returns the same as for []

Finally, I tried ["_id", QueryMeta.ALL]:

// select: ["_id", QueryMeta.ALL] =>
[{
  "name": "steve",
  "_id": "301aebcd-ac13-411d-b437-436f6e98ba20"
}, {
  "name": "bob",
  "id": "bobIdInDoc",
  "_id": "a9e1c967-c05c-4c8a-a72a-2f5887911888"
}, {
  "name": "jane",
  "_id": "janeExplicitId"
}]

And there we go! I get back the id that I can be sure is the REAL one, and the id field whose origin I can't be sure of.

Can I please get an explanation for what is going on?

Full source for example: https://pastebin.com/s4q8j1K7

[Pager - NS7 + Angular] Content of pager not showed

Hello @triniwiz,
I am using the @triniwiz/nativescript-pager: 13.0.1 plugin in my NS7 + Angular app following the demo-ng source.
Here my code:

app.module.ts

import { PagerModule } from '@triniwiz/nativescript-pager/angular';
....
@NgModule({
    bootstrap: [
        AppComponent
    ],
    imports: [
        ...
        PagerModule
    ],
    providers: [
        ...
    ],
    declarations: [
        ...
    ],
    entryComponents: [
        ...
    ],
    schemas: [
        ...
    ]

galleria-detail.component.ts

import { Component, ElementRef, ViewChild } from '@angular/core';
@Component({
    selector: "GalleriaDetails",
    templateUrl: "./galleria-details.component.html"
})
export class GalleriaDetailsComponent {
    numItems;
    currentPagerIndex = 0;
    items: Array<any>;
    @ViewChild('pager', {static: true}) pager: ElementRef;

    constructor() {
        this.items = [
            {
                title: 'Slide 1',
                image:
                    'https://s-media-cache-ak0.pinimg.com/originals/4c/92/cc/4c92cc1dfbde6a6a40fe799f56fa9294.jpg'
            },
            {
                title: 'Slide 2',
                image:
                    'https://images.unsplash.com/photo-1487715433499-93acdc0bd7c3?auto=format&fit=crop&w=2228&q=80'
            }
        ];
        this.numItems = this.items.length;
    }

    ngOnInit(): void {
    }

    loaded(index: number) {
        console.log('view loaded', index);
    }

    loadedImage($event) {
        console.log(`loaded image ${$event}`);
    }

    prevPage() {
        const newIndex = Math.max(0, this.currentPagerIndex - 1);
        this.currentPagerIndex = newIndex;
    }

    nextPage() {
        const newIndex = Math.min(this.numItems - 1, this.currentPagerIndex + 1);
        this.currentPagerIndex = newIndex;
    }

    onIndexChanged($event) {
        this.currentPagerIndex = $event.value;
    }

    pageChanged(index: number) {
        console.log(`pageChanged ${JSON.stringify(index)}`);
    }
}

galleria-detail.component.html

<ActionBar title="My NG Demo" class="action-bar">
</ActionBar>
<GridLayout rows="*">
    <Pager 
        #pager
        row="0"
        loadMoreCount="5"
        class="pager"
        backgroundColor="lightsteelblue"
        [items]="items" 
        [selectedIndex]="currentPagerIndex" 
        (selectedIndexChange)="onIndexChanged($event)">

        <ng-template let-i="index" let-item="item">
            <GridLayout (loaded)="loaded(i)" rows="auto, *" backgroundColor="red">
                <Label [text]="item.title"></Label>
                <Image height="300" width="300" (loaded)="loadedImage($event)" stretch="fill" row="1" [src]="item.image"></Image>
            </GridLayout>
        </ng-template>
    </Pager>
</GridLayout>

The pagination is working.
The problem is that the content of the Pager ( ng-template ) is not showed.. so, label and Image are kind of skipped.
Rather, is showed a [object Object]by the Pager itsel.
I attach a screenshot

CocoaPods could not find compatible versions for pod "CouchbaseLite"

getting error while building for iOS ...

[!] CocoaPods could not find compatible versions for pod "CouchbaseLite":
In Podfile:
CouchbaseLite (~> 2.8.1)

None of your spec sources contain a spec satisfying the dependency: CouchbaseLite (~> 2.8.1).

You have either:

out-of-date source repos which you can update with pod repo update or with pod install --repo-update.
mistyped the name or version.
not added the source repo that hosts the Podspec to your Podfile.
'pod install' command failed.
For more information on resolving CocoaPod issues in NativeScript read.

The build works when changing version to 2.8.0 from '2.8.1' in node_modules/@triniwiz/nativescript-couchbase/platforms/iOS/Podfile

Can't add custom component with a NestedScrollView using Builder.load in NS7

Hey @triniwiz,

I'm upgrading to NS7 and noticed that all of my custom components with NestedScrollView in the UI will not load. I'm using Builder.load but there is no return.

Check out my sample app here. If you remove the NestedScrollView in the custom component the app will function correctly.
https://play.nativescript.org/?template=play-tsc&id=rnQH2l&v=2

Love your plugins,
Thanks

NS7 - Stripe 7.0.0-alpha10

Hello, i need to collect the "source" once the user insert the data in the cardView
The source I am talking is the one reported here:
https://stripe.com/docs/saving-cards#saving-credit-card-details-for-later
In that example i setted as tok_mastercard and it should be generated when the user inser the data in the view

Any chance to get this id in the current implementation?
Thanks in advance

NS7 Migration of nativescript-accelerometer

Would it be possible to get a release of the accelerometer plugin? It looks like it is good to go.

[nativescript-couchbase] On NS v7.0.11, compiling android app throws TS error: Non-abstract class 'CouchBase' does not implement inherited member 'ios' from class 'Common'.

When compiling an android app using NS v7.0.11 using nativescript-couchbase plugin, I get the following error:

ERROR in node_modules/@triniwiz/nativescript-couchbase/index.d.ts:14:22 - error TS2515: Non-abstract class 'CouchBase' does not implement inherited abstract member 'ios' from class 'Common'.

14 export declare class CouchBase extends Common {

The command used to run the app is:

tns run android --device=1 --bundle

System.err: Calling js method onToastShown failed

just updated, was working w/iOS and switched back to Android - getting System.err: Calling js method onToastShown failed

"@triniwiz/nativescript-toasty": "^4.1.0",

System.err: An uncaught Exception occurred on "main" thread.
System.err: Calling js method onToastShown failed
System.err: TypeError: b.onShown is not a function
System.err:
System.err: StackTrace:
System.err: onToastShown(file: node_modules/@triniwiz/nativescript-toasty/index.android.js:42:0)
System.err: at com.tns.Runtime.callJSMethodNative(Native Method)
System.err: at com.tns.Runtime.dispatchCallJSMethodNative(Runtime.java:1302)
System.err: at com.tns.Runtime.callJSMethodImpl(Runtime.java:1188)
System.err: at com.tns.Runtime.callJSMethod(Runtime.java:1175)
System.err: at com.tns.Runtime.callJSMethod(Runtime.java:1153)
System.err: at com.tns.Runtime.callJSMethod(Runtime.java:1149)
System.err: at com.tns.gen.android.widget.Toast_Callback_vendor_144712_60.onToastShown(Toast_Callback_vendor_144712_60_.java:17)

[Stripe - NS7 + Angular] Error compiling Expiry

Nativescript 7.1.0
Angular 11
Hello, i am using CreditCardView in my application, to catch the card info by the user:
Having an exception when i insert data in the Expiry text field, using the latest version of the plugin (@triniwiz/nativescript-stripe": "^7.0.0-alpha7")
Here the fatal exception:

System.err: An uncaught Exception occurred on "main" thread.
System.err: Calling js method onTextChanged failed
System.err: TypeError: param0.split is not a function
System.err: 
System.err: StackTrace:
System.err: onTextChanged(file: node_modules\@triniwiz\nativescript-stripe\index.android.js:785:0)
System.err:     at com.tns.Runtime.callJSMethodNative(Native Method)
System.err:     at com.tns.Runtime.dispatchCallJSMethodNative(Runtime.java:1302)
System.err:     at com.tns.Runtime.callJSMethodImpl(Runtime.java:1188)
System.err:     at com.tns.Runtime.callJSMethod(Runtime.java:1175)
System.err:     at com.tns.Runtime.callJSMethod(Runtime.java:1153)
System.err:     at com.tns.Runtime.callJSMethod(Runtime.java:1149)
System.err:     at com.tns.gen.android.text.TextWatcher.onTextChanged(TextWatcher.java:31)
System.err:     at android.widget.TextView.sendOnTextChanged(TextView.java:10578)
System.err:     at android.widget.TextView.handleTextChanged(TextView.java:10685)
System.err:     at android.widget.TextView$ChangeWatcher.onTextChanged(TextView.java:13568)
System.err:     at android.text.SpannableStringBuilder.sendTextChanged(SpannableStringBuilder.java:1267)
System.err:     at android.text.SpannableStringBuilder.replace(SpannableStringBuilder.java:576)
System.err:     at android.text.SpannableStringBuilder.replace(SpannableStringBuilder.java:507)
System.err:     at android.text.SpannableStringBuilder.replace(SpannableStringBuilder.java:37)
System.err:     at android.text.method.NumberKeyListener.onKeyDown(NumberKeyListener.java:131)
System.err:     at android.widget.TextView.doKeyDown(TextView.java:8466)
System.err:     at android.widget.TextView.onKeyDown(TextView.java:8240)
System.err:     at android.view.KeyEvent.dispatch(KeyEvent.java:2842)
System.err:     at android.view.View.dispatchKeyEvent(View.java:14247)
System.err:     at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1959)
System.err:     at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1959)
System.err:     at android.widget.ScrollView.dispatchKeyEvent(ScrollView.java:491)
System.err:     at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1959)
System.err:     at android.view.ViewGroup.dispatchKeyEvent(ViewGroup.java:1959)
System.err:     at com.android.internal.policy.DecorView.superDispatchKeyEvent(DecorView.java:476)
System.err:     at com.android.internal.policy.PhoneWindow.superDispatchKeyEvent(PhoneWindow.java:1861)
System.err:     at android.app.Activity.dispatchKeyEvent(Activity.java:4085)
System.err:     at androidx.core.app.ComponentActivity.superDispatchKeyEvent(ComponentActivity.java:122)
System.err:     at androidx.core.view.KeyEventDispatcher.dispatchKeyEvent(KeyEventDispatcher.java:84)
System.err:     at androidx.core.app.ComponentActivity.dispatchKeyEvent(ComponentActivity.java:140)
System.err:     at androidx.appcompat.app.AppCompatActivity.dispatchKeyEvent(AppCompatActivity.java:569)
System.err:     at androidx.appcompat.view.WindowCallbackWrapper.dispatchKeyEvent(WindowCallbackWrapper.java:59)
System.err:     at androidx.appcompat.app.AppCompatDelegateImpl$AppCompatWindowCallback.dispatchKeyEvent(AppCompatDelegateImpl.java:3054)
System.err:     at com.android.internal.policy.DecorView.dispatchKeyEvent(DecorView.java:390)
System.err:     at android.view.ViewRootImpl$ViewPostImeInputStage.processKeyEvent(ViewRootImpl.java:5947)
System.err:     at android.view.ViewRootImpl$ViewPostImeInputStage.onProcess(ViewRootImpl.java:5815)
System.err:     at android.view.ViewRootImpl$InputStage.deliver(ViewRootImpl.java:5310)
System.err:     at android.view.ViewRootImpl$InputStage.onDeliverToNext(ViewRootImpl.java:5367)
System.err:     at android.view.ViewRootImpl$InputStage.forward(ViewRootImpl.java:5333)
System.err:     at android.view.ViewRootImpl$AsyncInputStage.forward(ViewRootImpl.java:5485)
System.err:     at android.view.ViewRootImpl$InputStage.apply(ViewRootImpl.java:5341)
System.err:     at android.view.ViewRootImpl$AsyncInputStage.apply(ViewRootImpl.java:5542)
System.err:     at android.view.ViewRootImpl$InputStage.deliver(ViewRootImpl.java:5314)
System.err:     at android.view.ViewRootImpl$InputStage.onDeliverToNext(ViewRootImpl.java:5367)
System.err:     at android.view.ViewRootImpl$InputStage.forward(ViewRootImpl.java:5333)
System.err:     at android.view.ViewRootImpl$InputStage.apply(ViewRootImpl.java:5341)
System.err:     at android.view.ViewRootImpl$InputStage.deliver(ViewRootImpl.java:5314)
System.err:     at android.view.ViewRootImpl$InputStage.onDeliverToNext(ViewRootImpl.java:5367)
System.err:     at android.view.ViewRootImpl$InputStage.forward(ViewRootImpl.java:5333)
System.err:     at android.view.ViewRootImpl$AsyncInputStage.forward(ViewRootImpl.java:5518)
System.err:     at android.view.ViewRootImpl$ImeInputStage.onFinishedInputEvent(ViewRootImpl.java:5676)
System.err:     at android.view.inputmethod.InputMethodManager$PendingEvent.run(InputMethodManager.java:3179)
System.err:     at android.view.inputmethod.InputMethodManager.invokeFinishedInputEventCallback(InputMethodManager.java:2721)
System.err:     at android.view.inputmethod.InputMethodManager.finishedInputEvent(InputMethodManager.java:2712)
System.err:     at android.view.inputmethod.InputMethodManager$ImeInputEventSender.onInputEventFinished(InputMethodManager.java:3156)
System.err:     at android.view.InputEventSender.dispatchInputEventFinished(InputEventSender.java:143)
System.err:     at android.os.MessageQueue.nativePollOnce(Native Method)
System.err:     at android.os.MessageQueue.next(MessageQueue.java:335)
System.err:     at android.os.Looper.loop(Looper.java:183)
System.err:     at android.app.ActivityThread.main(ActivityThread.java:7656)
System.err:     at java.lang.reflect.Method.invoke(Native Method)
System.err:     at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:592)
System.err:     at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:947)

nativescript-youtubeplayer uncaught

No matter what video I try, I get this when I hit play on android:

"Uncaught [object Object]", source: https://ssl.gstatic.com/support/realtime/operator/1614024346482/operatordeferred_bin_base__en.js (107)

nativescript-ffmpeg / Convert to mp4

Does this plugin do anything?

-[AVPlaybackControlsController _updateSecondScreenConnectionReadyToConnect] readyToConnect NO
-[AVPlaybackControlsController _autoHideControlsAfterDelay:] delay: 1619996737.854064
-[AVRoutePickerView updateButtonAppearance] Setting mica color: (R: 0.00 G: 122.00 B: 255.00 Alpha: 1.00) and state: Inactive.
-[AVPlaybackControlsController showPlaybackControls:immediately:] _showingPlaybackControls YES
-[AVPlayerViewController _delegateRespondsTo:] <(null) 0x0> does NOT respond to playerViewController:willTransitionToVisibilityOfPlaybackControls:withAnimationCoordinator:
-[AVPlaybackControlsController showPlaybackControls:immediately:] _showingPlaybackControls YES
-[AVPlaybackControlsView updateDisplayControlsVisibilityIncludedButtons:] self.prefersFullScreenButtonIncluded YES
-[AVPlaybackControlsView updateDisplayControlsVisibilityIncludedButtons:] self.prefersDoneButtonIncluded NO
-[AVPlaybackControlsView updateDisplayControlsVisibilityIncludedButtons:] self.prefersVideoGravityButtonIncluded NO
-[AVPlaybackControlsView updateDisplayControlsVisibilityIncludedButtons:] self.prefersPiPButtonIncluded NO
<CATransformLayer: 0x2817b2f20> - changing property allowsGroupBlending in transform-only layer, will have no effect
<CATransformLayer: 0x281762720> - changing property allowsGroupBlending in transform-only layer, will have no effect
-[AVRoutePickerView updateButtonAppearance] Setting mica color: (R: 255.00 G: 255.00 B: 255.00 Alpha: 1.00) and state: Inactive.
-[AVRoutePickerView updateButtonAppearance] Setting mica color: (R: 255.00 G: 255.00 B: 255.00 Alpha: 1.00) and state: Inactive.
-[AVRoutePickerView updateButtonAppearance] Setting mica color: (R: 255.00 G: 255.00 B: 255.00 Alpha: 1.00) and state: Inactive.
-[AVPlayerViewController _delegateRespondsTo:] <(null) 0x0> does NOT respond to playerViewController:willTransitionToVisibilityOfPlaybackControls:withAnimationCoordinator:
-[AVRoutePickerView updateButtonAppearance] Setting mica color: (R: 255.00 G: 255.00 B: 255.00 Alpha: 1.00) and state: Inactive.
-[AVPictureInPicturePlatformAdapter(Common) _updateStatusUsingProposedStatus:] current status: 0 -> proposed status: 0
-[AVPictureInPicturePlatformAdapter(Common) _updateStatusUsingProposedStatus:] self.status != AVPictureInPictureControllerStatusProhibited NO
-[AVPictureInPicturePlatformAdapter(Common) _updateStatusUsingProposedStatus:] current status: 0 -> proposed status: 0
-[AVPictureInPicturePlatformAdapter(Common) _updateStatusUsingProposedStatus:] self.status != AVPictureInPictureControllerStatusProhibited NO
-[AVPictureInPicturePlatformAdapter(Common) _updateStatusUsingProposedStatus:] current status: 0 -> proposed status: 0
-[AVPictureInPicturePlatformAdapter(Common) _updateStatusUsingProposedStatus:] self.status != AVPictureInPictureControllerStatusProhibited NO
-[AVPlayerViewController isAudioOnlyContent] .status: 1 .hasEnabledVideo: 0 .hasEnabledAudio: 0
-[AVPlayerViewControllerContentView setShowsAudioOnlyIndicator:] showsAudioOnlyIndicator NO
-[AVRoutePickerView updateButtonAppearance] Setting mica color: (R: 255.00 G: 255.00 B: 255.00 Alpha: 1.00) and state: Inactive.
-[AVNowPlayingInfoController startNowPlayingUpdatesForPlayerController:afterDelay:] playerController: <private>
-[AVNowPlayingInfoController stopNowPlayingUpdatesForPlayerController:] playerController: <private>
-[AVNowPlayingInfoController setPlayerController:] playerController: (null)
-[AVNowPlayingInfoController startNowPlayingUpdatesForPlayerController:afterDelay:] playerController: <private>
-[AVNowPlayingInfoController startNowPlayingUpdatesForPlayerController:afterDelay:] playerController: <private>
-[AVNowPlayingInfoController startNowPlayingUpdatesForPlayerController:afterDelay:] playerController: <private>
-[AVNowPlayingInfoController startNowPlayingUpdatesForPlayerController:afterDelay:] playerController: <private>
CONSOLE ERROR: Cannot read property 'getTags' of null
-[AVPictureInPicturePlatformAdapter updateLayoutDependentBehaviors] 311
-[AVPictureInPicturePlatformAdapter(Common) _updateStatusUsingProposedStatus:] current status: 0 -> proposed status: 0
-[AVPictureInPicturePlatformAdapter(Common) _updateStatusUsingProposedStatus:] self.status != AVPictureInPictureControllerStatusProhibited NO
-[AVPictureInPicturePlatformAdapter _updatePictureInPictureShouldStartWhenEnteringBackground] canStartAutomaticallyWhenEnteringBackground: YES isFullScreen - NO alwaysStartsAutomaticallyWhenEnteringBackground - NO allowsPictureInPicturePlayback - YES playerController.isPlaying - YES status != prohibited - NO
-[AVPictureInPicturePlatformAdapter _updatePictureInPictureShouldStartWhenEnteringBackground] pictureInPictureShouldStartWhenEnteringBackground NO
-[AVPlaybackControlsController _updateSecondScreenConnectionReadyToConnect] readyToConnect NO
-[AVRoutePickerView updateButtonAppearance] Setting mica color: (R: 255.00 G: 255.00 B: 255.00 Alpha: 1.00) and state: Inactive.
Update now playing info if needed: 1
[NowPlayingInfo] Setting nowPlayingInfo with mergePolicy Replace: NULL
[NowPlayingInfo] Setting nowPlayingInfo artwork: (null)
Request: setClientProperties<61E76888-BCED-434B-A3C9-75F50CD1A442> for io.triniwiz.nativescript.plugindemo-4112
Response: setClientProperties<61E76888-BCED-434B-A3C9-75F50CD1A442> returned for origin-Iphanelevan-1280262988/client-io.triniwiz.nativescript.plugindemo-4112/player-(null) in 0.0005 seconds
PlaybackQueueInvalidation: NowPlayingItem for origin-Iphanelevan-1280262988/client-io.triniwiz.nativescript.plugindemo-4112/player-MediaRemote-DefaultPlayer changed from
item:<88B04356-A7F0-4BB2-BC0B-C5125D892B6D/CalculatedPlaybackPosition: nan/PlaybackRate: 1.000000>
->
item:<(null)>
[NowPlayingInfo] Clearing nowPlayingInfo
-[AVNowPlayingInfoController startNowPlayingUpdatesForPlayerController:afterDelay:] playerController: <private>
-[AVPictureInPicturePlatformAdapter(Common) _updateStatusUsingProposedStatus:] current status: 0 -> proposed status: 0
-[AVPictureInPicturePlatformAdapter(Common) _updateStatusUsingProposedStatus:] self.status != AVPictureInPictureControllerStatusProhibited NO
-[AVPictureInPicturePlatformAdapter(Common) _updateStatusUsingProposedStatus:] current status: 0 -> proposed status: 0
-[AVPictureInPicturePlatformAdapter(Common) _updateStatusUsingProposedStatus:] self.status != AVPictureInPictureControllerStatusProhibited NO
-[AVPlayerViewController isAudioOnlyContent] .status: 3 .hasEnabledVideo: 0 .hasEnabledAudio: 0
-[AVPlayerViewControllerContentView setShowsAudioOnlyIndicator:] showsAudioOnlyIndicator NO
-[AVPlayerViewController isAudioOnlyContent] .status: 3 .hasEnabledVideo: 0 .hasEnabledAudio: 0
-[AVPlayerViewControllerContentView setShowsAudioOnlyIndicator:] showsAudioOnlyIndicator NO
-[AVPictureInPicturePlatformAdapter updateLayoutDependentBehaviors] 311
-[AVPictureInPicturePlatformAdapter(Common) _updateStatusUsingProposedStatus:] current status: 0 -> proposed status: 0
-[AVPictureInPicturePlatformAdapter(Common) _updateStatusUsingProposedStatus:] self.status != AVPictureInPictureControllerStatusProhibited NO
-[AVPictureInPicturePlatformAdapter _updatePictureInPictureShouldStartWhenEnteringBackground] canStartAutomaticallyWhenEnteringBackground: YES isFullScreen - NO alwaysStartsAutomaticallyWhenEnteringBackground - NO allowsPictureInPicturePlayback - YES playerController.isPlaying - YES status != prohibited - NO
-[AVPictureInPicturePlatformAdapter _updatePictureInPictureShouldStartWhenEnteringBackground] pictureInPictureShouldStartWhenEnteringBackground NO
-[AVPlaybackControlsController _updateSecondScreenConnectionReadyToConnect] readyToConnect NO
-[AVPlaybackControlsController showPlaybackControls:immediately:] _showingPlaybackControls YES
-[AVNowPlayingInfoController setPlayerController:] playerController: <private>
Update now playing info if needed: 1
[MRNowPlaying] MRMediaRemoteSetCanBeNowPlayingApplication set to YES by caller <private>.
[NowPlayingInfo] Setting nowPlayingInfo with mergePolicy Replace: <NSCFDictionary 0x2817b17a0 {
kMRMediaRemoteNowPlayingInfoTimestamp = 2021-05-02 23:05:38 +0000
kMRMediaRemoteNowPlayingInfoPlaybackRate = 1
kMRMediaRemoteNowPlayingInfoIsAlwaysLive = 0
kMRMediaRemoteNowPlayingInfoContentItemIdentifier = F1204BBB-C9D7-4A18-A83C-27440805AD3D
kMRMediaRemoteNowPlayingInfoElapsedTime = nan
kMRMediaRemoteNowPlayingInfoMediaType = kMRMediaRemoteNowPlayingInfoTypeVideo
}>
[NowPlayingInfo] Setting nowPlayingInfo artwork: (null)
PlaybackQueueInvalidation: NowPlayingItem for origin-Iphanelevan-1280262988/client-io.triniwiz.nativescript.plugindemo-4112/player-MediaRemote-DefaultPlayer changed from
item:<(null)>
->
item:<F1204BBB-C9D7-4A18-A83C-27440805AD3D/CalculatedPlaybackPosition: nan/PlaybackRate: 1.000000>

[@triniwiz/nativescript-downloader] -- Uncaught Error: -[NSInvocation getArgument:atIndex:]: NULL address argument

Hello

I'm getting a bit stuck with updating an app to ns7 with the nativescript-downloader plugin.

When this line runs...

nativescript-plugins/packages/nativescript-downloader/index.ios.ts

Line 92 in 06cf883

const state = this.tasksReader.readProp(task, "state", interop.types.int32);

...it causes an issue which results in a fatal error on this line:

nativescript-plugins/packages/nativescript-downloader/index.ios.ts

Line 295 in 06cf883

invocation.getReturnValue(ret);

Here is the error dump:

***** Fatal JavaScript exception - application has been terminated. *****
NativeScript encountered a fatal error: Uncaught Error: -[NSInvocation getArgument:atIndex:]: NULL address argument
at
readProp(file: src/libs/nativescript-downloader/index.ios.ts:320:15)
at (file: src/libs/nativescript-downloader/index.ios.ts:98:41)
(CoreFoundation) *** Terminating app due to uncaught exception 'NativeScript encountered a fatal error: Uncaught Error: -[NSInvocation getArgument:atIndex:]: NULL address argument
at
readProp(file: src/libs/nativescript-downloader/index.ios.ts:320:15)
at (file: src/libs/nativescript-downloader/index.ios.ts:98:41)
', reason: '(null)'
*** First throw call stack:
(
0   CoreFoundation                      0x00007fff20420af6 __exceptionPreprocess + 242
1   libobjc.A.dylib                     0x00007fff20177e78 objc_exception_throw + 48
2   NativeScript                        0x000000010f3138f4 _ZN3tns21NativeScriptException15OnUncaughtErrorEN2v85LocalINS1_7MessageEEENS2_INS1_5ValueEEE + 914
3   NativeScript                        0x000000010f773f65 _ZN2v88internal14MessageHandler25ReportMessageNoExceptionsEPNS0_7IsolateEPKNS0_15MessageLocationENS0_6HandleINS0_6ObjectEEENS_5LocalINS_5ValueEEE + 341
4   NativeScript                        0x000000010f773dd4 _ZN2v88internal14MessageHandler13ReportMessageEPNS0_7IsolateEPKNS0_15MessageLocationENS0_6HandleINS0_15JSMessageO<…>

Stripe Missing standard/index.d.ts in npm

Hi @triniwiz!

Thanks for all your hard work migrating these plugins! It think there's an issue with the npm packaging or the typescript compilation that causes a missing a file for nativescript-stripe plugin.

Repro steps:

run npm i @triniwiz/nativescript-stripe
explore .\node_modules\@triniwiz\nativescript-stripe\standard

The index.d.ts file is missing that is present in the github repo. This forces you to import from either the ios.d.ts or the android.d.ts.

NEW FEATURE - Cue to time

Please add function to cue video to a specific time.

Toasty ios: ReferenceError: ToastStyle is not defined

First, thank you for keeping that bunch of plugins up-to-date and to support NS 7!

I tried @triniwiz/[email protected] and it works very well on Android (except Android 11, see triniwiz/nativescript-toasty#45), but on iOS I do not see the Toast and I get the following error:

ReferenceError: ToastStyle is not defined

Exception when creating payment method in nativescript-stripe. card.getName is not a function

I'm using the nativescript-stripe plugin to enable users to save a credit card for future use in nativescript-vue. I updated to your package for NS7 support (thank you) but the following code fails with an exception when trying to create the card:


JS: [Vue warn]: Error in v-on handler: "TypeError: card.getName is not a function"
System.err: An uncaught Exception occurred on "main" thread.
System.err: Calling js method onClick failed
System.err: TypeError: card.getName is not a function
System.err:
System.err: StackTrace:
System.err: Card(file: app\packages\nativescript-stripe\index.android.ts:436:21)
System.err:     at fromNative(file: app\packages\nativescript-stripe\index.android.ts:449:11)
System.err:     at save(file: app\pages\PaymentMethod.vue:40:0)

The simple vue page code is

<template >
    <Page>
        <ActionBar
            title=""
            :flat="true"
            android.icon="res://icon"
            android.iconVisibility="always"
        >
            <ActionItem @tap="openDrawer()" icon="res://menu" />
        </ActionBar>

        <StackLayout ~mainContent>
            <CreditCardView ref="ccView" id="ccView"/>
            <Button class="btn" @tap="save()" text="Save" />
        </StackLayout>
    </Page>
</template>

<script>
import toast from '~/mixins/Toast'
import sideDrawer from "~/mixins/SideDrawer";
import { Card, Stripe } from '@triniwiz/nativescript-stripe'
const stripe = new Stripe('xxx')

export default {
    mixins: [sideDrawer, toast],
    components: {},
    data() {
        return {};
    },
    mounted() {
    },
    computed: {},
    methods: {
        save() {
            const cardView = this.$refs.ccView.nativeView
            let card = null

            if (cardView.android) {
                card =  Card.fromNative(cardView.android)  // running on android emulator, exception is thrown here
            } else if (cardView.ios) {
                card = Card.fromNative(cardView.ios)
            }

            console.log(card)

            if (card && card.validateCard()) {
                this.stripe.createPaymentMethod(card, (error, paymentMethod) => {
                    if (error) {
                        this.showToast(error)
                    } else {
                        this.showToast('card details are valid')
                    }
                })
            } else {
                this.showToast('Invalid card')
            }
        }
    },
};
</script>

<style scoped>
StackLayout {
    padding: 5;
}
</style>

Is it my code or do you think it could be the package?

Appreciate any pointers. Thanks

Dan

Enable Card Scanning

Couchbase query returning duplicates of all documents

Version: "@triniwiz/nativescript-couchbase": "^1.1.1"

The following query returns two of every document:
const results = database.query({
select: [],
from: 'MyDatabase',
order: [{ property: 'date', direction: 'desc' }]
});

Results:

[{
"doors": "issue",
"date": "Fri Jan 29 2021",
"id": "8d85b991-3052-430b-bdab-0022550ec3da"
}, {
"doors": "issue",
"date": "Fri Jan 29 2021",
"id": "8d85b991-3052-430b-bdab-0022550ec3da"
}, {
"doors": "ok",
"date": "Fri Jan 29 2021",
"id": "cd59183a-e653-49ab-9c37-13d180fd50c2"
}, {
"doors": "ok",
"date": "Fri Jan 29 2021",
"id": "cd59183a-e653-49ab-9c37-13d180fd50c2"
}]

The insert looks like this:

const database = new CouchBase('MyDatabase');
let newDoc = {
"doors":"ok",
"date":(new Date).toDateString()
}
const documentId = database.createDocument(newDoc);

I have double checked to ensure the insert is only getting called once from my service

TypeError: Cannot read property 'extend' of undefined

√ Getting NativeScript components versions information...
√ Component nativescript has 7.1.2 version and is up to date.
√ Component @nativescript/core has 7.1.4 version and is up to date.
√ Component @nativescript/ios has ^7.1.1 version and is up to date.
√ Component @nativescript/android has 7.0.1 version and is up to date.

"@triniwiz/nativescript-toasty": "^4.1.1",

Error is thrown on Android 11. Line causing this issue in index.android.js at 38

if (parseInt(Device.sdkVersion, 10) >= 30) {
    const callback = android.widget.Toast.Callback.extend({
        owner: null,
        onToastShown: function () {
            var _a, _b, _c, _d;
            this.super.onToastShown();
            (_d = (_c = (_b = (_a = this.owner) === null || _a === void 0 ? void 0 : _a.get()) === null || _b === void 0 ? void 0 : _b._androidOpts) === null || _c === void 0 ? void 0 : _c.onShown) === null || _d === void 0 ? void 0 : _d.call(_c);
        },
        onToastHidden: function () {
            var _a, _b, _c, _d;
            this.super.onToastHidden();
            (_d = (_c = (_b = (_a = this.owner) === null || _a === void 0 ? void 0 : _a.get()) === null || _b === void 0 ? void 0 : _b._androidOpts) === null || _c === void 0 ? void 0 : _c.onHidden) === null || _d === void 0 ? void 0 : _d.call(_c);
        }
    });
    const cb = new callback;
    cb.owner = ref;
    this._toast.addCallback(cb);
}

[Question - Couchbase] Android minimum SDK version

I was curious if it's mandatory to use API 22 as minimum SDK version for couchbase plugin.

We happen to have users who still use android devices with lower API (mostly tablets). This also causes our apps not to run in few of our testing devices (minimum API 19).
I know we should move forward and also force few of our customers to get rid of their old equipment, but is there any future consideration for lower API support?

NativeScript Pusher Beam is not in the npm registry.

Hello @triniwiz,

I'm using pusher beam plugin, but the latest one for NS8 is not registered.

npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/@triniwiz%2fnativescript-pusher-beams - Not found
npm ERR! 404 
npm ERR! 404  '@triniwiz/nativescript-pusher-beams@*' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404 
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.

Please, fix it as soon as you can.

nativescript-star-ratings filledColor not working on Android

Filled color not working on Android.

example:

<GridLayout backgroundColor="Aqua" rows="auto,auto">
    <StarRating backgroundColor="green"
                class="m-t-36 m-b-36" row="0"
                min="1"
                max="5"
                isindicator="false"
                [filledColor]="'blue'"
                [value]="value"
                (valueChange)="ratingChange($event)">
    </StarRating>
    <Label row="1" nsAndroidAlign text="{{value}}"></Label>
</GridLayout>

Encountered different behavior between IOS and Android using the nativescript-couchbase plugin

I am working on a nativescript angular project that makes use of Couchbase's Sync Gateway to synchronize documents so I need to be able to push documents to a listview whenever the database change listener receives callback messages.

All is working fine on iOS, but on Android, I can only push items to the listview the first time. If I navigate away from the component and relaunch it a second time, the listview item does not show up. (addDatabaseChangeListener is called on init while removeDataChangeListener is called on component destroy)

I don't know what I missed or did wrong. I've tried manually calling listview's refresh; adding 'setTimeout'; using the old version of the plugin (nativescript-couchbase-plugin) but I still couldn't get Android's version to work.

I created a bare minimal project to illustrate this issue. Codes related to Replicator are omitted.

https://github.com/sr3dna/cbplugintest/blob/master/src/app/home/test.component.ts

The following two screen captures show how iOS and Android behave differently.

On iOS:

On Android:

Thanks in advance for any help on this issue.
Anders

nativescript-youtubeplayer Don't show nothing on Android and iOS - NS 7 + Angular 11

Hello @triniwiz

I followed the documentation of nativescript-youtubeplayer, but when I enter to the page that I created to show a YouTube video, appears this error in Android and iOS:

System.err: An uncaught Exception occurred on "main" thread.
System.err: Calling js method run failed
System.err: ReferenceError: __classPrivateFieldGet is not defined
System.err: StackTrace:
System.err: destroy(file: node_modules/@triniwiz/nativescript-youtubeplayer/index.android.js:345:8)
System.err: at disposeNativeView(file: node_modules/@triniwiz/nativescript-youtubeplayer/index.android.js:177:13)
System.err: at _tearDownUI(file: node_modules/@nativescript/core/ui/core/view-base/index.js:616:13)
System.err: at (file: node_modules/@nativescript/core/ui/core/view-base/index.js:593:18)
System.err: at eachChildView(file: node_modules/@nativescript/core/ui/layouts/layout-base-common.js:101:27)
System.err: at eachChild(file: node_modules/@nativescript/core/ui/core/view/view-common.js:700:13)
System.err: at _tearDownUI(file: node_modules/@nativescript/core/ui/core/view-base/index.js:592:13)
System.err: at (file: node_modules/@nativescript/core/ui/core/view-base/index.js:593:18)
System.err: at eachChildView(file: node_modules/@nativescript/core/ui/layouts/layout-base-common.js:101:27)
System.err: at eachChild(file: node_modules/@nativescript/core/ui/core/view/view-common.js:700:13)
System.err: at _tearDownUI(file: node_modules/@nativescript/core/ui/core/view-base/index.js:592:13)
System.err: at (file: node_modules/@nativescript/core/ui/core/view-base/index.js:593:18)
System.err: at eachChildView(file: node_modules/@nativescript/core/ui/layouts/layout-base-common.js:101:27)
System.err: at eachChild(file: node_modules/@nativescript/core/ui/core/view/view-common.js:700:13)
System.err: at _tearDownUI(file: node_modules/@nativescript/core/ui/core/view-base/index.js:592:13)
System.err: at (file: node_modules/@nativescript/core/ui/core/view-base/index.js:593:18)
System.err: at eachChildView(file: node_modules/@nativescript/core/ui/layouts/layout-base-common.js:101:27)
System.err: at eachChild(file: node_modules/@nativescript/core/ui/core/view/view-common.js:700:13)
System.err: at _tearDownUI(file: node_modules/@nativescript/core/ui/core/view-base/index.js:592:13)
System.err: at (file: node_modules/@nativescript/core/ui/core/view-base/index.js:593:18)
System.err: at eachChildView(file: node_modules/@nativescript/core/ui/content-view/index.js:65:12)
System.err: at eachChildView(file: node_modules/@nativescript/core/ui/page/page-common.js:99:14)
System.err: at eachChild(file: node_modules/@nativescript/core/ui/core/view/view-common.js:700:13)
System.err: at _tearDownUI(file: node_modules/@nativescript/core/ui/core/view-base/index.js:592:13)
System.err: at _removeViewCore(file: node_modules/@nativescript/core/ui/core/view-base/index.js:471:17)
System.err: at _removeView(file: node_modules/@nativescript/core/ui/core/view-base/index.js:461:13)
System.err: at _removeEntry(file: node_modules/@nativescript/core/ui/frame/frame-common.js:165:18)
System.err: at _removeEntry(file: node_modules/@nativescript/core/ui/frame/index.android.js:381:14)
System.err: at _updateBackstack(file: node_modules/@nativescript/core/ui/frame/frame-common.js:236:17)
System.err: at setCurrent(file: node_modules/@nativescript/core/ui/frame/index.android.js:240:17)
System.err: at (file: node_modules/@nativescript/core/ui/frame/fragment.transitions.android.js:545:35)
System.err: at e.invokeTask(file: node_modules/@nativescript/zone-js/zone-nativescript.js:421:30)
System.err: at n.runTask(file: node_modules/@nativescript/zone-js/zone-nativescript.js:188:46)
System.err: at t.invokeTask(file: node_modules/@nativescript/zone-js/zone-nativescript.js:496:33)
System.err: at s.useG.invoke(file: node_modules/@nativescript/zone-js/zone-nativescript.js:485:47)
System.err: at n.args.(file: node_modules/@nativescript/zone-js/zone-nativescript.js:1561:28)
System.err: at (file: node_modules/@nativescript/core/timer/index.android.js:18:25)
System.err: at e.invoke(file: node_modules/@nativescript/zone-js/zone-nativescript.js:388:25)
System.err: at n.runGuarded(file: node_modules/@nativescript/zone-js/zone-nativescript.js:151:46)
System.err: at (file: node_modules/@nativescript/zone-js/zone-nativescript.js:129:28)
System.err: at run(file: node_modules/@nativescript/core/timer/index.android.js:22:12)
System.err: at com.tns.Runtime.callJSMethodNative(Native Method)
System.err: at com.tns.Runtime.dispatchCallJSMethodNative(Runtime.java:1302)
System.err: at com.tns.Runtime.callJSMethodImpl(Runtime.java:1188)
System.err: at com.tns.Runtime.callJSMethod(Runtime.java:1175)
System.err: at com.tns.Runtime.callJSMethod(Runtime.java:1153)
System.err: at com.tns.Runtime.callJSMethod(Runtime.java:1149)
System.err: at com.tns.gen.java.lang.Runnable.run(Runnable.java:17)
System.err: at android.os.Handler.handleCallback(Handler.java)
System.err: at android.os.Handler.dispatchMessage(Handler.java)
System.err: at android.os.Looper.loop(Looper.java)
System.err: at android.app.ActivityThread.main(ActivityThread.java)
System.err: at java.lang.reflect.Method.invoke(Native Method)
System.err: at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java)
System.err: at com.android.internal.os.ZygoteInit.main(ZygoteInit.java)

What I'm doing wrong?

These are my packages.json dependencies:

"dependencies": {
"@angular/animations": "~11.0.0",
"@angular/common": "~11.0.0",
"@angular/compiler": "~11.0.0",
"@angular/core": "~11.0.0",
"@angular/forms": "~11.0.0",
"@angular/platform-browser": "~11.0.0",
"@angular/platform-browser-dynamic": "~11.0.0",
"@angular/router": "~11.0.0",
"@fortawesome/fontawesome-free": "^5.15.3",
"@nativescript/angular": "^11.2.0",
"@nativescript/camera": "^5.0.8",
"@nativescript/core": "~7.0.0",
"@nativescript/datetimepicker": "^2.1.0",
"@nativescript/firebase": "^11.1.3",
"@nativescript/geolocation": "^7.1.1",
"@nativescript/theme": "~3.0.1",
"@triniwiz/nativescript-youtubeplayer": "^4.1.2",
"core-js": "^3.6.0",
"reflect-metadata": "~0.1.13",
"rxjs": "^6.6.7",
"sweetalert2": "^10.16.0",
"tslib": "1.10.0",
"zone.js": "~0.10.3"
},
"devDependencies": {
"@angular-builders/custom-webpack": "^11.0.0",
"@angular-devkit/build-angular": "~0.1100.0",
"@angular/cli": "~11.0.0",
"@angular/compiler-cli": "~11.0.0",
"@nativescript/android": "8.0.0",
"@nativescript/ios": "8.0.0",
"@nativescript/schematics": "^11.0.0",
"@nativescript/tslint-rules": "^0.0.5",
"@nativescript/types": "^8.0.0",
"@nativescript/webpack": "~4.1.0",
"@types/jasmine": "~3.6.9",
"@types/jasminewd2": "~2.0.8",
"@types/node": "~14.14.37",
"codelyzer": "^6.0.1",
"jasmine-core": "~3.7.1",
"jasmine-spec-reporter": "~7.0.0",
"karma": "~4.4.1",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage-istanbul-reporter": "~2.1.0",
"karma-jasmine": "~3.0.1",
"karma-jasmine-html-reporter": "^1.4.2",
"protractor": "~7.0.0",
"sass": "^1.32.8",
"ts-node": "~8.3.0",
"tslint": "~6.1.0",
"typescript": "~4.0.7"
}

Kind regards and hace a nice day.

Unrecognized feature: 'picture-in-picture'

Hi, my videos cant be played, im getting this error:

chromium: [INFO:CONSOLE(629)] "Unrecognized feature: 'picture-in-picture'.", source: https://www.youtube.com/s/player/1c732901/www-widgetapi.vflset/www-widgetapi.js (629)

Is this youtube problem? Maybe its possible to turn off PIP?

Safe Area iOS

Hi,
SafeArea not work for the content of pager with NS7 & @nativescript-community/ui-pager :

"@nativescript/core": "~7.0.0"
 "@nativescript-community/ui-pager": "^13.0.0-alpha.10",

<Pager
  backgroundColor="orange"
  row="1"
  #pager
  [selectedIndex]="1"
>
  <StackLayout *pagerItem backgroundColor="red" ios:iosOverflowSafeArea="true">
    <label text="First"></label>
  </StackLayout>
  <StackLayout *pagerItem backgroundColor="white">
    <label text="Second"></label>
  </StackLayout>
  <StackLayout *pagerItem backgroundColor="black">
    <label text="Third" color="white"></label>
  </StackLayout>
  <StackLayout *pagerItem backgroundColor="green">
    <label text="Fourth"></label>
  </StackLayout>
</Pager>

I would like the white area to cover the safe area as well.

Thanks !

Stripe - Error when creating a payment method (Android + Vue)

Hi @triniwiz!

I just tested the latest beta of nativescript-stripe after a migration to NS 7. There is an error when I call createPaymentMethod with a card.

Here is the code I call in my Vue component (I removed all unnecessary code, feel free ):

<template>
    <stack-layout>
        <credit-card-view ref="cardView" />
    </stack-layout>
</template>

import { Stripe, Card } from '@triniwiz/nativescript-stripe'

// created function (called when component is initialized)
this.fetchTokens()
    .then(() => {
        this.stripe = new Stripe(this.publishableKey)
    })
    .catch(this.displayError)

// addCard function
const cardView = this.$refs.cardView.nativeView
let card = null

if (cardView.android) {
    const androidCard = cardView.android.getCard()

    if (androidCard) {
        card = new Card(androidCard)
    }
} else if (cardView.ios) {
    // TODO
}

if (card) {
    this.isBusy = true

    this.stripe.createPaymentMethod(card, (error, paymentMethod) => {
        if (error) {
            this.displayError(error)
        } else {
            this.$emit('payment-method-created', {
                paymentMethod,
                stripe: this.stripe,
            })
        }
    })
} else {
    this.displayError(getErrorFromCode(STRIPE_INVALID_CARD))
}

When I do that, the app crashes (it seems that the error is not caught by NativeScript). Fortunately, I found an error log with adb logcat:

12-09 15:01:19.168 19073 19073 E com.example.app: JNI ERROR (app bug): attempt to pass an instance of com.stripe.android.model.Card as argument 1 to com.stripe.android.model.PaymentMethodCreateParams com.stripe.android.model.PaymentMethodCreateParams.createCard(com.stripe.android.model.CardParams)
12-09 15:01:19.168 19073 19073 F com.example.app: java_vm_ext.cc:570] JNI DETECTED ERROR IN APPLICATION: bad arguments passed to com.stripe.android.model.PaymentMethodCreateParams com.stripe.android.model.PaymentMethodCreateParams.createCard(com.stripe.android.model.CardParams) (see above for details)
12-09 15:01:19.168 19073 19073 F com.example.app: java_vm_ext.cc:570]     from java.lang.Object com.tns.Runtime.callJSMethodNative(int, int, java.lang.String, int, boolean, java.lang.Object[])

I cannot provide you a demo app publicly, don't hesitate to ask if you need at least a reproduction scenario or if you need me to test anything in my app.

PS: THANK YOU for your amazing work with the update of your plugins 👍

Plugins Migration

nativescript-toasty 4.1.0 Android 11: backgroundColor and color is not applied

On Android 11, the backgroundColor and color is not applied correctly, it is always lightgray (and then the app crashes, as described here: #18)

const toast = new Toasty({ text : text })
            .setToastPosition(ToastPosition.BOTTOM)
            .setTextColor("#FFFFFF")
            .setBackgroundColor("#656565");  //dark

toast.show();

The backgroundcolor should be dark, but it is alyways light. The color should be light, but it is dark.

Dot size

Hello, I'm using nativescript-pager with vueJs, and it's working good.
Now it's time to adapt it for my usage, so here is my question:
how to define the size of the dots on the page indicator?

Thank you 👍

Upgrade Socket.IO

Support v3 of socket.io server

[Stripe] No code or message in error when creating a payment method

Hi!

I identified a problem with the error returned by the createPaymentMethod method: there is no error code nor a message.

This line is causing the problem:

nativescript-plugins/packages/nativescript-stripe/index.android.ts

Line 674 in 2ece8fa

cb(new Error(error.localizedDescription), null);

You are trying to use error.localizedDescription which is not available. Here are the available properties:

Maybe there are other errors concerned by this problem.

To reproduce the problem, you have to configure Stripe in live mode on your server and then use a test card (eg. 4242…). It took me a while to identify what was wrong in my app so I took the time to create that issue if it can help you to enhance the plugin.

PS: Is it normal that there is an alpha10 on npm and this repository only shows code for the alpha3?

triniwiz / nativescript-plugins Goto Github PK

nativescript-plugins's Introduction

How to use?

How to add a new package to workspace?

How to add Angular compatibility to a package

How to focus on just 1 package to develop in isolation

How to publish packages?

Made with ❤️

nativescript-plugins's People

Contributors

Stargazers

Watchers

Forkers

nativescript-plugins's Issues

from /Users/jyroneparker/Programs/mobisnacks-mobile/platforms/ios/Podfile:135

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

# End Podfile

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

Make sure to check the demo app(s) for sample usage

Make sure to check the existing issues in this repository

If the demo apps cannot help and there is no issue for your problem, tell us about it

Which platform(s) does your issue occur on?

Please, provide the following version numbers that your issue occurs with:

Please, tell us how to recreate the issue in as much detail as possible.

Is there any code involved? Using angular framework

Results:

The insert looks like this:

Recommend Projects

Recommend Topics

Recommend Org