vmario/wisemapping-frontend
1
0
Fork 0
mirror of https://bitbucket.org/wisemapping/wisemapping-frontend.git synced 2024-11-11 01:43:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

Mindplot: README.md was updated and the webpack

Browse Source
This commit is contained in:
Ezequiel-Vega 2021-09-23 17:51:24 -03:00
parent 646b861771
commit 43db369942
13 changed files with 287 additions and 214 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
packages/mindplot/README.md
View File

@ -1,11 +1,43 @@
# `mindplot` # `Mindplot`
> TODO: description The Mindplot is manager all **Wisemapping**. In it is implemented the packages of `core-js` and `web2d`.
## Quick Start
1. Clone repository with the next command:
```
git clone https://[username]@bitbucket.org/wisemapping/wisemapping-frontend.git
```
where the variable _username_ is you username of Bitbucket.
_Note:The project is configured to use the yarn dependency manager_
2. Move to folder mindplot
```
cd packages/mindplot
```
3. Now you need install all dependence, this is done with command `yarn install`
4. To start the development enviroment you have to use command `yarn start`.
## Production
To build up the package mindplot and use in production, you have to use command `yarn build`
## Testing
For the testings of mindplot you need use command `yarn test` for run this enviroment.
once this is done, it will open the explorer where you can see a menu with the tests carried out.
## Usage ## Usage
``` To start using mindplot it has to be required as a module and then intanciarce as a function
const mindplot = require('mindplot');
// TODO: DEMONSTRATE API ```
const mindplot = require('@wisemapping/mindplot');
mindplot();
``` ```

2
packages/mindplot/lib/components/Messages.js
View File

@ -31,7 +31,7 @@ const Messages = new Class({
}, },
}); });
const $msg = function (key) { global.$msg = function (key) {
if (!Messages.__bundle) { if (!Messages.__bundle) {
Messages.init('en'); Messages.init('en');
} }

14
packages/mindplot/lib/components/index.js
View File

@ -1,5 +1,3 @@
import LocalStorageManager from './LocalStorageManager';
const actionDispatcher = require('./ActionDispatcher').default; const actionDispatcher = require('./ActionDispatcher').default;
const actionIcon = require('./ActionIcon').default; const actionIcon = require('./ActionIcon').default;
const centralTopic = require('./CentralTopic').default; const centralTopic = require('./CentralTopic').default;
@ -32,15 +30,19 @@ const multilineTextEditor = require('./MultilineTextEditor').default;
const nodeGraph = require('./NodeGraph').default; const nodeGraph = require('./NodeGraph').default;
const noteIcon = require('./NoteIcon').default; const noteIcon = require('./NoteIcon').default;
const options = require('./Options').default; const options = require('./Options').default;
const persistenceManager = require('./PersistenceManager').default; const persistenceManager = require('./PersistenceManager').default;
const relationship = require('./Relationship').default; const relationship = require('./Relationship').default;
const relationshipPivot = require('./RelationshipPivot').default; const relationshipPivot = require('./RelationshipPivot').default;
const resetPersistenceManager = require('./RestPersistenceManager').default; const resetPersistenceManager = require('./RestPersistenceManager').default;
const screenManager = require('./ScreenManager').default; const screenManager = require('./ScreenManager').default;
const shrinkConnector = require('./ShrinkConnector').default; const shrinkConnector = require('./ShrinkConnector').default;
const standaloneActionDispatcher = require('./StandaloneActionDispatcher').default; const standaloneActionDispatcher = require('./StandaloneActionDispatcher').default;
const textEditor = require('./TextEditor').default; const textEditor = require('./TextEditor').default;
const textEditorFactory = require('./TextEditorFactory').default; const textEditorFactory = require('./TextEditorFactory').default;
const topic = require('./Topic').default; const topic = require('./Topic').default;
const topicEventDispatcher = require('./TopicEventDispatcher').default; const topicEventDispatcher = require('./TopicEventDispatcher').default;
const topicFeature = require('./TopicFeature').default; const topicFeature = require('./TopicFeature').default;
@ -49,16 +51,19 @@ const workspace = require('./Workspace').default;
export const Components = { export const Components = {
ActionDispatcher: actionDispatcher, ActionDispatcher: actionDispatcher,
ActionIcon: actionIcon, ActionIcon: actionIcon,
CentralTopic: centralTopic, CentralTopic: centralTopic,
Command: command, Command: command,
ConnectionLine: connectionLine, ConnectionLine: connectionLine,
ControlPoint: controlPoint, ControlPoint: controlPoint,
Designer: designer, Designer: designer,
DesignerActionRunner: designerActionRunner, DesignerActionRunner: designerActionRunner,
DesignerKeyboard: designerKeyboard, DesignerKeyboard: designerKeyboard,
DesignerModel: designerModal, DesignerModel: designerModal,
DesignerUndoManager: designerUndoManager, DesignerUndoManager: designerUndoManager,
DragConnector: dragConnector, DragConnector: dragConnector,
DragManager: dragManager, DragManager: dragManager,
DragPivot: dragPivot, DragPivot: dragPivot,
@ -66,8 +71,10 @@ export const Components = {
EditorOptions: editorOptions, EditorOptions: editorOptions,
EditorProperties: editorProperties, EditorProperties: editorProperties,
Events: events, Events: events,
footer: footer, footer: footer,
header: header, header: header,
Icon: icon, Icon: icon,
IconGroup: iconGroup, IconGroup: iconGroup,
ImageIcon: imageIcon, ImageIcon: imageIcon,
@ -76,11 +83,13 @@ export const Components = {
localSorageManager: localSorageManager, localSorageManager: localSorageManager,
MainTopic: mainTopic, MainTopic: mainTopic,
Messages: messages, Messages: messages,
MultilineTextEditor: multilineTextEditor, MultilineTextEditor: multilineTextEditor,
NodeGraph: nodeGraph, NodeGraph: nodeGraph,
NoteIcon: noteIcon, NoteIcon: noteIcon,
Options: options, Options: options,
PersistenceManager: persistenceManager, PersistenceManager: persistenceManager,
Relationship: relationship, Relationship: relationship,
RelationshipPivot: relationshipPivot, RelationshipPivot: relationshipPivot,
@ -90,6 +99,7 @@ export const Components = {
StandaloneActionDispatcher: standaloneActionDispatcher, StandaloneActionDispatcher: standaloneActionDispatcher,
TextEditor: textEditor, TextEditor: textEditor,
TextEditorFactory: textEditorFactory, TextEditorFactory: textEditorFactory,
Topic: topic, Topic: topic,
TopicEventDispatcher: topicEventDispatcher, TopicEventDispatcher: topicEventDispatcher,
TopicFeature: topicFeature, TopicFeature: topicFeature,

1
packages/mindplot/lib/components/widget/ModalDialogNotifier.js
View File

@ -49,7 +49,6 @@ const ModalDialogNotifier = new Class({
var dialogNotifier = new ModalDialogNotifier(); var dialogNotifier = new ModalDialogNotifier();
const $notifyModal = dialogNotifier.show.bind(dialogNotifier); const $notifyModal = dialogNotifier.show.bind(dialogNotifier);
$notifyModal;
export { $notifyModal }; export { $notifyModal };
export default ModalDialogNotifier; export default ModalDialogNotifier;

36
packages/mindplot/lib/mindplot.js
View File

@ -2,6 +2,31 @@
module.exports = mindplot; //eslint-disable-line module.exports = mindplot; //eslint-disable-line
function mindplot() { function mindplot() {
// Jquery for mindplot and bootstrap
global.$ = require('jquery');
global.jQuery = require('jquery');
// Mootools for the classes of Mindplot
require('mootools');
// Underscore handling common tasks
global._ = require('underscore');
// Core-js packages of Wisemapping
global.core = require('@wismapping/core-js');
define(['raphael'], (Raphael) => {
global.Raphael = Raphael;
});
require('../test/javascript/static/test/raphael-plugins');
// Bootsrap for styles
require('./components/libraries/bootstrap/js/bootstrap.min');
/* * * * * * * *
* MINDPLOT *
* * * * * * * */
// Commands // Commands
const { Commands } = require('./components/commands'); const { Commands } = require('./components/commands');
@ -9,14 +34,12 @@ function mindplot() {
const { Layout } = require('./components/layout'); const { Layout } = require('./components/layout');
// Model // Model
const { Model } = require('./components/model'); const { Model } = require('./components/model');
// Persistence // Persistence
const { Persistence } = require('./components/persistence'); const { Persistence } = require('./components/persistence');
// Utils
const { Utils } = require('./components/util');
// Widgets // Widgets
const { Widgets } = require('./components/widget'); const { Widgets } = require('./components/widget');
@ -25,11 +48,10 @@ function mindplot() {
return { return {
commands: Commands, commands: Commands,
layouts: Layout, layout: Layout,
models: Model, models: Model,
persistence: Persistence, persistence: Persistence,
utils: Utils, widget: Widgets,
widgets: Widgets, component: Components,
components: Components,
}; };
} }

13
packages/mindplot/package.json
View File

@ -20,19 +20,24 @@
"url": "git+https://ezequielVega@bitbucket.org/lilabyus/wisemapping-frontend.git" "url": "git+https://ezequielVega@bitbucket.org/lilabyus/wisemapping-frontend.git"
}, },
"scripts": { "scripts": {
"build": "yarn mindplot:build && yarn test:build", "build": "yarn build:dev && yarn build:test",
"test:build": "webpack --config webpack.test.js", "build:dev": "webpack --config webpack.prod.js",
"mindplot:build": "webpack --config webpack.prod.js", "test": "webpack serve --config webpack.test.js",
"start": "webpack serve --config webpack.dev.js" "start": "webpack serve --config webpack.dev.js"
}, },
"dependencies": { "dependencies": {
"@wismapping/core-js": "^0.0.1", "@wismapping/core-js": "^0.0.1",
"@wismapping/web2d": "^0.0.1" "@wismapping/web2d": "^0.0.1",
"jquery": "2.1.0",
"mootools": "1.4.5",
"raphael": "^2.3.0",
"underscore": "^1.13.1"
}, },
"devDependencies": { "devDependencies": {
"@babel/core": "^7.14.6", "@babel/core": "^7.14.6",
"babel-loader": "^8.2.2", "babel-loader": "^8.2.2",
"clean-webpack-plugin": "^4.0.0-alpha.0", "clean-webpack-plugin": "^4.0.0-alpha.0",
"html-webpack-plugin": "^5.3.2",
"webpack": "^5.44.0", "webpack": "^5.44.0",
"webpack-cli": "^4.7.2", "webpack-cli": "^4.7.2",
"webpack-dev-server": "^3.11.2", "webpack-dev-server": "^3.11.2",

17
packages/mindplot/test/javascript/static/index.html Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<div>
<h1>Testing</h1>
<ul>
<li><a href="/layout">layout</a></li>
<li><a href="/palette">Palette</a></li>
</ul>
</div>
</body>
</html>

274
packages/mindplot/test/javascript/static/layout.html
View File

@ -1,174 +1,158 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head>
<style type="text/css">
div.col {
float: left;
margin-right: 20px;
}
div.col.last {
float: none;
}
</style>
</head>
<body>
<div id="basicTest" style="display: none">
<h1>Basic Tests</h1>
<head> <h3>testAligned:</h3>
<script src="../../../lib/components/libraries/jquery/jquery-2.1.0.min.js"></script> <div id="testAligned"></div>
<script type='text/javascript' src='../../../lib/components/libraries/mootools/mootools-core-1.4.5-full-nocompat-yc.js'></script>
<script src="../../../lib/components/libraries/underscorejs/underscore-min.js"></script>
<script type='text/javascript' src='../../../../core-js/dist/core.js'></script>
<script src="../../../dist/main.js"></script>
<script type="text/javascript" src="test/raphael-min.js"></script> <h3>testBaselineAligned:</h3>
<script type="text/javascript" src="test/raphael-plugins.js"></script> <div id="testBaselineAligned1"></div>
<div id="testBaselineAligned2"></div>
<script src="../../../dist/test/layout.test.js"></script> <h3>testEvents:</h3>
<div id="testEvents1" class="col"></div>
<div id="testEvents2" class="col last"></div>
<style type="text/css"> <h3>testEventsComplex:</h3>
div.col { <div id="testEventsComplex1" class="col"></div>
float: left; <div id="testEventsComplex2" class="col last"></div>
margin-right: 20px;
}
div.col.last {
float: none;
}
</style>
</head> <h3>testDisconnect:</h3>
<body> <div id="testDisconnect1" class="col"></div>
<div id="testDisconnect2" class="col"></div>
<div id="testDisconnect3" class="col last"></div>
<h3>testReconnect:</h3>
<div id="testReconnect1" class="col"></div>
<div id="testReconnect2" class="col last"></div>
<div id="basicTest" style="display: none;"> <h3>testRemoveNode:</h3>
<h1>Basic Tests</h1> <div id="testRemoveNode1" class="col"></div>
<div id="testRemoveNode2" class="col last"></div>
<div id="testRemoveNode3" class="col last"></div>
<div id="testRemoveNode4" class="col last"></div>
<h3>testAligned:</h3> <h3>testSize:</h3>
<div id="testAligned"></div> <div id="testSize1" class="col"></div>
<div id="testSize2" class="col last"></div>
<div id="testSize3" class="col last"></div>
<div id="testSize4" class="col last"></div>
<div id="testSize5" class="col last"></div>
<div id="testSize6" class="col last"></div>
<h3>testBaselineAligned:</h3> <h3>testReconnectSingleNode:</h3>
<div id="testBaselineAligned1"></div> <div id="testReconnectSingleNode1" class="col"></div>
<div id="testBaselineAligned2"></div> <div id="testReconnectSingleNode2" class="col"></div>
</div>
<h3>testEvents:</h3> <div id="balancedTest" style="display: none">
<div id="testEvents1" class="col"></div> <h1>Balanced Sorter Tests</h1>
<div id="testEvents2" class="col last"></div>
<h3>testEventsComplex:</h3> <h3>testBalanced:</h3>
<div id="testEventsComplex1" class="col"></div> <div id="testBalanced1" class="col"></div>
<div id="testEventsComplex2" class="col last"></div> <div id="testBalanced2" class="col"></div>
<div id="testBalanced3" class="col last"></div>
<div id="testBalanced4" class="col"></div>
<div id="testBalanced5" class="col"></div>
<div id="testBalanced6" class="col last"></div>
<div id="testBalanced7" class="col"></div>
<div id="testBalanced8" class="col last"></div>
<div id="testBalanced9" class="col last"></div>
<div id="testBalanced10" class="col last"></div>
<div id="testBalanced11" class="col last"></div>
<div id="testBalanced12" class="col last"></div>
<div id="testBalanced13" class="col last"></div>
<h3>testDisconnect:</h3> <h3>testBalancedPredict:</h3>
<div id="testDisconnect1" class="col"></div> <div id="testBalancedPredict1"></div>
<div id="testDisconnect2" class="col"></div> <div id="testBalancedPredict2"></div>
<div id="testDisconnect3" class="col last"></div> <div id="testBalancedPredict3"></div>
<div id="testBalancedPredict4"></div>
<div id="testBalancedPredict5"></div>
<h3>testReconnect:</h3> <h3>testBalancedNodeDragPredict</h3>
<div id="testReconnect1" class="col"></div> <div id="testBalancedNodeDragPredict1"></div>
<div id="testReconnect2" class="col last"></div> <div id="testBalancedNodeDragPredict2"></div>
<div id="testBalancedNodeDragPredict3"></div>
</div>
<h3>testRemoveNode:</h3> <div id="symmetricTest" style="display: none">
<div id="testRemoveNode1" class="col"></div> <h1>Symmetric Sorter Tests</h1>
<div id="testRemoveNode2" class="col last"></div> <h3>testSymmetry:</h3>
<div id="testRemoveNode3" class="col last"></div> <div id="testSymmetry"></div>
<div id="testRemoveNode4" class="col last"></div>
<h3>testSize:</h3> <h3>testSymmetricPredict:</h3>
<div id="testSize1" class="col"></div> <div id="testSymmetricPredict1"></div>
<div id="testSize2" class="col last"></div> <div id="testSymmetricPredict2"></div>
<div id="testSize3" class="col last"></div> <div id="testSymmetricPredict3"></div>
<div id="testSize4" class="col last"></div> <div id="testSymmetricPredict4"></div>
<div id="testSize5" class="col last"></div> <div id="testSymmetricPredict5"></div>
<div id="testSize6" class="col last"></div>
<h3>testReconnectSingleNode:</h3> <h3>testSymmetricDragPredict:</h3>
<div id="testReconnectSingleNode1" class="col"></div> <div id="testSymmetricDragPredict1"></div>
<div id="testReconnectSingleNode2" class="col"></div> </div>
</div>
<div id="balancedTest" style="display: none;"> <div id="freeTest" style="display: none">
<h1>Balanced Sorter Tests</h1> <h1>Free Positioning Tests</h1>
<h3>testBalanced:</h3> <h3>testFreePosition:</h3>
<div id="testBalanced1" class="col"></div> <div id="testFreePosition1" class="col"></div>
<div id="testBalanced2" class="col"></div> <div id="testFreePosition2" class="col last"></div>
<div id="testBalanced3" class="col last"></div> <div id="testFreePosition3" class="col last"></div>
<div id="testBalanced4" class="col"></div> <div id="testFreePosition4" class="col last"></div>
<div id="testBalanced5" class="col"></div> <div id="testFreePosition5" class="col last"></div>
<div id="testBalanced6" class="col last"></div> <div id="testFreePosition6" class="col last"></div>
<div id="testBalanced7" class="col"></div> <div id="testFreePosition7" class="col last"></div>
<div id="testBalanced8" class="col last"></div> <div id="testFreePosition8" class="col last"></div>
<div id="testBalanced9" class="col last"></div> <div id="testFreePosition9" class="col last"></div>
<div id="testBalanced10" class="col last"></div>
<div id="testBalanced11" class="col last"></div>
<div id="testBalanced12" class="col last"></div>
<div id="testBalanced13" class="col last"></div>
<h3>testBalancedPredict:</h3> <h3>testFreePredict:</h3>
<div id="testBalancedPredict1"></div> <div id="testFreePredict1" class="col"></div>
<div id="testBalancedPredict2"></div>
<div id="testBalancedPredict3"></div>
<div id="testBalancedPredict4"></div>
<div id="testBalancedPredict5"></div>
<h3>testBalancedNodeDragPredict</h3> <h3>testReconnectFreeNode:</h3>
<div id="testBalancedNodeDragPredict1"></div> <div id="testReconnectFreeNode1" class="col"></div>
<div id="testBalancedNodeDragPredict2"></div> <div id="testReconnectFreeNode2" class="col"></div>
<div id="testBalancedNodeDragPredict3"></div> <div id="testReconnectFreeNode3" class="col"></div>
</div> <div id="testReconnectFreeNode4" class="col"></div>
<div id="testReconnectFreeNode5" class="col"></div>
<div id="testReconnectFreeNode6" class="col"></div>
<div id="testReconnectFreeNode7" class="col"></div>
<div id="symmetricTest" style="display: none;"> <h3>testSiblingOverlapping:</h3>
<h1>Symmetric Sorter Tests</h1> <div id="testSiblingOverlapping1" class="col"></div>
<h3>testSymmetry:</h3> <div id="testSiblingOverlapping2" class="col"></div>
<div id="testSymmetry"></div> <div id="testSiblingOverlapping3" class="col"></div>
<h3>testSymmetricPredict:</h3> <h3>testRootNodeChildrenPositioning:</h3>
<div id="testSymmetricPredict1"></div> <div id="testRootNodeChildrenPositioning1" class="col"></div>
<div id="testSymmetricPredict2"></div> <div id="testRootNodeChildrenPositioning2" class="col"></div>
<div id="testSymmetricPredict3"></div> <div id="testRootNodeChildrenPositioning3" class="col"></div>
<div id="testSymmetricPredict4"></div> <div id="testRootNodeChildrenPositioning4" class="col"></div>
<div id="testSymmetricPredict5"></div> <div id="testRootNodeChildrenPositioning5" class="col"></div>
<h3>testSymmetricDragPredict:</h3> <h3>testBalancedFreePredict:</h3>
<div id="testSymmetricDragPredict1"></div> <div id="testBalancedFreePredict1" class="col"></div>
</div>
<div id="freeTest" style="display: none;"> <h3>testFreeReorder:</h3>
<h1>Free Positioning Tests</h1> <div id="testFreeReorder1" class="col"></div>
<h3>testFreePosition:</h3> <h3>testFreeOverlap:</h3>
<div id="testFreePosition1" class="col"></div> <div id="testFreeOverlap1" class="col"></div>
<div id="testFreePosition2" class="col last"></div> <div id="testFreeOverlap2" class="col"></div>
<div id="testFreePosition3" class="col last"></div> </div>
<div id="testFreePosition4" class="col last"></div> </body>
<div id="testFreePosition5" class="col last"></div>
<div id="testFreePosition6" class="col last"></div>
<div id="testFreePosition7" class="col last"></div>
<div id="testFreePosition8" class="col last"></div>
<div id="testFreePosition9" class="col last"></div>
<h3>testFreePredict:</h3>
<div id="testFreePredict1" class="col"></div>
<h3>testReconnectFreeNode:</h3>
<div id="testReconnectFreeNode1" class="col"></div>
<div id="testReconnectFreeNode2" class="col"></div>
<div id="testReconnectFreeNode3" class="col"></div>
<div id="testReconnectFreeNode4" class="col"></div>
<div id="testReconnectFreeNode5" class="col"></div>
<div id="testReconnectFreeNode6" class="col"></div>
<div id="testReconnectFreeNode7" class="col"></div>
<h3>testSiblingOverlapping:</h3>
<div id="testSiblingOverlapping1" class="col"></div>
<div id="testSiblingOverlapping2" class="col"></div>
<div id="testSiblingOverlapping3" class="col"></div>
<h3>testRootNodeChildrenPositioning:</h3>
<div id="testRootNodeChildrenPositioning1" class="col"></div>
<div id="testRootNodeChildrenPositioning2" class="col"></div>
<div id="testRootNodeChildrenPositioning3" class="col"></div>
<div id="testRootNodeChildrenPositioning4" class="col"></div>
<div id="testRootNodeChildrenPositioning5" class="col"></div>
<h3>testBalancedFreePredict:</h3>
<div id="testBalancedFreePredict1" class="col"></div>
<h3>testFreeReorder:</h3>
<div id="testFreeReorder1" class="col"></div>
<h3>testFreeOverlap:</h3>
<div id="testFreeOverlap1" class="col"></div>
<div id="testFreeOverlap2" class="col"></div>
</div>
</body>
</html> </html>

20
packages/mindplot/test/javascript/static/palette.html
View File

@ -4,26 +4,6 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title> <title>Document</title>
<script
type="text/javascript"
src="../../../lib/components/libraries/jquery/jquery-2.1.0.js"
></script>
<script type="text/javascript" src="../../../../core-js/dist/core.js"></script>
<script
type="text/javascript"
src="../../../lib/components/libraries/mootools/mootools-core-1.4.5-full-nocompat-yc.js"
></script>
<script
type="text/javascript"
src="../../../lib/components/libraries/underscorejs/underscore-min.js"
></script>
<script
type="text/javascript"
src="../../../lib/components/libraries/bootstrap/js/bootstrap.min.js"
></script>
<script type="text/javascript" src="../../../dist/main.js"></script>
<script type="text/javascript" src="../../../dist/test/palette.test.js"></script>
</head> </head>
<body> <body>
<body> <body>

14
packages/mindplot/test/javascript/static/testing.html
View File

@ -1,14 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<script src="../../../lib/components/libraries/jquery/jquery-2.1.0.min.js"></script>
<script src="../../../lib/components/libraries/mootools/mootools-core-1.6.0.js"></script>
<script src="../../../../core-js/dist/core.js"></script>
<script src="../../../dist/main.js"></script>
<script src="../../../dist/24.js"></script>
</head>
<body></body>
</html>

22
packages/mindplot/webpack.dev.js
View File

@ -1,14 +1,18 @@
const { HotModuleReplacementPlugin } = require("webpack"); const { HotModuleReplacementPlugin } = require('webpack');
const { merge } = require("webpack-merge"); const { merge } = require('webpack-merge');
const common = require("./webpack.common"); const common = require('./webpack.common');
/** @type {import('webpack').Configuration} */ /** @type {import('webpack').Configuration} */
const devConfig = { const devConfig = {
mode: "development", mode: 'development',
target: "web2d", devServer: {
plugins: [new HotModuleReplacementPlugin()], historyApiFallback: true,
devtool: "eval-source-map" port: 8080,
open: true,
},
target: 'web',
plugins: [new HotModuleReplacementPlugin()],
devtool: 'eval-source-map',
}; };
module.exports = merge(common, devConfig) module.exports = merge(common, devConfig);

27
packages/mindplot/webpack.test.js
View File

@ -1,17 +1,19 @@
const path = require('path'); const path = require('path');
const { CleanWebpackPlugin } = require('clean-webpack-plugin'); const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
/** @type {import('webpack').Configuration} */ /** @type {import('webpack').Configuration} */
module.exports = { module.exports = {
entry: { entry: {
testingLayout: './test/javascript/static/test/testingLayout', palette: path.resolve(__dirname, './test/javascript/static/test/testPalette'),
testingPallete: './test/javascript/static/test/testingPalette', layout: path.resolve(__dirname, './test/javascript/static/test/testLayout'),
}, },
output: { output: {
path: path.resolve(__dirname, 'dist', 'tests'), path: path.resolve(__dirname, 'dist', 'test'),
filename: '[name].js', filename: '[name].test.js',
publicPath: '', publicPath: '',
}, },
mode: 'production',
optimization: { optimization: {
splitChunks: { splitChunks: {
chunks: 'all', chunks: 'all',
@ -35,5 +37,20 @@ module.exports = {
resolve: { resolve: {
extensions: ['.js', '.jsx', '.json'], extensions: ['.js', '.jsx', '.json'],
}, },
plugins: [new CleanWebpackPlugin()], plugins: [
new CleanWebpackPlugin(),
new HtmlWebpackPlugin({
template: 'test/javascript/static/index.html',
}),
new HtmlWebpackPlugin({
chunks: ['palette'],
filename: 'palette',
template: 'test/javascript/static/palette.html',
}),
new HtmlWebpackPlugin({
chunks: ['layout'],
filename: 'layout',
template: 'test/javascript/static/layout.html',
}),
],
}; };

17
yarn.lock
View File

@ -5304,6 +5304,11 @@ etag@~1.8.1:
resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887" resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
integrity sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc= integrity sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=
eve-raphael@0.5.0:
version "0.5.0"
resolved "https://registry.yarnpkg.com/eve-raphael/-/eve-raphael-0.5.0.tgz#17c754b792beef3fa6684d79cf5a47c63c4cda30"
integrity sha1-F8dUt5K+7z+maE15z1pHxjxM2jA=
event-emitter@~0.2.2: event-emitter@~0.2.2:
version "0.2.2" version "0.2.2"
resolved "https://registry.yarnpkg.com/event-emitter/-/event-emitter-0.2.2.tgz#c81e3724eb55407c5a0d5ee3299411f700f54291" resolved "https://registry.yarnpkg.com/event-emitter/-/event-emitter-0.2.2.tgz#c81e3724eb55407c5a0d5ee3299411f700f54291"
@ -9717,6 +9722,13 @@ range-parser@~1.0.0:
resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.0.3.tgz#6872823535c692e2c2a0103826afd82c2e0ff175" resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.0.3.tgz#6872823535c692e2c2a0103826afd82c2e0ff175"
integrity sha1-aHKCNTXGkuLCoBA4Jq/YLC4P8XU= integrity sha1-aHKCNTXGkuLCoBA4Jq/YLC4P8XU=
raphael@^2.3.0:
version "2.3.0"
resolved "https://registry.yarnpkg.com/raphael/-/raphael-2.3.0.tgz#eabeb09dba861a1d4cee077eaafb8c53f3131f89"
integrity sha512-w2yIenZAQnp257XUWGni4bLMVxpUpcIl7qgxEgDIXtmSypYtlNxfXWpOBxs7LBTps5sDwhRnrToJrMUrivqNTQ==
dependencies:
eve-raphael "0.5.0"
raw-body@1.1.4: raw-body@1.1.4:
version "1.1.4" version "1.1.4"
resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-1.1.4.tgz#f0b5624388d031f63da07f870c86cb9ccadcb67d" resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-1.1.4.tgz#f0b5624388d031f63da07f870c86cb9ccadcb67d"
@ -11796,6 +11808,11 @@ undefsafe@^2.0.3:
dependencies: dependencies:
debug "^2.2.0" debug "^2.2.0"
underscore@^1.13.1:
version "1.13.1"
resolved "https://registry.yarnpkg.com/underscore/-/underscore-1.13.1.tgz#0c1c6bd2df54b6b69f2314066d65b6cde6fcf9d1"
integrity sha512-hzSoAVtJF+3ZtiFX0VgfFPHEDRm7Y/QPjGyNo4TVdnDTdft3tr8hEkD25a1jC+TjTuE7tkHGKkhwCgs9dgBB2g==
unicode-canonical-property-names-ecmascript@^2.0.0: unicode-canonical-property-names-ecmascript@^2.0.0:
version "2.0.0" version "2.0.0"
resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz#301acdc525631670d39f6146e0e77ff6bbdebddc" resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz#301acdc525631670d39f6146e0e77ff6bbdebddc"