Update snapshots

README.md

@@ -1,8 +1,12 @@
-# wisemapping-frontend
+# WiseMapping Frond End
 
-This is a WIP migration from [legacy wisemapping](https://bitbucket.org/wisemapping/wisemapping-open-source/) into a modern web development project with multiple improvements.
+WiseMapping Frond End is part of the [MindMap Open Source Project](http://www.wisemapping.org). The first release of WiseMapping was in 2010 and there was not mayor update on the architecture. In 2021, a major change started with the goal to provide a visual and technology refresh of the project. 
 
-This monorepo uses lerna and contains all the packages that compose the wisemapping frontend.
+WiseMapping Front extracts all the UI related aspects in this repository. You will find three major modules:
+
+* Web2d: Lighway abstraction over SVG for chart renderding.
+* Mindplot: Pure vanilla ES6 classes responsible for providing mindmap rendering and edition capabilities.
+* Webapp: REACT application that encompass the whole midnmap adminitraction experience.
 
 ## Getting started
 

docker-compose.snapshots.update.yml

@@ -16,7 +16,6 @@ services:
             - node-modules-mindplot:/e2e/packages/mindplot/node_modules
             - node-modules-web2d:/e2e/packages/web2d/node_modules
             - node-modules-webapp:/e2e/packages/webapp/node_modules
-            - node-modules-webcomponent:/e2e/packages/webcomponent/node_modules
             - cypress-binary-cache:/root/.cache/Cypress
 volumes:
     node-modules: {}
@@ -25,5 +24,4 @@ volumes:
     node-modules-mindplot: {}
     node-modules-web2d: {}
     node-modules-webapp: {}
-    node-modules-webcomponent: {}
     cypress-binary-cache: {}

docker-compose.snapshots.yml

@@ -15,7 +15,6 @@ services:
             - node-modules-mindplot:/e2e/packages/mindplot/node_modules
             - node-modules-web2d:/e2e/packages/web2d/node_modules
             - node-modules-webapp:/e2e/packages/webapp/node_modules
-            - node-modules-webcomponent:/e2e/packages/webcomponent/node_modules
             - cypress-binary-cache:/root/.cache/Cypress
 volumes:
     node-modules: {}
@@ -24,5 +23,4 @@ volumes:
     node-modules-mindplot: {}
     node-modules-web2d: {}
     node-modules-webapp: {}
-    node-modules-webcomponent: {}
     cypress-binary-cache: {}

package.json

@@ -44,5 +44,6 @@
     },
     "homepage": "http://localhost:8080/react",
     "license": "https://wisemapping.atlassian.net/wiki/spaces/WS/pages/524357/WiseMapping+Public+License+Version+1.0+WPL",
-    "version": "0.4.0"
+    "version": "0.4.0",
+    "dependencies": {}
 }

packages/mindplot/README.md

@@ -1,6 +1,6 @@
-# `Mindplot`
+# WiseMapping Mindplot
 
-> Mindplot is the mindmap designer core
+WiseMapping Mindplot module is the core mind map rerendering of WiseMapping. This lighway library allows eithe edition and visualization of saves mindmaps. 
 
 ## Usage
 

packages/mindplot/cypress.json

@@ -1,5 +1,6 @@
 {
-    "video": false,
-    "videoUploadOnPasses": false,
-    "baseUrl": "http://localhost:8081"
-}
+  "video": false,
+  "videoUploadOnPasses": false,
+  "baseUrl": "http://localhost:8081",
+  "projectId": "it9g7s"
+}

packages/mindplot/cypress/integration/playground.test.js

@@ -8,10 +8,12 @@ context('Playground', () => {
     cy.visit('/layout.html');
     cy.matchImageSnapshot('layout');
   });
-  it('the playground viewmode.html page should match its snapshot', () => {
-    cy.visit('/viewmode.html');
-    cy.get('#mindplot.ready').should('exist');
-    cy.matchImageSnapshot('viewmode');
+  it('viewmode page should match its snapshot', () => {
+    ['welcome', 'sample1', 'sample2', 'sample3', 'sample4', 'sample5', 'sample6', 'complex', 'img-support'].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');

packages/web2d/webpack.dev.js

@@ -0,0 +1,10 @@
+const { merge } = require('webpack-merge');
+const common = require('./webpack.common');
+
+/** @type {import('webpack').Configuration} */
+const prodConfig = {
+  mode: 'development',
+  devtool: 'source-map',
+};
+
+module.exports = merge(common, prodConfig);

packages/web2d/webpack.prod.js

@@ -5,11 +5,6 @@ const common = require('./webpack.common');
 const prodConfig = {
   mode: 'production',
   devtool: 'source-map',
-  optimization: {
-    /* splitChunks: {
-      chunks: "all",
-    }, */
-  },
 };
 
 module.exports = merge(common, prodConfig);

packages/webapp/package.json

@@ -5,7 +5,7 @@
     "scripts": {
         "start": "webpack serve --config webpack.dev.js ",
         "build": "webpack --config webpack.prod.js",
-        "build-dev": "webpack --config webpack.dev.js",
+        "dev": "webpack --config webpack.dev.js",
         "lint": "eslint src",
         "cy:run": "cypress run",
         "test:integration": "start-server-and-test start http-get://localhost:3000 cy:run",

yarn.lock

@@ -4059,9 +4059,9 @@ camelize@^1.0.0:
   integrity sha1-FkpUg+Yw+kMh5a8HAg5TGDGyYJs=
 
 caniuse-lite@^1.0.30001280:
-  version "1.0.30001286"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001286.tgz#3e9debad420419618cfdf52dc9b6572b28a8fff6"
-  integrity sha512-zaEMRH6xg8ESMi2eQ3R4eZ5qw/hJiVsO/HlLwniIwErij0JDr9P+8V4dtx1l+kLq6j3yy8l8W4fst1lBnat5wQ==
+  version "1.0.30001292"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001292.tgz"
+  integrity sha512-jnT4Tq0Q4ma+6nncYQVe7d73kmDmE9C3OGTx3MvW7lBM/eY1S1DZTMBON7dqV481RhNiS5OxD7k9JQvmDOTirw==
 
 caseless@~0.12.0:
   version "0.12.0"