app.jsx

/**
 * Copyright 2019, GeoSolutions Sas.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree.
 */

import assign from "object-assign";
import ConfigUtils from "@mapstore/utils/ConfigUtils";
import appCfg from "@mapstore/product/appConfig";
import plugins from "./plugins";
import main from "@mapstore/product/main";
import Login from "./plugins/Login";
import AuthenticationAPI from "@mapstore/api/GeoStoreDAO";
import {Providers} from "@mapstore/api/usersession";
import serverbackup from "@mapstore/api/usersession/serverbackup";
import MapViewer from "@mapstore/product/pages/MapViewer";
import Maps from "@mapstore/product/pages/Maps";
import Dashboard from "@mapstore/product/pages/Dashboard";
import GeoStory from "@mapstore/product/pages/GeoStory";
import Permalink from "@mapstore/product/pages/Permalink";
import ContextCreator from "@mapstore/product/pages/ContextCreator";
import Context from "@mapstore/product/pages/Context";
import Admin from "./pages/Admin";

/**
 * Add custom (overriding) translations with:
 *
 * ConfigUtils.setConfigProp('translationsPath', ['./MapStore2/web/client/translations', './translations']);
 */
ConfigUtils.setConfigProp("translationsPath", [
    "./MapStore2/web/client/translations",
    "./translations"
]);
ConfigUtils.setConfigProp("themePrefix", "geOrchestra");
ConfigUtils.setConfigProp("geoStoreUrl", "rest/geostore/");
/**
 * Use a custom plugins configuration file with:
 *
 * ConfigUtils.setLocalConfigurationFile('localConfig.json');
 */
import { getApi } from '@mapstore/api/userPersistedStorage';


Providers.georchestra = serverbackup;

/**
 * Use a custom application configuration file with:
 *
 * const appConfig = require('./appConfig');
 *
 * Or override the application configuration file with (e.g. only one page with a mapviewer):
 *
 * const appConfig = assign({}, require('@mapstore/product/appConfig'), {
 *     pages: [{
 *         name: "mapviewer",
 *         path: "/",
 *         component: require('@mapstore/product/pages/MapViewer')
 *     }]
 * });
 */
const appConfig = assign({}, appCfg, {
    pages: [
        {
            name: "mapviewer",
            path: "/",
            component: MapViewer
        },
        {
            name: "mapviewer",
            path: "/viewer/:mapType/:mapId",
            component: MapViewer
        }, {
            name: "mapviewer",
            path: "/viewer/:mapType/:mapId/context/:contextId",
            component: MapViewer
        },
        {
            name: "mapviewer",
            path: "/viewer/:mapId",
            component: MapViewer
        }, {
            name: "mapviewer",
            path: "/viewer/:mapId/context/:contextId",
            component: MapViewer
        },
        {
            name: "maps",
            path: "/maps",
            component: Maps
        },
        {
            name: "home",
            path: "/home",
            component: Maps
        },
        {
            name: "admin",
            path: "/admin",
            component: Admin
        },
        {
            name: "context-creator",
            path: "/context-creator/:contextId",
            component: ContextCreator
        },
        {
            name: "context",
            path: "/context/:contextName",
            component: Context
        },
        {
            name: "context",
            path: "/context/:contextName/:mapId",
            component: Context
        },
        {
            name: "dashboard",
            path: "/dashboard",
            component: Dashboard
        }, {
            name: "dashboard",
            path: "/dashboard/:did",
            component: Dashboard
        }, {
            name: "geostory",
            path: "/geostory/:gid",
            component: GeoStory
        }, {
            name: "geostory",
            path: "/geostory/:gid/section/:sectionId",
            component: GeoStory
        }, {
            name: "geostory",
            path: "/geostory/:gid/section/:sectionId/column/:columnId",
            component: GeoStory
        }, {
            name: "geostory",
            path: "/geostory/shared/:gid",
            component: GeoStory
        },
        {
            name: "geostory",
            path: "/geostory/shared/:gid/section/:sectionId",
            component: GeoStory
        },
        {
            name: "geostory",
            path: "/geostory/shared/:gid/section/:sectionId/column/:columnId",
            component: GeoStory
        },
        {
            name: "permalink",
            path: "/permalink/:pid",
            component: Permalink
        }
    ],
    appEpics: {}
});
/**
 * Define a custom list of plugins with:
 *
 * const plugins = require('./plugins');
 */
const appPlugins = {
    plugins: {
        ...plugins.plugins,
        // to test with a normal geostore (without cas) you can remove this
        // override and configure the dev-server and security rules accordingly
        LoginPlugin: Login
    },
    requires: plugins.requires
};

const start = userInfo => {
    getApi().setItem(
        "mapstore2.persist.security",
        JSON.stringify(userInfo)
    );
    main(appConfig, appPlugins);
};

AuthenticationAPI.login("", "")
    .then(userDetails => {
        const timestamp = (new Date() / 1000) | 0;
        const userInfo = {
            user: userDetails.User,
            token: userDetails.access_token,
            refresh_token: userDetails.refresh_token,
            expires: userDetails.expires
                ? timestamp + userDetails.expires
                : timestamp + 48 * 60 * 60,
            authHeader: ""
        };
        start(userInfo);
    })
    .catch(e => {
        // anonymous
        start({
            loginError: e
        });
    });