Community plugin for native & electron SQLite databases


Keywords
capacitor, plugin, native, electron, browser, database, sqlite, capacitor-community, capacitor-plugin
License
MIT
Install
npm install @capacitor-community/sqlite@5.0.7-2

Documentation


SQLITE DATABASE

@capacitor-community/sqlite


Capacitor community plugin for Native and Electron SQLite Databases. - In Native, databases could be encrypted with `SQLCipher` - In Electron, databases could be encrypted with `better-sqlite3-multiple-ciphers`



Maintainers

Maintainer GitHub Social
Robin Genz robingenz @robin_genz

To install:

npm install --save @capacitor-community/sqlite
npx cap sync
yarn add @capacitor-community/sqlite
npx cap sync
pnpm install --save @capacitor-community/sqlite
pnpm install --save jeep-sqlite
pnpm install --save sql.js
npx cap sync

then add plugin to main capacitor.config.ts file:

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

const config: CapacitorConfig = {
  appId: 'com.jeep.app.ionic7.angular.sqlite',
  appName: 'ionic7-angular-sqlite-starter',
  webDir: 'www',
  server: {
    androidScheme: 'https'
  },
  plugins: {
    CapacitorSQLite: {
      iosDatabaseLocation: 'Library/CapacitorDatabase',
      iosIsEncryption: true,
      iosKeychainPrefix: 'angular-sqlite-app-starter',
      iosBiometric: {
        biometricAuth: false,
        biometricTitle : "Biometric login for capacitor sqlite"
      },
      androidIsEncryption: true,
      androidBiometric: {
        biometricAuth : false,
        biometricTitle : "Biometric login for capacitor sqlite",
        biometricSubTitle : "Log in using your biometric"
      },
      electronIsEncryption: true,
      electronWindowsLocation: "C:\\ProgramData\\CapacitorDatabases",
      electronMacLocation: "/Volumes/Development_Lacie/Development/Databases",
      electronLinuxLocation: "Databases"
    }
  }
};
export default config;

More Reading:

Tutorials Blog

Web Quirks

The plugin follows the guidelines from the Capacitor Team,

Meaning that it will not work in IE11 without additional JavaScript transformations, e.g. with Babel. You'll need the usual capacitor/android/react npm script to build and copy the assets folder.

For Angular framework

  • Copy manually the file sql-wasm.wasm from node_modules/sql.js/dist/sql-wasm.wasm to the src/assets folder of YOUR_APP

For Vue & React frameworks

  • Copy manually the file sql-wasm.wasm from node_modules/sql.js/dist/sql-wasm.wasm to the public/assets folder of YOUR_APP

Android Quirks

  • In case you get the following error when building your app in Android Studio: x files found with path 'build-data.properties'. You can you add the following code to app/build.gradle:
    packagingOptions {
        exclude 'build-data.properties'
    }

See #301 and SO question for more information.

  • Check/Add the following: Gradle JDK version 17 Android Gradle Plugin Version 8.0.0 In variables.gradle

    minSdkVersion = 22
    compileSdkVersion = 33
    targetSdkVersion = 33
    

    In AndroidManifest.xml

        <application
          android:allowBackup="false"
          android:fullBackupContent="false"
          android:dataExtractionRules="@xml/data_extraction_rules"
    

    In res/xml create a file data_extraction_rules.xml containing:

    <?xml version="1.0" encoding="utf-8"?>
    <data-extraction-rules>
        <cloud-backup>
          <exclude domain="root" />
          <exclude domain="database" />
          <exclude domain="sharedpref" />
          <exclude domain="external" />
        </cloud-backup>
        <device-transfer>
          <exclude domain="root" />
          <exclude domain="database" />
          <exclude domain="sharedpref" />
          <exclude domain="external" />
        </device-transfer>
    </data-extraction-rules>
    

Electron Quirks

  • On Electron, go to the Electron folder of YOUR_APPLICATION
cd electron
npm install --save better-sqlite3-multiple-ciphers
npm install --save electron-json-storage
npm install --save jszip
npm install --save node-fetch@2.6.7
npm install --save crypto
npm install --save crypto-js
npm install --save-dev @types/better-sqlite3
npm install --save-dev @types/electron-json-storage
npm install --save-dev @types/crypto-js
  • Important: node-fetch version must be <=2.6.7; otherwise you'll get an error running the app.

  • Important: if you are using @capacitor-community/electron v5

    • you have to stick to Electron@25.8.4 till further notice so do:
npm install --save-dev electron@25.8.4
npm uninstall --save-dev electron-rebuild
npm install --save-dev @electron/rebuild
npm install --save-dev electron-builder@24.6.4
  • in electron folder open the tsconfig.json file and add "skipLibCheck": true,

IOS Quirks

  • on iOS, no further steps needed.

Supported Methods by Platform

Name Android iOS Electron Web
createConnection (ReadWrite) βœ… βœ… βœ… βœ…
createConnection (ReadOnly) βœ… βœ… βœ… ❌
closeConnection (ReadWrite) βœ… βœ… βœ… βœ…
closeConnection (ReadOnly) βœ… βœ… βœ… ❌
isConnection (ReadWrite) βœ… βœ… βœ… βœ…
isConnection (ReadOnly) βœ… βœ… βœ… ❌
open (non-encrypted DB) βœ… βœ… βœ… βœ…
open (encrypted DB) βœ… βœ… βœ… ❌
close βœ… βœ… βœ… βœ…
getUrl βœ… βœ… ❌ ❌
getVersion βœ… βœ… βœ… βœ…
execute βœ… βœ… βœ… βœ…
executeSet βœ… βœ… βœ… βœ…
run βœ… βœ… βœ… βœ…
query βœ… βœ… βœ… βœ…
deleteDatabase βœ… βœ… βœ… βœ…
importFromJson βœ… βœ… βœ… βœ…
exportToJson βœ… βœ… βœ… βœ…
deleteExportedRows βœ… βœ… βœ… βœ…
createSyncTable βœ… βœ… βœ… βœ…
setSyncDate βœ… βœ… βœ… βœ…
getSyncDate βœ… βœ… βœ… βœ…
isJsonValid βœ… βœ… βœ… βœ…
isDBExists βœ… βœ… βœ… βœ…
addUpgradeStatement βœ… βœ… βœ… βœ…
copyFromAssets βœ… βœ… βœ… βœ…
isDBOpen βœ… βœ… βœ… βœ…
isDatabase βœ… βœ… βœ… βœ…
isTableExists βœ… βœ… βœ… βœ…
getTableList βœ… βœ… βœ… βœ…
getDatabaseList βœ… βœ… βœ… βœ…
getMigratableDbList βœ… βœ… ❌ ❌
addSQLiteSuffix βœ… βœ… ❌ ❌
deleteOldDatabases βœ… βœ… ❌ ❌
moveDatabasesAndAddSuffix βœ… βœ… ❌ ❌
checkConnectionsConsistency βœ… βœ… βœ… βœ…
isSecretStored βœ… βœ… βœ… ❌
setEncryptionSecret βœ… βœ… βœ… ❌
changeEncryptionSecret βœ… βœ… βœ… ❌
clearEncryptionSecret βœ… βœ… βœ… ❌
checkEncryptionSecret βœ… βœ… βœ… ❌
initWebStore ❌ ❌ ❌ βœ…
saveToStore ❌ ❌ ❌ βœ…
getNCDatabasePath βœ… βœ… ❌ ❌
createNCConnection βœ… βœ… ❌ ❌
closeNCConnection βœ… βœ… ❌ ❌
isNCDatabase βœ… βœ… ❌ ❌
transaction βœ… βœ… βœ… βœ…
getFromHTTPRequest βœ… βœ… βœ… βœ…
isDatabaseEncrypted βœ… βœ… βœ… ❌
isInConfigEncryption βœ… βœ… βœ… ❌
isInConfigBiometricAuth βœ… βœ… ❌ ❌
getFromLocalDiskToStore ❌ ❌ ❌ βœ…
saveToLocalDisk ❌ ❌ ❌ βœ…
beginTransaction βœ… βœ… βœ… βœ…
commitTransaction βœ… βœ… βœ… βœ…
rollbackTransaction βœ… βœ… βœ… βœ…
isTransactionActive βœ… βœ… βœ… βœ…

Documentation & APIs

Applications demonstrating the use of the plugin and related documentation

Ionic/Angular

Ionic/Angular TypeORM app (Not Updated)

Ionic/React

Ionic/React Capacitor SQLite + TypeORM Example App

Ionic/Vue

Vue (Not Updated)

Vue TypeORM app (Not Updated)

SolidJS+Vite (Not Updated)

Nuxt3 + Kysely

Quasar

SvelteKit

Dependencies

The iOS and Android codes are using SQLCipher allowing for database encryption. The iOS codes is using ZIPFoundation for unzipping assets files The Electron code is using better-sqlite3-multiple-ciphers , electron-json-storage and node-fetch from 5.0.4. The Web code is using the Stencil component jeep-sqlite based on sql.js, localforage. and jszip

Contributors ✨

Thanks goes to these wonderful people (emoji key):

This project follows the all-contributors specification. Contributions of any kind welcome!

Credits

A big thank you to Jean Pierre QuΓ©au, who maintained this plugin until version 6.0.0.