wisemapping-frontend/packages/editor
Paulo Gustavo Veiga bf08888a68 Update to yarn 3.
2023-01-04 18:23:09 -08:00
..
assets/images Merged in features/move_menu (pull request #47) 2022-03-05 20:09:25 +00:00
cypress Update snapshots 2023-01-04 17:25:59 -08:00
images Merged in ray-develop (pull request #51) 2022-07-09 01:34:52 +00:00
lang Add missing translations 2023-01-02 08:51:29 -08:00
src Add mobile support for mindmap list. 2023-01-05 00:48:01 +00:00
test Add mobile support for mindmap list. 2023-01-05 00:48:01 +00:00
.eslintrc.json Add lint to editor 2022-11-02 18:17:00 -07:00
.gitignore Integrate editor as part of webapp. 2022-01-25 18:10:40 +00:00
.prettierignore Add lint to editor 2022-11-02 18:17:00 -07:00
.prettierrc.json Add lint to editor 2022-11-02 18:17:00 -07:00
babel.config.json Add app bar tests. 2022-10-11 21:09:02 -07:00
cypress.config.ts Add test on push 2022-12-04 21:47:16 -08:00
jest.config.js Add app bar tests. 2022-10-11 21:09:02 -07:00
package.json Update to yarn 3. 2023-01-04 18:23:09 -08:00
README.md Simplify map lock support. 2022-03-23 23:33:44 -03:00
tsconfig.json WIP 2022-11-24 00:07:16 -08:00
webpack.common.js Dependencies cleanup 2022-11-12 15:17:06 +00:00
webpack.playground.js Update to yarn 3. 2023-01-04 18:23:09 -08:00
webpack.prod.js Update to yarn 3. 2023-01-04 18:23:09 -08:00

Editor

React Component for the wisemapping editor.

Usage

This is a work in progress and for now mindplot needs to be instantiated using the initCallback prop. Check test/playground/map-render for some usage examples.

import Editor from `@wisemapping/editor`;

ReactDOM.render(
    <Editor 
        mapId={1}
        readOnlyMode={false}
        locale="en"
        onAction={(action) => console.log('action called:', action)}
        initCallback={initialization}
    />,
    document.getElementById('root'),
);

i18n

Messages are translated in the lang folder, and then compiled to src/compiled-lang using the following command:

yarn compile lang/de.json --ast --out-file src/compiled-lang/de.json