Skip to content

Commit 37a7901

Browse files
Bogdan-LyashenkoBogdan-Lyashenko
committed
Add webpack dependencies tree
1 parent 2fef514 commit 37a7901

11 files changed

Lines changed: 228 additions & 96 deletions

File tree

‎package.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,7 @@
2121
"css-loader": "^0.28.11",
2222
"d3-flextree": "^2.1.1",
2323
"directory-tree": "^2.1.0",
24+
"madge": "^3.0.1",
2425
"react": "^16.3.2",
2526
"react-dom": "^16.3.2",
2627
"style-loader": "^0.21.0",

‎src/public/dist/bundle.js‎

Lines changed: 130 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -29121,12 +29121,17 @@ exports.storage = 'undefined' != typeof chrome
2912129121
*/
2912229122

2912329123
exports.colors = [
29124-
'lightseagreen',
29125-
'forestgreen',
29126-
'goldenrod',
29127-
'dodgerblue',
29128-
'darkorchid',
29129-
'crimson'
29124+
'#0000CC', '#0000FF', '#0033CC', '#0033FF', '#0066CC', '#0066FF', '#0099CC',
29125+
'#0099FF', '#00CC00', '#00CC33', '#00CC66', '#00CC99', '#00CCCC', '#00CCFF',
29126+
'#3300CC', '#3300FF', '#3333CC', '#3333FF', '#3366CC', '#3366FF', '#3399CC',
29127+
'#3399FF', '#33CC00', '#33CC33', '#33CC66', '#33CC99', '#33CCCC', '#33CCFF',
29128+
'#6600CC', '#6600FF', '#6633CC', '#6633FF', '#66CC00', '#66CC33', '#9900CC',
29129+
'#9900FF', '#9933CC', '#9933FF', '#99CC00', '#99CC33', '#CC0000', '#CC0033',
29130+
'#CC0066', '#CC0099', '#CC00CC', '#CC00FF', '#CC3300', '#CC3333', '#CC3366',
29131+
'#CC3399', '#CC33CC', '#CC33FF', '#CC6600', '#CC6633', '#CC9900', '#CC9933',
29132+
'#CCCC00', '#CCCC33', '#FF0000', '#FF0033', '#FF0066', '#FF0099', '#FF00CC',
29133+
'#FF00FF', '#FF3300', '#FF3333', '#FF3366', '#FF3399', '#FF33CC', '#FF33FF',
29134+
'#FF6600', '#FF6633', '#FF9900', '#FF9933', '#FFCC00', '#FFCC33'
2913029135
];
2913129136

2913229137
/**
@@ -29145,6 +29150,11 @@ function useColors() {
2914529150
return true;
2914629151
}
2914729152

29153+
// Internet Explorer and Edge do not support colors.
29154+
if (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/)) {
29155+
return false;
29156+
}
29157+
2914829158
// is webkit? http://stackoverflow.com/a/16459606/376773
2914929159
// document is undefined in react-native: https://github.com/facebook/react-native/pull/1632
2915029160
return (typeof document !== 'undefined' && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance) ||
@@ -29311,6 +29321,11 @@ exports.enable = enable;
2931129321
exports.enabled = enabled;
2931229322
exports.humanize = __webpack_require__(/*! ms */ "../../node_modules/ms/index.js");
2931329323

29324+
/**
29325+
* Active `debug` instances.
29326+
*/
29327+
exports.instances = [];
29328+
2931429329
/**
2931529330
* The currently active debug mode names, and names to skip.
2931629331
*/
@@ -29326,12 +29341,6 @@ exports.skips = [];
2932629341

2932729342
exports.formatters = {};
2932829343

29329-
/**
29330-
* Previous log timestamp.
29331-
*/
29332-
29333-
var prevTime;
29334-
2933529344
/**
2933629345
* Select a color.
2933729346
* @param {String} namespace
@@ -29360,6 +29369,8 @@ function selectColor(namespace) {
2936029369

2936129370
function createDebug(namespace) {
2936229371

29372+
var prevTime;
29373+
2936329374
function debug() {
2936429375
// disabled?
2936529376
if (!debug.enabled) return;
@@ -29416,15 +29427,28 @@ function createDebug(namespace) {
2941629427
debug.enabled = exports.enabled(namespace);
2941729428
debug.useColors = exports.useColors();
2941829429
debug.color = selectColor(namespace);
29430+
debug.destroy = destroy;
2941929431

2942029432
// env-specific initialization logic for debug instances
2942129433
if ('function' === typeof exports.init) {
2942229434
exports.init(debug);
2942329435
}
2942429436

29437+
exports.instances.push(debug);
29438+
2942529439
return debug;
2942629440
}
2942729441

29442+
function destroy () {
29443+
var index = exports.instances.indexOf(this);
29444+
if (index !== -1) {
29445+
exports.instances.splice(index, 1);
29446+
return true;
29447+
} else {
29448+
return false;
29449+
}
29450+
}
29451+
2942829452
/**
2942929453
* Enables a debug mode by namespaces. This can include modes
2943029454
* separated by a colon and wildcards.
@@ -29439,10 +29463,11 @@ function enable(namespaces) {
2943929463
exports.names = [];
2944029464
exports.skips = [];
2944129465

29466+
var i;
2944229467
var split = (typeof namespaces === 'string' ? namespaces : '').split(/[\s,]+/);
2944329468
var len = split.length;
2944429469

29445-
for (var i = 0; i < len; i++) {
29470+
for (i = 0; i < len; i++) {
2944629471
if (!split[i]) continue; // ignore empty strings
2944729472
namespaces = split[i].replace(/\*/g, '.*?');
2944829473
if (namespaces[0] === '-') {
@@ -29451,6 +29476,11 @@ function enable(namespaces) {
2945129476
exports.names.push(new RegExp('^' + namespaces + '$'));
2945229477
}
2945329478
}
29479+
29480+
for (i = 0; i < exports.instances.length; i++) {
29481+
var instance = exports.instances[i];
29482+
instance.enabled = exports.enabled(instance.namespace);
29483+
}
2945429484
}
2945529485

2945629486
/**
@@ -29472,6 +29502,9 @@ function disable() {
2947229502
*/
2947329503

2947429504
function enabled(name) {
29505+
if (name[name.length - 1] === '*') {
29506+
return true;
29507+
}
2947529508
var i, len;
2947629509
for (i = 0, len = exports.skips.length; i < len; i++) {
2947729510
if (exports.skips[i].test(name)) {
@@ -66421,6 +66454,26 @@ module.exports = function(module) {
6642166454
};
6642266455

6642366456

66457+
/***/ }),
66458+
66459+
/***/ "../shared/constants.js":
66460+
/*!******************************!*\
66461+
!*** ../shared/constants.js ***!
66462+
\******************************/
66463+
/*! no static exports found */
66464+
/***/ (function(module, exports, __webpack_require__) {
66465+
66466+
"use strict";
66467+
66468+
66469+
var SOCKET_EVENT_TYPE = {
66470+
SYNC_SOURCE_FILES: 'sync-source-files'
66471+
};
66472+
66473+
module.exports = {
66474+
SOCKET_EVENT_TYPE: SOCKET_EVENT_TYPE
66475+
};
66476+
6642466477
/***/ }),
6642566478

6642666479
/***/ "./js/App.css":
@@ -66477,7 +66530,9 @@ var _devTest = __webpack_require__(/*! ./utils/dev-test */ "./js/utils/dev-test.
6647766530

6647866531
var _devTest2 = _interopRequireDefault(_devTest);
6647966532

66480-
var _connection = __webpack_require__(/*! ./connection */ "./js/connection.js");
66533+
var _connection = __webpack_require__(/*! ./utils/connection */ "./js/utils/connection.js");
66534+
66535+
var _constants = __webpack_require__(/*! ../../shared/constants */ "../shared/constants.js");
6648166536

6648266537
var _ViewsSwitchList = __webpack_require__(/*! ./components/controls/ViewsSwitchList */ "./js/components/controls/ViewsSwitchList.js");
6648366538

@@ -66506,7 +66561,9 @@ var App = function (_React$Component) {
6650666561
var _this = _possibleConstructorReturn(this, (App.__proto__ || Object.getPrototypeOf(App)).call(this, props));
6650766562

6650866563
_this.state = {
66509-
sourceTreeData: []
66564+
filesTree: [],
66565+
filesList: [],
66566+
dependenciesList: []
6651066567
};
6651166568
return _this;
6651266569
}
@@ -66517,13 +66574,33 @@ var App = function (_React$Component) {
6651766574
var _this2 = this;
6651866575

6651966576
(0, _connection.createConnection)(function (_ref) {
66520-
var data = _ref.data;
66521-
66522-
_this2.setState({
66523-
sourceTreeData: data.body
66524-
});
66577+
var type = _ref.type,
66578+
data = _ref.data;
66579+
return _this2.onSocketEvent(type, data);
6652566580
});
6652666581
}
66582+
}, {
66583+
key: 'onSocketEvent',
66584+
value: function onSocketEvent(type, data) {
66585+
switch (type) {
66586+
case _constants.SOCKET_EVENT_TYPE.SYNC_SOURCE_FILES:
66587+
var _data$body = data.body,
66588+
filesTree = _data$body.filesTree,
66589+
filesList = _data$body.filesList,
66590+
dependenciesList = _data$body.dependenciesList;
66591+
66592+
66593+
this.setState({
66594+
filesTree: filesTree,
66595+
filesList: filesList,
66596+
dependenciesList: dependenciesList
66597+
});
66598+
break;
66599+
66600+
default:
66601+
break;
66602+
}
66603+
}
6652766604
}, {
6652866605
key: 'render',
6652966606
value: function render() {
@@ -66539,7 +66616,7 @@ var App = function (_React$Component) {
6653966616
}
6654066617
})
6654166618
),
66542-
_react2.default.createElement(_SourceTree2.default, { treeData: this.state.sourceTreeData })
66619+
_react2.default.createElement(_SourceTree2.default, { treeData: this.state.filesTree })
6654366620
);
6654466621
}
6654566622
}]);
@@ -66764,38 +66841,6 @@ exports.default = SourceTree;
6676466841

6676566842
/***/ }),
6676666843

66767-
/***/ "./js/connection.js":
66768-
/*!**************************!*\
66769-
!*** ./js/connection.js ***!
66770-
\**************************/
66771-
/*! no static exports found */
66772-
/***/ (function(module, exports, __webpack_require__) {
66773-
66774-
"use strict";
66775-
66776-
66777-
Object.defineProperty(exports, "__esModule", {
66778-
value: true
66779-
});
66780-
var createConnection = exports.createConnection = function createConnection(onMessage) {
66781-
var route = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ws://127.0.0.1:2018/';
66782-
66783-
var ws = new WebSocket(route);
66784-
ws.onmessage = function (event) {
66785-
onMessage(JSON.parse(event.data));
66786-
};
66787-
66788-
return function (msg) {
66789-
try {
66790-
ws.send(msg);
66791-
} catch (e) {
66792-
console.log(e);
66793-
}
66794-
};
66795-
};
66796-
66797-
/***/ }),
66798-
6679966844
/***/ "./js/index.js":
6680066845
/*!*********************!*\
6680166846
!*** ./js/index.js ***!
@@ -66825,6 +66870,38 @@ _reactDom2.default.render(_react2.default.createElement(_App2.default, null), do
6682566870

6682666871
/***/ }),
6682766872

66873+
/***/ "./js/utils/connection.js":
66874+
/*!********************************!*\
66875+
!*** ./js/utils/connection.js ***!
66876+
\********************************/
66877+
/*! no static exports found */
66878+
/***/ (function(module, exports, __webpack_require__) {
66879+
66880+
"use strict";
66881+
66882+
66883+
Object.defineProperty(exports, "__esModule", {
66884+
value: true
66885+
});
66886+
var createConnection = exports.createConnection = function createConnection(onMessage) {
66887+
var route = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ws://127.0.0.1:2018/';
66888+
66889+
var ws = new WebSocket(route);
66890+
ws.onmessage = function (event) {
66891+
onMessage(JSON.parse(event.data));
66892+
};
66893+
66894+
return function (msg) {
66895+
try {
66896+
ws.send(msg);
66897+
} catch (e) {
66898+
console.log(e);
66899+
}
66900+
};
66901+
};
66902+
66903+
/***/ }),
66904+
6682866905
/***/ "./js/utils/dev-test.js":
6682966906
/*!******************************!*\
6683066907
!*** ./js/utils/dev-test.js ***!

‎src/public/dist/bundle.js.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/public/js/App.js‎

Lines changed: 24 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
import React from 'react';
22
import devProcessTesting from './utils/dev-test';
3-
import { createConnection } from './connection';
3+
import { createConnection } from './utils/connection';
4+
import { SOCKET_EVENT_TYPE } from '../../shared/constants';
45
import ViewsSwitchList from './components/controls/ViewsSwitchList';
56
import SourceTree from './components/tree-diagram/SourceTree';
67
import './App.css';
@@ -10,16 +11,31 @@ class App extends React.Component {
1011
super(props);
1112

1213
this.state = {
13-
sourceTreeData: []
14+
filesTree: [],
15+
filesList: [],
16+
dependenciesList: []
1417
};
1518
}
1619

1720
componentDidMount() {
18-
createConnection(({ data }) => {
19-
this.setState({
20-
sourceTreeData: data.body
21-
});
22-
});
21+
createConnection(({ type, data }) => this.onSocketEvent(type, data));
22+
}
23+
24+
onSocketEvent(type, data) {
25+
switch (type) {
26+
case SOCKET_EVENT_TYPE.SYNC_SOURCE_FILES:
27+
const { filesTree, filesList, dependenciesList } = data.body;
28+
29+
this.setState({
30+
filesTree,
31+
filesList,
32+
dependenciesList
33+
});
34+
break;
35+
36+
default:
37+
break;
38+
}
2339
}
2440

2541
render() {
@@ -32,7 +48,7 @@ class App extends React.Component {
3248
}}
3349
/>
3450
</div>
35-
<SourceTree treeData={this.state.sourceTreeData} />
51+
<SourceTree treeData={this.state.filesTree} />
3652
</div>
3753
);
3854
}

src/public/js/connection.js renamed to src/public/js/utils/connection.js

File renamed without changes.

src/server/codecrumbs.js renamed to src/server/codecrumbs/codecrumbs.js

File renamed without changes.

0 commit comments

Comments
 (0)