Navigator for JavaScript mobile app, This will help you to manage your pages history in the app and change pages with animation. 

orcho

mobile-navigation-controller

Object.defineProperty(exports, "__esModule", {

var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };

var _react2 = _interopRequireDefault(_react);

var _jquery = require("./jquery-3.3.1.min");

var _jquery2 = _interopRequireDefault(_jquery);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

var Navigator = function (_React$Component) {

  _inherits(Navigator, _React$Component);

    var _this = _possibleConstructorReturn(this, (Navigator.__proto__ || Object.getPrototypeOf(Navigator)).call(this, props));

      if (window.cordova.platformId !== "browser") mobileMode = true;

    var homePage = _this.props.homePageKey ? _this.props.homePageKey : Array.isArray(_this.props.children) ? _this.props.children.filter(function (child) {

      return (typeof child === "undefined" ? "undefined" : _typeof(child)) === "object" && !child.props.kill;

    })[0].key : _this.props.children.key;

    if (_this.props.changeRoute !== undefined) changeRoute = _this.props.changeRoute;

      startPage = window.location.href.substr(window.location.href.lastIndexOf("/")) === "/" || window.location.href.substr(window.location.href.lastIndexOf("/")) === "/#" ? homePage : window.location.href.substr(window.location.href.lastIndexOf("/") + 2);

    _this.callbackFunOnChangePage = function () {};

      if (fthis.props.onError) _this.props.onError(e);

    if (startPage !== homePage) historyPages.push(startPage);

      // height: this.props.height ? this.props.height : "100%",

    // this.myComponentApp = this.props.myComponentApp;

    _this.historyPages = _this.state.historyPages;

        //סיום האפליקציה, סגור

        if (this.state.historyPages.length === 1 && goToPage === undefined) {

          console.log('"window.navigator.app.exitApp()"');

          //     fthis.myChildrens.swal.runSwal(true) :

          window.navigator.app.exitApp();

          console.error("navigator error: changePage function need goToPage parameter.");

        if (fthis.listLevelPages[goToPage] === undefined) {

          console.error("navigator error, at changePage. goToPage parameter not found in the pages list.");

        this.props.children.filter(function (child) {

          return (typeof child === "undefined" ? "undefined" : _typeof(child)) === "object";

            fthis.historyPages = fthis.historyPages.filter(function (x) {

        this.setState({ historyPages: this.historyPages });

        var fromPage = "" + this.historyPages[this.historyPages.length - 1] + "";

        if (this.props.children.filter(function (x) {

          aniTime = this.props.children.filter(function (x) {

          if (this.props.animationTimeInMS) aniTime = this.props.animationTimeInMS;

        options = options === undefined ? [] : options;

            _options$props = _options.props,

            props = _options$props === undefined ? null : _options$props,

            _options$animationIn = _options.animationIn,

            animationIn = _options$animationIn === undefined ? this.componentTransitionIn[goToPage] ? this.componentTransitionIn[goToPage] : null : _options$animationIn,

            _options$timeAnimatio = _options.timeAnimationInMS,

            timeAnimationInMS = _options$timeAnimatio === undefined ? aniTime : _options$timeAnimatio,

            _options$animationOut = _options.animationOut,

            animationOut = _options$animationOut === undefined ? this.swipeRight ? "slideOutRight" : this.componentTransitionOut[fromPage] ? this.componentTransitionOut[fromPage] : null : _options$animationOut,

            _options$callbackFun = _options.callbackFun,

            callbackFun = _options$callbackFun === undefined ? null : _options$callbackFun;

          // let oldProps = this.state.props;

          this.setState({ props: newProps });

          var timeAnimation = timeAnimationInMS; //param.timeAnimationInMS !== undefined && param.timeAnimationInMS !== null ? param.timeAnimationInMS :

            //---ניהול חזרות----//

            var new_historyPages = this.state.historyPages.slice();

            if (this.listLevelPages[goToPage] <= this.listLevelPages[fromPage]) {

              //חוזרים אחורה, מחק את כל הדפים שהרמה שלהם גבוהה משלי.

              //new_historyPages.splice(new_historyPages.length - 1, 1);

              new_historyPages = new_historyPages.filter(function (x) {

                return _this2.listLevelPages[x] < _this2.listLevelPages[goToPage];

            new_historyPages.push(goToPage);

            //שמירת שינויים בהיסטוריה

            this.setState({ historyPages: new_historyPages });

            if (this.state.changeRoute) {

              window.location.href = window.location.href.substr(0, window.location.href.lastIndexOf("/") + 1) + "#" + (goToPage !== this.state.homePageKey ? goToPage : "");

            //----navigator and animation----///

            if (this.listLevelPages[goToPage] > this.listLevelPages[fromPage]) {

              //--נכנסים דף פנימה Up--//

              this.funAnimationIn1(goToPage, fromPage);

                      _context.t0 = this.props && this.props.beforBack;

                      if (!_context.t0) {

                        _context.next = 5;

                      return this.props.beforBack();

                      _context.t0 = _context.sent;

                        _context.next = 7;

                      // if (this.props && this.props.beforBack && (await this.props.beforBack()))

                      fthis.changePage(window.location.href.substr(window.location.href.lastIndexOf("/") + 2) === "" ? fthis.state.homePageKey : window.location.href.substr(window.location.href.lastIndexOf("/") + 2));

                      return _context.stop();

              return _ref.apply(this, arguments);

      var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(options) {

        return regeneratorRuntime.wrap(function _callee2$(_context2) {

            switch (_context2.prev = _context2.next) {

                _context2.t0 = this.props && this.props.beforBack;

                return this.props.beforBack();

                _context2.t0 = _context2.sent;

                console.log("navigator back with options: ", options);

                  fthis.props.children.forEach(function (child) {

                    if (child.props.kill) {

                      fthis.historyPages = fthis.historyPages.filter(function (x) {

                        return x !== child.key;

                  fthis.setState({ historyPages: fthis.historyPages });

                  if (options === null || options === undefined) {

                    console.log("bact=> changePage to: ", fthis.state.historyPages[fthis.state.historyPages.length - 2]);

                    fthis.changePage(fthis.state.historyPages[fthis.state.historyPages.length - 2]);

                    fthis.changePage(fthis.state.historyPages[fthis.state.historyPages.length - 2], options);

        return _ref2.apply(this, arguments);

      // window.navigation_controller = this;

      var nowPage = this.state.historyPages[this.state.historyPages.length - 1];

      this.historyPages = this.state.historyPages; //.slice();

      // if (Array.isArray(this.props.children)) {

      //     this.props.children.map(child => {

      //         if (fthis.state.props[child.key] !== undefined) {

      //             fthis.state.props[child.key].forEach((prop)=>{

      //                 this.props.children.filter((x)=>x.key===child.key)[0].props[prop]

  "name": "mobile-navigation-controller",

  "description": "Navigator for JavaScript mobile app, This will help you to manage your pages history in the app and change pages with animation.",

    "test": "echo \"Error: no test specified\" && exit 1",

    "start": "webpack-dev-server --mode development",

    "transpile": "babel src -d dist --copy-files",

    "prepublishOnly": "npm run transpile"

    "url": "git+https://github.com/orchoban/mobile-navigation-controller.git"

    "url": "https://github.com/orchoban/mobile-navigation-controller/issues"

  "homepage": "https://github.com/orchoban/mobile-navigation-controller#readme",

    "babel-plugin-transform-object-rest-spread": "^6.26.0",

    "babel-plugin-transform-react-jsx": "^6.24.1",

		@@ -297,3 +297,2 @@ "use strict";
		try {

		//סיום האפליקציה, סגור
		@@ -457,24 +456,6 @@ if (this.state.historyPages.length === 1 && goToPage === undefined) {
		case 0:
		_context.t0 = this.props && this.props.beforBack;

		if (!_context.t0) {
		_context.next = 5;
		break;
		}

		_context.next = 4;
		return this.props.beforBack();

		case 4:
		_context.t0 = _context.sent;

		case 5:
		if (!_context.t0) {
		_context.next = 7;
		break;
		}

		// if (this.props && this.props.beforBack && (await this.props.beforBack()))
		fthis.changePage(window.location.href.substr(window.location.href.lastIndexOf("/") + 2) === "" ? fthis.state.homePageKey : window.location.href.substr(window.location.href.lastIndexOf("/") + 2));

		case 7:
		case 1:
		case "end":
		@@ -481,0 +462,0 @@ return _context.stop();

		{
		"name": "mobile-navigation-controller",
		"version": "1.4.0",
		"version": "1.4.1",
		"description": "Navigator for JavaScript mobile app, This will help you to manage your pages history in the app and change pages with animation.",
		@@ -5,0 +5,0 @@ "main": "dist/index.js",

Worsened metrics