Using Capacitor Communication Plugins

import { Share } from '@capacitor/share';

const share = async () => {
  await Share.share({
    title: 'Check this out!',
    text: 'This is some text to share',
  });
};

import { Share } from '@capacitor/share';

const shareUrl = async () => {
  await Share.share({
    title: 'Check this out!',
    url: 'https://example.com',
  });
};

import { Browser } from '@capacitor/browser';

const openBrowser = async () => {
  await Browser.open({ url: 'https://ionic.io' });
};

openBrowser();

import { Browser } from '@capacitor/browser';

const closeBrowser = async () => {
  await Browser.close();
};

closeBrowser();

import { AppLauncher } from '@capacitor/app-launcher';

const launchUrl = async () => {
  await AppLauncher.openUrl({
    url: 'https://ionic.io',
  });
};

import { AppLauncher } from '@capacitor/app-launcher';

const launchNativeApp = async () => {
  await AppLauncher.openUrl({
    url: 'com.google.android.apps.maps',
  });
};

import { LocalNotifications } from '@capacitor/local-notifications';

LocalNotifications.schedule({
  notifications: [
    {
      id: '1',
      title: 'Reminder',
      body: 'Time to take a break!',
      schedule: {
        at: new Date(Date.now() + 5000),
      },
      sound: 'default',
      badge: 1,
    }
  ]
});

import { LocalNotifications } from '@capacitor/local-notifications';

LocalNotifications.cancel({
  notifications: [
    {
      id: '1'
    }
  ]
});

import { Plugins } from '@capacitor/core';<br><br>const { PushNotifications } = Plugins;<br><br>PushNotifications.requestPermissions().then(result => {<br>&nbsp;&nbsp;if (result.receive === 'granted') {<br>&nbsp;&nbsp;&nbsp;&nbsp;console.log('Push notification permission granted');<br>&nbsp;&nbsp;} else {<br>&nbsp;&nbsp;&nbsp;&nbsp;console.log('Push notification permission denied');<br>&nbsp;&nbsp;}<br>});

PushNotifications.addListener('pushNotificationReceived', (notification) => {<br>&nbsp;&nbsp;console.log('Push notification received:', notification);<br>});<br><br>PushNotifications.addListener('pushNotificationActionPerformed', (notification) => {<br>&nbsp;&nbsp;console.log('Push notification action performed:', notification);<br>});

import { ActionSheetPlugin } from '@capacitor/action-sheet';

const showActionSheet = async () => {
  const result = await ActionSheetPlugin.showActionSheet({
    header: 'Choose an option',
    subHeader: 'Select from the options below',
    buttons: [
      {
        title: 'Option 1',
        icon: 'add-circle-outline'
      },
      {
        title: 'Option 2',
        icon: 'checkmark-circle-outline'
      },
      {
        title: 'Cancel',
        icon: 'close-circle-outline',
        role: 'cancel'
      }
    ],
    cancelable: true
  });

  console.log('Action Sheet result:', result);
};

import { Dialog } from '@capacitor/dialog';

await Dialog.alert({
  title: 'Hello Ionic!',
  message: 'This is an alert dialog.',
});

import { Dialog } from '@capacitor/dialog';

const result = await Dialog.confirm({
  title: 'Confirm Action',
  message: 'Do you want to proceed?',
});

if (result.value) {
  console.log('User confirmed');
} else {
  console.log('User cancelled');
}

import { Dialog } from '@capacitor/dialog';

const result = await Dialog.prompt({
  title: 'Enter Name',
  message: 'Please enter your name:',
});

if (result.value) {
  console.log('User entered:', result.value);
}

<script lang="ts">
import { Toast } from '@capacitor/toast';

const showToast = async () => {
  await Toast.show({
    text: 'Hello Ionic!',
    duration: 'short',
    position: 'bottom',
    color: 'success'
  });
};
</script>

<script lang="ts">
import { Toast } from '@capacitor/toast';

const showLongToast = async () => {
  await Toast.show({
    text: 'This is a long-running operation',
    duration: 'long',
    position: 'center'
  });
};
</script>

import { Motion } from '@capacitor-community/motion';

const getMotionData = async () => {
  const result = await Motion.getAccelerometer();
  console.log('Acceleration X:', result.x);
  console.log('Acceleration Y:', result.y);
  console.log('Acceleration Z:', result.z);
};

import { Motion } from '@capacitor-community/motion';

const getGyroData = async () => {
  const result = await Motion.getGyroscope();
  console.log('Rotation X:', result.x);
  console.log('Rotation Y:', result.y);
  console.log('Rotation Z:', result.z);
};

import { Motion } from '@capacitor-community/motion';

const getMagnetometerData = async () => {
  const result = await Motion.getMagnetometer();
  console.log('Magnetic X:', result.x);
  console.log('Magnetic Y:', result.y);
  console.log('Magnetic Z:', result.z);
};

import { ScreenReader } from '@capacitor-community/screen-reader';

ScreenReader.available().then(available => {
  console.log('Screen reader available:', available);
});

import { ScreenReader } from '@capacitor-community/screen-reader';

ScreenReader.isActive().then(active => {
  console.log('Screen reader active:', active);
});

import { ScreenReader } from '@capacitor-community/screen-reader';

ScreenReader.speak({
  text: 'Hello, world!',
  language: 'en-US'
});