@Capacitor+ Core

Menggunakan Capacitor+ (@capacitor-plus) Paket

Capacitor+ adalah salinan otomatis, selalu sinkron, dari Capacitor Dipelihara oleh Capgo. Ini menyediakan pengganti yang dapat digunakan dengan mudah untuk paket resmi Capacitor dengan satu kelebihan utama: PR dan perbaikan komunitas dapat diintegrasikan lebih cepat.

Kenapa Capacitor+ Ada

Tim Ionic menjaga Capacitor dengan prioritas dan jadwal rilis mereka sendiri. Ini berarti kontribusi komunitas - perbaikan bug, peningkatan, dan fitur - dapat menunggu bulan-bulan atau bahkan tahun-tahun untuk diintegrasikan. Beberapa tidak pernah berhasil.

Capacitor+ menyelesaikan masalah ini dengan:

1. Menggabungkan PR dari Fork - PR yang berharga yang terjebak di antrian upstream secara aktif diintegrasikan
2. Sinkronisasi Terus-Menerus - Setiap perubahan dari upstream Capacitor secara otomatis diambil, diuji, dan diverifikasi
3. Rilis Cepat - Ketika perubahan lolos CI, mereka secara otomatis dipublikasikan ke npm di bawah @capacitor-plus scope
4. Pertama Komunitas - Kontribusi Anda berharga dan diprioritaskan
5. Diperiksa Keamanan - Setiap perubahan dianalisis oleh AI untuk kelemahan keamanan, perubahan yang mengganggu, dan risiko stabilitas

Paket Tersedia

Pemasangan

Proyek Baru

Untuk proyek baru, cukup gunakan paket Capacitor+ alih-alih paket resmi:

npm install @capacitor-plus/core @capacitor-plus/cli
npm install @capacitor-plus/android  # for Android
npm install @capacitor-plus/ios      # for iOS

Migrasikan Projek Anda:

npx cap init
npx cap add android
npx cap add ios

Migrasi dari Official Capacitor

Migrasi Projek yang Sudah Ada dari Official Capacitor ke Capacitor+:

# Remove official packages
npm uninstall @capacitor/core @capacitor/cli @capacitor/android @capacitor/ios

# Install Capacitor+ packages
npm install @capacitor-plus/core @capacitor-plus/cli
npm install @capacitor-plus/android  # if using Android
npm install @capacitor-plus/ios      # if using iOS

Karena Capacitor+ adalah pengganti yang dapat digunakan langsung dengan API, tidak ada perubahan code yang diperlukan. Impor Anda tetap sama:

// These imports work the same with Capacitor+
import { Capacitor } from '@capacitor/core';
import { registerPlugin } from '@capacitor/core';

Bagaimana Cara Kerjanya

┌─────────────────────┐     ┌──────────────────┐     ┌──────────────────┐     ┌─────────────────┐
│  ionic-team/        │     │  CI/CD           │     │  Claude Code     │     │  npm publish    │
│  capacitor          │────▶│  Pipeline        │────▶│  Security Review │────▶│  @capacitor-plus│
│  (upstream)         │     │  (daily sync)    │     │  (AI analysis)   │     │  packages       │
└─────────────────────┘     └──────────────────┘     └──────────────────┘     └─────────────────┘

1. Sinkronisasi Harian: Aksi GitHub mengambil perubahan terbaru dari ionic-team/capacitor
2. Pembuatan PR: Perubahan diusulkan sebagai permintaan pull ke plus cabang
3. Pengujian CI: Seluruh suite pengujian berjalan (lint, unit tests, build iOS, build Android)
4. Ulasan Claude Code: Analisis keamanan yang dipimpin AI untuk memeriksa:
   • Kekeliruan keamanan (injeksi, XSS, dll.)
   • Pengubahan API yang memecah
   • Risiko kegagalan dan masalah stabilitas
   • Kekeliruan integritas data dan privasi
   • Polanya code yang berbahaya
5. Auto-Merge: Hanya jika CI melalui dan Claude menyetujui (tidak ada masalah yang terdeteksi)
6. Auto-Publish: Versi baru dipublikasikan ke npm di @capacitor-plus/*

Ulasan Keamanan

Setiap sinkronisasi upstream dianalisis untuk:

Jika ada masalah yang terdeteksi, PR ditandai untuk tinjauan manual dan TIDAK akan di-merge secara otomatis.

Mau PR Anda Diterima?

Mengalami PR yang terjebak di repositori resmi Capacitor? Berikut cara untuk memasukkannya ke Capacitor+:

1. Buka isu di Capacitor+ repo menghubungkan ke PR upstream Anda
2. Atau submit PR secara langsung ke plus cabang
3. Tim akan meninjau, menjalankan CI, dan merge jika berhasil

Jadi, Anda dan orang lain dapat menikmati hasil kerja Anda segera, tanpa harus menunggu siklus rilis upstream.

Kelebihan

• PR yang Terjebak Sekarang: Perbaikan dan fitur komunitas yang menunggu upstream sudah diintegrasikan
• Teruskan: Dapatkan perbaikan upstream segera setelah melewati CI
• Pertama Kali Keamanan: Setiap perubahan diperiksa untuk kelemahan keamanan dan risiko stabilitas
• Rilis yang Dapat Dijamin: Hanya perubahan yang melewati uji CI dan tinjauan keamanan AI yang dipublikasikan
• Ganti dengan Mudah: Same API as Capacitor, just a different package scope
• Suara Anda Berpengaruh: Kirimkan PR Anda sendiri atau minta PR upstream spesifik untuk diintegrasikan

Contoh: Menggunakan Capacitor+ dengan Plugin

Tentu saja semua plugin Capacitor resmi berfungsi dengan lancar dengan Capacitor+:

import { Capacitor } from '@capacitor/core';
import { Camera, CameraResultType } from '@capacitor/camera';
import { Geolocation } from '@capacitor/geolocation';

// Everything works exactly the same
const platform = Capacitor.getPlatform();

const photo = await Camera.getPhoto({
  resultType: CameraResultType.Uri
});

const position = await Geolocation.getCurrentPosition();

Plugin Capgo juga berfungsi dengan sempurna dengan Capacitor+:

import { CapacitorUpdater } from '@capgo/capacitor-updater';
import { ScreenOrientation } from '@capgo/capacitor-screen-orientation';

// Use Capgo plugins with Capacitor+
await CapacitorUpdater.notifyAppReady();
await ScreenOrientation.lock({ orientation: 'portrait' });

Itu saja! Anda sekarang memiliki versi yang lebih cepat diperbarui dari Capacitor dengan perbaikan komunitas yang diintegrasikan lebih cepat. Aplikasi Anda akan mendapatkan manfaat dari perbaikan bug dan fitur tanpa harus menunggu siklus rilis resmi.

Teruskan dari Menggunakan Capacitor+ (@capacitor-plus) Paket

Jika Anda menggunakan Menggunakan Capacitor+ (@capacitor-plus) Paket untuk merencanakan pekerjaan plugin native, hubungkan dengan Capacitor+ untuk detail implementasi di Capacitor+: Capgo Direktori Plugin untuk alur kerja produk di Capgo Direktori Plugin, Capacitor Plugin oleh Capgo untuk detail implementasi di Capacitor Plugin oleh Capgo, Menambahkan atau Mengupdate Plugin untuk detail implementasi di Menambahkan atau Mengupdate Plugin, dan Alternatif Plugin Enterprise Ionic untuk alur kerja produk di Alternatif Plugin Enterprise Ionic.