support ionic #1

mrpower55 · 2017-10-29T08:53:29Z

hi there, i want to add this plugin on my ionic project

but i can't know what is the class of it to set it on providers,

also i can't know what is the function i need to use on ionic

so please help me

thanks

SujitSingh · 2018-01-16T12:02:45Z

By default, you can import "IRoot" class from "cordova-plugin-iroot\www\iroot".
But in Ionic, this will generate error, "require", "cordova" and "exec" not defined in web version.

Thus, I have conditionaly added this file in index.html (which is only if device is mobile type).
Know more about that logic here.

I have customized my IRoot.js file to be as below -

window.isRooted = function (successCallback, failureCallback) {
    cordova.exec(successCallback, failureCallback, "IRoot", "isRooted", []);
};
window.isRootedRedBeer = function (successCallback, failureCallback) {
    cordova.exec(successCallback, failureCallback, "IRoot", "isRootedRedBeer", []);
};

Now to call isRooted function while avoiding compilation errors in web version, I have created another JS file named rooted-check.js with required caller functions -

module.exports = {
    isRootedDevice: function(successCallback, errorCallback){
        window.isRooted(successCallback, errorCallback)
    },
    isRootedRedBeerDevice: function(successCallback, errorCallback){
        window.isRootedRedBeer(successCallback, errorCallback)
    },
}

Now, to call required functions -

import * as rootedCheck from '../../assets/js/rooted-check';

rootedCheck.isRootedDevice(
  (booleanVal) => {
    // success callback function
    if(booleanVal){
      // this is a rooted device
    }
  },
  (err) => {       
    // error callback function
    // error while checking rooted status
  }
)

This works in web as well as in mobile app. I haven't tested yet in web-browser of a mobile device.

There may be better way(s) of doing this, which we will be happy to know about.

WuglyakBolgoink · 2018-01-16T12:22:43Z

Thank you @sujit77 ,

I check it

WuglyakBolgoink · 2018-02-28T18:14:38Z

@sujit77 I fixed in ionic. I need some tests with normal apps.

lastChanges@progress

SujitSingh · 2018-03-01T02:30:54Z

@WuglyakBolgoink, have you found better way of importing this plugin into Angular(2 and above) projects? I can test it out too if you can instruct me for that.

You can test it in Android studio using android emulator.
Devices in Android emulator are rooted. So you don't have to search for a rooted Android device.

However, I haven't tested it in iOS device cause it is hard to find jail broken iPhone.

WuglyakBolgoink · 2018-03-01T08:21:35Z

FYI @sujit77

you should add IRoot-Plugin via

ionic cordova plugin add cordova-plugin-iroot --save

declare mock-variable

declare var IRoot: IRoot;

with IRoot Type (*.d.ts File you can import too):

import { IRoot } from '../../plugins/cordova-plugin-iroot/iroot';

src/app/app.component.ts

import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { TabsPage } from '../pages/tabs/tabs';
import { IRoot } from '../../plugins/cordova-plugin-iroot/iroot';

declare var IRoot: IRoot;

@Component({
  templateUrl: 'app.html'
})
export class MyApp {
  rootPage: any = TabsPage;

  constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
    platform
      .ready()
      .then(() => {
        // Okay, so the platform is ready and our plugins are available.
        // Here you can do any higher level native things you might need.
        statusBar.styleDefault();
        splashScreen.hide();

        console.log('platform', platform);

        if (platform.is('cordova')) {
          console.log('is cordova');

          try {
            console.log(' IRoot', IRoot);

            IRoot.isRooted((booleanVal) => {
              console.log('IRoot.isRooted success: ', booleanVal);
            }, (err) => {
              console.log('IRoot.isRooted error:', err);
            });
          }
          catch (e) {
            console.log('Error:', e);
          }
        } else {
          console.log('is not cordova');
        }
      });
  }
}

and build app

IRoot is in global scope and you should not import this file.

Test-1:

ionic v3.19.1
cordova v6.5.0
cordova-plugin-iroot v0.6.1

Test-2:

angularJS v1.6.9
cordova v6.5.0
cordova-plugin-iroot v0.6.1

Test-3: (todo)

angular v4.x
cordova v6.5.0
cordova-plugin-iroot v0.6.1

Test-4: (todo)

angular v5.x
cordova v6.5.0
cordova-plugin-iroot v0.6.1

WuglyakBolgoink · 2018-03-01T11:48:09Z

Hi @mrpower55 & @sujit77 please check if all work with 0.6.1 version

SujitSingh · 2018-03-01T16:30:03Z

I am not able to make it work. Will you be able to help me in detecting steps which I have missed?

I have installed latest package using -

ionic cordova plugin add cordova-plugin-iroot@latest

Trying to import IRoot using following -

import { IRoot } from 'cordova-plugin-iroot/iroot'; // Error - Cannot find module "cordova-plugin-iroot/iroot

import { IRoot } from 'cordova-plugin-iroot'; // Error - Cannot find module "cordova-plugin-iroot

The one which works is -

import { IRoot } from 'cordova-plugin-iroot/www/iroot;

But above one generates error while running -

Runtime Error
Cannot find module "cordova/exec"

This is exactly same what I got earlier with version 0.4.0.

WuglyakBolgoink · 2018-03-01T16:36:50Z

@sujit77

do not import IRoot as cordova plugin.

IRoot Plugin is available as IRoot-variable. Noting to do hier.

You can import iroot.d.ts for Interface, as I wrote above in p.2

SujitSingh · 2018-03-04T15:44:56Z

@WuglyakBolgoink , new changes works perfectly with pitfalls.

Installed using - cordova plugin add cordova-plugin-iroot@latest

import { IRoot } from 'cordova-plugin-iroot/iroot';
declare var IRoot: IRoot;

I started getting following errors while building package files for specific mobile platforms -

(node:4520) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): CordovaError: Failed to fetch platform cordova-android@7.0.0
Probably this is either a connection problem, or platform spec is incorrect.
Check your connection and platform name/version/URL.
Error: cmd: Command failed with exit code 1 Error output:
npm ERR! path C:\Users\SujitKumarSingh\ProjectApp\node_modules\cordova-plugin-iroot
npm ERR! code EISGIT
npm ERR! git C:\Users\SujitKumarSingh\ProjectApp\node_modules\cordova-plugin-iroot: Appears to be a git repo or submodule.
npm ERR! git     C:\Users\SujitKumarSingh\ProjectApp\node_modules\cordova-plugin-iroot
npm ERR! git Refusing to remove it. Update manually,
npm ERR! git or move it out of the way first.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\SujitKumarSingh\AppData\Roaming\npm-cache\_logs\2018-03-04T11_02_10_503Z-debug.log
(node:4520) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

---------------------

(node:372) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): CordovaError: Failed to fetch platform cordova-android@7.0.0
Probably this is either a connection problem, or platform spec is incorrect.
Check your connection and platform name/version/URL.
Error: cmd: Command failed with exit code 1 Error output:
npm ERR! path C:\Users\SujitKumarSingh\ProjectApp\node_modules\cordova-plugin-iroot
npm ERR! code EISGIT
npm ERR! git C:\Users\SujitKumarSingh\ProjectApp\node_modules\cordova-plugin-iroot: Appears to be a git repo or submodule.
npm ERR! git     C:\Users\SujitKumarSingh\ProjectApp\node_modules\cordova-plugin-iroot
npm ERR! git Refusing to remove it. Update manually,
npm ERR! git or move it out of the way first.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\SujitKumarSingh\AppData\Roaming\npm-cache\_logs\2018-03-04T11_04_14_350Z-debug.log
(node:372) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

-------------------------

(node:15856) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): CordovaError: Failed to fetch platform cordova-android@7.0.0
Probably this is either a connection problem, or platform spec is incorrect.
Check your connection and platform name/version/URL.
Error: cmd: Command failed with exit code 1 Error output:
npm ERR! path C:\Users\SujitKumarSingh\ProjectApp\node_modules\cordova-plugin-iroot
npm ERR! code EISGIT
npm ERR! git C:\Users\SujitKumarSingh\ProjectApp\node_modules\cordova-plugin-iroot: Appears to be a git repo or submodule.
npm ERR! git     C:\Users\SujitKumarSingh\ProjectApp\node_modules\cordova-plugin-iroot
npm ERR! git Refusing to remove it. Update manually,
npm ERR! git or move it out of the way first.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\SujitKumarSingh\AppData\Roaming\npm-cache\_logs\2018-03-04T11_03_48_224Z-debug.log
(node:15856) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

But, finally it worked(I just hibernated system).
But, above error message still appear if I reinstall packages after removing node_modules and plugins folders.

SujitSingh · 2018-03-13T11:58:53Z

@WuglyakBolgoink we just need to remove the .git folder which gets created while installing this package. After that everything works perfectly.

Look at solutions [1], [2] with similar issues.

WuglyakBolgoink · 2018-03-13T12:35:18Z

@sujit77 ok. I will check this.

CHENPINGFIONA · 2018-05-18T08:39:21Z

Hi @WuglyakBolgoink,

While I am using the plugin. I am facing the issue of
Cannot find module "cordova-plugin-iroot/iroot".
How can I resolve this?

Thank you

WuglyakBolgoink · 2018-05-18T08:50:17Z

@CHENPINGFIONA
you should declare mock-variable. if u need JSDoc, then import interface from cordova-plugin-iroot/iroot

see my comment above.

if this do not help you, then how can I reproduce your case?

CHENPINGFIONA · 2018-05-18T09:30:15Z

@WuglyakBolgoink
I do exactly what your comment shown above. and declared mock-variable. However it still encounter this issue. I just create simple app with the plugin install and added in the codes provided above.

WuglyakBolgoink · 2018-05-18T09:50:09Z

@CHENPINGFIONA can you create a demo repo with your test project to reproduce this error?

CHENPINGFIONA · 2018-05-18T11:13:23Z

@WuglyakBolgoink
I found out is my typescript version issue. it was 2.3.4, after update to 2.6.2. problem solved.
Really appreciate for your kindly assistance

rosstimothy · 2018-11-27T15:12:34Z

The steps above to compile no longer work

❯ ionic info                                                                                                                               

Ionic:

   ionic (Ionic CLI)  : 4.0.2 (/usr/local/lib/node_modules/ionic)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.2.1

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : ios 4.5.5

[10:11:33]  typescript: src/app/app.component.ts, line: 8
            Cannot find module '../../plugins/cordova-plugin-iroot/iroot'.

       L8:  import { IRoot } from '../../plugins/cordova-plugin-iroot/iroot'

[10:11:33]  ionic-app-script task: "build"
[10:11:33]  Error: Failed to transpile program
Error: Failed to transpile program
    at new BuildError (~/node_modules/@ionic/app-scripts/dist/util/errors.js:16:28)
    at ~/node_modules/@ionic/app-scripts/dist/transpile.js:159:20
    at new Promise (<anonymous>)
    at transpileWorker (~/node_modules/@ionic/app-scripts/dist/transpile.js:107:12)
    at Object.transpile ~/node_modules/@ionic/app-scripts/dist/transpile.js:64:12)
    at ~/node_modules/@ionic/app-scripts/dist/build.js:109:82
[ERROR] An error occurred while running subprocess ionic-app-scripts.

ng22792 · 2019-02-26T09:47:57Z

FYI @sujit77

you should add IRoot-Plugin via

ionic cordova plugin add cordova-plugin-iroot --save

declare mock-variable

declare var IRoot: IRoot;

with IRoot Type (*.d.ts File you can import too):

import { IRoot } from '../../plugins/cordova-plugin-iroot/iroot';

src/app/app.component.ts

import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { TabsPage } from '../pages/tabs/tabs';
import { IRoot } from '../../plugins/cordova-plugin-iroot/iroot';

declare var IRoot: IRoot;

@Component({
  templateUrl: 'app.html'
})
export class MyApp {
  rootPage: any = TabsPage;

  constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
    platform
      .ready()
      .then(() => {
        // Okay, so the platform is ready and our plugins are available.
        // Here you can do any higher level native things you might need.
        statusBar.styleDefault();
        splashScreen.hide();

        console.log('platform', platform);

        if (platform.is('cordova')) {
          console.log('is cordova');

          try {
            console.log(' IRoot', IRoot);

            IRoot.isRooted((booleanVal) => {
              console.log('IRoot.isRooted success: ', booleanVal);
            }, (err) => {
              console.log('IRoot.isRooted error:', err);
            });
          }
          catch (e) {
            console.log('Error:', e);
          }
        } else {
          console.log('is not cordova');
        }
      });
  }
}

and build app

IRoot is in global scope and you should not import this file.

Test-1:

ionic v3.19.1
cordova v6.5.0
cordova-plugin-iroot v0.6.1

Test-2:

angularJS v1.6.9
cordova v6.5.0
cordova-plugin-iroot v0.6.1

Test-3: (todo)

angular v4.x
cordova v6.5.0
cordova-plugin-iroot v0.6.1

Test-4: (todo)

angular v5.x
cordova v6.5.0
cordova-plugin-iroot v0.6.1

So basically everything worked fine when I removed "import { IRoot } from '../../plugins/cordova-plugin-iroot/iroot';" line from the app.component.ts and changed the line "declare var IRoot: IRoot;" to "declare var IRoot;".

Try this and everything works (for people who are trying to directly copy paste the code and getting errors)

Thanks @WuglyakBolgoink for the perfect code !

AditioPutra · 2019-03-28T09:15:07Z

Hi @WuglyakBolgoink
I got this error
Cannot find module '../../plugins/cordova-plugin-iroot/iroot'.ts(2307)
How to fix this?

WuglyakBolgoink · 2019-03-29T08:42:02Z

@AditioPutra but can you find this file manually?

AditioPutra · 2019-03-29T08:44:29Z

@AditioPutra but can you find this file manually?

no i can't find it

WuglyakBolgoink · 2019-03-29T08:48:24Z

@AditioPutra reinstall plugin and check folder:

AditioPutra · 2019-03-29T09:35:19Z

WuglyakBolgoink · 2019-03-29T10:07:14Z

@AditioPutra

mwvarela · 2019-06-27T16:25:16Z

@WuglyakBolgoink I tried doing types import in version 0.8.0 but did not work
import { IRoot } from '../../../plugins/cordova-plugin-iroot/types';
File 'd:/app-portal/plugins/cordova-plugin-iroot/types/index.d.ts' is not a module.ts(2306)

on version 0.6.1 import { IRoot } from '../../../plugins/cordova-plugin-iroot/iroot'; works

PraveenFrancis · 2023-10-31T17:13:54Z

FYI @sujit77

you should add IRoot-Plugin via

ionic cordova plugin add cordova-plugin-iroot --save

declare mock-variable

declare var IRoot: IRoot;

with IRoot Type (*.d.ts File you can import too):

import { IRoot } from '../../plugins/cordova-plugin-iroot/iroot';

src/app/app.component.ts

import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { TabsPage } from '../pages/tabs/tabs';
import { IRoot } from '../../plugins/cordova-plugin-iroot/iroot';

declare var IRoot: IRoot;

@Component({
  templateUrl: 'app.html'
})
export class MyApp {
  rootPage: any = TabsPage;

  constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
    platform
      .ready()
      .then(() => {
        // Okay, so the platform is ready and our plugins are available.
        // Here you can do any higher level native things you might need.
        statusBar.styleDefault();
        splashScreen.hide();

        console.log('platform', platform);

        if (platform.is('cordova')) {
          console.log('is cordova');

          try {
            console.log(' IRoot', IRoot);

            IRoot.isRooted((booleanVal) => {
              console.log('IRoot.isRooted success: ', booleanVal);
            }, (err) => {
              console.log('IRoot.isRooted error:', err);
            });
          }
          catch (e) {
            console.log('Error:', e);
          }
        } else {
          console.log('is not cordova');
        }
      });
  }
}

and build app

IRoot is in global scope and you should not import this file.
Test-1:

ionic v3.19.1
cordova v6.5.0
cordova-plugin-iroot v0.6.1

Test-2:

angularJS v1.6.9
cordova v6.5.0
cordova-plugin-iroot v0.6.1

Test-3: (todo)

angular v4.x
cordova v6.5.0
cordova-plugin-iroot v0.6.1

Test-4: (todo)

angular v5.x
cordova v6.5.0
cordova-plugin-iroot v0.6.1

So basically everything worked fine when I removed "import { IRoot } from '../../plugins/cordova-plugin-iroot/iroot';" line from the app.component.ts and changed the line "declare var IRoot: IRoot;" to "declare var IRoot;".

Try this and everything works (for people who are trying to directly copy paste the code and getting errors)

Thanks @WuglyakBolgoink for the perfect code !

This is working. Thanks, bro

SujitSingh mentioned this issue Mar 13, 2018

install failed #3

Closed

SujitSingh mentioned this issue Mar 20, 2018

Support for ES6 import format karandpr/cordova-plugin-android-rootbeer#1

Open

WuglyakBolgoink closed this as completed Apr 3, 2018

SujitSingh mentioned this issue May 20, 2018

iRoot is not defined, 2nd time launch the app #7

Closed

anhpt86 mentioned this issue Aug 14, 2020

Integrate with meteor #40

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

support ionic #1

support ionic #1

mrpower55 commented Oct 29, 2017

SujitSingh commented Jan 16, 2018 •

edited

WuglyakBolgoink commented Jan 16, 2018

WuglyakBolgoink commented Feb 28, 2018

SujitSingh commented Mar 1, 2018

WuglyakBolgoink commented Mar 1, 2018 •

edited

WuglyakBolgoink commented Mar 1, 2018

SujitSingh commented Mar 1, 2018

WuglyakBolgoink commented Mar 1, 2018 •

edited

SujitSingh commented Mar 4, 2018 •

edited

SujitSingh commented Mar 13, 2018

WuglyakBolgoink commented Mar 13, 2018

CHENPINGFIONA commented May 18, 2018

WuglyakBolgoink commented May 18, 2018

CHENPINGFIONA commented May 18, 2018

WuglyakBolgoink commented May 18, 2018

CHENPINGFIONA commented May 18, 2018

rosstimothy commented Nov 27, 2018

ng22792 commented Feb 26, 2019

AditioPutra commented Mar 28, 2019

WuglyakBolgoink commented Mar 29, 2019

AditioPutra commented Mar 29, 2019

WuglyakBolgoink commented Mar 29, 2019

AditioPutra commented Mar 29, 2019

WuglyakBolgoink commented Mar 29, 2019

mwvarela commented Jun 27, 2019 •

edited

PraveenFrancis commented Oct 31, 2023

support ionic #1

support ionic #1

Comments

mrpower55 commented Oct 29, 2017

SujitSingh commented Jan 16, 2018 • edited

WuglyakBolgoink commented Jan 16, 2018

WuglyakBolgoink commented Feb 28, 2018

SujitSingh commented Mar 1, 2018

WuglyakBolgoink commented Mar 1, 2018 • edited

WuglyakBolgoink commented Mar 1, 2018

SujitSingh commented Mar 1, 2018

WuglyakBolgoink commented Mar 1, 2018 • edited

SujitSingh commented Mar 4, 2018 • edited

SujitSingh commented Mar 13, 2018

WuglyakBolgoink commented Mar 13, 2018

CHENPINGFIONA commented May 18, 2018

WuglyakBolgoink commented May 18, 2018

CHENPINGFIONA commented May 18, 2018

WuglyakBolgoink commented May 18, 2018

CHENPINGFIONA commented May 18, 2018

rosstimothy commented Nov 27, 2018

ng22792 commented Feb 26, 2019

AditioPutra commented Mar 28, 2019

WuglyakBolgoink commented Mar 29, 2019

AditioPutra commented Mar 29, 2019

WuglyakBolgoink commented Mar 29, 2019

AditioPutra commented Mar 29, 2019

WuglyakBolgoink commented Mar 29, 2019

mwvarela commented Jun 27, 2019 • edited

PraveenFrancis commented Oct 31, 2023

SujitSingh commented Jan 16, 2018 •

edited

WuglyakBolgoink commented Mar 1, 2018 •

edited

WuglyakBolgoink commented Mar 1, 2018 •

edited

SujitSingh commented Mar 4, 2018 •

edited

mwvarela commented Jun 27, 2019 •

edited