diff --git a/.gitignore b/.gitignore
index 123ae94..5bf9284 100644
--- a/.gitignore
+++ b/.gitignore
@@ -25,3 +25,6 @@ build/Release
# Dependency directory
# https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
node_modules
+
+#WebStorm
+.idea
diff --git a/app.ico b/app.ico
new file mode 100644
index 0000000..ba16fe2
Binary files /dev/null and b/app.ico differ
diff --git a/bin/app-configure.js b/bin/app-configure.js
new file mode 100644
index 0000000..d7f2585
--- /dev/null
+++ b/bin/app-configure.js
@@ -0,0 +1,341 @@
+/**
+ * Created by nuintun on 2015/11/18.
+ */
+
+'use strict';
+
+var fs = require('fs');
+var path = require('path');
+var join = path.join;
+// module to control application life
+var app = require('app');
+var ipc = require('ipc-main');
+var dialog = require('dialog');
+var shell = require('shell');
+
+const USERDATA = app.getPath('userData');
+const USERDESKTOP = app.getPath('userDesktop');
+const CONFIGURENAME = 'command-manager.config';
+const CONFIGUREPATH = join(USERDATA, CONFIGURENAME);
+const DEFAULTCONFIGURE = { projects: [] };
+const ERRORMESSAGE = {
+ NONEXISTS: '不存在',
+ READERROR: '读取失败',
+ WRITEERROR: '写入失败',
+ PARSEERROR: '解析失败',
+ VALIDERROR: '校验失败'
+};
+
+/**
+ * ConfigureError
+ * @param code
+ * @param message
+ * @constructor
+ */
+function ConfigureError(code, message){
+ this.code = code;
+ this.message = message;
+ this.name = 'ConfigureError';
+}
+
+// ConfigureError prototype
+ConfigureError.prototype = Object.create(Error.prototype);
+ConfigureError.prototype.constructor = ConfigureError;
+
+/**
+ * verify configure
+ * @param configure
+ * @returns {*}
+ */
+function verifyConfigure(configure){
+ if (!configure) {
+ return false;
+ }
+
+ if (!Array.isArray(configure.projects)) {
+ return false;
+ }
+
+ return configure.projects.every(function (project){
+ if (!project.name || typeof project.name !== 'string') {
+ return false;
+ }
+
+ if (Array.isArray(project.env)) {
+ if (
+ !project.env.every(function (env){
+ return env.name && typeof env.name === 'string'
+ && env.value && typeof env.value === 'string';
+ })
+ ) {
+ return false;
+ }
+ }
+
+ if (Array.isArray(project.command)) {
+ if (
+ project.command.every(function (command){
+ return command.name && typeof command.name === 'string'
+ && command.value && typeof command.value === 'string';
+ })
+ ) {
+ return false;
+ }
+ }
+
+ return true;
+ });
+}
+
+/**
+ * unique array by a track
+ * @param array
+ * @param progress
+ * @param track
+ * @returns {Array}
+ */
+function unique(array, progress, track){
+ var cache = {};
+
+ progress = typeof progress === 'function' ? progress : function (){};
+ track = track && typeof track === 'string' ? track : 'name';
+
+ return array.filter(function (item){
+ var key = item[track];
+
+ if (cache[key]) {
+ return false;
+ } else {
+ cache[key] = true;
+
+ progress.apply(this, arguments);
+
+ return true;
+ }
+ });
+}
+
+/**
+ * filter configure
+ * @param configure
+ * @returns {*}
+ */
+function filterConfigure(configure){
+ configure.projects = unique(configure.projects, function (project){
+ if (project.env) {
+ project.env = unique(project.env);
+ }
+
+ if (project.command) {
+ project.command = unique(project.command);
+ }
+ });
+
+ return configure;
+}
+
+/**
+ * AppConfigure
+ * @param window
+ * @param tray
+ * @constructor
+ */
+function AppConfigure(window, tray){
+ this.window = window;
+ this.tray = tray;
+ this.title = window.getTitle();
+
+ this.init();
+}
+
+/**
+ * AppConfigure prototype
+ */
+AppConfigure.prototype = {
+ init: function (){
+ var context = this;
+
+ this.create();
+
+ ipc.on('app-configure', function (event, command){
+ switch (command) {
+ case 'import':
+ context.import(function (configure){
+ this.showMessageBox('配置文件导入成功！', { type: 'info' });
+ event.sender.send('app-configure', 'refresh', configure);
+ }, function (error){
+ this.showMessageBox('配置文件' + error.message + '！');
+ });
+ break;
+ case 'export':
+ context.export(function (path){
+ this.showMessageBox('配置文件导出成功！', { type: 'info' }, function (){
+ shell.showItemInFolder(path);
+ });
+ }, function (){
+ this.showMessageBox('配置文件导出失败！');
+ });
+ break;
+ case 'refresh':
+ context.read(function (configure){
+ event.sender.send('app-configure', 'refresh', configure);
+ }, function (error){
+ context.showMessageBox('配置文件' + error.message + '！', function (){
+ context.window.close();
+ });
+ });
+ break;
+ case 'add':
+ context.save(function (configure){
+
+ }, function (configure){
+
+ });
+ break;
+ }
+
+ });
+ },
+ create: function (){
+ var context = this;
+
+ fs.stat(CONFIGUREPATH, function (error, stats){
+ if (error || !stats.isFile()) {
+ context.save(DEFAULTCONFIGURE, null, function (){
+ context.showMessageBox('配置文件创建失败，请用管理员模式运行重试！', function (){
+ context.window.close();
+ });
+ });
+ }
+ });
+ },
+ save: function (configure, done, fail){
+ var context = this;
+
+ done = typeof done === 'function' ? done : function (){};
+ fail = typeof fail === 'function' ? fail : function (){};
+
+ fs.writeFile(CONFIGUREPATH, JSON.stringify(configure), function (error){
+ if (error) {
+ var code = error.code === 'ENOENT' ? 'NONEXISTS' : 'WRITEERROR';
+
+ fail.call(context, new ConfigureError(code, ERRORMESSAGE[code]));
+ } else {
+ done.call(context, configure);
+ }
+ });
+ },
+ read: function (done, fail){
+ var context = this;
+
+ done = typeof done === 'function' ? done : function (){};
+ fail = typeof fail === 'function' ? fail : function (){};
+
+ fs.readFile(CONFIGUREPATH, function (error, configure){
+ if (error) {
+ var code = error.code === 'ENOENT' ? 'NONEXISTS' : 'READERROR';
+
+ fail.call(context, new ConfigureError(code, ERRORMESSAGE[code]));
+ } else {
+ try {
+ configure = JSON.parse(configure);
+ } catch (error) {
+ return fail.call(context, new ConfigureError('PARSEERROR', ERRORMESSAGE.PARSEERROR));
+ }
+ }
+
+ done.call(context, configure);
+ });
+ },
+ import: function (done, fail){
+ var context = this;
+
+ done = typeof done === 'function' ? done : function (){};
+ fail = typeof fail === 'function' ? fail : function (){};
+
+ // show open dialog
+ dialog.showOpenDialog(this.window, {
+ title: this.title,
+ defaultPath: CONFIGURENAME,
+ properties: ['openFile'],
+ filters: [{ name: 'Config Files', extensions: ['config'] }]
+ }, function (paths){
+ if (paths) {
+ fs.readFile(paths[0], function (error, configure){
+ if (error) {
+ var code = error.code === 'ENOENT' ? 'NONEXISTS' : 'READERROR';
+
+ fail.call(context, new ConfigureError(code, ERRORMESSAGE[code]));
+ } else {
+ try {
+ configure = JSON.parse(configure);
+ } catch (error) {
+ return fail.call(context, new ConfigureError('PARSEERROR', ERRORMESSAGE.PARSEERROR));
+ }
+
+ // verify configure
+ var invalid = !verifyConfigure(configure);
+
+ // invalid configure
+ if (invalid) {
+ return fail.call(context, new ConfigureError('VALIDERROR', ERRORMESSAGE.VALIDERROR));
+ }
+
+ // filter configure
+ configure = filterConfigure(configure);
+
+ // save configure
+ context.save(configure, done, fail);
+ }
+ });
+ }
+ });
+ },
+ export: function (done, fail){
+ var context = this;
+
+ done = typeof done === 'function' ? done : function (){};
+ fail = typeof fail === 'function' ? fail : function (){};
+
+ // show save dialog
+ dialog.showSaveDialog(this.window, {
+ title: this.title,
+ defaultPath: join(USERDESKTOP, CONFIGURENAME),
+ filters: [{ name: 'Config Files', extensions: ['config'] }]
+ }, function (path){
+ if (path) {
+ fs.createReadStream(CONFIGUREPATH)
+ .on('error', function (error){
+ var code = error.code === 'ENOENT' ? 'NONEXISTS' : 'READERROR';
+
+ fail.call(context, new ConfigureError(code, ERRORMESSAGE[code]));
+ })
+ .pipe(fs.createWriteStream(path))
+ .on('finish', function (){
+ done.call(context, path);
+ })
+ .on('error', function (error){
+ var code = error.code === 'ENOENT' ? 'NONEXISTS' : 'WRITEERROR';
+
+ fail.call(context, new ConfigureError(code, ERRORMESSAGE[code]));
+ });
+ }
+ });
+ },
+ showMessageBox: function (message, options, callback){
+ if (typeof options === 'function') {
+ callback = options;
+ options = { message: message };
+ }
+
+ options = options || {};
+ options.title = this.title;
+ options.message = message;
+ options.type = options.type || 'error';
+ options.buttons = options.buttons || [];
+
+ dialog.showMessageBox(this.window, options, callback);
+ }
+};
+
+module.exports = AppConfigure;
diff --git a/bin/open-directory.js b/bin/open-directory.js
new file mode 100644
index 0000000..327cf97
--- /dev/null
+++ b/bin/open-directory.js
@@ -0,0 +1,28 @@
+/**
+ * Created by nuintun on 2015/11/18.
+ */
+
+'use strict';
+
+// module to control application life
+var ipc = require('ipc-main');
+var dialog = require('dialog');
+
+/**
+ * open directory
+ * @param window
+ */
+module.exports = function (window){
+ // listen open directory ipc
+ ipc.on('open-directory', function (event, path, uid){
+ dialog.showOpenDialog(window, {
+ title: window.getTitle(),
+ properties: ['openDirectory'],
+ defaultPath: path || ''
+ }, function (directorys){
+ if (directorys) {
+ event.sender.send('select-directory', directorys, uid);
+ }
+ });
+ });
+};
diff --git a/bin/window-control.js b/bin/window-control.js
new file mode 100644
index 0000000..cea6f61
--- /dev/null
+++ b/bin/window-control.js
@@ -0,0 +1,59 @@
+/**
+ * Created by nuintun on 2015/11/18.
+ */
+
+'use strict';
+
+// module to control application life
+var ipc = require('ipc-main');
+
+/**
+ * window control
+ * @param icon
+ * @param window
+ * @param tray
+ */
+module.exports = function (icon, window, tray){
+ // bind maximize event
+ window.on('maximize', function (event){
+ event.sender.send('is-maximized', true);
+ });
+
+ // bind unmaximize event
+ window.on('unmaximize', function (event){
+ event.sender.send('is-maximized', false);
+ });
+
+ // bind tray double-click event
+ tray.on('double-click', function (){
+ window.show();
+ });
+
+ // listen window ipc
+ ipc.on('window', function (event, command){
+ switch (command) {
+ case 'tray':
+ var title = window.getTitle();
+
+ window.hide();
+ tray.displayBalloon({
+ icon: icon,
+ title: title,
+ content: title + '正在后台运行！'
+ });
+ break;
+ case 'close':
+ window.close();
+ break;
+ case 'maximize':
+ window.maximize();
+ break;
+ case 'unmaximize':
+ window.unmaximize();
+ break;
+ case 'is-maximized':
+ event.sender.send('is-maximized', window.isMaximized());
+ break;
+ }
+ });
+};
diff --git a/css/base.css b/css/base.css
new file mode 100644
index 0000000..d748393
--- /dev/null
+++ b/css/base.css
@@ -0,0 +1,136 @@
+@charset "utf-8";
+
+/* alice.base 样式模块 */
+
+/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
+html {
+ color: #000; background: #fff;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+}
+/* 内外边距通常让各个浏览器样式的表现位置不同 */
+body, div, dl, dt, dd, ul,
+ol, li, h1, h2, h3, h4, h5,
+h6, pre, code, form, fieldset,
+legend, input, textarea, p, blockquote,
+th, td, hr, button, article, aside, details,
+figcaption, figure, footer, header, hgroup, menu, nav, section {
+ margin: 0; padding: 0;
+}
+/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+/* HTML5 媒体文件跟 img 保持一致 */
+audio, canvas, video {
+ display: inline-block; *display: inline; *zoom: 1;
+}
+/* 要注意表单元素并不继承父级 font 的问题 */
+body, button, input, select, textarea {
+ font: 12px/1.5 Microsoft Yahei, tahoma, arial, "Hiragino Sans GB", \5b8b\4f53;
+}
+input, select, textarea {
+ font-size: 100%;
+}
+/* 去掉各Table cell 的边距并让其边重合 */
+table {
+ border-collapse: collapse; border-spacing: 0;
+}
+/* IE bug fixed: th 不继承 text-align*/
+th {
+ text-align: inherit;
+}
+/* 去除默认边框 */
+fieldset, img {
+ border: 0;
+}
+/* ie6 7 8(q) bug 显示为行内表现 */
+iframe {
+ display: block;
+}
+/* 去掉 firefox 下此元素的边框 */
+abbr, acronym {
+ border: 0; font-variant: normal;
+}
+/* 一致的 del 样式 */
+del {
+ text-decoration: line-through;
+}
+address, caption, cite, code, dfn, em, th, var {
+ font-style: normal;
+ font-weight: 500;
+}
+/* 去掉列表前的标识, li 会继承 */
+ol, ul {
+ list-style: none;
+}
+/* 对齐是排版最重要的因素, 别让什么都居中 */
+caption, th {
+ text-align: left;
+}
+/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
+h1, h2, h3, h4, h5, h6 {
+ font-size: 100%;
+ font-weight: 500;
+}
+q:before, q:after {
+ content: '';
+}
+/* 统一上标和下标 */
+sub, sup {
+ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;
+}
+sup { top: -0.5em; }
+sub { bottom: -0.25em; }
+/* 正常链接 未访问 */
+a:link {
+ color: #08c;
+}
+/* 鼠标悬停 */
+a:hover {
+ color: #08c;
+ text-decoration: underline;
+}
+/* 默认不显示下划线，保持页面简洁 */
+ins, a {
+ text-decoration: none;
+}
+/* 代码字体 */
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, serif;
+ font-size: 1em;
+}
+/* 清理浮动 */
+.fn-clear:after {
+ visibility: hidden;
+ display: block;
+ font-size: 0;
+ content: " ";
+ clear: both;
+ height: 0;
+}
+.fn-clear {
+ zoom: 1; /* for IE6 IE7 */
+}
+/* 隐藏, 通常用来与 JS 配合 */
+body .fn-hide {
+ display: none;
+}
+/* visibility 隐藏, 通常用来与 JS 配合 */
+body .fn-invisible {
+ visibility: hidden;
+}
+/* 设置内联, 减少浮动带来的bug */
+.fn-left,
+.fn-right {
+ display: inline;
+}
+.fn-left {
+ float: left;
+}
+.fn-right {
+ float: right;
+}
diff --git a/css/index.css b/css/index.css
new file mode 100644
index 0000000..6ef5af0
--- /dev/null
+++ b/css/index.css
@@ -0,0 +1,456 @@
+@font-face {
+ font-family: font-icon;
+ src: url('../fonts/font-icon.svg#font-icon') format('svg'),
+ url("../fonts/font-icon.woff") format("woff"),
+ url("../fonts/font-icon.ttf") format("truetype");
+ font-weight: normal;
+ font-style: normal;
+ font-variant: normal;
+}
+[class^="icon-"],
+[class*=" icon-"] {
+ speak: none;
+ outline: none;
+ line-height: 1;
+ font-size: 20px;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ vertical-align: middle;
+ display: inline-block;
+ font-family: font-icon, sans-serif;
+ /* enable ligatures */
+ -webkit-font-feature-settings: "liga";
+ font-feature-settings: "liga";
+ /* better font rendering */
+ -webkit-font-smoothing: antialiased;
+ /* min font size */
+ -webkit-text-size-adjust: none;
+}
+.icon-play:before {
+ content: "\e600";
+ font-size: 16px;
+ color: #2f9c23;
+ vertical-align: 3px;
+}
+.icon-stop:before {
+ content: "\e601";
+ font-size: 15px;
+ color: #f00;
+ vertical-align: 3px;
+}
+.icon-folder:before {
+ content: "\e602";
+ font-size: 16px;
+ margin-right: 3px;
+ vertical-align: 5px;
+}
+.icon-maximize:before {
+ content: "\e603";
+ font-size: 17px;
+ vertical-align: 2px;
+}
+.icon-unmaximize:before {
+ content: "\e604";
+ font-size: 17px;
+ vertical-align: 2px;
+}
+.icon-plus:before {
+ content: "\e605";
+ font-size: 17px;
+ vertical-align: 2px;
+}
+.icon-cross:before {
+ content: "\e606";
+ font-size: 24px;
+}
+.icon-import:before {
+ content: "\e607";
+ font-size: 14px;
+ vertical-align: 3px;
+}
+.icon-export:before {
+ content: "\e608";
+ font-size: 14px;
+ vertical-align: 3px;
+}
+.icon-minimize-tray:before {
+ content: "\e609";
+ font-size: 24px;
+}
+.icon-expand:before {
+ content: "\e610";
+ font-size: 20px;
+}
+.icon-ellipsis:before {
+ content: "\e611";
+ font-size: 20px;
+}
+.icon-trash:before {
+ content: "\e612";
+ font-size: 16px;
+ color: #f00;
+ vertical-align: 2px;
+}
+.icon-gear:before {
+ content: "\e613";
+ font-size: 18px;
+ vertical-align: 1px;
+}
+.icon-ellipsis {
+ width: 40px;
+ height: 26px;
+ line-height: 26px;
+ text-align: center;
+ color: #fff !important;
+ background-color: #f57527;
+ transition: box-shadow .25s ease-in-out;
+}
+.icon-ellipsis:hover {
+ box-shadow: 0 0 rgba(34, 25, 25, 0.15) inset, 0 0 rgba(255, 255, 255, 0.8), 0 0 3px rgb(0, 120, 255);
+}
+::-webkit-scrollbar-track-piece {
+ background-color: #fff;
+ border-radius: 0;
+}
+::-webkit-scrollbar {
+ width: 8px;
+ height: 8px;
+}
+::-webkit-scrollbar-thumb {
+ height: 50px;
+ background-color: #999;
+ border-radius: 4px;
+ outline: 2px solid #fff;
+ outline-offset: -2px;
+ border: 2px solid #fff;
+}
+::-webkit-scrollbar-thumb:hover {
+ height: 50px;
+ background-color: #9f9f9f;
+ border-radius: 4px;
+}
+input[type=text] {
+ resize: none;
+ height: 24px;
+ line-height: 24px;
+ outline: none;
+ padding: 0 5px;
+ font-size: 13px;
+ border: 1px solid #ccc;
+ background-color: #ffffcd;
+ box-shadow: 2px 2px 3px #ededed inset;
+ transition: border .25s ease-in-out, box-shadow .25s ease-in-out;
+}
+input[type=text]:focus {
+ border: 1px solid rgba(82, 162, 235, .8);
+ box-shadow: 0 0 rgba(34, 25, 25, 0.15) inset, 0 0 rgba(255, 255, 255, 0.8), 0 0 6px rgba(82, 162, 235, 1);
+}
+html,
+body {
+ width: 100%; height: 100%; overflow: hidden;
+}
+body {
+ border: 1px solid #ccc;
+ box-sizing: border-box;
+ min-width: 1024px; !important;
+ min-height: 768px !important;
+}
+a {
+ outline: none;
+}
+a:hover {
+ text-decoration: none;
+}
+.ui-button {
+ color: #fff;
+ border: none;
+ outline: none;
+ background-color: #0e7fd4;
+ height: 26px;
+ line-height: 26px;
+ padding: 0 13px;
+ font-size: 13px;
+ overflow: auto;
+ display: inline-block;
+ vertical-align: middle;
+ cursor: pointer;
+ transition: box-shadow .25s ease-in-out;
+}
+.ui-button:hover {
+ box-shadow: 0 0 rgba(34, 25, 25, 0.15) inset, 0 0 rgba(255, 255, 255, 0.8), 0 0 3px rgb(0, 120, 255);
+}
+.ui-button-orange {
+ background-color: #f57527;
+}
+header {
+ padding: 3px 6px;
+ position: relative;
+ -webkit-app-region: drag;
+ border-bottom: 1px solid #ccc;
+}
+header [class^="icon-"],
+header [class*=" icon-"] {
+ -webkit-app-region: no-drag;
+}
+.icon-trash,
+.ui-project-add,
+.ui-import-configure,
+.ui-export-configure {
+ transition: transform .09s linear;
+}
+.icon-gear {
+ transition: transform .15s linear;
+}
+.ui-window-control a {
+ display: inline-block; color: #9c9c9c;
+ transition: transform .25s linear;
+}
+.icon-gear:hover,
+.ui-window-control a:hover {
+ transform: rotate(360deg);
+}
+.icon-trash:hover,
+.ui-project-add:hover,
+.ui-import-configure:hover,
+.ui-export-configure:hover {
+ transform: scale(1.2);
+}
+.ui-project-add,
+.ui-import-configure,
+.ui-export-configure {
+ font-size: 0;
+ line-height: 0;
+ display: inline-block;
+ vertical-align: middle;
+}
+.ui-project-add .icon-expand {
+ margin-left: -5px;
+}
+.ui-import-configure {
+ margin: 0 1px 0 6px;
+}
+.ui-popup {
+ position: absolute;
+ top: 31px;
+ left: 5px;
+ border: 1px solid #ccc;
+ z-index: 1;
+ background-color: #fff;
+ box-shadow: 0 0 5px 0 #a9a9a9;
+}
+.ui-popup input,
+.ui-project-configure input {
+ vertical-align: middle;
+}
+.ui-popup-arrow {
+ position: absolute;
+ top: -8px; left: 9px;
+ z-index: 1;
+}
+.ui-popup-arrow em,
+.ui-popup-arrow span {
+ width: 0; height: 0;
+ border: solid rgba(255, 255, 255, 0);
+ position: absolute;
+ overflow: hidden;
+}
+.ui-popup-arrow em {
+ border-width: 0 7px 7px;
+ border-bottom-color: #ccc;
+}
+.ui-popup-arrow span {
+ top: 1px;
+ border-width: 0 7px 7px;
+ border-bottom-color: #fff;
+}
+.ui-popup-content {
+ padding: 20px;
+}
+.ui-popup-content li,
+.ui-project-configure li {
+ color: #333;
+ margin: 0 0 16px 0;
+}
+.ui-popup-content strong,
+.ui-project-configure strong {
+ font-size: 13px;
+ display: inline-block;
+ vertical-align: top;
+}
+.ui-popup-content input[type=text],
+.ui-project-configure input[type=text] {
+ width: 180px;
+}
+.ui-popup-content .ui-popup-control {
+ margin: 0;
+ text-align: center;
+}
+.ui-project-tree {
+ box-sizing: border-box;
+ width: 20%;
+ min-height: 735px !important;
+ height: calc(100% - 31px);
+ overflow: auto;
+}
+.ui-project-tree li:nth-child(odd) {
+ background-color: #eee;
+}
+.ui-project-tree li {
+ color: #333;
+ width: 100%;
+ overflow: hidden;
+ cursor: pointer;
+}
+.ui-project-tree li a {
+ width: 100%;
+ height: 28px;
+ line-height: 28px;
+ padding: 0 0 0 10px;
+ box-sizing: border-box;
+ display: inline-block;
+ vertical-align: middle;
+}
+.ui-project-main {
+ box-sizing: border-box;
+ width: 80%;
+ height: calc(100% - 31px);
+ min-height: 735px !important;
+ overflow: hidden;
+}
+.ui-project-stage,
+.ui-project-setting,
+.ui-project-setting form {
+ width: 100%;
+ height: 100%;
+}
+.ui-control-bar {
+ height: 39px;
+ line-height: 39px;
+ border-left: 1px solid #ccc;
+}
+.ui-control-bar a {
+ display: inline-block;
+}
+.ui-control-operate a {
+ height: 39px;
+ line-height: 39px;
+}
+.ui-control-bar .icon-trash {
+ margin: 0 0 0 10px;
+}
+.ui-command {
+ position: relative;
+}
+.ui-command li {
+ float: left;
+ font-size: 14px;
+ color: #333;
+}
+.ui-command a {
+ padding: 0 6px;
+}
+.ui-command-more .icon-expand {
+ font-size: 24px;
+ color: #08c;
+ margin: -4px 0 0 -4px;
+}
+.ui-command-popup {
+ position: absolute;
+ top: 39px; right: 0;
+ background-color: #eee;
+}
+.ui-command-popup li {
+ float: none;
+ line-height: 30px;
+}
+.ui-command-popup li a {
+ padding: 0 10px;
+}
+.ui-project-tree a,
+.ui-command li a,
+.ui-command-popup li a {
+ color: inherit;
+}
+.ui-project-tree a:hover,
+.ui-project-tree .active,
+.ui-command a:hover {
+ background-color: #0e7fd4;
+ color: #fff;
+}
+.ui-command a:hover .icon-play:before {
+ color: #34bd24;
+}
+.ui-project-tree a:hover .icon-folder:before,
+.ui-command a:hover .icon-expand:before {
+ color: #fff;
+}
+.ui-project-terminal,
+.ui-project-configure {
+ width: 100%;
+ box-sizing: border-box;
+ height: calc(100% - 39px);
+ border-top: 1px dashed #ccc;
+ border-left: 1px solid #ccc;
+}
+.ui-project-terminal {
+ background-color: #181818;
+ border-left: 1px dashed #ccc;
+}
+.ui-control-bar .ui-button-orange {
+ margin: 0 10px 0 0;
+}
+.ui-project-configure {
+ overflow: auto;
+ text-align: center;
+}
+.ui-project-configure ul {
+ padding: 30px 0;
+ text-align: left;
+ display: inline-block;
+}
+.ui-sub-item > label,
+.ui-sub-item ul {
+ vertical-align: top;
+}
+.ui-sub-item > label {
+ vertical-align: -3px;
+}
+.ui-sub-item ul {
+ padding: 0;
+}
+.ui-sub-item .ui-action-bar {
+ margin: 0;
+}
+.ui-sub-item span {
+ width: 192px;
+ line-height: 25px;
+ border-bottom: 1px dotted #ccc;
+ display: inline-block;
+ vertical-align: middle;
+}
+.ui-sub-item .icon-trash {
+ cursor: pointer;
+ margin-left: 6px;
+ vertical-align: middle;
+}
+.ui-project-tree a,
+.ui-sub-item span {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.ui-sub-item .ui-item-error {
+ margin: 10px 0 0;
+}
+.ui-item-error span {
+ color: #f00;
+ border-bottom-color: #f00;
+}
+.ui-item-error .icon-expand {
+ position: absolute;
+ transform: rotate(180deg);
+ margin-top: -11px;
+ margin-left: -5px;
+}
diff --git a/fonts/font-icon.svg b/fonts/font-icon.svg
new file mode 100644
index 0000000..e034b7b
--- /dev/null
+++ b/fonts/font-icon.svg
@@ -0,0 +1,24 @@
+
+
+
\ No newline at end of file
diff --git a/fonts/font-icon.ttf b/fonts/font-icon.ttf
new file mode 100644
index 0000000..85c2f1d
Binary files /dev/null and b/fonts/font-icon.ttf differ
diff --git a/fonts/font-icon.woff b/fonts/font-icon.woff
new file mode 100644
index 0000000..a437ed5
Binary files /dev/null and b/fonts/font-icon.woff differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..0a9dc58
--- /dev/null
+++ b/index.html
@@ -0,0 +1,74 @@
+
+
+
+ 命令管理器
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/js/app/index.js b/js/app/index.js
new file mode 100644
index 0000000..09a081d
--- /dev/null
+++ b/js/app/index.js
@@ -0,0 +1,35 @@
+/**
+ * Created by nuintun on 2015/11/16.
+ */
+
+'use strict';
+
+var ipc = require('ipc-renderer');
+var Vue = require('./js/vue/vue');
+
+require('./js/components/app-configure');
+require('./js/components/window-control');
+require('./js/components/app-nav');
+require('./js/components/directory');
+require('./js/components/dynamic-item');
+
+window.addEventListener('DOMContentLoaded', function (){
+ var app = new Vue({
+ el: '#app',
+ data: {
+ activeIndex: 0,
+ configure: {}
+ }
+ });
+
+ ipc.on('app-configure', function (event, command, configure){
+ switch (command) {
+ case 'refresh':
+ app.activeIndex = 0;
+ app.configure = configure;
+ break;
+ }
+ });
+
+ ipc.send('app-configure', 'refresh');
+}, false);
diff --git a/js/components/app-configure/app-configure.html b/js/components/app-configure/app-configure.html
new file mode 100644
index 0000000..df78f94
--- /dev/null
+++ b/js/components/app-configure/app-configure.html
@@ -0,0 +1,35 @@
+
+
\ No newline at end of file
diff --git a/js/components/app-configure/index.js b/js/components/app-configure/index.js
new file mode 100644
index 0000000..e7a8584
--- /dev/null
+++ b/js/components/app-configure/index.js
@@ -0,0 +1,26 @@
+/**
+ * Created by nuintun on 2015/11/19.
+ */
+
+'use strict';
+
+var fs = require('fs');
+var path = require('path');
+var ipc = require('ipc-renderer');
+var Vue = require('../../vue/vue');
+
+module.exports = Vue.component('app-configure', {
+ template: fs.readFileSync(path.join(__dirname, 'app-configure.html')).toString(),
+ props: {
+ configure: {
+ type: Object,
+ twoWay: true,
+ required: true
+ }
+ },
+ methods: {
+ appConfigure: function (command, configure){
+ ipc.send('app-configure', command, configure);
+ }
+ }
+});
diff --git a/js/components/app-main/app-main.html b/js/components/app-main/app-main.html
new file mode 100644
index 0000000..e69de29
diff --git a/js/components/app-main/index.js b/js/components/app-main/index.js
new file mode 100644
index 0000000..16550f9
--- /dev/null
+++ b/js/components/app-main/index.js
@@ -0,0 +1,3 @@
+/**
+ * Created by nuintun on 2015/11/20.
+ */
diff --git a/js/components/app-nav/app-nav.html b/js/components/app-nav/app-nav.html
new file mode 100644
index 0000000..051fd40
--- /dev/null
+++ b/js/components/app-nav/app-nav.html
@@ -0,0 +1,7 @@
+
\ No newline at end of file
diff --git a/js/components/app-nav/index.js b/js/components/app-nav/index.js
new file mode 100644
index 0000000..6796ac3
--- /dev/null
+++ b/js/components/app-nav/index.js
@@ -0,0 +1,30 @@
+/**
+ * Created by nuintun on 2015/11/20.
+ */
+
+'use strict';
+
+var fs = require('fs');
+var path = require('path');
+var Vue = require('../../vue/vue');
+
+module.exports = Vue.component('app-nav', {
+ template: fs.readFileSync(path.join(__dirname, 'app-nav.html')).toString(),
+ props: {
+ activeIndex: {
+ type: Number,
+ twoWay: true,
+ required: true
+ },
+ configure: {
+ type: Object,
+ twoWay: true,
+ required: true
+ }
+ },
+ methods: {
+ select: function (index){
+ this.activeIndex = index;
+ }
+ }
+});
diff --git a/js/components/directory/directory.html b/js/components/directory/directory.html
new file mode 100644
index 0000000..a01466a
--- /dev/null
+++ b/js/components/directory/directory.html
@@ -0,0 +1,3 @@
+
+
+
\ No newline at end of file
diff --git a/js/components/directory/index.js b/js/components/directory/index.js
new file mode 100644
index 0000000..aacae61
--- /dev/null
+++ b/js/components/directory/index.js
@@ -0,0 +1,39 @@
+/**
+ * Created by nuintun on 2015/11/17.
+ */
+
+'use strict';
+
+var fs = require('fs');
+var path = require('path');
+var ipc = require('ipc-renderer');
+var Vue = require('../../vue/vue');
+
+module.exports = Vue.component('directory', {
+ // camelCase in JavaScript
+ props: {
+ label: {
+ type: String,
+ required: true
+ },
+ path: {
+ type: String,
+ default: ''
+ }
+ },
+ template: fs.readFileSync(path.join(__dirname, 'directory.html')).toString(),
+ methods: {
+ open: function (){
+ ipc.send('open-directory', this.path, this._uid);
+ }
+ },
+ created: function (){
+ var context = this;
+
+ ipc.on('select-directory', function (event, paths, uid){
+ if (context._uid === uid) {
+ context.path = paths[0];
+ }
+ });
+ }
+});
diff --git a/js/components/dynamic-item/dynamic-item.html b/js/components/dynamic-item/dynamic-item.html
new file mode 100644
index 0000000..b820726
--- /dev/null
+++ b/js/components/dynamic-item/dynamic-item.html
@@ -0,0 +1,16 @@
+
\ No newline at end of file
diff --git a/js/components/dynamic-item/index.js b/js/components/dynamic-item/index.js
new file mode 100644
index 0000000..83d078e
--- /dev/null
+++ b/js/components/dynamic-item/index.js
@@ -0,0 +1,90 @@
+/**
+ * Created by nuintun on 2015/11/17.
+ */
+
+'use strict';
+
+var fs = require('fs');
+var path = require('path');
+var Vue = require('../../vue/vue');
+
+module.exports = Vue.component('dynamic-item', {
+ // camelCase in JavaScript
+ props: {
+ nameLabel: {
+ type: String,
+ required: true,
+ default: ''
+ },
+ valueLabel: {
+ type: String,
+ required: true,
+ default: ''
+ },
+ items: {
+ type: Array,
+ default: function (){
+ return [];
+ }
+ }
+ },
+ template: fs.readFileSync(path.join(__dirname, 'dynamic-item.html')).toString(),
+ data: function (){
+ return {
+ name: '',
+ value: '',
+ _cached: {},
+ nameError: '',
+ valueError: ''
+ };
+ },
+ methods: {
+ add: function (){
+ // trim value
+ this.name = this.name.trim();
+ this.value = this.value.trim();
+
+ // name error
+ if (!this.name) {
+ this.nameError = '不能为空';
+ } else if (this.$data._cached[this.name]) {
+ this.nameError = ' ' + this.name + ' 已存在';
+ } else {
+ this.nameError = '';
+ }
+
+ // value error
+ if (!this.value) {
+ this.valueError = '不能为空';
+ } else {
+ this.valueError = '';
+ }
+
+ // add item
+ if (this.name && this.value && !this.$data._cached[this.name]) {
+ // cache name
+ this.$data._cached[this.name] = true;
+ // add item
+ this.items.push({ name: this.name, value: this.value });
+
+ // clean input
+ this.name = '';
+ this.value = '';
+ }
+ },
+ focus: function (key){
+ this[key] = '';
+ },
+ remove: function (index){
+ var item = this.items[index];
+
+ this.items.splice(index, 1);
+ delete this.$data._cached[item.name];
+ }
+ },
+ created: function (){
+ this.items.forEach(function (item){
+ this.$data._cached[item.name] = true;
+ }, this);
+ }
+});
diff --git a/js/components/project-configure/index.js b/js/components/project-configure/index.js
new file mode 100644
index 0000000..16550f9
--- /dev/null
+++ b/js/components/project-configure/index.js
@@ -0,0 +1,3 @@
+/**
+ * Created by nuintun on 2015/11/20.
+ */
diff --git a/js/components/project-configure/project-configure.html b/js/components/project-configure/project-configure.html
new file mode 100644
index 0000000..e69de29
diff --git a/js/components/window-control/index.js b/js/components/window-control/index.js
new file mode 100644
index 0000000..6de17a8
--- /dev/null
+++ b/js/components/window-control/index.js
@@ -0,0 +1,39 @@
+/**
+ * Created by nuintun on 2015/11/19.
+ */
+
+'use strict';
+
+var fs = require('fs');
+var path = require('path');
+var ipc = require('ipc-renderer');
+var Vue = require('../../vue/vue');
+
+module.exports = Vue.component('window-control', {
+ data: function (){
+ return {
+ isMaximized: false
+ }
+ },
+ template: fs.readFileSync(path.join(__dirname, 'window-control.html')).toString(),
+ methods: {
+ tray: function (){
+ ipc.send('window', 'tray');
+ },
+ close: function (){
+ ipc.send('window', 'close');
+ },
+ maximize: function (){
+ ipc.send('window', this.isMaximized ? 'unmaximize' : 'maximize');
+ }
+ },
+ created: function (){
+ var context = this;
+
+ ipc.on('is-maximized', function (event, maximized){
+ context.isMaximized = maximized;
+ });
+
+ ipc.send('window', 'is-maximized');
+ }
+});
diff --git a/js/components/window-control/window-control.html b/js/components/window-control/window-control.html
new file mode 100644
index 0000000..20a73af
--- /dev/null
+++ b/js/components/window-control/window-control.html
@@ -0,0 +1,11 @@
+
\ No newline at end of file
diff --git a/js/vue/vue.js b/js/vue/vue.js
new file mode 100644
index 0000000..3bc6abf
--- /dev/null
+++ b/js/vue/vue.js
@@ -0,0 +1,10538 @@
+/*!
+ * Vue.js v1.0.8
+ * (c) 2015 Evan You
+ * Released under the MIT License.
+ */
+(function webpackUniversalModuleDefinition(root, factory){
+ if (typeof exports === 'object' && typeof module === 'object')
+ module.exports = factory();
+ else if (typeof define === 'function' && define.amd)
+ define([], factory);
+ else if (typeof exports === 'object')
+ exports["Vue"] = factory();
+ else
+ root["Vue"] = factory();
+})(this, function (){
+ return /******/ (function (modules){ // webpackBootstrap
+ /******/ // The module cache
+ /******/
+ var installedModules = {};
+
+ /******/ // The require function
+ /******/
+ function __webpack_require__(moduleId){
+
+ /******/ // Check if module is in cache
+ /******/
+ if (installedModules[moduleId])
+ /******/ return installedModules[moduleId].exports;
+
+ /******/ // Create a new module (and put it into the cache)
+ /******/
+ var module = installedModules[moduleId] = {
+ /******/ exports: {},
+ /******/ id: moduleId,
+ /******/ loaded: false
+ /******/
+ };
+
+ /******/ // Execute the module function
+ /******/
+ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+
+ /******/ // Flag the module as loaded
+ /******/
+ module.loaded = true;
+
+ /******/ // Return the exports of the module
+ /******/
+ return module.exports;
+ /******/
+ }
+
+ /******/ // expose the modules object (__webpack_modules__)
+ /******/
+ __webpack_require__.m = modules;
+
+ /******/ // expose the module cache
+ /******/
+ __webpack_require__.c = installedModules;
+
+ /******/ // __webpack_public_path__
+ /******/
+ __webpack_require__.p = "";
+
+ /******/ // Load entry module and return exports
+ /******/
+ return __webpack_require__(0);
+ /******/
+ })
+ /************************************************************************/
+ /******/([
+ /* 0 */
+ /***/ function (module, exports, __webpack_require__){
+
+ var _ = __webpack_require__(1)
+ var extend = _.extend
+
+ /**
+ * The exposed Vue constructor.
+ *
+ * API conventions:
+ * - public API methods/properties are prefiexed with `$`
+ * - internal methods/properties are prefixed with `_`
+ * - non-prefixed properties are assumed to be proxied user
+ * data.
+ *
+ * @constructor
+ * @param {Object} [options]
+ * @public
+ */
+
+ function Vue(options){
+ this._init(options)
+ }
+
+ /**
+ * Mixin global API
+ */
+
+ extend(Vue, __webpack_require__(13))
+
+ /**
+ * Vue and every constructor that extends Vue has an
+ * associated options object, which can be accessed during
+ * compilation steps as `this.constructor.options`.
+ *
+ * These can be seen as the default options of every
+ * Vue instance.
+ */
+
+ Vue.options = {
+ replace: true,
+ directives: __webpack_require__(16),
+ elementDirectives: __webpack_require__(50),
+ filters: __webpack_require__(53),
+ transitions: {},
+ components: {},
+ partials: {}
+ }
+
+ /**
+ * Build up the prototype
+ */
+
+ var p = Vue.prototype
+
+ /**
+ * $data has a setter which does a bunch of
+ * teardown/setup work
+ */
+
+ Object.defineProperty(p, '$data', {
+ get: function (){
+ return this._data
+ },
+ set: function (newData){
+ if (newData !== this._data) {
+ this._setData(newData)
+ }
+ }
+ })
+
+ /**
+ * Mixin internal instance methods
+ */
+
+ extend(p, __webpack_require__(55))
+ extend(p, __webpack_require__(56))
+ extend(p, __webpack_require__(57))
+ extend(p, __webpack_require__(60))
+ extend(p, __webpack_require__(62))
+
+ /**
+ * Mixin public API methods
+ */
+
+ extend(p, __webpack_require__(63))
+ extend(p, __webpack_require__(64))
+ extend(p, __webpack_require__(65))
+ extend(p, __webpack_require__(66))
+
+ Vue.version = '1.0.8'
+ module.exports = _.Vue = Vue
+
+ /* istanbul ignore if */
+ if (true) {
+ if (_.inBrowser && window.__VUE_DEVTOOLS_GLOBAL_HOOK__) {
+ window.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit('init', Vue)
+ }
+ }
+
+ /***/
+ },
+ /* 1 */
+ /***/ function (module, exports, __webpack_require__){
+
+ var lang = __webpack_require__(2)
+ var extend = lang.extend
+
+ extend(exports, lang)
+ extend(exports, __webpack_require__(3))
+ extend(exports, __webpack_require__(4))
+ extend(exports, __webpack_require__(10))
+ extend(exports, __webpack_require__(11))
+ extend(exports, __webpack_require__(12))
+
+ /***/
+ },
+ /* 2 */
+ /***/ function (module, exports){
+
+ /**
+ * Set a property on an object. Adds the new property and
+ * triggers change notification if the property doesn't
+ * already exist.
+ *
+ * @param {Object} obj
+ * @param {String} key
+ * @param {*} val
+ * @public
+ */
+
+ exports.set = function set(obj, key, val){
+ if (obj.hasOwnProperty(key)) {
+ obj[key] = val
+ return
+ }
+ if (obj._isVue) {
+ set(obj._data, key, val)
+ return
+ }
+ var ob = obj.__ob__
+ if (!ob) {
+ obj[key] = val
+ return
+ }
+ ob.convert(key, val)
+ ob.dep.notify()
+ if (ob.vms) {
+ var i = ob.vms.length
+ while (i--) {
+ var vm = ob.vms[i]
+ vm._proxy(key)
+ vm._digest()
+ }
+ }
+ }
+
+ /**
+ * Delete a property and trigger change if necessary.
+ *
+ * @param {Object} obj
+ * @param {String} key
+ */
+
+ exports.delete = function (obj, key){
+ if (!obj.hasOwnProperty(key)) {
+ return
+ }
+ delete obj[key]
+ var ob = obj.__ob__
+ if (!ob) {
+ return
+ }
+ ob.dep.notify()
+ if (ob.vms) {
+ var i = ob.vms.length
+ while (i--) {
+ var vm = ob.vms[i]
+ vm._unproxy(key)
+ vm._digest()
+ }
+ }
+ }
+
+ /**
+ * Check if an expression is a literal value.
+ *
+ * @param {String} exp
+ * @return {Boolean}
+ */
+
+ var literalValueRE = /^\s?(true|false|[\d\.]+|'[^']*'|"[^"]*")\s?$/
+ exports.isLiteral = function (exp){
+ return literalValueRE.test(exp)
+ }
+
+ /**
+ * Check if a string starts with $ or _
+ *
+ * @param {String} str
+ * @return {Boolean}
+ */
+
+ exports.isReserved = function (str){
+ var c = (str + '').charCodeAt(0)
+ return c === 0x24 || c === 0x5F
+ }
+
+ /**
+ * Guard text output, make sure undefined outputs
+ * empty string
+ *
+ * @param {*} value
+ * @return {String}
+ */
+
+ exports.toString = function (value){
+ return value == null
+ ? ''
+ : value.toString()
+ }
+
+ /**
+ * Check and convert possible numeric strings to numbers
+ * before setting back to data
+ *
+ * @param {*} value
+ * @return {*|Number}
+ */
+
+ exports.toNumber = function (value){
+ if (typeof value !== 'string') {
+ return value
+ } else {
+ var parsed = Number(value)
+ return isNaN(parsed)
+ ? value
+ : parsed
+ }
+ }
+
+ /**
+ * Convert string boolean literals into real booleans.
+ *
+ * @param {*} value
+ * @return {*|Boolean}
+ */
+
+ exports.toBoolean = function (value){
+ return value === 'true'
+ ? true
+ : value === 'false'
+ ? false
+ : value
+ }
+
+ /**
+ * Strip quotes from a string
+ *
+ * @param {String} str
+ * @return {String | false}
+ */
+
+ exports.stripQuotes = function (str){
+ var a = str.charCodeAt(0)
+ var b = str.charCodeAt(str.length - 1)
+ return a === b && (a === 0x22 || a === 0x27)
+ ? str.slice(1, -1)
+ : str
+ }
+
+ /**
+ * Camelize a hyphen-delmited string.
+ *
+ * @param {String} str
+ * @return {String}
+ */
+
+ var camelizeRE = /-(\w)/g
+ exports.camelize = function (str){
+ return str.replace(camelizeRE, toUpper)
+ }
+
+ function toUpper(_, c){
+ return c ? c.toUpperCase() : ''
+ }
+
+ /**
+ * Hyphenate a camelCase string.
+ *
+ * @param {String} str
+ * @return {String}
+ */
+
+ var hyphenateRE = /([a-z\d])([A-Z])/g
+ exports.hyphenate = function (str){
+ return str
+ .replace(hyphenateRE, '$1-$2')
+ .toLowerCase()
+ }
+
+ /**
+ * Converts hyphen/underscore/slash delimitered names into
+ * camelized classNames.
+ *
+ * e.g. my-component => MyComponent
+ * some_else => SomeElse
+ * some/comp => SomeComp
+ *
+ * @param {String} str
+ * @return {String}
+ */
+
+ var classifyRE = /(?:^|[-_\/])(\w)/g
+ exports.classify = function (str){
+ return str.replace(classifyRE, toUpper)
+ }
+
+ /**
+ * Simple bind, faster than native
+ *
+ * @param {Function} fn
+ * @param {Object} ctx
+ * @return {Function}
+ */
+
+ exports.bind = function (fn, ctx){
+ return function (a){
+ var l = arguments.length
+ return l
+ ? l > 1
+ ? fn.apply(ctx, arguments)
+ : fn.call(ctx, a)
+ : fn.call(ctx)
+ }
+ }
+
+ /**
+ * Convert an Array-like object to a real Array.
+ *
+ * @param {Array-like} list
+ * @param {Number} [start] - start index
+ * @return {Array}
+ */
+
+ exports.toArray = function (list, start){
+ start = start || 0
+ var i = list.length - start
+ var ret = new Array(i)
+ while (i--) {
+ ret[i] = list[i + start]
+ }
+ return ret
+ }
+
+ /**
+ * Mix properties into target object.
+ *
+ * @param {Object} to
+ * @param {Object} from
+ */
+
+ exports.extend = function (to, from){
+ var keys = Object.keys(from)
+ var i = keys.length
+ while (i--) {
+ to[keys[i]] = from[keys[i]]
+ }
+ return to
+ }
+
+ /**
+ * Quick object check - this is primarily used to tell
+ * Objects from primitive values when we know the value
+ * is a JSON-compliant type.
+ *
+ * @param {*} obj
+ * @return {Boolean}
+ */
+
+ exports.isObject = function (obj){
+ return obj !== null && typeof obj === 'object'
+ }
+
+ /**
+ * Strict object type check. Only returns true
+ * for plain JavaScript objects.
+ *
+ * @param {*} obj
+ * @return {Boolean}
+ */
+
+ var toString = Object.prototype.toString
+ var OBJECT_STRING = '[object Object]'
+ exports.isPlainObject = function (obj){
+ return toString.call(obj) === OBJECT_STRING
+ }
+
+ /**
+ * Array type check.
+ *
+ * @param {*} obj
+ * @return {Boolean}
+ */
+
+ exports.isArray = Array.isArray
+
+ /**
+ * Define a non-enumerable property
+ *
+ * @param {Object} obj
+ * @param {String} key
+ * @param {*} val
+ * @param {Boolean} [enumerable]
+ */
+
+ exports.define = function (obj, key, val, enumerable){
+ Object.defineProperty(obj, key, {
+ value: val,
+ enumerable: !!enumerable,
+ writable: true,
+ configurable: true
+ })
+ }
+
+ /**
+ * Debounce a function so it only gets called after the
+ * input stops arriving after the given wait period.
+ *
+ * @param {Function} func
+ * @param {Number} wait
+ * @return {Function} - the debounced function
+ */
+
+ exports.debounce = function (func, wait){
+ var timeout, args, context, timestamp, result
+ var later = function (){
+ var last = Date.now() - timestamp
+ if (last < wait && last >= 0) {
+ timeout = setTimeout(later, wait - last)
+ } else {
+ timeout = null
+ result = func.apply(context, args)
+ if (!timeout) context = args = null
+ }
+ }
+ return function (){
+ context = this
+ args = arguments
+ timestamp = Date.now()
+ if (!timeout) {
+ timeout = setTimeout(later, wait)
+ }
+ return result
+ }
+ }
+
+ /**
+ * Manual indexOf because it's slightly faster than
+ * native.
+ *
+ * @param {Array} arr
+ * @param {*} obj
+ */
+
+ exports.indexOf = function (arr, obj){
+ var i = arr.length
+ while (i--) {
+ if (arr[i] === obj) return i
+ }
+ return -1
+ }
+
+ /**
+ * Make a cancellable version of an async callback.
+ *
+ * @param {Function} fn
+ * @return {Function}
+ */
+
+ exports.cancellable = function (fn){
+ var cb = function (){
+ if (!cb.cancelled) {
+ return fn.apply(this, arguments)
+ }
+ }
+ cb.cancel = function (){
+ cb.cancelled = true
+ }
+ return cb
+ }
+
+ /**
+ * Check if two values are loosely equal - that is,
+ * if they are plain objects, do they have the same shape?
+ *
+ * @param {*} a
+ * @param {*} b
+ * @return {Boolean}
+ */
+
+ exports.looseEqual = function (a, b){
+ /* eslint-disable eqeqeq */
+ return a == b || (
+ exports.isObject(a) && exports.isObject(b)
+ ? JSON.stringify(a) === JSON.stringify(b)
+ : false
+ )
+ /* eslint-enable eqeqeq */
+ }
+
+ /***/
+ },
+ /* 3 */
+ /***/ function (module, exports){
+
+ // can we use __proto__?
+ exports.hasProto = '__proto__' in {}
+
+ // Browser environment sniffing
+ var inBrowser = exports.inBrowser =
+ typeof window !== 'undefined' &&
+ Object.prototype.toString.call(window) !== '[object Object]'
+
+ exports.isIE9 =
+ inBrowser &&
+ navigator.userAgent.toLowerCase().indexOf('msie 9.0') > 0
+
+ exports.isAndroid =
+ inBrowser &&
+ navigator.userAgent.toLowerCase().indexOf('android') > 0
+
+ // Transition property/event sniffing
+ if (inBrowser && !exports.isIE9) {
+ var isWebkitTrans =
+ window.ontransitionend === undefined &&
+ window.onwebkittransitionend !== undefined
+ var isWebkitAnim =
+ window.onanimationend === undefined &&
+ window.onwebkitanimationend !== undefined
+ exports.transitionProp = isWebkitTrans
+ ? 'WebkitTransition'
+ : 'transition'
+ exports.transitionEndEvent = isWebkitTrans
+ ? 'webkitTransitionEnd'
+ : 'transitionend'
+ exports.animationProp = isWebkitAnim
+ ? 'WebkitAnimation'
+ : 'animation'
+ exports.animationEndEvent = isWebkitAnim
+ ? 'webkitAnimationEnd'
+ : 'animationend'
+ }
+
+ /**
+ * Defer a task to execute it asynchronously. Ideally this
+ * should be executed as a microtask, so we leverage
+ * MutationObserver if it's available, and fallback to
+ * setTimeout(0).
+ *
+ * @param {Function} cb
+ * @param {Object} ctx
+ */
+
+ exports.nextTick = (function (){
+ var callbacks = []
+ var pending = false
+ var timerFunc
+
+ function nextTickHandler(){
+ pending = false
+ var copies = callbacks.slice(0)
+ callbacks = []
+ for (var i = 0; i < copies.length; i++) {
+ copies[i]()
+ }
+ }
+
+ /* istanbul ignore if */
+ if (typeof MutationObserver !== 'undefined') {
+ var counter = 1
+ var observer = new MutationObserver(nextTickHandler)
+ var textNode = document.createTextNode(counter)
+ observer.observe(textNode, {
+ characterData: true
+ })
+ timerFunc = function (){
+ counter = (counter + 1) % 2
+ textNode.data = counter
+ }
+ } else {
+ timerFunc = setTimeout
+ }
+ return function (cb, ctx){
+ var func = ctx
+ ? function (){ cb.call(ctx) }
+ : cb
+ callbacks.push(func)
+ if (pending) return
+ pending = true
+ timerFunc(nextTickHandler, 0)
+ }
+ })()
+
+ /***/
+ },
+ /* 4 */
+ /***/ function (module, exports, __webpack_require__){
+
+ var _ = __webpack_require__(1)
+ var config = __webpack_require__(5)
+ var transition = __webpack_require__(9)
+
+ /**
+ * Query an element selector if it's not an element already.
+ *
+ * @param {String|Element} el
+ * @return {Element}
+ */
+
+ exports.query = function (el){
+ if (typeof el === 'string') {
+ var selector = el
+ el = document.querySelector(el)
+ if (!el) {
+ ("development") !== 'production' && _.warn(
+ 'Cannot find element: ' + selector
+ )
+ }
+ }
+ return el
+ }
+
+ /**
+ * Check if a node is in the document.
+ * Note: document.documentElement.contains should work here
+ * but always returns false for comment nodes in phantomjs,
+ * making unit tests difficult. This is fixed by doing the
+ * contains() check on the node's parentNode instead of
+ * the node itself.
+ *
+ * @param {Node} node
+ * @return {Boolean}
+ */
+
+ exports.inDoc = function (node){
+ var doc = document.documentElement
+ var parent = node && node.parentNode
+ return doc === node ||
+ doc === parent || !!(parent && parent.nodeType === 1 && (doc.contains(parent)))
+ }
+
+ /**
+ * Get and remove an attribute from a node.
+ *
+ * @param {Node} node
+ * @param {String} attr
+ */
+
+ exports.attr = function (node, attr){
+ var val = node.getAttribute(attr)
+ if (val !== null) {
+ node.removeAttribute(attr)
+ }
+ return val
+ }
+
+ /**
+ * Get an attribute with colon or v-bind: prefix.
+ *
+ * @param {Node} node
+ * @param {String} name
+ * @return {String|null}
+ */
+
+ exports.getBindAttr = function (node, name){
+ var val = exports.attr(node, ':' + name)
+ if (val === null) {
+ val = exports.attr(node, 'v-bind:' + name)
+ }
+ return val
+ }
+
+ /**
+ * Insert el before target
+ *
+ * @param {Element} el
+ * @param {Element} target
+ */
+
+ exports.before = function (el, target){
+ target.parentNode.insertBefore(el, target)
+ }
+
+ /**
+ * Insert el after target
+ *
+ * @param {Element} el
+ * @param {Element} target
+ */
+
+ exports.after = function (el, target){
+ if (target.nextSibling) {
+ exports.before(el, target.nextSibling)
+ } else {
+ target.parentNode.appendChild(el)
+ }
+ }
+
+ /**
+ * Remove el from DOM
+ *
+ * @param {Element} el
+ */
+
+ exports.remove = function (el){
+ el.parentNode.removeChild(el)
+ }
+
+ /**
+ * Prepend el to target
+ *
+ * @param {Element} el
+ * @param {Element} target
+ */
+
+ exports.prepend = function (el, target){
+ if (target.firstChild) {
+ exports.before(el, target.firstChild)
+ } else {
+ target.appendChild(el)
+ }
+ }
+
+ /**
+ * Replace target with el
+ *
+ * @param {Element} target
+ * @param {Element} el
+ */
+
+ exports.replace = function (target, el){
+ var parent = target.parentNode
+ if (parent) {
+ parent.replaceChild(el, target)
+ }
+ }
+
+ /**
+ * Add event listener shorthand.
+ *
+ * @param {Element} el
+ * @param {String} event
+ * @param {Function} cb
+ */
+
+ exports.on = function (el, event, cb){
+ el.addEventListener(event, cb)
+ }
+
+ /**
+ * Remove event listener shorthand.
+ *
+ * @param {Element} el
+ * @param {String} event
+ * @param {Function} cb
+ */
+
+ exports.off = function (el, event, cb){
+ el.removeEventListener(event, cb)
+ }
+
+ /**
+ * Add class with compatibility for IE & SVG
+ *
+ * @param {Element} el
+ * @param {Strong} cls
+ */
+
+ exports.addClass = function (el, cls){
+ if (el.classList) {
+ el.classList.add(cls)
+ } else {
+ var cur = ' ' + (el.getAttribute('class') || '') + ' '
+ if (cur.indexOf(' ' + cls + ' ') < 0) {
+ el.setAttribute('class', (cur + cls).trim())
+ }
+ }
+ }
+
+ /**
+ * Remove class with compatibility for IE & SVG
+ *
+ * @param {Element} el
+ * @param {Strong} cls
+ */
+
+ exports.removeClass = function (el, cls){
+ if (el.classList) {
+ el.classList.remove(cls)
+ } else {
+ var cur = ' ' + (el.getAttribute('class') || '') + ' '
+ var tar = ' ' + cls + ' '
+ while (cur.indexOf(tar) >= 0) {
+ cur = cur.replace(tar, ' ')
+ }
+ el.setAttribute('class', cur.trim())
+ }
+ if (!el.className) {
+ el.removeAttribute('class')
+ }
+ }
+
+ /**
+ * Extract raw content inside an element into a temporary
+ * container div
+ *
+ * @param {Element} el
+ * @param {Boolean} asFragment
+ * @return {Element}
+ */
+
+ exports.extractContent = function (el, asFragment){
+ var child
+ var rawContent
+ /* istanbul ignore if */
+ if (
+ exports.isTemplate(el) &&
+ el.content instanceof DocumentFragment
+ ) {
+ el = el.content
+ }
+ if (el.hasChildNodes()) {
+ exports.trimNode(el)
+ rawContent = asFragment
+ ? document.createDocumentFragment()
+ : document.createElement('div')
+ /* eslint-disable no-cond-assign */
+ while (child = el.firstChild) {
+ /* eslint-enable no-cond-assign */
+ rawContent.appendChild(child)
+ }
+ }
+ return rawContent
+ }
+
+ /**
+ * Trim possible empty head/tail textNodes inside a parent.
+ *
+ * @param {Node} node
+ */
+
+ exports.trimNode = function (node){
+ trim(node, node.firstChild)
+ trim(node, node.lastChild)
+ }
+
+ function trim(parent, node){
+ if (node && node.nodeType === 3 && !node.data.trim()) {
+ parent.removeChild(node)
+ }
+ }
+
+ /**
+ * Check if an element is a template tag.
+ * Note if the template appears inside an SVG its tagName
+ * will be in lowercase.
+ *
+ * @param {Element} el
+ */
+
+ exports.isTemplate = function (el){
+ return el.tagName &&
+ el.tagName.toLowerCase() === 'template'
+ }
+
+ /**
+ * Create an "anchor" for performing dom insertion/removals.
+ * This is used in a number of scenarios:
+ * - fragment instance
+ * - v-html
+ * - v-if
+ * - v-for
+ * - component
+ *
+ * @param {String} content
+ * @param {Boolean} persist - IE trashes empty textNodes on
+ * cloneNode(true), so in certain
+ * cases the anchor needs to be
+ * non-empty to be persisted in
+ * templates.
+ * @return {Comment|Text}
+ */
+
+ exports.createAnchor = function (content, persist){
+ var anchor = config.debug
+ ? document.createComment(content)
+ : document.createTextNode(persist ? ' ' : '')
+ anchor.__vue_anchor = true
+ return anchor
+ }
+
+ /**
+ * Find a component ref attribute that starts with $.
+ *
+ * @param {Element} node
+ * @return {String|undefined}
+ */
+
+ var refRE = /^v-ref:/
+ exports.findRef = function (node){
+ if (node.hasAttributes()) {
+ var attrs = node.attributes
+ for (var i = 0, l = attrs.length; i < l; i++) {
+ var name = attrs[i].name
+ if (refRE.test(name)) {
+ return _.camelize(name.replace(refRE, ''))
+ }
+ }
+ }
+ }
+
+ /**
+ * Map a function to a range of nodes .
+ *
+ * @param {Node} node
+ * @param {Node} end
+ * @param {Function} op
+ */
+
+ exports.mapNodeRange = function (node, end, op){
+ var next
+ while (node !== end) {
+ next = node.nextSibling
+ op(node)
+ node = next
+ }
+ op(end)
+ }
+
+ /**
+ * Remove a range of nodes with transition, store
+ * the nodes in a fragment with correct ordering,
+ * and call callback when done.
+ *
+ * @param {Node} start
+ * @param {Node} end
+ * @param {Vue} vm
+ * @param {DocumentFragment} frag
+ * @param {Function} cb
+ */
+
+ exports.removeNodeRange = function (start, end, vm, frag, cb){
+ var done = false
+ var removed = 0
+ var nodes = []
+ exports.mapNodeRange(start, end, function (node){
+ if (node === end) done = true
+ nodes.push(node)
+ transition.remove(node, vm, onRemoved)
+ })
+ function onRemoved(){
+ removed++
+ if (done && removed >= nodes.length) {
+ for (var i = 0; i < nodes.length; i++) {
+ frag.appendChild(nodes[i])
+ }
+ cb && cb()
+ }
+ }
+ }
+
+ /***/
+ },
+ /* 5 */
+ /***/ function (module, exports, __webpack_require__){
+
+ module.exports = {
+
+ /**
+ * Whether to print debug messages.
+ * Also enables stack trace for warnings.
+ *
+ * @type {Boolean}
+ */
+
+ debug: false,
+
+ /**
+ * Whether to suppress warnings.
+ *
+ * @type {Boolean}
+ */
+
+ silent: false,
+
+ /**
+ * Whether to use async rendering.
+ */
+
+ async: true,
+
+ /**
+ * Whether to warn against errors caught when evaluating
+ * expressions.
+ */
+
+ warnExpressionErrors: true,
+
+ /**
+ * Whether or not to handle fully object properties which
+ * are already backed by getters and seters. Depending on
+ * use case and environment, this might introduce non-neglible
+ * performance penalties.
+ */
+ convertAllProperties: false,
+
+ /**
+ * Internal flag to indicate the delimiters have been
+ * changed.
+ *
+ * @type {Boolean}
+ */
+
+ _delimitersChanged: true,
+
+ /**
+ * List of asset types that a component can own.
+ *
+ * @type {Array}
+ */
+
+ _assetTypes: [
+ 'component',
+ 'directive',
+ 'elementDirective',
+ 'filter',
+ 'transition',
+ 'partial'
+ ],
+
+ /**
+ * prop binding modes
+ */
+
+ _propBindingModes: {
+ ONE_WAY: 0,
+ TWO_WAY: 1,
+ ONE_TIME: 2
+ },
+
+ /**
+ * Max circular updates allowed in a batcher flush cycle.
+ */
+
+ _maxUpdateCount: 100
+
+ }
+
+ /**
+ * Interpolation delimiters. Changing these would trigger
+ * the text parser to re-compile the regular expressions.
+ *
+ * @type {Array}
+ */
+
+ var delimiters = ['{{', '}}']
+ var unsafeDelimiters = ['{{{', '}}}']
+ var textParser = __webpack_require__(6)
+
+ Object.defineProperty(module.exports, 'delimiters', {
+ get: function (){
+ return delimiters
+ },
+ set: function (val){
+ delimiters = val
+ textParser.compileRegex()
+ }
+ })
+
+ Object.defineProperty(module.exports, 'unsafeDelimiters', {
+ get: function (){
+ return unsafeDelimiters
+ },
+ set: function (val){
+ unsafeDelimiters = val
+ textParser.compileRegex()
+ }
+ })
+
+ /***/
+ },
+ /* 6 */
+ /***/ function (module, exports, __webpack_require__){
+
+ var Cache = __webpack_require__(7)
+ var config = __webpack_require__(5)
+ var dirParser = __webpack_require__(8)
+ var regexEscapeRE = /[-.*+?^${}()|[\]\/\\]/g
+ var cache, tagRE, htmlRE
+
+ /**
+ * Escape a string so it can be used in a RegExp
+ * constructor.
+ *
+ * @param {String} str
+ */
+
+ function escapeRegex(str){
+ return str.replace(regexEscapeRE, '\\$&')
+ }
+
+ exports.compileRegex = function (){
+ var open = escapeRegex(config.delimiters[0])
+ var close = escapeRegex(config.delimiters[1])
+ var unsafeOpen = escapeRegex(config.unsafeDelimiters[0])
+ var unsafeClose = escapeRegex(config.unsafeDelimiters[1])
+ tagRE = new RegExp(
+ unsafeOpen + '(.+?)' + unsafeClose + '|' +
+ open + '(.+?)' + close,
+ 'g'
+ )
+ htmlRE = new RegExp(
+ '^' + unsafeOpen + '.*' + unsafeClose + '$'
+ )
+ // reset cache
+ cache = new Cache(1000)
+ }
+
+ /**
+ * Parse a template text string into an array of tokens.
+ *
+ * @param {String} text
+ * @return {Array