andrew67 / ddr-finder-ng Goto Github PK

http://cubiq.org/add-to-home-screen

Although Leaflet provides a wrap() utility method that rewrites lng within the -180, 180 range, which allows the API call to return data, GeoJSON does not apply this, so the data will not display.

The options are:

• Find an option so that GeoJSON auto-wraps.
• Alter the server side to accept range outside wrap, wrap for the DB query, then apply offset into results.
• Apply offset into results client-side.

Two issues with translucent status bar:

• Coming back from Google Maps, the app comes in as "black" instead of "black-translucent", so now the content is pushed down.
• Coming back from Sygic, it continues polling from location in the background, so again we have pushed-down content.
• Having a phone call active will also push down content.

Proposed fix:

• Function that adds/removes translucent-statusbar class from body, to have padding only on its presence.
• Call function on page load and on onresize events (I've confirmed they fire).

Currently, a white screen is shown when loading as homescreen webapp.
This will require targeting multiple screen sizes.

iOS continues to break homescreen webapps, on top of existing issues:

• Safari only
• no discoverability (users don't know about this feature)
• separate cookies/localstorage etc

Remove tag and provide communication to users to re-bookmark as a normal bookmark.

Similar to Android app, include Spanish/Japanese translations.
i18next looks like a good library to use for integration.

Requirements:

• Provide user toggle (Automatic/Light/Dark). Debatable as browsers begin to include their own toggles
• Build alternate Onsen Components CSS and attaching using media query, plus custom dark CSS for map
• Toggle between light and dark mapbox styles (custom arcade icons included) using media query listener

Originally: Fix status bar on iOS 11 issue.
Now: removing support for standalone mode.

This is a problem for both platforms:

• Android: if no apps installed to handle geo: URIs.
• iOS: if the selected non-default app is not installed.

Symptoms: nothing happens.

Proposed solutions:

• Android: wrap the geo: URI in an Intent URI, with a fallback pointing to the Google Play Store Google Maps entry (how native app handles it).
• iOS: there's no app picker in this moment, and the app should get unloaded immediately, so we should be able to use setTimeout to realize nothing happened, and present a dialog, for example: "The selected navigation app is not installed. Use Apple Maps?" which would retry with maps: afterward (guaranteed to work, even with app "disabled").

https://github.com/Andrew67/ddr-finder-ng/blob/master/src/js/my.js#L346

</p> closure without opening <p> for descriptionHTML

Bug (Safari): the left-to-right swipe for back in Safari will exit out of the app completely, since we only push history entries on Android. This can be resolved by applying the Android back button workaround to iOS non-standalone.

Enhancement (Standalone): left-to-right back swipe is non-existant. Can look into using the Onsen gesture detector to trigger a back action like in Safari / native apps.

A nice-have for the road folks once code-base is stable.

iPhone 12 models introduced brand new screen sizes.
OnsenUI uses the screen size to determine whether a phone is iPhone X or newer, to apply hard-coded padding (as opposed to the new env()).
Short-term fix: newer OnsenUI release contains iPhone 12 sizes.
Long-term fix: switch to CSS that uses env().

Breaking changes identified so far:

• 2.2.0: CSS Components moved from Stylus to postcss-cssnext; custom theme requires upgrade to new format files and gulp actions
• 2.4.0: ons-input is now different tags, such as ons-radio

Chrome 61 uses Chrome Custom Tabs for window.open / target="_blank": https://stackoverflow.com/questions/46487112/chrome-61-avoid-pwa-opening-blank-links-in-custom-tab

Unfortunately this is making our geo Intent URIs with Google Maps fallback go right to fallback.
Need to fix so that native apps are launched again.

Currently, there is no ThemeRoller UI for the Onsen UI Material design.
Once available, create color scheme to match native app.
Alternatively, play with stylus to produce a components CSS with our colors.

Can be noticed by an increasing shadow when hitting the "Reload" button, duplicate pins are being loaded into the GeoJSON layer.
Find and implement adequate counter-measures.
This is either a blocker for issue #3, or gets resolved as a side-effect of implementing it.

Preserve user's last map location and zoom for next map init, as otherwise whenever they hit "More Info" or "Navigate" on a platform that quickly kills background tasks (iOS), they will be sent back to initial map screen and not where they were looking just now.

Proposed plan:

• Add location saving to localstorage (using settingsService) to map dragend and zoomend events.
• Add location loading to map init event (where it currently hardcoaded loads US zoomed out). Set the defaults in settingsService to retain behavior for first launch.

As it's a single page app, hitting back in Settings/About pages with the device button will kick you out of the site/app.

Implementing history.pushState and onpopstate on Android to call myNavigator.popPage() could potentially work.

Needs diagnosis.
Equally affected on Android.

Should preserve the lat/lng if passed in.

192x192 icon and we should be good.

Hesitating to auto-load "my location", since that causes the browser prompt to come up front and center.
A new user should be pointed towards the button.

Original issue referred to non-Safari iOS browsers, but since we're sun-setting this support we can remove it entirely.

Same as Andrew67/DdrFinder#15

As Chrome does not populate navigator.standalone, this is probably telling the extension (which hasn't been updated in a while) to show the message again.
Chrome does have a standalone media query, so we can use that to force display:none on the components.

Currently, Add-To-Homescreen adds about 12KB (gzipped/minified) to prompt the user only on iOS, since Android handles this.
Should replace with custom code, targeting only the languages we care about, using OnsenUI components and ion icons (for example, ion-ios-upload-outline for the icon).

In Chrome at least, we can use Android Intent URLs: https://developer.chrome.com/multidevice/android/intents

To Launch if installed, install if unavailable.
Test to see if it works in Firefox first, otherwise use ons.platform.isChrome().

maps: URIs in iOS will open the system default maps app (Apple Maps).
Add selector for other map apps (such as Google Maps, see https://developers.google.com/maps/documentation/ios-sdk/urlscheme for scheme).

Unfortunately, self-hosted Piwik is too difficult to maintain.

For the purpose of having sync'd native and web app links, "ng/" is meaningless to the end-user, let's move it all to "app/".
Will require changes to ddr-finder project as well, to set up proper redirects.

https://developers.google.com/web/fundamentals/engage-and-retain/app-install-banners/?hl=en#native_app_install_banners