javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(many): haptics only fire on supported platforms (#26130)

Browse Source 
resolves #26109
This commit is contained in:
Liam DeBeasi
2022-10-17 11:07:38 -05:00
committed by GitHub
parent ffcf8ec4e0
commit d4d569ac09
1 changed files with 26 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
core/src/utils/native/haptic.ts
View File

@@ -13,7 +13,26 @@ const HapticEngine = {
return win.TapticEngine || (win.Capacitor?.isPluginAvailable('Haptics') && win.Capacitor.Plugins.Haptics);
},
available() {
return !!this.getEngine();
const win = window as any;
const engine = this.getEngine();
if (!engine) {
return false;
}
/**
* Developers can manually import the
* Haptics plugin in their app which will cause
* getEngine to return the Haptics engine. However,
* the Haptics engine will throw an error if
* used in a web browser that does not support
* the Vibrate API. This check avoids that error
* if the browser does not support the Vibrate API.
*/
if (win.Capacitor?.getPlatform() === 'web') {
return typeof navigator !== 'undefined' && navigator.vibrate !== undefined;
}
return true;
},
isCordova() {
return !!(window as any).TapticEngine;
@@ -89,21 +108,21 @@ export const hapticAvailable = (): boolean => {
* (not for gestures)
*/
export const hapticSelection = () => {
HapticEngine.selection();
hapticAvailable() && HapticEngine.selection();
};
/**
* Tell the haptic engine that a gesture for a selection change is starting.
*/
export const hapticSelectionStart = () => {
HapticEngine.selectionStart();
hapticAvailable() && HapticEngine.selectionStart();
};
/**
* Tell the haptic engine that a selection changed during a gesture.
*/
export const hapticSelectionChanged = () => {
HapticEngine.selectionChanged();
hapticAvailable() && HapticEngine.selectionChanged();
};
/**
@@ -111,7 +130,7 @@ export const hapticSelectionChanged = () => {
* called lest resources are not properly recycled.
*/
export const hapticSelectionEnd = () => {
HapticEngine.selectionEnd();
hapticAvailable() && HapticEngine.selectionEnd();
};
/**
@@ -119,7 +138,7 @@ export const hapticSelectionEnd = () => {
* options should be of the type `{ type: 'success' }` (or `warning`/`error`)
*/
export const hapticNotification = (options: HapticNotificationOptions) => {
HapticEngine.notification(options);
hapticAvailable() && HapticEngine.notification(options);
};
/**
@@ -127,5 +146,5 @@ export const hapticNotification = (options: HapticNotificationOptions) => {
* options should be of the type `{ style: 'light' }` (or `medium`/`heavy`)
*/
export const hapticImpact = (options: HapticImpactOptions) => {
HapticEngine.impact(options);
hapticAvailable() && HapticEngine.impact(options);
};