Plugins & Native APIs

cordova plugin add cordova-plugin-camera
cordova plugin add cordova-plugin-geolocation
cordova plugin add cordova-plugin-file
cordova plugin add phonegap-plugin-push

# Listed in config.xml — tied to build system
# No tree-shaking, no npm audit

npm install @capacitor/camera
npm install @capacitor/geolocation
npm install @capacitor/filesystem
npm install @capacitor/push-notifications

npx cap sync   # register plugins with native projects
# Listed in package.json — standard npm workflow

// cordova.exec callback hell
navigator.camera.getPicture(
  function(imageData) {
    // success
    document.getElementById('img').src =
      'data:image/jpeg;base64,' + imageData;
  },
  function(err) {
    // error
    console.error('Camera error: ' + err);
  },
  {
    quality: 80,
    destinationType: Camera.DestinationType.DATA_URL
  }
);

import { Camera, CameraResultType } from '@capacitor/camera';

async function takePicture() {
  try {
    const image = await Camera.getPhoto({
      quality: 80,
      resultType: CameraResultType.DataUrl,
      // No success/error callbacks!
    });
    const imgEl = document.getElementById('img');
    imgEl.src = image.dataUrl!;
  } catch (err) {
    console.error('Camera error:', err);
  }
}