+
+
+ 
+
+
+
+
+
+
+
+ )}
+
+ );
+};
export default Footer;
diff --git a/packages/editor/src/components/footer/styled.ts b/packages/editor/src/components/footer/styled.ts
index b731d333..11040fee 100644
--- a/packages/editor/src/components/footer/styled.ts
+++ b/packages/editor/src/components/footer/styled.ts
@@ -1,8 +1,18 @@
import styled from 'styled-components';
import { times } from '../../size';
+import LogoTextBlackSvg from '../../../images/logo-text-black.svg';
export const StyledFooter = styled.div`
height: ${times(10)};
width: 100%;
border: 1px solid black;
`;
+
+export const StyledLogo = styled.div`
+ position: fixed;
+ left: 20px;
+ bottom: 10px;
+ background: url(${LogoTextBlackSvg}) no-repeat;
+ width: 90px;
+ height: 40px;
+`
\ No newline at end of file
diff --git a/packages/editor/src/components/frame/index.tsx b/packages/editor/src/components/frame/index.tsx
deleted file mode 100644
index b809c9db..00000000
--- a/packages/editor/src/components/frame/index.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from 'react';
-import Footer from '../footer';
-import TopBar from '../top-bar';
-import Canvas from '../canvas';
-import { StyledFrame } from './styled';
-
-const Frame = (): React.ReactElement => (
- {intl.formatMessage({ id: 'editor.try-welcome' })}
+{intl.formatMessage({ id: 'editor.try-welcome-description' })}
+ +
+ {intl.formatMessage({ id: 'login.signup', defaultMessage: 'Sign Up' })}
+
+
+
+
+ );
+}
diff --git a/packages/editor/src/components/top-bar/index.tsx b/packages/editor/src/components/top-bar/index.tsx
deleted file mode 100644
index dca249aa..00000000
--- a/packages/editor/src/components/top-bar/index.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import React from 'react';
-import { StyledTopBar } from './styled';
-
-const TopBar = (): React.ReactElement =>
+ 
+
+ {!memoryPersistence && (
+
+
+ )}
+ {!readOnlyMode && (
+ <>
+
+ 
+
+
+ 
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+ 
+
+
+ 
+
+
+ 
+
+
+ 
+
+
+ 
+
+
+
+
+ 
+
+
+ 
+
+
+ 
+
+
+ 
+
+
+ 
+
+
+
+
+
+ )}
+ {!memoryPersistence && (
+
+ 
+
+
+ 
+
+
+ 
+
+
+ 
+
+
+
+ )}
+ onAction('export')}>
+ 
+
+ onAction('publish')}>
+ 
+
+ onAction('history')}>
+ 
+
+ onAction('print')}>
+ 
+
+
+ 
+
+
+
+
+
+
+ @wisemapping/editor - Playground
+You will find here a set of examples that shows how you can use integrate WiseMapping Editor
+
+
+
+
+
\ No newline at end of file
diff --git a/packages/mindplot/test/playground/map-render/bootstrap/css/bootstrap.min.css b/packages/editor/test/playground/map-render/bootstrap/css/bootstrap.min.css
similarity index 100%
rename from packages/mindplot/test/playground/map-render/bootstrap/css/bootstrap.min.css
rename to packages/editor/test/playground/map-render/bootstrap/css/bootstrap.min.css
diff --git a/packages/mindplot/test/playground/map-render/css/compatibility.css b/packages/editor/test/playground/map-render/css/compatibility.css
similarity index 100%
rename from packages/mindplot/test/playground/map-render/css/compatibility.css
rename to packages/editor/test/playground/map-render/css/compatibility.css
diff --git a/packages/mindplot/test/playground/map-render/css/editor.css b/packages/editor/test/playground/map-render/css/editor.css
similarity index 95%
rename from packages/mindplot/test/playground/map-render/css/editor.css
rename to packages/editor/test/playground/map-render/css/editor.css
index adc855bd..c88abf36 100644
--- a/packages/mindplot/test/playground/map-render/css/editor.css
+++ b/packages/editor/test/playground/map-render/css/editor.css
@@ -138,15 +138,6 @@ div.shareModalDialog {
right: 20px;
}
-div#bottom-logo {
- position: fixed;
- left: 20px;
- bottom: 10px;
- background: url(../images/logo-text-black.svg) no-repeat;
- width: 90px;
- height: 40px;
-}
-
div#position {
margin-top: 5px;
}
diff --git a/packages/mindplot/test/playground/map-render/css/embedded.css b/packages/editor/test/playground/map-render/css/embedded.css
similarity index 100%
rename from packages/mindplot/test/playground/map-render/css/embedded.css
rename to packages/editor/test/playground/map-render/css/embedded.css
diff --git a/packages/mindplot/test/playground/map-render/css/header.css b/packages/editor/test/playground/map-render/css/header.css
similarity index 100%
rename from packages/mindplot/test/playground/map-render/css/header.css
rename to packages/editor/test/playground/map-render/css/header.css
diff --git a/packages/mindplot/test/playground/map-render/css/toolbar.css b/packages/editor/test/playground/map-render/css/toolbar.css
similarity index 100%
rename from packages/mindplot/test/playground/map-render/css/toolbar.css
rename to packages/editor/test/playground/map-render/css/toolbar.css
diff --git a/packages/mindplot/test/playground/map-render/css/viewmode.css b/packages/editor/test/playground/map-render/css/viewmode.css
similarity index 100%
rename from packages/mindplot/test/playground/map-render/css/viewmode.css
rename to packages/editor/test/playground/map-render/css/viewmode.css
diff --git a/packages/mindplot/test/playground/map-render/html/container.html b/packages/editor/test/playground/map-render/html/container.html
similarity index 100%
rename from packages/mindplot/test/playground/map-render/html/container.html
rename to packages/editor/test/playground/map-render/html/container.html
diff --git a/packages/mindplot/test/playground/map-render/html/container.json b/packages/editor/test/playground/map-render/html/container.json
similarity index 100%
rename from packages/mindplot/test/playground/map-render/html/container.json
rename to packages/editor/test/playground/map-render/html/container.json
diff --git a/packages/editor/test/playground/map-render/html/editor.html b/packages/editor/test/playground/map-render/html/editor.html
new file mode 100644
index 00000000..5f9fa974
--- /dev/null
+++ b/packages/editor/test/playground/map-render/html/editor.html
@@ -0,0 +1,17 @@
+
+
+
+
+
+ -
+
- View mode: Simple integration to load and render mindaps in read + only mode +
- Editor mode: Example on how mindplot can be used for mindmap edition. Browser local storage is used for persistance. +
- Embedded: Example on how to embeded editor in a iframe. +
diff --git a/packages/editor/test/playground/map-render/images/favicon.ico b/packages/editor/test/playground/map-render/images/favicon.ico
new file mode 100644
index 00000000..955c5116
Binary files /dev/null and b/packages/editor/test/playground/map-render/images/favicon.ico differ
diff --git a/packages/editor/test/playground/map-render/images/favicon.png b/packages/editor/test/playground/map-render/images/favicon.png
new file mode 100644
index 00000000..bb62808d
Binary files /dev/null and b/packages/editor/test/playground/map-render/images/favicon.png differ
diff --git a/packages/editor/test/playground/map-render/images/logo-small.svg b/packages/editor/test/playground/map-render/images/logo-small.svg
new file mode 100644
index 00000000..fae99531
--- /dev/null
+++ b/packages/editor/test/playground/map-render/images/logo-small.svg
@@ -0,0 +1,16 @@
+
+
\ No newline at end of file
diff --git a/packages/editor/test/playground/map-render/js/editor.jsx b/packages/editor/test/playground/map-render/js/editor.jsx
new file mode 100644
index 00000000..ff661a6c
--- /dev/null
+++ b/packages/editor/test/playground/map-render/js/editor.jsx
@@ -0,0 +1,48 @@
+import '../css/editor.css';
+import React from 'react';
+import ReactDOM from 'react-dom';
+import Editor from '../../../../src/index';
+
+global.accountName = 'Test User';
+global.accountEmail = 'test@example.com';
+global.memoryPersistence = false;
+global.readOnly = false;
+global.mapId = 'welcome';
+global.locale = 'en';
+
+
+const initialization = ({
+ LocalStorageManager,
+ DesignerOptionsBuilder,
+ buildDesigner,
+ PersistenceManager
+}) => () => {
+ const p = new LocalStorageManager('samples/{id}.wxml');
+ const options = DesignerOptionsBuilder.buildOptions({
+ persistenceManager: p
+ });
+ const designer = buildDesigner(options);
+
+ designer.addEvent('loadSuccess', () => {
+ // Hack for automation testing ...
+ document.getElementById('mindplot').classList.add('ready');
+ });
+
+ // Load map from XML file persisted on disk...
+ const mapId = 'welcome';
+ const persistence = PersistenceManager.getInstance();
+ const mindmap = persistence.load(mapId);
+ designer.loadMap(mindmap);
+}
+
+ReactDOM.render(
+ console.log('action called:', action)}
+ initCallback={initialization}
+ />,
+ document.getElementById('root'),
+);
diff --git a/packages/editor/test/playground/map-render/js/embedded.jsx b/packages/editor/test/playground/map-render/js/embedded.jsx
new file mode 100644
index 00000000..3413e527
--- /dev/null
+++ b/packages/editor/test/playground/map-render/js/embedded.jsx
@@ -0,0 +1,35 @@
+import '../css/embedded.css';
+import React from 'react';
+import ReactDOM from 'react-dom';
+import Editor from '../../../../src/index';
+
+const initialization =
+ ({ LocalStorageManager, DesignerOptionsBuilder, buildDesigner, PersistenceManager }) =>
+ () => {
+ // Options has been defined in by a external file ?
+ const p = new LocalStorageManager('samples/{id}.wxml');
+ const options = DesignerOptionsBuilder.buildOptions({ persistenceManager: p });
+ const designer = buildDesigner(options);
+
+ designer.addEvent('loadSuccess', () => {
+ document.getElementById('mindplot').classList.add('ready');
+ });
+
+ // Load map from XML file persisted on disk...
+ const mapId = 'welcome';
+ const persistence = PersistenceManager.getInstance();
+ const mindmap = persistence.load(mapId);
+ designer.loadMap(mindmap);
+ };
+
+ReactDOM.render(
+ console.log('action called:', action)}
+ initCallback={initialization}
+ />,
+ document.getElementById('root')
+);
diff --git a/packages/editor/test/playground/map-render/js/viewmode.jsx b/packages/editor/test/playground/map-render/js/viewmode.jsx
new file mode 100644
index 00000000..27c86d27
--- /dev/null
+++ b/packages/editor/test/playground/map-render/js/viewmode.jsx
@@ -0,0 +1,52 @@
+import '../css/viewmode.css';
+import React from 'react';
+import ReactDOM from 'react-dom';
+import Editor from '../../../../src/index';
+
+const initialization = ({
+ LocalStorageManager,
+ DesignerOptionsBuilder,
+ buildDesigner,
+ PersistenceManager
+ }) => () => {
+ const p = new LocalStorageManager('samples/{id}.wxml');
+ const options = DesignerOptionsBuilder.buildOptions({ persistenceManager: p, readOnly: true, saveOnLoad: false });
+
+ // Obtain map id from query param
+ const params = new URLSearchParams(window.location.search.substring(1));
+ const mapId = params.get('id') || 'welcome';
+
+ const designer = buildDesigner(options);
+ designer.addEvent('loadSuccess', () => {
+ document.getElementById('mindplot').classList.add('ready');
+ });
+
+ // Load map from XML file persisted on disk...
+ const persistence = PersistenceManager.getInstance();
+ const mindmap = persistence.load(mapId);
+ designer.loadMap(mindmap);
+
+ // Code for selector of map.
+ const mapSelectElem = document.getElementById('map-select');
+ mapSelectElem.addEventListener('change', (e) => {
+ const selectMap = e.target.value;
+ window.location = `${window.location.pathname}?id=${selectMap}`;
+ });
+
+ Array.from(mapSelectElem.options).forEach((option) => {
+ option.selected = option.value === mapId;
+ });
+ };
+
+ ReactDOM.render(
+ console.log('action called:', action)}
+ initCallback={initialization}
+ />,
+ document.getElementById('root'),
+ );
+
\ No newline at end of file
diff --git a/packages/mindplot/test/playground/map-render/samples/complex.wxml b/packages/editor/test/playground/map-render/samples/complex.wxml
similarity index 100%
rename from packages/mindplot/test/playground/map-render/samples/complex.wxml
rename to packages/editor/test/playground/map-render/samples/complex.wxml
diff --git a/packages/mindplot/test/playground/map-render/samples/emptyNodes.wxml b/packages/editor/test/playground/map-render/samples/emptyNodes.wxml
similarity index 100%
rename from packages/mindplot/test/playground/map-render/samples/emptyNodes.wxml
rename to packages/editor/test/playground/map-render/samples/emptyNodes.wxml
diff --git a/packages/mindplot/test/playground/map-render/samples/error-on-load.wxml b/packages/editor/test/playground/map-render/samples/error-on-load.wxml
similarity index 100%
rename from packages/mindplot/test/playground/map-render/samples/error-on-load.wxml
rename to packages/editor/test/playground/map-render/samples/error-on-load.wxml
diff --git a/packages/mindplot/test/playground/map-render/samples/huge.wxml b/packages/editor/test/playground/map-render/samples/huge.wxml
similarity index 100%
rename from packages/mindplot/test/playground/map-render/samples/huge.wxml
rename to packages/editor/test/playground/map-render/samples/huge.wxml
diff --git a/packages/mindplot/test/playground/map-render/samples/icon-sample.wxml b/packages/editor/test/playground/map-render/samples/icon-sample.wxml
similarity index 100%
rename from packages/mindplot/test/playground/map-render/samples/icon-sample.wxml
rename to packages/editor/test/playground/map-render/samples/icon-sample.wxml
diff --git a/packages/mindplot/test/playground/map-render/samples/img-support.wxml b/packages/editor/test/playground/map-render/samples/img-support.wxml
similarity index 100%
rename from packages/mindplot/test/playground/map-render/samples/img-support.wxml
rename to packages/editor/test/playground/map-render/samples/img-support.wxml
diff --git a/packages/mindplot/test/playground/map-render/samples/sample1.wxml b/packages/editor/test/playground/map-render/samples/sample1.wxml
similarity index 100%
rename from packages/mindplot/test/playground/map-render/samples/sample1.wxml
rename to packages/editor/test/playground/map-render/samples/sample1.wxml
diff --git a/packages/mindplot/test/playground/map-render/samples/sample2.wxml b/packages/editor/test/playground/map-render/samples/sample2.wxml
similarity index 100%
rename from packages/mindplot/test/playground/map-render/samples/sample2.wxml
rename to packages/editor/test/playground/map-render/samples/sample2.wxml
diff --git a/packages/mindplot/test/playground/map-render/samples/sample3.wxml b/packages/editor/test/playground/map-render/samples/sample3.wxml
similarity index 100%
rename from packages/mindplot/test/playground/map-render/samples/sample3.wxml
rename to packages/editor/test/playground/map-render/samples/sample3.wxml
diff --git a/packages/mindplot/test/playground/map-render/samples/sample4.wxml b/packages/editor/test/playground/map-render/samples/sample4.wxml
similarity index 100%
rename from packages/mindplot/test/playground/map-render/samples/sample4.wxml
rename to packages/editor/test/playground/map-render/samples/sample4.wxml
diff --git a/packages/mindplot/test/playground/map-render/samples/sample5.wxml b/packages/editor/test/playground/map-render/samples/sample5.wxml
similarity index 100%
rename from packages/mindplot/test/playground/map-render/samples/sample5.wxml
rename to packages/editor/test/playground/map-render/samples/sample5.wxml
diff --git a/packages/mindplot/test/playground/map-render/samples/sample6.wxml b/packages/editor/test/playground/map-render/samples/sample6.wxml
similarity index 100%
rename from packages/mindplot/test/playground/map-render/samples/sample6.wxml
rename to packages/editor/test/playground/map-render/samples/sample6.wxml
diff --git a/packages/mindplot/test/playground/map-render/samples/welcome.wxml b/packages/editor/test/playground/map-render/samples/welcome.wxml
similarity index 100%
rename from packages/mindplot/test/playground/map-render/samples/welcome.wxml
rename to packages/editor/test/playground/map-render/samples/welcome.wxml
diff --git a/packages/editor/tsconfig.json b/packages/editor/tsconfig.json
index b39847da..6ecea507 100644
--- a/packages/editor/tsconfig.json
+++ b/packages/editor/tsconfig.json
@@ -1,12 +1,13 @@
- {
- "compilerOptions": {
- "outDir": "./dist/",
- "sourceMap": true,
- "noImplicitAny": true,
- "module": "commonjs",
- "target": "es5",
- "jsx": "react",
- "allowJs": true,
-"esModuleInterop": true
- }
- }
+{
+ "compilerOptions": {
+ "outDir": "./dist/",
+ "sourceMap": true,
+ "noImplicitAny": true,
+ "module": "commonjs",
+ "target": "es5",
+ "jsx": "react",
+ "allowJs": true,
+ "esModuleInterop": true,
+ },
+ "exclude": ["node_modules"]
+}
diff --git a/packages/editor/webpack.common.js b/packages/editor/webpack.common.js
new file mode 100644
index 00000000..44312726
--- /dev/null
+++ b/packages/editor/webpack.common.js
@@ -0,0 +1,44 @@
+const path = require('path');
+const webpack = require('webpack');
+const { CleanWebpackPlugin } = require('clean-webpack-plugin');
+
+module.exports = {
+ output: {
+ path: path.resolve(__dirname, 'dist'),
+ filename: '[name].js',
+ publicPath: '',
+ library: {
+ type: 'umd',
+ },
+ },
+ entry: {
+ "editor.bundle": path.join(__dirname, 'src', 'index.tsx')
+ },
+ mode: 'development',
+ devtool: 'source-map',
+ target: 'web',
+ resolve: {
+ extensions: ['.ts', '.tsx', '.js', '.jsx']
+ },
+ module: {
+ rules: [
+ {
+ test: /\.tsx?$/,
+ use: 'ts-loader',
+ exclude: '/node_modules/'
+ },
+ {
+ test: /\.(png|jpe?g|gif|svg)$/,
+ type: 'asset/inline',
+ },
+ {
+ test: /\.(js|jsx)$/,
+ exclude: /node_modules/,
+ use: ['babel-loader'],
+ },
+ ],
+ },
+ plugins: [
+ new CleanWebpackPlugin(),
+ ]
+}
diff --git a/packages/editor/webpack.config.js b/packages/editor/webpack.config.js
deleted file mode 100644
index eab8df95..00000000
--- a/packages/editor/webpack.config.js
+++ /dev/null
@@ -1,44 +0,0 @@
-const path = require('path');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const webpack = require('webpack');
-const { CleanWebpackPlugin } = require('clean-webpack-plugin');
-
-module.exports = {
- mode: 'development',
- devtool: 'eval-source-map',
- entry: {
- app: path.join(__dirname, 'src', 'index.tsx')
- },
- target: 'web',
- resolve: {
- extensions: ['.ts', '.tsx', '.js', '.jsx']
- },
- module: {
- rules: [
- {
- test: /\.tsx?$/,
- use: 'ts-loader',
- exclude: '/node_modules/'
- }
- ],
- },
- output: {
- filename: 'bundle.js',
- path: path.resolve(__dirname, 'dist')
- },
- plugins: [
- new CleanWebpackPlugin(),
- new HtmlWebpackPlugin({
- template: path.join(__dirname, 'index.html')
- }),
- new webpack.DefinePlugin({
- 'process.env.NODE_ENV': JSON.stringify('development')
- })
- ],
- devServer: {
- contentBase: path.join(__dirname, 'dist'),
- compress: true,
- port: 9000,
- hot: true,
- }
-}
diff --git a/packages/editor/webpack.playground.js b/packages/editor/webpack.playground.js
new file mode 100644
index 00000000..84d74cfc
--- /dev/null
+++ b/packages/editor/webpack.playground.js
@@ -0,0 +1,72 @@
+const path = require('path');
+const { CleanWebpackPlugin } = require('clean-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const CopyPlugin = require('copy-webpack-plugin');
+const common = require('./webpack.common');
+const { merge } = require('webpack-merge');
+
+const playgroundConfig = {
+ mode: 'development',
+ entry: {
+ "editor.bundle": path.join(__dirname, 'src', 'index.tsx'),
+ viewmode: path.resolve(__dirname, './test/playground/map-render/js/viewmode'),
+ embedded: path.resolve(__dirname, './test/playground/map-render/js/embedded'),
+ editor: path.resolve(__dirname, './test/playground/map-render/js/editor'),
+ },
+ output: {
+ path: path.resolve(__dirname, 'dist'),
+ filename: '[name].js',
+ library: {
+ type: 'umd',
+ },
+ },
+ devServer: {
+ historyApiFallback: true,
+ port: 8081,
+ open: false,
+ writeToDisk: true,
+ },
+ module: {
+ rules: [
+ {
+ test: /\.css$/i,
+ use: [
+ 'style-loader',
+ 'css-loader?url=false',
+ ],
+ },
+ ],
+ },
+ plugins: [
+ new CleanWebpackPlugin(),
+ new CopyPlugin({
+ patterns: [
+ { from: 'test/playground/map-render/images/favicon.ico', to: 'favicon.ico' },
+ { from: 'test/playground/map-render/images', to: 'images' },
+ { from: 'test/playground/map-render/js', to: 'js' },
+ { from: 'test/playground/map-render/samples', to: 'samples' },
+ { from: '../../libraries/bootstrap', to: 'bootstrap' },
+ { from: 'test/playground/index.html', to: 'index.html' },
+ { from: 'test/playground/map-render/html/container.json', to: 'html/container.json' },
+ { from: 'test/playground/map-render/html/container.html', to: 'container.html' },
+ ],
+ }),
+ new HtmlWebpackPlugin({
+ chunks: ['viewmode'],
+ filename: 'viewmode.html',
+ template: 'test/playground/map-render/html/viewmode.html',
+ }),
+ new HtmlWebpackPlugin({
+ chunks: ['embedded'],
+ filename: 'embedded.html',
+ template: 'test/playground/map-render/html/embedded.html',
+ }),
+ new HtmlWebpackPlugin({
+ chunks: ['editor'],
+ filename: 'editor.html',
+ template: 'test/playground/map-render/html/editor.html',
+ }),
+ ],
+};
+
+module.exports = merge(common, playgroundConfig);
diff --git a/packages/editor/webpack.prod.js b/packages/editor/webpack.prod.js
new file mode 100644
index 00000000..a9b70f8e
--- /dev/null
+++ b/packages/editor/webpack.prod.js
@@ -0,0 +1,16 @@
+const { merge } = require('webpack-merge');
+const common = require('./webpack.common');
+
+const prodConfig = {
+ optimization: {
+ usedExports: true,
+ minimize: true,
+ },
+ externals: {
+ react: 'react',
+ reactDOM: 'react-dom',
+ reactIntl: 'react-intl',
+ },
+};
+
+module.exports = merge(common, prodConfig);
diff --git a/packages/mindplot/cypress.json b/packages/mindplot/cypress.json
index d7b072d5..2c06215f 100644
--- a/packages/mindplot/cypress.json
+++ b/packages/mindplot/cypress.json
@@ -1,6 +1,6 @@
{
"video": false,
"videoUploadOnPasses": false,
- "baseUrl": "http://localhost:8081",
+ "baseUrl": "http://localhost:8083",
"projectId": "it9g7s"
}
diff --git a/packages/mindplot/cypress/integration/playground.test.js b/packages/mindplot/cypress/integration/playground.test.js
index 877528d4..b39f0fb0 100644
--- a/packages/mindplot/cypress/integration/playground.test.js
+++ b/packages/mindplot/cypress/integration/playground.test.js
@@ -8,24 +8,4 @@ context('Playground', () => {
cy.visit('/layout.html');
cy.matchImageSnapshot('layout');
});
- it('viewmode page should match its snapshot', () => {
- ['welcome', 'sample1', 'sample2', 'sample3', 'sample4', 'sample5', 'sample6', 'complex', 'img-support', 'icon-sample'].forEach((mapId) => {
- cy.visit(`/viewmode.html?id=${mapId}`);
- cy.get('#mindplot.ready').should('exist');
- cy.matchImageSnapshot(`viewmode-${mapId}`);
- });
- });
- it('the playground container.html page should match its snapshot', () => {
- cy.visit('/container.html');
- cy.getIframeBody()
- .find('#mindplot.ready')
- .should('exist');
- cy.matchImageSnapshot('container');
- });
- it('the playground editor.html page should match its snapshot', () => {
- cy.visit('/editor.html');
- cy.get('#mindplot.ready').should('exist');
- // TODO: why is the editor appearing twice in the snapshot?
- cy.matchImageSnapshot('editor');
- });
});
diff --git a/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-complex.snap.png b/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-complex.snap.png
deleted file mode 100644
index 1dc8be04..00000000
Binary files a/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-complex.snap.png and /dev/null differ
diff --git a/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-icon-sample.snap.png b/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-icon-sample.snap.png
deleted file mode 100644
index 4db1a2f8..00000000
Binary files a/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-icon-sample.snap.png and /dev/null differ
diff --git a/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-img-support.snap.png b/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-img-support.snap.png
deleted file mode 100644
index acef2430..00000000
Binary files a/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-img-support.snap.png and /dev/null differ
diff --git a/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-sample1.snap.png b/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-sample1.snap.png
deleted file mode 100644
index 248e2644..00000000
Binary files a/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-sample1.snap.png and /dev/null differ
diff --git a/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-sample2.snap.png b/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-sample2.snap.png
deleted file mode 100644
index e3defc0a..00000000
Binary files a/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-sample2.snap.png and /dev/null differ
diff --git a/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-sample3.snap.png b/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-sample3.snap.png
deleted file mode 100644
index d7bc7378..00000000
Binary files a/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-sample3.snap.png and /dev/null differ
diff --git a/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-sample4.snap.png b/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-sample4.snap.png
deleted file mode 100644
index 9b6d2e62..00000000
Binary files a/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-sample4.snap.png and /dev/null differ
diff --git a/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-sample5.snap.png b/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-sample5.snap.png
deleted file mode 100644
index 934ce74c..00000000
Binary files a/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-sample5.snap.png and /dev/null differ
diff --git a/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-sample6.snap.png b/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-sample6.snap.png
deleted file mode 100644
index 1b2703f5..00000000
Binary files a/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-sample6.snap.png and /dev/null differ
diff --git a/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-welcome.snap.png b/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-welcome.snap.png
deleted file mode 100644
index 3e6ce8c8..00000000
Binary files a/packages/mindplot/cypress/snapshots/playground.test.js/viewmode-welcome.snap.png and /dev/null differ
diff --git a/packages/mindplot/mindplot.d.ts b/packages/mindplot/mindplot.d.ts
new file mode 100644
index 00000000..46dd29b6
--- /dev/null
+++ b/packages/mindplot/mindplot.d.ts
@@ -0,0 +1,12 @@
+declare module "@wisemapping/mindplot" {
+ const mindplot: {
+ Mindmap,
+ PersistenceManager,
+ Designer,
+ LocalStorageManager,
+ Menu,
+ DesignerBuilder,
+ };
+
+ export default mindplot;
+}
diff --git a/packages/mindplot/package.json b/packages/mindplot/package.json
index a2e59751..bf33c4e1 100644
--- a/packages/mindplot/package.json
+++ b/packages/mindplot/package.json
@@ -3,7 +3,7 @@
"version": "5.0.1",
"description": "WiseMapping - Mindplot Canvas Library",
"homepage": "http://www.wisemapping.org/",
- "main": "dist/main.js",
+ "main": "dist/mindplot.js",
"directories": {
"lib": "src",
"test": "__tests__"
@@ -27,7 +27,7 @@
"playground": "webpack serve --config webpack.playground.js",
"cy:run": "cypress run",
"test:unit": "jest ./test/unit/export/*.ts ./test/unit/layout/*.js",
- "test:integration": "start-server-and-test playground http-get://localhost:8081 cy:run",
+ "test:integration": "start-server-and-test playground http-get://localhost:8083 cy:run",
"test": "yarn test:unit && yarn test:integration"
},
"private": false,
diff --git a/packages/mindplot/src/components/Designer.ts b/packages/mindplot/src/components/Designer.ts
index fcf8905a..10da20ea 100644
--- a/packages/mindplot/src/components/Designer.ts
+++ b/packages/mindplot/src/components/Designer.ts
@@ -58,6 +58,8 @@ import { DesignerOptions } from './DesignerOptionsBuilder';
import MainTopic from './MainTopic';
import DragTopic from './DragTopic';
+export type ExportFormat = 'png' | 'svg' | 'jpg' | 'wxml';
+
class Designer extends Events {
private _mindmap: Mindmap;
@@ -80,11 +82,11 @@ class Designer extends Events {
private _cleanScreen: () => void;
constructor(options: DesignerOptions, divElement: JQuery) {
+ super();
$assert(options, 'options must be defined');
$assert(options.zoom, 'zoom must be defined');
$assert(options.containerSize, 'size must be defined');
$assert(divElement, 'divElement must be defined');
- super();
// Set up i18n location ...
Messages.init(options.locale);
@@ -345,7 +347,9 @@ class Designer extends Events {
}
}
- export(formatType: 'png' | 'svg' | 'jpg' | 'wxml'): Promise {
+ EXPORT_SUPPORTED_FORMATS: ExportFormat[] = ['png', 'svg', 'jpg', 'wxml'];
+
+ export(formatType: ExportFormat): Promise {
const workspace = this._workspace;
const svgElement = workspace.getSVGElement();
const size = workspace.getSize();
diff --git a/packages/mindplot/src/components/RelationshipPivot.ts b/packages/mindplot/src/components/RelationshipPivot.ts
index 3941a5e5..29e4bed6 100644
--- a/packages/mindplot/src/components/RelationshipPivot.ts
+++ b/packages/mindplot/src/components/RelationshipPivot.ts
@@ -32,7 +32,7 @@ class RelationshipPivot {
private _onClickEvent: (event: MouseEvent) => void;
- private _onTopicClick: (event: MouseEvent) => void;;
+ private _onTopicClick: (event: MouseEvent) => void;
private _sourceTopic: Topic;
diff --git a/packages/mindplot/src/components/widget/AccountSettingsPanel.js b/packages/mindplot/src/components/widget/AccountSettingsPanel.js
index 5e5e6e37..a91d05bc 100644
--- a/packages/mindplot/src/components/widget/AccountSettingsPanel.js
+++ b/packages/mindplot/src/components/widget/AccountSettingsPanel.js
@@ -58,8 +58,8 @@ class AccountSettingsPanel extends ListToolbarPanel {
const content = $("");
content[0].innerHTML = `
${global.accountName}
-pveiga@wisemapping.com
-
+
diff --git a/packages/mindplot/test/playground/map-render/html/editor.html b/packages/mindplot/test/playground/map-render/html/editor.html
deleted file mode 100644
index abecd240..00000000
--- a/packages/mindplot/test/playground/map-render/html/editor.html
+++ /dev/null
@@ -1,130 +0,0 @@
-
-
-
-
-
- WiseMapping - Editor
-
-
-
-
-
-
-
- WiseMapping - Editor
-
-
-
-
-
-
-
@@ -62,9 +68,13 @@ const App = (): ReactElement => {
path="/c/forgot-password-success"
component={ForgotPasswordSuccessPage}
/>
-
+
+
+
diff --git a/packages/webapp/src/components/maps-page/action-dispatcher/export-dialog/index.tsx b/packages/webapp/src/components/maps-page/action-dispatcher/export-dialog/index.tsx
index 453d313c..04563aa7 100644
--- a/packages/webapp/src/components/maps-page/action-dispatcher/export-dialog/index.tsx
+++ b/packages/webapp/src/components/maps-page/action-dispatcher/export-dialog/index.tsx
@@ -74,13 +74,30 @@ const ExportDialog = ({
useEffect(() => {
if (submit) {
+ // TODO: Remove usage of global "designer"
+ const designer = global.designer;
// Depending on the type of export. It will require differt POST.
if (
- exportFormat == 'pdf' ||
- exportFormat == 'svg' ||
- exportFormat == 'jpg' ||
- exportFormat == 'png'
+ designer &&
+ designer.EXPORT_SUPPORTED_FORMATS.includes(exportFormat)
) {
+ designer.export(exportFormat)
+ .then((url: string) => {
+ // Create hidden anchor to force download ...
+ const anchor: HTMLAnchorElement = document.createElement('a');
+ anchor.style.display = 'display: none';
+ anchor.download = `${mapId}.${exportFormat}`;
+ anchor.href = url;
+ document.body.appendChild(anchor);
+
+ // Trigger click ...
+ anchor.click();
+
+ // Clean up ...
+ URL.revokeObjectURL(url);
+ document.body.removeChild(anchor);
+ });
+ } else if (exportFormat === 'pdf') {
formTransformtRef?.submit();
} else {
formExportRef?.submit();
@@ -99,13 +116,15 @@ const ExportDialog = ({
description={intl.formatMessage({ id: 'export.desc', defaultMessage: 'Export this map in the format that you want and start using it in your presentations or sharing by email' })}
submitButton={intl.formatMessage({ id: 'export.title', defaultMessage: 'Export' })}
>
-
-
-
+ {
+ !enableImgExport &&
+
+
+ }
@@ -124,7 +143,7 @@ const ExportDialog = ({
/>
{exportGroup == 'image' && (
${global.accountEmail}
+
Logout
`;
diff --git a/packages/mindplot/src/components/widget/Menu.ts b/packages/mindplot/src/components/widget/Menu.ts
index 7e1127b2..4bc2f225 100644
--- a/packages/mindplot/src/components/widget/Menu.ts
+++ b/packages/mindplot/src/components/widget/Menu.ts
@@ -18,7 +18,6 @@
*/
import $ from 'jquery';
import { $msg } from '../Messages';
-import BootstrapDialogRequest from '../libraries/bootstrap/BootstrapDialogRequest';
import IMenu from './IMenu';
import FontFamilyPanel from './FontFamilyPanel';
import FontSizePanel from './FontSizePanel';
@@ -38,17 +37,6 @@ class Menu extends IMenu {
const widgetsBaseUrl = `${baseUrl}css/widget`;
- // Stop event propagation ...
- $(`#${this._containerId}`).bind('click', (event) => {
- event.stopPropagation();
- return false;
- });
-
- $(`#${this._containerId}`).bind('dblclick', (event) => {
- event.stopPropagation();
- return false;
- });
-
// Create panels ...
const designerModel = designer.getModel();
@@ -216,38 +204,8 @@ class Menu extends IMenu {
Menu._registerTooltip('fontColor', $msg('FONT_COLOR'));
}
- this._addButton('export', false, false, () => {
- // @Todo: this must be configured in the dialog...
- const formatExtension = 'jpg';
-
- designer.export(formatExtension)
- .then((url: string) => {
- // Create hidden anchor to force download ...
- const anchor: HTMLAnchorElement = document.createElement('a');
- anchor.style.display = 'display: none';
- anchor.download = `${mapId}.${formatExtension}`;
- anchor.href = url;
- document.body.appendChild(anchor);
-
- // Trigger click ...
- anchor.click();
-
- // Clean up ...
- URL.revokeObjectURL(url);
- document.body.removeChild(anchor);
- });
-
- // Create anchor element ...
- });
-
Menu._registerTooltip('export', $msg('EXPORT'));
- this._addButton('print', false, false, () => {
- this.save(saveElem, designer, false);
- const urlPrefix = window.location.href.substring(0, window.location.href.lastIndexOf('c/maps/'));
- window.open(`${urlPrefix}c/maps/${mapId}/print`);
- });
-
Menu._registerTooltip('print', $msg('PRINT'));
this._addButton('zoom-plus', false, false, () => {
@@ -369,37 +327,16 @@ class Menu extends IMenu {
const shareElem = $('#shareIt');
if (shareElem.length !== 0) {
- this._addButton('shareIt', false, false, () => {
- new BootstrapDialogRequest(`c/maps/${mapId}/sharef`, $msg('COLLABORATE'), {
- closeButton: true,
- cancelButton: true,
- });
- designer.onObjectFocusEvent();
- });
Menu._registerTooltip('shareIt', $msg('COLLABORATE'));
}
const publishElem = $('#publishIt');
if (publishElem.length !== 0) {
- this._addButton('publishIt', false, false, () => {
- new BootstrapDialogRequest(`c/maps/${mapId}/publishf`, $msg('PUBLISH'), {
- closeButton: true,
- cancelButton: true,
- });
- designer.onObjectFocusEvent();
- });
Menu._registerTooltip('publishIt', $msg('PUBLISH'));
}
const historyElem = $('#history');
if (historyElem.length !== 0) {
- this._addButton('history', false, false, () => {
- new BootstrapDialogRequest(`c/maps/${mapId}/historyf`, $msg('HISTORY'), {
- closeButton: true,
- cancelButton: true,
- });
- designer.onObjectFocusEvent();
- });
Menu._registerTooltip('history', $msg('HISTORY'));
}
diff --git a/packages/mindplot/src/index.js b/packages/mindplot/src/index.js
index a1b99e24..c3d6a070 100644
--- a/packages/mindplot/src/index.js
+++ b/packages/mindplot/src/index.js
@@ -21,8 +21,15 @@ import Mindmap from './components/model/Mindmap';
import PersistenceManager from './components/PersistenceManager';
import Designer from './components/Designer';
import LocalStorageManager from './components/LocalStorageManager';
-
+import RESTPersistenceManager from './components/RestPersistenceManager';
import Menu from './components/widget/Menu';
+import DesignerOptionsBuilder from './components/DesignerOptionsBuilder';
+import {
+ buildDesigner,
+} from './components/DesignerBuilder';
+import {
+ $notify,
+} from './components/widget/ToolbarNotifier';
// This hack is required to initialize Bootstrap. In future, this should be removed.
global.jQuery = jquery;
@@ -30,9 +37,13 @@ require('@libraries/bootstrap/js/bootstrap');
export {
Mindmap,
- PersistenceManager,
Designer,
- LocalStorageManager,
Menu,
DesignerBuilder,
+ PersistenceManager,
+ RESTPersistenceManager,
+ LocalStorageManager,
+ DesignerOptionsBuilder,
+ buildDesigner,
+ $notify,
};
diff --git a/packages/mindplot/src/indexLoader.ts b/packages/mindplot/src/indexLoader.ts
index 8c405551..ffb034f7 100644
--- a/packages/mindplot/src/indexLoader.ts
+++ b/packages/mindplot/src/indexLoader.ts
@@ -46,7 +46,11 @@ if (!global.memoryPersistence && !global.readOnly) {
session: global.lockSession,
});
} else {
- persistence = new LocalStorageManager(`/c/restful/maps/{id}/${global.historyId ? `${global.historyId}/` : ''}document/xml${!global.isAuth ? '-pub' : ''}`, true);
+ 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...
diff --git a/packages/mindplot/test/playground/index.html b/packages/mindplot/test/playground/index.html
index e5762d71..6df9ab80 100644
--- a/packages/mindplot/test/playground/index.html
+++ b/packages/mindplot/test/playground/index.html
@@ -22,10 +22,6 @@
You will find here a set of examples that shows how you can use integrate WiseMapping Mindplot.
-
-
- Mindmap Render: Simple integration to load and render mindaps in read - only mode -
- Mindmap Editor: Example on how mindplot can be used for mindmap edition. Browser local storage is used for persistance. -
- Embedded: Example on how to embeded editor in a iframe.
- Layout Renders: Showcase the different supported layouts.
-
-
-
-
-
-
-
-
- 
-
-
-
-
-
-
-
- 
-
-
-
- 
-
-
-
-
-
- 
-
-
-
- 
-
-
-
-
-
- 
-
-
-
- 
-
-
-
- 
-
-
-
- 
-
-
-
- 
-
-
-
-
-
- 
-
-
-
- 
-
-
-
- 
-
-
-
- 
-
-
-
- 
-
-
-
-
-
-
- 
-
-
-
- 
-
-
-
- 
-
-
-
- 
-
-
-
-
-
-
- 
-
-
-
- 
-
-
-
- 
-
-
-
- 
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/packages/mindplot/test/playground/map-render/html/embedded.html b/packages/mindplot/test/playground/map-render/html/embedded.html
deleted file mode 100644
index 78ff5b8a..00000000
--- a/packages/mindplot/test/playground/map-render/html/embedded.html
+++ /dev/null
@@ -1,102 +0,0 @@
-
-
-
-
-
-
- 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/packages/mindplot/test/playground/map-render/js/editor.js b/packages/mindplot/test/playground/map-render/js/editor.js
deleted file mode 100644
index 6e5409d7..00000000
--- a/packages/mindplot/test/playground/map-render/js/editor.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import '../css/editor.css';
-import { buildDesigner } from '../../../../src/components/DesignerBuilder';
-import { PersistenceManager, LocalStorageManager } from '../../../../src';
-import DesignerOptionsBuilder from '../../../../src/components/DesignerOptionsBuilder';
-
-// Account details ...
-global.accountName = 'Test User';
-global.accountEmail = 'test@example.com';
-
-const p = new LocalStorageManager('samples/{id}.wxml');
-const options = DesignerOptionsBuilder.buildOptions({
- persistenceManager: p,
-});
-const designer = buildDesigner(options);
-
-designer.addEvent('loadSuccess', () => {
- // Hack for automation testing ...
- document.getElementById('mindplot').classList.add('ready');
-});
-
-// Load map from XML file persisted on disk...
-const mapId = 'welcome';
-const persistence = PersistenceManager.getInstance();
-const mindmap = persistence.load(mapId);
-designer.loadMap(mindmap);
diff --git a/packages/mindplot/test/playground/map-render/js/embedded.js b/packages/mindplot/test/playground/map-render/js/embedded.js
deleted file mode 100644
index ef522fa9..00000000
--- a/packages/mindplot/test/playground/map-render/js/embedded.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import '../css/embedded.css';
-import { buildDesigner } from '../../../../src/components/DesignerBuilder';
-import { PersistenceManager, LocalStorageManager } from '../../../../src';
-import DesignerOptionsBuilder from '../../../../src/components/DesignerOptionsBuilder';
-
-// Options has been defined in by a external ile ?
-const p = new LocalStorageManager('samples/{id}.wxml');
-const options = DesignerOptionsBuilder.buildOptions({ persistenceManager: p });
-const designer = buildDesigner(options);
-
-designer.addEvent('loadSuccess', () => {
- document.getElementById('mindplot').classList.add('ready');
-});
-
-// Load map from XML file persisted on disk...
-const mapId = 'welcome';
-const persistence = PersistenceManager.getInstance();
-const mindmap = persistence.load(mapId);
-designer.loadMap(mindmap);
diff --git a/packages/mindplot/test/playground/map-render/js/viewmode.js b/packages/mindplot/test/playground/map-render/js/viewmode.js
deleted file mode 100644
index b5b0fe0e..00000000
--- a/packages/mindplot/test/playground/map-render/js/viewmode.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import '../css/viewmode.css';
-import { buildDesigner } from '../../../../src/components/DesignerBuilder';
-import { PersistenceManager, LocalStorageManager } from '../../../../src';
-import DesignerOptionsBuilder from '../../../../src/components/DesignerOptionsBuilder';
-
-const p = new LocalStorageManager('samples/{id}.wxml');
-const options = DesignerOptionsBuilder.buildOptions({ persistenceManager: p, readOnly: true, saveOnLoad: false });
-
-// Obtain map id from query param
-const params = new URLSearchParams(window.location.search.substring(1));
-const mapId = params.get('id') || 'welcome';
-
-const designer = buildDesigner(options);
-designer.addEvent('loadSuccess', () => {
- document.getElementById('mindplot').classList.add('ready');
-});
-
-// Load map from XML file persisted on disk...
-const persistence = PersistenceManager.getInstance();
-const mindmap = persistence.load(mapId);
-designer.loadMap(mindmap);
-
-// Code for selector of map.
-const mapSelectElem = document.getElementById('map-select');
-mapSelectElem.addEventListener('change', (e) => {
- const selectMap = e.target.value;
- window.location = `${window.location.pathname}?id=${selectMap}`;
-});
-
-Array.from(mapSelectElem.options).forEach((option) => {
- option.selected = option.value === mapId;
-});
diff --git a/packages/mindplot/tsconfig.json b/packages/mindplot/tsconfig.json
index 71cc099f..4a1b8b6a 100644
--- a/packages/mindplot/tsconfig.json
+++ b/packages/mindplot/tsconfig.json
@@ -1,13 +1,14 @@
- {
- "compilerOptions": {
- "outDir": "./dist/",
- "sourceMap": true,
- "noImplicitAny": false,
- "module": "es6",
- "moduleResolution": "Node",
- "target": "es6",
- "allowJs": true,
- "esModuleInterop": true
- },
- "exclude": ["node_modules"]
- }
\ No newline at end of file
+{
+ "compilerOptions": {
+ "outDir": "./dist/",
+ "sourceMap": true,
+ "noImplicitAny": false,
+ "module": "es6",
+ "moduleResolution": "Node",
+ "target": "es6",
+ "allowJs": true,
+ "esModuleInterop": true
+ },
+ "exclude": ["node_modules"],
+ "files": ["mindplot.d.ts"]
+}
\ No newline at end of file
diff --git a/packages/mindplot/webpack.playground.js b/packages/mindplot/webpack.playground.js
index 665d1a97..fcd940ad 100644
--- a/packages/mindplot/webpack.playground.js
+++ b/packages/mindplot/webpack.playground.js
@@ -8,22 +8,20 @@ const common = require('./webpack.common');
const playgroundConfig = {
mode: 'development',
entry: {
+ mindplot: path.resolve(__dirname, './src/index.js'),
layout: path.resolve(__dirname, './test/playground/layout/context-loader'),
- viewmode: path.resolve(__dirname, './test/playground/map-render/js/viewmode'),
- embedded: path.resolve(__dirname, './test/playground/map-render/js/embedded'),
- editor: path.resolve(__dirname, './test/playground/map-render/js/editor'),
},
devServer: {
historyApiFallback: true,
- port: 8081,
+ port: 8083,
open: false,
+ writeToDisk: true,
},
module: {
rules: [
{
test: /\.css$/i,
use: [
- // compiles Less to CSS
'style-loader',
'css-loader?url=false',
],
@@ -34,14 +32,8 @@ const playgroundConfig = {
new CleanWebpackPlugin(),
new CopyPlugin({
patterns: [
- { from: 'test/playground/map-render/images/favicon.ico', to: 'favicon.ico' },
- { from: 'test/playground/map-render/images', to: 'images' },
- { from: 'test/playground/map-render/js', to: 'js' },
- { from: 'test/playground/map-render/samples', to: 'samples' },
{ from: '../../libraries/bootstrap', to: 'bootstrap' },
{ from: 'test/playground/index.html', to: 'index.html' },
- { from: 'test/playground/map-render/html/container.json', to: 'html/container.json' },
- { from: 'test/playground/map-render/html/container.html', to: 'container.html' },
],
}),
new HtmlWebpackPlugin({
@@ -49,21 +41,6 @@ const playgroundConfig = {
filename: 'layout.html',
template: 'test/playground/layout/index.html',
}),
- new HtmlWebpackPlugin({
- chunks: ['viewmode'],
- filename: 'viewmode.html',
- template: 'test/playground/map-render/html/viewmode.html',
- }),
- new HtmlWebpackPlugin({
- chunks: ['embedded'],
- filename: 'embedded.html',
- template: 'test/playground/map-render/html/embedded.html',
- }),
- new HtmlWebpackPlugin({
- chunks: ['editor'],
- filename: 'editor.html',
- template: 'test/playground/map-render/html/editor.html',
- }),
],
};
diff --git a/packages/webapp/lang/de.json b/packages/webapp/lang/de.json
index 029bda71..0d5a0a7a 100644
--- a/packages/webapp/lang/de.json
+++ b/packages/webapp/lang/de.json
@@ -467,5 +467,11 @@
},
"share.message": {
"defaultMessage": "Message"
+ },
+ "editor.try-welcome": {
+ "defaultMessage": "This edition space showcases some of the mindmap editor capabilities !"
+ },
+ "editor.try-welcome-description": {
+ "defaultMessage": "Sign Up to start creating, sharing and publishing unlimited number of mindmaps for free."
}
}
\ No newline at end of file
diff --git a/packages/webapp/lang/en.json b/packages/webapp/lang/en.json
index 029bda71..0d5a0a7a 100644
--- a/packages/webapp/lang/en.json
+++ b/packages/webapp/lang/en.json
@@ -467,5 +467,11 @@
},
"share.message": {
"defaultMessage": "Message"
+ },
+ "editor.try-welcome": {
+ "defaultMessage": "This edition space showcases some of the mindmap editor capabilities !"
+ },
+ "editor.try-welcome-description": {
+ "defaultMessage": "Sign Up to start creating, sharing and publishing unlimited number of mindmaps for free."
}
}
\ No newline at end of file
diff --git a/packages/webapp/lang/es.json b/packages/webapp/lang/es.json
index 029bda71..0d5a0a7a 100644
--- a/packages/webapp/lang/es.json
+++ b/packages/webapp/lang/es.json
@@ -467,5 +467,11 @@
},
"share.message": {
"defaultMessage": "Message"
+ },
+ "editor.try-welcome": {
+ "defaultMessage": "This edition space showcases some of the mindmap editor capabilities !"
+ },
+ "editor.try-welcome-description": {
+ "defaultMessage": "Sign Up to start creating, sharing and publishing unlimited number of mindmaps for free."
}
}
\ No newline at end of file
diff --git a/packages/webapp/lang/fr.json b/packages/webapp/lang/fr.json
index 029bda71..0d5a0a7a 100644
--- a/packages/webapp/lang/fr.json
+++ b/packages/webapp/lang/fr.json
@@ -467,5 +467,11 @@
},
"share.message": {
"defaultMessage": "Message"
+ },
+ "editor.try-welcome": {
+ "defaultMessage": "This edition space showcases some of the mindmap editor capabilities !"
+ },
+ "editor.try-welcome-description": {
+ "defaultMessage": "Sign Up to start creating, sharing and publishing unlimited number of mindmaps for free."
}
}
\ No newline at end of file
diff --git a/packages/webapp/package.json b/packages/webapp/package.json
index 549c68cc..d51d12e1 100644
--- a/packages/webapp/package.json
+++ b/packages/webapp/package.json
@@ -60,6 +60,7 @@
"@material-ui/icons": "^4.11.2",
"@material-ui/lab": "^4.0.0-alpha.57",
"@reduxjs/toolkit": "^1.5.0",
+ "@wisemapping/editor": "^0.1.0",
"axios": "^0.21.0",
"dayjs": "^1.10.4",
"react": "^17.0.0",
diff --git a/packages/webapp/src/app.tsx b/packages/webapp/src/app.tsx
index 1d403f0e..48a57f87 100644
--- a/packages/webapp/src/app.tsx
+++ b/packages/webapp/src/app.tsx
@@ -15,6 +15,7 @@ import MapsPage from './components/maps-page';
import CssBaseline from '@material-ui/core/CssBaseline';
import { ThemeProvider } from '@material-ui/core/styles';
import GoogleAnalytics from 'react-ga';
+import Editor from './components/maps-page/editor';
// Google Analytics Initialization.
GoogleAnalytics.initialize('UA-0000000-0');
@@ -32,6 +33,11 @@ const App = (): ReactElement => {
const appi18n = new AppI18n();
const locale = appi18n.getBrowserLocale();
+ // global variables set server-side
+ const memoryPersistence = global.memoryPersistence;
+ const readOnlyMode = global.readOnly;
+ const mapId = parseInt(global.mapId, 10);
+
return locale.message ? (
-
-
-
- Title: Welcome
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 
-
-
-
- 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-