Konversi Aplikasi Lovable Anda ke iOS dan Android dengan Capacitor

Pendahuluan

Lovable adalah AI app builder yang mengubah prompt menjadi aplikasi React yang berfungsi dalam hitungan menit. Anda bisa ship di browser dengan cepat — tapi bagaimana jika Anda ingin aplikasi Anda ada di App Store dan Google Play, muncul di home screen seperti aplikasi native lainnya?

Versi singkat: halaman Halaman Lovable ke iOS dan Android merangkum seluruh alur dalam satu layar: export, Capacitor, cloud builds tanpa Mac, dan live updates.

Panduan ini membahas jalur lengkap: ekspor dari Lovable, bungkus web app dengan Capacitor, build biner iOS dan Android yang ditandatangani di cloud dengan Builder Capgo (tanpa perlu Mac), tambahkan fitur native sungguhan, dan terapkan perbaikan layout secara over-the-air dengan Live Updates Capgo.

We use Cursor di sepanjang proses — AI-nya bisa menjalankan sebagian besar perintah terminal untuk Anda jika Anda tidak ingin mengetiknya secara manual.

Waktu yang dibutuhkan: sekitar 1–2 jam untuk pertama kali, sebagian besar untuk setup akun dan menunggu cloud build.

Di akhir, Anda akan punya:

• Aplikasi native iOS dan Android yang dibangun dari cloud — tanpa perlu Xcode atau Android Studio di jalur utama
• Aplikasi yang berjalan di perangkat asli (TestFlight, instalasi langsung, atau Play internal testing)
• Fitur kamera yang berfungsi dan hanya bisa ada di aplikasi native
• Live Updates yang terkonfigurasi agar perbaikan UI dan CSS bisa langsung dikirim tanpa review store

Prerequisites

Biaya (hanya untuk publikasi publik):

Opsional (hanya simulator lokal):

Keduanya bisa dilewati. Alur utama panduan ini melakukan build di cloud dan memasang ke perangkat fisik tanpa keduanya.

Catatan Singkat tentang Lovable dan Framework

Sebelum menyentuh code, ketahuilah bahwa jenis web app yang dihasilkan Lovable memengaruhi mobile wrapping.

Sudah lama, default Lovable adalah Aplikasi single-page (SPA) React + Vite. Per Mei 2026, aplikasi Lovable terbaru mungkin menggunakan TanStack Start dengan server-side rendering (SSR) secara default. SSR sangat bagus untuk web, tetapi Capacitor membungkus build statis — folder berisi HTML, CSS, dan JavaScript dengan index.html di akarnya — yang dikirim di dalam aplikasi di perangkat.

Aplikasi SSR mengharapkan server untuk merender halaman pada setiap permintaan. Tidak ada server di dalam ponsel, jadi untuk Capacitor Anda menginginkan output statis, dirender di sisi klien.

What to do:

• Mulai dari awal: Minta Lovable untuk membuat single-page app (SPA) atau lewati SSR agar Anda mendapatkan folder dist/ statis.
• Sudah menggunakan TanStack Start (SSR): Konfigurasikan untuk pre-render atau output SPA statis. Satu-satunya syarat wajib adalah folder build statis yang berisi index.html.
• Proyek Next.js Lovable lama: Gunakan ekspor statis — output masuk ke out/ alih-alih dist/.

Framework apa pun yang Anda gunakan, arahkan Capacitor ke webDir folder tersebut. Untuk Vite SPA, foldernya adalah dist.

Langkah 1 — Ekspor Aplikasi Lovable Anda ke GitHub

Lovable menyimpan code Anda di editor sampai Anda menghubungkan GitHub.

1. Buka proyek Lovable Anda di browser
2. Klik Upgrade (kanan atas) jika perlu, lalu buka Git di menu kiri
3. Pilih GitHub, otorisasi Lovable, dan hubungkan akun Anda
4. Lovable membuat repository dan mendorong aplikasi Anda secara otomatis

✅ Berhasil: Mengunjungi github.com/YOUR-USERNAME/your-app menampilkan code aplikasi Anda.

Langkah 2 — Siapkan Cursor dan Clone Proyek Anda

Sebelum bisa bekerja dengan code Anda secara lokal, Anda membutuhkan editor code. Kami merekomendasikan Cursor, editor berbasis AI yang bisa menjalankan perintah terminal untuk Anda.

Unduh dan Instal Cursor

1. Kunjungi cursor.sh dan download versi untuk sistem operasi Anda
2. Instal Cursor dengan mengikuti wizard instalasi
3. Setelah terinstal, buka Cursor

Konfigurasi Cursor untuk Pengembangan AI

Untuk pengalaman terbaik, konfigurasi Cursor sebelum memulai:

1. Beli Cursor Plan — Meski Cursor punya tier gratis, plan Pro ($20/bulan) memberi AI completions tanpa batas, akses ke Claude dan GPT-4, serta eksekusi command
2. Buka Cursor Settings dengan menekan Command+, (Mac) atau Ctrl+, (Windows)

3. Aktifkan Model AI — Pastikan fitur AI diaktifkan:

4. Pilih Model yang Anda Inginkan — Pilih Claude atau GPT-4 untuk hasil terbaik:

5. Izinkan Eksekusi Perintah — Aktifkan Cursor untuk menjalankan perintah untuk Anda:

Klon Repositori Anda di Cursor

1. Di Cursor, tekan Shift+Command+P (Mac) atau Shift+Ctrl+P (Windows) untuk membuka command palette
2. Ketik “clone” dan pilih Git: Clone
3. Tempel URL repositori GitHub Anda: https://github.com/YOUR-USERNAME/your-lovable-app.git
4. Pilih folder tempat Anda ingin menyimpan proyek

5. Cursor akan clone dan membuka proyek Anda

Langkah 3 — Instal Dependensi dan Jalankan Lokal

Metode 1: Menggunakan Cursor AI (Direkomendasikan)

1. Buka tab AI Cursor dengan menekan Command+K (Mac) atau Ctrl+K (Windows)
2. Ketik perintah berikut:

Install Homebrew, Node.js and npm on my system, then install dependencies and run the dev server

AI akan otomatis mendeteksi OS Anda, menginstal Node.js, menjalankan npm install, dan memulai dev server dengan npm run dev.

Metode 2: Instalasi Manual

Buka terminal di Cursor dengan menekan Shift+Command+T (Mac) atau Shift+Ctrl+T (Windows), lalu:

Untuk macOS:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
brew install node
cd your-lovable-app
npm install
npm run dev

Untuk Windows:

1. Download the 24 LTS installer dari nodejs.org
2. Jalankan installer
3. Buka terminal dan jalankan:

cd your-lovable-app
npm install
npm run dev

Aplikasi Lovable biasanya berjalan di http://localhost:8080 atau http://localhost:5173 — gunakan alamat apa pun yang dicetak oleh terminal Anda.

Tekan Ctrl + C untuk menghentikan dev server saat Anda siap melanjutkan.

✅ Berhasil: Aplikasi Anda terbuka di browser dengan UI yang berfungsi.

Langkah 4 — Siapkan Build Produksi Statis

Capacitor butuh production build sebelum Anda menambahkan platform native.

React + Vite (sebagian besar aplikasi Lovable)

Metode 1: Menggunakan Cursor AI (Direkomendasikan)

Tekan Command+K (Mac) atau Ctrl+K (Windows) dan minta:

Configure vite.config for Capacitor mobile deployment with base './' and production build to dist

Metode 2: Konfigurasi Manual

Konfirmasi vite.config.ts menggunakan base relatif agar aset dimuat di dalam native WebView:

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

export default defineConfig({
  plugins: [react()],
  base: './',
  build: {
    outDir: 'dist',
  },
})

Build dan verifikasi:

npm run build

Anda harus melihat dist/ folder dengan index.html di root-nya.

Proyek Next.js Lovable lama

Jika repo Anda menggunakan Next.js, minta Cursor:

Add a static export script to package.json and configure next.config.js for mobile export with Capacitor

Atau ikuti Ubah Aplikasi Next.js Anda ke Mobile untuk setup lengkap next.config lalu gunakan webDir: 'out' di Capacitor alih-alih dist.

✅ Berhasil: Folder build statis sudah ada (dist/ atau out/) dengan index.html.

Langkah 5 — Tambahkan Capacitor dan Platform Native

Capacitor membungkus web app Anda ke dalam shell iOS dan Android asli — tanpa perlu rewrite.

Metode 1: Menggunakan Cursor AI (Direkomendasikan)

Tekan Command+K (Mac) atau Ctrl+K (Windows) dan minta:

Install Capacitor CLI, initialize it for my app with webDir dist, and add iOS and Android platforms

The AI will ask for your nama app Anda dan bundle ID Anda (mis. com.yourcompany.myapp).

Metode 2: Instalasi Manual

npm install @capacitor/core @capacitor/cli
npx cap init

Saat diminta:

Pilih Package ID yang benar-benar Anda miliki. Bundle ID bersifat unik secara global. Gunakan ID reverse-domain berdasarkan domain yang Anda kendalikan sejak awal — mengubahnya nanti berarti find-and-replace di seluruh ios/ dan android/ dan rebuild.

npm run build
npm install @capacitor/ios @capacitor/android
npx cap add ios
npx cap add android
npx cap sync

Konfigurasi Capacitor

Metode 1: Menggunakan Cursor AI (Direkomendasikan)

Tanya Cursor:

Update capacitor.config.ts to use dist as webDir and set up for HTTPS

Untuk static export Next.js, minta Cursor menggunakan out instead.

Metode 2: Konfigurasi Manual

import type { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  appId: 'com.yourcompany.myapp',
  appName: 'My Lovable App',
  webDir: 'dist',
  server: {
    androidScheme: 'https',
  },
};

export default config;

Build dan Sync

Metode 1: Menggunakan Cursor AI (Direkomendasikan)

Beri tahu Cursor:

Build the production web app and sync it with Capacitor platforms

Metode 2: Perintah Manual

npm run build
npx cap sync

Proyek Anda sekarang terlihat seperti ini:

your-lovable-app/
├── android/              ← native Android project
├── ios/                  ← native iOS project
├── dist/                 ← built web app (or out/ for Next.js)
├── src/                  ← your Lovable app code
├── capacitor.config.ts
└── package.json

Tidak perlu CocoaPods. Capacitor 8 menggunakan Swift Package Manager untuk dependensi iOS secara otomatis.

✅ Berhasil: ios/ dan android/ folder muncul dan terminal menampilkan Sync finished.

Langkah 6 — Periksa .gitignore

Builder Capgo mengompilasi dari repositori Git Anda, jadi ios/ dan android/ harus di-commit. Kesalahan umum adalah mengabaikannya di root repo.

Konfirmasi:

• Root .gitignore mengabaikan node_modules dan dist (cloud melakukan rebuild dist saat web build)
• ios/ dan android/ itu sendiri tidak diabaikan

✅ Berhasil: git status menampilkan ios/ dan android/ siap di-commit (tidak diabaikan).

Langkah 7 — Commit dan Push

git add .
git commit -m "Add Capacitor and native iOS/Android platforms"
git push

✅ Berhasil: Repo GitHub Anda menunjukkan ios/ dan android/ folder.

Langkah 8 — Build Binary Siap Store dengan Capgo Builder

Anda tidak butuh Mac atau pipeline Xcode/Android Studio lokal untuk rilis. Builder Capgo meng-compile, menandatangani, dan bisa submit build iOS serta Android dari cloud.

Setup Capgo Builder

npx @capgo/cli@latest login
npx @capgo/cli@latest init
npx @capgo/cli@latest build init --platform ios
npx @capgo/cli@latest build init --platform android

Simpan kredensial signing sekali saja. Gunakan tool gratis kami jika butuh bantuan membuatnya:

• Generator Sertifikat iOS
• Generator Keystore Android
• Pencari UDID iOS — daftarkan iPhone Anda untuk development builds

Lihat Kelola Kredensial dan Build iOS dari Windows.

Ajukan cloud build

npm run build
npx cap sync
npx @capgo/cli@latest build com.yourcompany.myapp --platform ios --build-mode release
npx @capgo/cli@latest build com.yourcompany.myapp --platform android --build-mode release

Build logs tampil streaming di terminal Anda. Kalau App Store Connect sudah dikonfigurasi, build iOS bisa otomatis upload ke TestFlight.

Instal di perangkat fisik:

• iOS: TestFlight (disarankan) atau development build dengan UDID perangkat Anda terdaftar
• Android: Google Play internal testing track atau signed release APK/AAB

✅ Berhasil: Build yang ditandatangani selesai dan Anda dapat menginstalnya di perangkat asli.

Langkah 9 — Opsional: Uji Lokal di Xcode atau Android Studio

Jika Anda memiliki Mac atau ingin pengujian emulator sebelum cloud build:

Untuk iOS

Metode 1: Menggunakan Cursor AI (Direkomendasikan)

Open the iOS project in Xcode

Metode 2: Perintah Manual

npx cap open ios

Pengaturan Xcode pertama kali:

1. Pilih simulator dari dropdown perangkat (mis. iPhone 15)
2. Untuk perangkat asli: aktifkan Kelola signing secara otomatis dan pilih tim Apple Developer Anda
3. Klik tombol ▶️ Play — build pertama memakan waktu 5–10 menit

Untuk Android

Metode 1: Menggunakan Cursor AI (Direkomendasikan)

Open the Android project in Android Studio

Metode 2: Perintah Manual

npx cap open android

Setup Android Studio pertama kali:

1. Instal paket SDK yang hilang jika diminta
2. Buat emulator di Device Manager (mis. Pixel 6, API 33+)
3. Klik tombol hijau ▶️ Run — build pertama butuh 5–15 menit

Gunakan IDE lokal untuk debugging sehari-hari. Gunakan Builder Capgo saat Anda butuh binary release yang sudah ditandatangani.

✅ Berhasil: Aplikasi terbuka di simulator atau emulator menampilkan konten Lovable Anda.

Langkah 10 — Aktifkan Live Reload (Development)

Percepat iterasi dengan mengarahkan native shell ke local dev server Anda.

Metode 1: Menggunakan Cursor AI (Direkomendasikan)

Beri tahu Cursor:

Set up live reload for Capacitor development with my local IP address

Metode 2: Setup Manual

1. Temukan alamat IP lokal Anda:

# macOS
ipconfig getifaddr en0

# Windows
ipconfig

2. Update capacitor.config.ts:

import type { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  appId: 'com.yourcompany.myapp',
  appName: 'My Lovable App',
  webDir: 'dist',
  server: {
    url: 'http://YOUR_IP_ADDRESS:5173',
    cleartext: true,
  },
};

export default config;

Gunakan port 8080 atau 3000 jika itu yang npm run dev muncul.

3. Terapkan perubahan:

npx cap copy

✅ Berhasil: Edit pada web code Anda akan hot-reload di perangkat atau simulator.

Langkah 11 — Tambahkan Fitur Native: Kamera

Plugin Capacitor memungkinkan JavaScript memanggil fitur perangkat asli. Kita akan menambahkan plugin Camera agar pengguna bisa mengambil foto — sesuatu yang tidak bisa dilakukan tab browser dengan andal.

Metode 1: Menggunakan Cursor AI (Direkomendasikan)

Beri tahu Cursor:

Add the Capacitor Camera plugin with iOS and Android permissions and a button to take a photo

Metode 2: Instalasi Manual

npm install @capacitor/camera
npx cap sync

iOS — tambahkan ke ios/App/App/Info.plist di dalam level teratas <dict>:

<key>NSCameraUsageDescription</key>
<string>This app uses the camera to take photos.</string>

Android — tambahkan di dalam <manifest> di android/app/src/main/AndroidManifest.xml:

<uses-permission android:name="android.permission.CAMERA" />

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

async function takePhoto() {
  const photo = await Camera.getPhoto({
    quality: 90,
    resultType: CameraResultType.Uri,
  });
  return photo.webPath;
}

Menambahkan plugin memerlukan native build baru melalui Capgo Builder sebelum berfungsi di perangkat.

✅ Berhasil: Camera code terkompilasi dan npx cap sync selesai tanpa error.

Langkah 12 — Tambahkan Capgo Live Updates

Setiap perubahan native biasanya harus melewati review app store. Live Updates Capgo push perubahan ke lapisan web aplikasi Anda (HTML, CSS, JS, gambar) over the air dalam hitungan menit.

Pasang updater di rilis pertama Anda sehingga Anda tidak perlu menunggu proses review saat harus segera merilis perbaikan.

npm install @capgo/capacitor-updater
npx cap sync

Tambahkan ke capacitor.config.ts:

import type { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  appId: 'com.yourcompany.myapp',
  appName: 'My Lovable App',
  webDir: 'dist',
  plugins: {
    CapacitorUpdater: {
      autoUpdate: true,
    },
  },
};

export default config;

Inisialisasi di entry aplikasi Anda (mis. src/main.tsx):

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

void CapacitorUpdater.notifyAppReady();

Commit, push, dan jalankan build Capgo Builder baru agar SDK updater ada di dalam native shell.

Upload web bundle setelah peluncuran:

npm run build
npx @capgo/cli@latest bundle upload --channel production

Lihat Dokumentasi Capgo Live Updates.

Untuk mengotomatiskan upload ini setiap kali seseorang mengklik Publikasikan di Lovable, ikuti Otomatiskan Capgo Live Updates dari Lovable dengan GitHub Actions.

✅ Berhasil: Plugin updater sudah terinstal dan notifyAppReady() berjalan saat startup.

Langkah 13 — Perbaiki Jarak Status Bar dengan Live Update

Di iPhone asli, header Anda mungkin berada di bawah di bawah status bar (jam dan baterai). Capacitor modern tampil edge-to-edge, jadi aplikasi Anda harus memperhitungkan safe area insets: env(safe-area-inset-top), -bottom, -left, -right.

Banyak aplikasi Lovable sudah menangani inset bawah, tapi memakai padding atas tetap (seperti pt-6) tanpa inset atas.

1. Konfirmasi viewport-fit=cover di index.html:

<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />

2. Perbaiki header atas — gunakan max() agar padding web tetap dan bertambah di perangkat ber-notch:

/* Before */
padding-top: 1.5rem;

/* After */
padding-top: max(1.5rem, env(safe-area-inset-top));

Di Cursor atau Lovable, tanyakan:

“Konten aplikasi berada di bawah status bar bagian atas di mobile. Tambahkan env(safe-area-inset-top) ke top padding setiap header halaman menggunakan max(), dengan tetap mempertahankan padding yang ada sebagai nilai minimum.”

3. Kirim perbaikan via OTA — ini CSS murni, tidak perlu build ulang native:

git add .
git commit -m "Fix top safe area on mobile"
git push
npm run build
npx @capgo/cli@latest bundle upload --channel production

Force-close aplikasi di perangkat Anda, buka kembali, tunggu ~15–30 detik, lalu buka lagi. Header seharusnya sudah berada di bawah status bar — beres tanpa perlu review store.

✅ Berhasil: Konten bagian atas sudah tidak tertutup status bar setelah bundle OTA diterapkan.

Untuk pengaturan layout yang lebih mendalam, lihat @capgo/tailwind-capacitor dan Capacitor tampilan edge-to-edge.

Langkah 14 — Siapkan Listing Toko Anda

Aplikasi Anda sudah di-build, bisa diinstal, dan Anda bisa push update instan. Rilis di toko publik sebagian besar cuma soal dokumen:

• Ikon aplikasi — 1024×1024px untuk iOS (tanpa transparansi), 512×512px untuk Google Play
• Screenshot — Apple mewajibkan screenshot iPhone 6,9” (1320×2868px)
• Nama aplikasi, subjudul, deskripsi, kata kunci
• URL kebijakan privasi — diwajibkan oleh kedua store, bahkan untuk aplikasi gratis
• Rating usia — kuesioner di setiap konsol
• Pengungkapan pengumpulan data — Apple Privacy Nutrition Labels dan Google Data Safety

Metode 1: Menggunakan Cursor AI (Direkomendasikan)

Set up app icons and splash screens for my Capacitor app

Metode 2: Setup Manual

npm install -D @capacitor/assets
# Add assets/icon.png (1024x1024) and assets/splash.png (2732x2732)
npx capacitor-assets generate
npx cap sync

Yang tersisa sebelum “live”:

1. Pengujian tertutup Google Play (akun pribadi yang dibuat setelah 13 Nov 2023): minimal 12 penguji selama 14 hari berturut-turut sebelum akses produksi. iOS tidak memiliki padanannya.
2. Kirim untuk ditinjau — Apple ~3–5 hari, Google ~3–7 hari setelah persyaratan pengujian terpenuhi.

Lihat panduan review aplikasi pertama kali untuk checklist lengkap.

Kesalahan Umum (dan Cara Memperbaikinya)

• Could not find the web assets directory: ./dist — Jalankan npm run build sebelum npx cap add atau npx cap sync. Pastikan webDir di capacitor.config.ts cocok dengan output framework Anda (dist untuk Vite, out untuk Next.js static export).
• “App ID ini … tidak tersedia” — Bundle ID bersifat unik secara global. Pilih ID reverse-domain yang Anda kendalikan.
• Build iOS gagal setelah mengubah bundle ID — ID di proyek native Anda harus cocok dengan Apple App Store Connect. Lakukan find-and-replace di seluruh ios/ dan android/, commit, lalu rebuild.
• Layar putih saat launch — Atur base: './' di config Vite, rebuild, lalu jalankan npx cap sync.
• Konten tertutup status bar — Tambahkan viewport-fit=cover dan env(safe-area-inset-top) padding (Langkah 13).
• APK ditandatangani dalam mode debug — Google Play menolak build debug. Gunakan release build yang ditandatangani dengan keystore Anda.
• Deployment ditolak — versi sudah ada — Naikkan versi/nomor build di proyek native lalu rebuild.

Untuk masalah Capgo Builder, lihat troubleshooting Native Build dan debugging Live Updates.

Kesimpulan

Anda membawa web app Lovable ke iOS dan Android native — dibangun di cloud tanpa Mac, dengan fitur kamera asli dan perbaikan layout yang dikirim via OTA. Bagian tersulit sudah selesai.

Langkah Berikutnya

• Live Updates Capgo — Rilis perbaikan UI dan copy tanpa menunggu review store
• Builder Capgo — Otomatiskan release build di CI
• Direktori Plugin Capgo — Biometrik, push notification, geolokasi, dan lainnya
• Panduan terkait: Base44 ke mobile · Bolt.new ke mobile

Daftar akun Capgo gratis untuk mengaktifkan Live Updates dan cloud native build.

Sumber Daya

• Dokumentasi Lovable
• Dokumentasi Capacitor
• Capgo Native Build
• Capgo — Live Updates untuk Aplikasi Capacitor
• Build iOS dari Windows
• Next.js static export untuk mobile

Pertanyaan yang sering diajukan

Bagaimana cara mengonversi aplikasi Lovable menjadi aplikasi mobile?

Ekspor proyek Lovable ke GitHub, build sebagai aplikasi web statis (kebanyakan aplikasi Lovable menggunakan React dan Vite), tambahkan Capacitor dengan platform iOS dan Android, lalu sinkronkan dan build biner yang siap diunggah ke store. Panduan ini membahas setiap langkah, dan Build Capgo dapat mengompilasi dan menandatangani aplikasi iOS dan Android di cloud.

Bisakah saya mengubah proyek Lovable menjadi aplikasi untuk App Store dan Google Play?

Bisa. Capacitor membungkus build web Lovable dalam shell native iOS dan Android, sehingga Anda tetap menggunakan satu codebase dan dapat menambahkan fitur native seperti kamera. Setelah rilis store pertama, Live updates Capgo memungkinkan Anda mengirim perubahan web tanpa menunggu review baru.

Lanjutkan dari Mengonversi Aplikasi Lovable Anda ke iOS dan Android dengan Capacitor

Jika Anda menggunakan Konversi Aplikasi Lovable Anda ke iOS dan Android dengan Capacitor untuk merencanakan pekerjaan plugin native, hubungkan dengan Direktori Plugin Capgo untuk alur kerja produk di Direktori Plugin Capgo, Plugin Capacitor oleh Capgo untuk detail implementasi pada Capacitor Plugins oleh Capgo Capgo Native Build untuk alur kerja produk di Capgo Native Builds, dan Build iOS dari Windows untuk build iOS di cloud tanpa Mac.