Skip to content

Commit fe03cb0

Browse files
ManoMarksManoMarks
committed
First commit of code ported from dceu-visualizer
1 parent 428f824 commit fe03cb0

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

66 files changed

+1765
-3
lines changed

‎Dockerfile

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
FROM node:4.1.2-slim
2+
3+
WORKDIR /app
4+
5+
# Only run npm install if these files change
6+
ADD ./package.json /app/package.json
7+
8+
# Install dependencies
9+
RUN npm install --unsafe-perm=true
10+
11+
# Add the rest of the sources
12+
ADD . /app
13+
14+
# Build the app
15+
RUN npm run dist
16+
ENV HOST "localhost"
17+
ENV MS 200
18+
ENV PORT 8080
19+
EXPOSE 8080
20+
21+
CMD ["npm","start"]

‎LICENSE

+1
Original file line numberDiff line numberDiff line change
@@ -199,3 +199,4 @@
199199
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
200200
See the License for the specific language governing permissions and
201201
limitations under the License.
202+

‎README.md

+7-3
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1-
# Docker Swarm Visualizer
2-
A visualizer for Docker Swarm using the Docker Remote API, Node.JS, and D3
3-
Originally written for DockerCon EU 2015 to visualize Tutum clusters by the Tutum team. Re-written for DockerCon 2016 to visualize Docker Swarm. Still hacky, but will work on fleshing it out.
1+
# Tutum Visualizer
2+
3+
[![Deploy to Tutum](https://s.tutum.co/deploy-to-tutum.svg)](https://dashboard.tutum.co/stack/deploy/)
4+
5+
Demo container that displays services on a diagram
6+
7+

‎cfg/base.js

+69
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
var path = require('path');
2+
3+
var port = 8080;
4+
var srcPath = path.join(__dirname, '/../src');
5+
var publicPath = '/';
6+
7+
module.exports = {
8+
port: port,
9+
debug: true,
10+
output: {
11+
path: path.join(__dirname, '/../dist'),
12+
filename: 'app.js',
13+
publicPath: publicPath
14+
},
15+
devServer: {
16+
contentBase: './src/',
17+
historyApiFallback: true,
18+
hot: true,
19+
inline: true,
20+
port: port,
21+
publicPath: publicPath,
22+
noInfo: false,
23+
proxy: {
24+
'/api/*': {
25+
target: 'https://dashboard.tutum.co',
26+
secure: false,
27+
},
28+
},
29+
},
30+
module: {
31+
preLoaders: [
32+
{
33+
test: /\.(js|jsx)$/,
34+
include: path.join(__dirname, 'src'),
35+
loader: 'eslint-loader'
36+
}
37+
],
38+
loaders: [
39+
{
40+
test: /\.css$/,
41+
loader: 'style!css'
42+
},
43+
{
44+
test: /\.sass/,
45+
loader: 'style-loader!css-loader!sass-loader?outputStyle=expanded&indentedSyntax'
46+
},
47+
{
48+
test: /\.scss/,
49+
loader: 'style-loader!css-loader!sass-loader?outputStyle=expanded'
50+
},
51+
{
52+
test: /\.less/,
53+
loader: 'style-loader!css-loader!less-loader'
54+
},
55+
{
56+
test: /\.styl/,
57+
loader: 'style-loader!css-loader!stylus-loader'
58+
},
59+
{
60+
test: /\.(png|jpg|gif|woff|woff2)$/,
61+
loader: 'url-loader?limit=8192'
62+
},
63+
{
64+
test: /\.svg$/,
65+
loader: 'svg-inline'
66+
}
67+
]
68+
}
69+
};

‎cfg/dev.js

+28
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
var path = require('path');
2+
var webpack = require('webpack');
3+
var _ = require('lodash');
4+
5+
var baseConfig = require('./base');
6+
7+
var config = _.merge({
8+
entry: [
9+
'webpack-dev-server/client?http://127.0.0.1:8080',
10+
'webpack/hot/only-dev-server',
11+
'./src/main'
12+
],
13+
cache: true,
14+
devtool: 'eval',
15+
plugins: [
16+
new webpack.HotModuleReplacementPlugin(),
17+
new webpack.NoErrorsPlugin()
18+
]
19+
}, baseConfig);
20+
21+
// Add needed loaders
22+
config.module.loaders.push({
23+
test: /\.(js|jsx)$/,
24+
loader: 'babel-loader',
25+
include: path.join(__dirname, '/../src')
26+
});
27+
28+
module.exports = config;

‎cfg/dist.js

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
var path = require('path');
2+
var webpack = require('webpack');
3+
var _ = require('lodash');
4+
5+
var baseConfig = require('./base');
6+
7+
var config = _.merge({
8+
entry: path.join(__dirname, '../src/main'),
9+
cache: false,
10+
devtool: 'sourcemap',
11+
plugins: [
12+
new webpack.optimize.DedupePlugin(),
13+
new webpack.optimize.UglifyJsPlugin(),
14+
new webpack.optimize.OccurenceOrderPlugin(),
15+
new webpack.optimize.AggressiveMergingPlugin(),
16+
new webpack.NoErrorsPlugin()
17+
]
18+
}, baseConfig);
19+
20+
config.module.loaders.push({
21+
test: /\.(js|jsx)$/,
22+
loader: 'babel',
23+
include: path.join(__dirname, '/../src')
24+
});
25+
26+
module.exports = config;

‎cfg/test.js

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
var path = require('path');
2+
var srcPath = path.join(__dirname, '/../src/');
3+
4+
module.exports = {
5+
devtool: 'eval',
6+
module: {
7+
loaders: [
8+
{
9+
test: /\.(png|jpg|gif|woff|woff2|css|sass|scss|less|styl)$/,
10+
loader: 'null-loader'
11+
},
12+
{
13+
test: /\.(js|jsx)$/,
14+
loader: 'babel-loader',
15+
include: [
16+
path.join(__dirname, '/../src'),
17+
path.join(__dirname, '/../test')
18+
]
19+
}
20+
]
21+
},
22+
resolve: {
23+
extensions: ['', '.js', '.jsx'],
24+
alias: {
25+
actions: srcPath + 'actions/',
26+
helpers: path.join(__dirname, '/../test/helpers'),
27+
components: srcPath + 'components/',
28+
sources: srcPath + 'sources/',
29+
stores: srcPath + 'stores/',
30+
styles: srcPath + 'styles/'
31+
}
32+
}
33+
};

‎create-index.js

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
var fs = require('fs');
2+
var indexFile = require('lodash')
3+
.template(fs.readFileSync('index.tpl'))(require('./credentials'))
4+
5+
fs.writeFileSync('./src/index.html',indexFile);
6+
process.exit(0);

‎dist/app.js

+10
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/app.js.map

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/favicon.ico

6.5 KB
Binary file not shown.

‎index.tpl

+32
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Visualizer</title>
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7+
<meta name="description" content="">
8+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
9+
<link href='//fonts.googleapis.com/css?family=Ubuntu+Mono|Open+Sans:400,700,400italic' rel='stylesheet' type='text/css'>
10+
<style type="text/css">
11+
.hidden{ display: none; }
12+
</style>
13+
</head>
14+
<body style='background:#254356'>
15+
<div class='tabs'>
16+
<button id='tab-physical'>
17+
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="#FFF" d="M14.752 32.456l-7.72.002v7.553h7.72v-7.554zm9.65 0h-7.72v7.556h7.72v-7.556zm0-9.445h-7.72v7.556h7.72V23.01zm9.65 9.446h-7.72v7.556h7.72v-7.556zm0-9.445h-7.72v7.556h7.72V23.01zm9.648 9.446h-7.72v7.556h7.72v-7.556zm0-9.445h-7.72v7.556h7.72V23.01zm9.65 9.446l-7.72.002v7.553h7.72v-7.554zm-9.65-18.89h-7.72v7.556h7.72v-7.556zm31.938 23.106c-2.51-1.417-5.85-1.61-8.693-.792-.35-2.958-2.337-5.55-4.7-7.41l-.938-.738-.79.89c-1.58 1.79-2.052 4.768-1.838 7.053.16 1.68.697 3.388 1.756 4.737-.805.473-1.717.85-2.53 1.12-1.657.55-3.456.854-5.206.854H3.544l-.105 1.107c-.354 3.7.165 7.402 1.728 10.778l.673 1.343.078.124c4.622 7.68 12.74 10.914 21.584 10.914 17.125 0 31.248-7.48 37.734-23.284 4.335.222 8.77-1.033 10.89-5.082l.54-1.033-1.028-.578zm-57.77 19.982v.002c-2.18 0-3.955-1.735-3.955-3.866 0-2.132 1.774-3.866 3.954-3.866s3.954 1.732 3.954 3.865c0 2.13-1.77 3.864-3.95 3.864zm-.01-5.854c-1.137 0-2.06.9-2.06 2.013 0 1.11.924 2.01 2.06 2.01 1.134 0 2.057-.9 2.057-2.01 0-1.11-.922-2.013-2.057-2.013z"/></svg>
18+
</button>
19+
20+
</div>
21+
<div id="app">
22+
<!-- content goes here -->
23+
</div>
24+
25+
<script type="text/javascript">
26+
window.HOST = '<%= HOST %>';
27+
window.PORT = '<%= PORT %>';
28+
window.MS = '<%= MS %>';
29+
</script>
30+
<script type="text/javascript" src="app.js"></script>
31+
</body>
32+
</html>

‎karma.conf.js

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
var webpackCfg = require('./webpack.config');
2+
3+
module.exports = function(config) {
4+
config.set({
5+
basePath: '',
6+
browsers: ['PhantomJS'],
7+
files: [
8+
'test/loadtests.js'
9+
],
10+
port: 8080,
11+
captureTimeout: 60000,
12+
frameworks: ['phantomjs-shim', 'mocha', 'chai'],
13+
client: {
14+
mocha: {}
15+
},
16+
singleRun: true,
17+
reporters: ['mocha'],
18+
preprocessors: {
19+
'test/loadtests.js': ['webpack', 'sourcemap']
20+
},
21+
webpack: webpackCfg,
22+
webpackServer: {
23+
noInfo: true
24+
}
25+
});
26+
};

‎package.json

+60
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
{
2+
"name": "tutumVisualizer",
3+
"private": true,
4+
"version": "0.0.1",
5+
"description": "YOUR DESCRIPTION - Generated by generator-react-webpack",
6+
"main": "",
7+
"scripts": {
8+
"clean": "rimraf dist/*",
9+
"copy": "copyfiles -f ./src/favicon.ico ./dist",
10+
"dist": "npm run copy & webpack --env=dist",
11+
"lint": "eslint ./src",
12+
"posttest": "npm run lint",
13+
"serve": "npm run serve:dev",
14+
"serve:dev": "node create-index.js && node server-dev.js --env=dev",
15+
"serve:dist": "node create-index.js && node server-dev.js --env=dist",
16+
"start": "node server.js",
17+
"test": "karma start"
18+
},
19+
"repository": "",
20+
"keywords": [],
21+
"author": "Your name here",
22+
"devDependencies": {
23+
"babel-core": "^5.8.22",
24+
"babel-loader": "^5.3.2",
25+
"chai": "^3.2.0",
26+
"copyfiles": "^0.2.1",
27+
"css-loader": "^0.16.0",
28+
"eslint": "^1.2.1",
29+
"eslint-loader": "^1.0.0",
30+
"eslint-plugin-react": "^3.3.0",
31+
"file-loader": "^0.8.4",
32+
"http-proxy-middleware": "^0.9.0",
33+
"minimist": "^1.2.0",
34+
"mocha": "^2.2.5",
35+
"null-loader": "^0.1.1",
36+
"open": "0.0.5",
37+
"react-hot-loader": "^1.2.9",
38+
"rimraf": "^2.4.3",
39+
"style-loader": "^0.12.3",
40+
"url-loader": "^0.5.6",
41+
"webpack": "^1.12.0",
42+
"webpack-dev-server": "^1.12.0"
43+
},
44+
"dependencies": {
45+
"animate.css": "^3.4.0",
46+
"d3": "^3.5.7",
47+
"eventemitter3": "^1.1.1",
48+
"express": "^4.13.3",
49+
"less": "^2.5.3",
50+
"less-loader": "^2.0.0",
51+
"lodash": "^3.10.1",
52+
"normalize.css": "^3.0.3",
53+
"request": "^2.65.0",
54+
"superagent": "^1.4.0",
55+
"svg-inline-loader": "^0.3.0",
56+
"ws":"latest",
57+
"express-ws":"latest"
58+
59+
}
60+
}

‎server-dev.js

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
/*eslint no-console:0 */
2+
var url = require('url');
3+
var webpack = require('webpack');
4+
var WebpackDevServer = require('webpack-dev-server');
5+
var config = require('./webpack.config');
6+
var open = require('open');
7+
8+
new WebpackDevServer(webpack(config), config.devServer)
9+
.listen(config.port, 'localhost', function(err) {
10+
if (err) {
11+
console.log(err);
12+
}
13+
console.log('Listening at localhost:' + config.port);
14+
console.log('Opening your system browser...');
15+
open('http://localhost:' + config.port + '/webpack-dev-server/');
16+
});

0 commit comments

Comments
 (0)