wisemapping-frontend/packages/mindplot/src/indexLoader.ts

/*
 *    Copyright [2021] [wisemapping]
 *
 *   Licensed under WiseMapping Public License, Version 1.0 (the "License").
 *   It is basically the Apache License, Version 2.0 (the "License") plus the
 *   "powered by wisemapping" text requirement on every single page;
 *   you may not use this file except in compliance with the License.
 *   You may obtain a copy of the license at
 *
 *       http://www.wisemapping.org/license
 *
 *   Unless required by applicable law or agreed to in writing, software
 *   distributed under the License is distributed on an "AS IS" BASIS,
 *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *   See the License for the specific language governing permissions and
 *   limitations under the License.
 */
import jquery from 'jquery';
import {
  $notify,
} from './components/widget/ToolbarNotifier';
import {
  buildDesigner,
} from './components/DesignerBuilder';
import PersistenceManager from './components/PersistenceManager';
import LocalStorageManager from './components/LocalStorageManager';
import DesignerOptionsBuilder from './components/DesignerOptionsBuilder';

// This hack is required to initialize Bootstrap. In future, this should be removed.
const globalAny: any = global;
globalAny.jQuery = jquery;
require('../../../libraries/bootstrap/js/bootstrap.min');

// Configure designer options ...
let persistence: PersistenceManager;
if (global.readOnly) {
  const historyId = global.historyId ? `${global.historyId}/` : '';
  persistence = new LocalStorageManager(
    `/c/restful/maps/{id}/${historyId}document/xml${!global.isAuth ? '-pub' : ''}`,
    true,
  );
}

// Obtain map zoom from query param if it was specified...
const params = new URLSearchParams(window.location.search.substring(1));

const zoomParam = Number.parseFloat(params.get('zoom'));
const options = DesignerOptionsBuilder.buildOptions(
  {
    persistenceManager: persistence,
    mode: 'viewonly',
    mapId: global.mapId,
    container: 'mindplot',
    zoom: zoomParam || global.userOptions.zoom,
    locale: global.locale,
  },
);

// Build designer ...
const designer = buildDesigner(options);

// Load map from XML file persisted on disk...
const instance = PersistenceManager.getInstance();
const mindmap = instance.load(global.mapId);
designer.loadMap(mindmap);

if (global.mindmapLocked) {
  $notify(global.mindmapLockedMsg);
}