import { CordovaAppControl, ControlHeightBoxMobile } from "dev-react-cordova/mobile";

const startApp = () => {
  ReactDOM.createRoot(document.getElementById("root")!).render(<App />);
};

if (window.cordova) {
  document.addEventListener(
    "deviceready",
    () => {
      startApp();
      // let isKeyboardHeight = false;
      CordovaAppControl.keyboard.onWatch((data) => {
        console.log("onWatch (data)", data); //{height: number, isShow: boolean }
        // if (!isKeyboardHeight && data.isShow) {
        //   isKeyboardHeight = true;
        //   // store.dispatch(setKeyboardHeight(data.height));
        // }
        // store.dispatch(setKeyboardInfo(data));
      });
      CordovaAppControl.dynamicMetaContentProperty();
      CordovaAppControl.initFullScreen({
        isFullScreen: true,
        isPaddingBottomAndroid: true,
        isPaddingBottomIos: true,
        onHeightBars: (data) => {
          console.log("onHeightBars (data)", data); //{heightStatus: number, heightNav: number }
          // store.dispatch(setMobileHeightBars({
          //   heightStatusBar: heightStatus,
          //   heightNavBar: heightNav
          // }));
        },
      });
    },
    false
  );
} else {
  startApp();
}

export function App() {
  return (
    <>
      <div>Other Component...with auto padding</div>
      <p>For Elements with style position fixed use component ControlHeightBoxMobile. Example Modal, Dialog @mui components</p>
      <ControlHeightBoxMobile>
        <Dialog>...</Dialog>
      </ControlHeightBoxMobile>
    </>
  );
}

Methods

interface StorageProps {
  dropTable(nameTable: string): Promise<BaseReturnProps>;
  getData(nameTable: string, params?: Params, isParse?: boolean): Promise<ResultGetDataSqlite>;
  setData(nameTable: string, payload: object, options?: BaseSqliteOptions): Promise<BaseReturnProps>;
  updateData(nameTable: string, payload: object, { where, condition }: UpdateWhere): Promise<BaseReturnProps>;
  removeData(nameTable: string, params?: Params): Promise<BaseReturnProps>;
  checkTable(nameTable: string): Promise<BaseReturnProps>;
  query(sql: string): Promise<BaseReturnProps>; //Security risk
  openDB(): any;
  closeDB(): void;
  switchDriver(nameDriver): void;
  getCurrentDriver(): DriverType;
  isSupported(): boolean;
  setList(nameTable, list:Array<{[key in string]: string} & {id: string | number}>, options?:BaseSqliteOptions):{msg: string, status: boolean}
}

Examples

import { Storage } from "dev-react-cordova/database";
const storage = new Storage({
  driver: ["sqlite", "indexedDB"],//Перебирает по порядку и подключиться к той к которой будет доступ. Для sqlite нужен cordova-sqlite-storage
  defaultDriver: "sqlite",
});

storage.switchDriver('indexedDB');//Переключение таблиц если тербуеться

await storage.query(sql); //Разные sql запросы. Не рекомендуеться в целях безопасности.
await storage.checkTable(); //Проверить таблицы.  { status: true, msg: 'Список найденных таблиц', tables }
await storage.checkTable("Test"); //checks a specific table.  promise -> { msg: "Таблица Test существует", status: true }
await storage.setData(nameTable, key, payload, options);
/* 
    Example payload:
      {name: 'Jon', age: 30, value: [{a: 1},{a: 2}] }
    
    options
    {
      isCreateDate: false //no create column createdAt and updateAt. default: true
      rewriteTable: true; //added request `DROP TABLE IF EXISTS ${nameTable}`
    }
  */


await storage.updateData(nameTable, key, payload, { where, condition });
//Не обязательно использовать updateData т.к. setData универсальный и может обновить если передать по тому же ключу
/*
Example payload: ()
  storage.updateData('test', 'id-111', {value: [{a: 4},{a: 2}]}, {where: {name: 'Jon'}})
  OR
  storage.updateData('test', 'id-222', {value: [{a: 4},{a: 2}]},)

  {
    where: {name: 'Jon', age: 30} // generate WHERE name="Jon" AND age="30"
    condition: "AND" | "OR" //edit WHERE name="Jon" OR age="30"
  }
*/

await storage.getData("Test"); //SELECT * FROM Test
/* 
  promise -> {
    msg: "Данные найдены",
    status: true,
    values: [
      {
        id: 1,
        key: "listNames",
        createdAt: "2023-02-07 14:03:23",
        updateAt: "2023-02-13 09:59:03",
        value: "[{\"name\":\"Jon\"}, {\"name\":\"Brain\"}]"
      },
        {
        id: 2,
        key: "listCity",
        createdAt: "2023-02-07 14:03:23",
        updateAt: "2023-02-13 09:59:03",
        value: "[{\"city\":\"New York\"}, {\"city\":\"California\"}]"
      },
      ...
    ]
  } 
*/

/* 
  _key - это уникальное значение таблицы. Существует только в таблице

#   Ключ         Значение
0	 "user18"    {_key: 'user18', id: 13, name: 'At dd', age: 33, createdAt: '2025-10-06T12:47:01.102Z', …}
*/
await storage.getData("users", { where: { _key: "user18" } }, true); //SELECT * FROM Test WHERE key = 'listNames'
/* 
  promise -> {
    msg: "Данные найдены",
    status: true,
    values: [
      {
        id: 13,
        key: "user18",
        name: 'Вася Пупкин',
        age: 33,
        createdAt: "2025-10-06T12:47:01.102Z",
        updateAt: "2025-10-16T12:47:01.102Z",
        list: [ {key: "13"}, {key: "2321"} ] <-- isParse
      }
    ]
  } 
*/

await storage.removeData(nameTable, { where, whereKey, ignoreWhere, condition });
//ignoreWhere будет работать для всех сценариев удаления, кроме точечного удаления по _key.
/*
  { whereKey: {name: ['Jon', "Brain"], age: [25, 30]}} }
  'DELETE FROM ${nameTable} WHERE name = "Jon" OR name = "Brain", age = "17" OR age = "20"'
*/

// ✅ Удаление по нескольким условиям (AND)
await storage.removeData('users', { 
  where: { 
    age: 30,
    city: 'Moscow'
  } 
});

// ✅ Удаление с whereKey (OR условия)
await storage.removeData('users', {
  whereKey: {
    name: ['John', 'Jane']  // Удалит John OR Jane
  },
});

// ✅ Удаление с ignoreWhere (NOT условия)
await storage.removeData('users', {
  where: {
    age: 30 // возраст = 30
  },
  ignoreWhere: {
    role: ['admin'] // НЕ удалять админов
  }
});

await storage.removeData('users', {
  whereKey: {
    status: ['inactive', 'banned'] // статус inactive ИЛИ banned
  },
  ignoreWhere: {
    id: ['user123', 'user456'] // НЕ удалять этих пользователей
  }
});

await storage.removeData('settings', {
  ignoreWhere: {
    _key: ['config1', 'config2'] // Удалить все, КРОМЕ записей с этими ключами
  }
});

await storage.removeData('products', {
  where: {
    category: 'electronics'
  },
  ignoreWhere: {
    brand: ['Samsung', 'Apple'], // НЕ удалять Samsung и Apple
    status: ['new'] // И НЕ удалять новые товары
  }
});
// Удалит electronics, НО исключит Samsung, Apple и новые товары

await storage.dropTable('users')

install plugins for cordova

• cordova-sqlite-storage
• cordova-plugin-android-bars I created a plugin because cordova-plugin-statusbar behaves strangely on android
• cordova-plugin-device
• cordova-plugin-statusbar used for ios
• cordova-plugin-keyboard used for ios