tidev/titanium-web-dialog

Use the SFSafariViewController (iOS) and Chrome Pages (Android) in Titanium.

Titanium Web Dialog

Use the native SFSafariViewController (iOS) and Chrome Pages (Android) within Appcelerator Titanium.

Requirements

• Titanium SDK 9.0.0 or later
• iOS 9+ and Android 4.1+

iOS Note

The iOS part of this module is based on Ti.SafariDialog, which has been deprecated for a cross-platform solution. All API's of Ti.SafariDialog still work here and have been extended by more features over time.

Android Note

In order to use the close event on Android it is recommended to have a short delay between var WebDialog = require('ti.webdialog'); and WebDialog.open({}). Otherwise it might not fire the close event.

API's

Top-Level

Methods

• open(arguments)

  • url (String)
  • barColor (String)
  • animated (Boolean, iOS only)
  • entersReaderIfAvailable (Boolean, iOS only)
  • barCollapsingEnabled (Boolean)
  • title (String, iOS only)
  • tintColor (String, iOS only)    * dismissButtonStyle (DISMISS_BUTTON_STYLE_*, iOS only)
  • showTitle (Boolean, Android only)
  • fadeTransition (Boolean, Android only)
  • enableSharing (Boolean, Android only) - Enable Share... menu item to share link
  • closeIcon (String, Android only) - image path to show as close-button icon

• isSupported() -> Boolean

• isOpen() (iOS only) -> Boolean

• close() (iOS only)

Properties

• DISMISS_BUTTON_STYLE_DONE (iOS only)
• DISMISS_BUTTON_STYLE_CLOSE (iOS only)
• DISMISS_BUTTON_STYLE_CANCEL (iOS only)

Events

• open -> success (Boolean), url (String)
• close -> success (Boolean), url (String)
• load -> success (Boolean), url (String) - iOS only
• redirect -> url (String) - iOS only

AuthenticationSession (iOS only)

Methods

• createAuthenticationSession(arguments)
  • url (String)
  • scheme (String)

Events

• callback -> success (Boolean), callbackURL (String)

License

Apache 2.0

Author

• Hans Knöchel
• Prashant Saini

titanium-web-dialog's Issues

Android: Missing close event?

I am missing the "close" event on Android (maybe possible with onActivityResumed?). I hope someone can add this.

Title not working

Excellent module. For some reason I can't get the title to override the url showing in the title bar. Is this default? Otherwise the "title" property has no relevance.

Android: Unable to close web dialog from code

Instead of closing the web dialog manually, I want to close on certain callback or every timeout. How can I achieve this?

App crashes when closing web dialog on x86 Android emulator

I copied the example code and pasted it into a fresh Alloy project.

Opening the dialog works fine, but when you try to close it, the app crashes and restarts.

Note: This only seems to affect Android x86 emulators

Edit: Closing this issue. When I arrived in the office the next morning, it worked fine on x86. I'm not sure what fixed it other than a simple restart of my PC I guess.
Thanks for this module, it's great!

iOS : Format 'url' property to auto prefix 'http' as in Android

Hans, could you please make the 'url' property to auto check for 'http' prefix before any url as it's in Android?

Though it's not necessary that all websites will use 'http', but it will save some users at least as it's a very simple issue but quite hard to track. OR we can show a log message to prefix the url with http or https as required.

Parity in behaviour between iOS and Android for URLs with special characters

e.g.) https://www.spacious.hk/zh-tw/blog/%e8%b2%b7%e6%a8%93%e8%80%83%e6%85%ae%e5%9f%ba%e6%ba%96%e5%8f%8a%e6%8c%89%e6%8f%ad%e5%95%8f%e8%88%87%e7%ad%94/

Android has correct behaviour whereas iOS complains saying it can only handle http/https schemas

Title label and VoiceOver

I have a blind person using my app who using iOS's VoiceOver to navigate around it. He tells me that when I use ti.webdialog the title label (showing the website address) covers the 'Done' button and 'Reload' control. Interestingly the latter can be selected with a deft tap on it, but the 'Done' button is tricker to select. I think I'm right that on other views where there is a title the label only extends to the bounds of the text it contains. On ti.webdialog (as viewed by a sited person) the label extends right across the screen.
One other thing - I can't seem to get the 'title' property to work when doing webDialog.open - once opened the web dialog always shows the website address.

Android: Url is opened in lowercase mode, case sensitive urls fails

I think is bug of this module. On iOS it seems works fine

Access data from the web dialog.

I am switching from titanium webview to titanium-web-dialog, but how do I transfer data from webview to app side.
Previously, I was using Ti.App.fireEvent("fromWebView", {}) on website and Ti.App.addEventListener("fromWebView", function(){}); on the app , Does not that work anymore for this ?

iOS: Crash using some links

I'm using the last release, 2.0.0. If I try to open this link, the app is finished. I'm using SKD 9.0.3GA and CLI 8.0.0

https://www.apple.com/apple-events/?&mnid=sHJMYwTXV-dc_mtid_20925ni039944_pcrid_462922814791_pgrid_111466383591_&mtid=20925ni039944&aosid=p238&cid=wwa-es-kwgo-features-%7Bcid_seasonal%7D-slid---productid----Post-&anonymizeip=set

Thanks

Android: more color options

While updating to the new library I saw that it is possible to set different colors too:

• setNavigationBarColor
• setNavigationBarDividerColor
• setToolbarColor
• setSecondaryToolbarColor

currently the module only uses the bar color (setToolbarColor).

How to add it:

• add a new parameter https://github.com/appcelerator-modules/titanium-web-dialog/blob/master/android/src/ti/webdialog/Params.java
• extend the builder with the parameter and the correct method
• update the version number in the manifest file
• build and test the module ti build -p android -b
• to format the code: npm i && npm format:android
• add paramter to the documentation

Doesn't work on Android when targetSDKVersion >= 30

When my app use targetSDKVersion = 30, ti.webdialog.open(url) doesn't do anything.

From adb log I noticed it is blocked from opening the browser. Tested on Samsung s21 Ultra with both Chrome and default Samsung Internet are installed.

`11-12 15:01:41.752 1317 4306 I AppsFilter: interaction: PackageSetting{7ed236d com.myapp/10532} -> PackageSetting{7a02cd6 com.android.chrome/10256} BLOCKED

11-12 15:01:41.752 17911 17911 I TiChromeDialog: (main) [173,7119] No browsers available in this device.

11-12 15:01:42.036 1777 1923 D ScanFilter: manu data matches`

Android: Cannot use app links to redirect back to the app

I am trying to implement an auth flow where the users logins via Custom Tab and then redirected back to the app with an app-link (https), but the redirect is still handled by the tab. If I select 'Open In Chrome' button from the menu, then app links works correctly. Is there anyway to avoid/fix that?

Thank you in advance

redirect event for iOS not having the correct (new) url

The line 105 (in TiWebdialogModule.m):
@"url" : [_url stringByReplacingPercentEscapesUsingEncoding:NSUTF8StringEncoding]

should be:
@"url": URL.absoluteString

Load event for Android

Is there a way to have a load event also on Android.
I was reading about it here https://developer.chrome.com/multidevice/android/customtabs#handle-internal%20links and looks quite promising, any idea?
Thanks for the module, it looks really pro