mirror of
https://bitbucket.org/wisemapping/wisemapping-frontend.git
synced 2025-04-21 11:06:29 +02:00
94 lines
3.0 KiB
TypeScript
94 lines
3.0 KiB
TypeScript
/*
|
|
* 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 { DesignerKeyboard, EditorRenderMode, PersistenceManager } from '@wisemapping/mindplot';
|
|
import { useState, useRef, useEffect } from 'react';
|
|
import Capability from '../../classes/action/capability';
|
|
import MapInfo from '../../classes/model/map-info';
|
|
import { useWidgetManager } from '../useWidgetManager';
|
|
import Model from '../../classes/model/editor';
|
|
|
|
export type EditorOptions = {
|
|
mode: EditorRenderMode;
|
|
locale: string;
|
|
zoom?: number;
|
|
enableKeyboardEvents: boolean;
|
|
enableAppBar?: boolean;
|
|
saveOnLoad?: boolean;
|
|
};
|
|
|
|
type UseEditorProps = {
|
|
mapInfo: MapInfo;
|
|
options: EditorOptions;
|
|
persistenceManager: PersistenceManager;
|
|
};
|
|
|
|
export interface EditorConfiguration {
|
|
model;
|
|
mindplotRef: React.MutableRefObject<unknown>;
|
|
mapInfo: MapInfo;
|
|
capability: Capability;
|
|
options: EditorOptions;
|
|
}
|
|
|
|
export const useEditor = ({
|
|
mapInfo,
|
|
options,
|
|
persistenceManager,
|
|
}: UseEditorProps): EditorConfiguration => {
|
|
// We create model inside useEditor hook to instantiate everything outside Editor Component
|
|
const [model, setModel] = useState<Model | undefined>();
|
|
// useEditor hook creates mindplotRef
|
|
const mindplotRef = useRef(null);
|
|
// This is required to redraw in case of changes in the canvas...
|
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
const [, setCanvasUpdate] = useState<number>();
|
|
|
|
const { widgetManager } = useWidgetManager();
|
|
let capability;
|
|
if (options && mapInfo) {
|
|
capability = new Capability(options.mode, mapInfo.isLocked());
|
|
}
|
|
|
|
useEffect(() => {
|
|
if (!model && options) {
|
|
const model = new Model(mindplotRef.current);
|
|
model
|
|
.loadMindmap(mapInfo.getId(), persistenceManager, widgetManager)
|
|
.then(() => {
|
|
setCanvasUpdate(Date.now());
|
|
model.registerEvents(setCanvasUpdate, capability);
|
|
})
|
|
.catch((e) => {
|
|
console.error(e);
|
|
window.newrelic?.noticeError(e);
|
|
});
|
|
setModel(model);
|
|
}
|
|
}, [mindplotRef, options]);
|
|
|
|
useEffect(() => {
|
|
if (options && options.enableKeyboardEvents) {
|
|
DesignerKeyboard.resume();
|
|
} else {
|
|
DesignerKeyboard.pause();
|
|
}
|
|
}, [options, options?.enableKeyboardEvents]);
|
|
|
|
return { model, mindplotRef, mapInfo, capability, options };
|
|
};
|