fmui-base 1.0.0

package/lib/upload/upload.js

@@ -0,0 +1,566 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = undefined;
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _Toast = require('saltui/lib/Toast');
+
+var _Toast2 = _interopRequireDefault(_Toast);
+
+var _uploadcore = require('uploadcore');
+
+require('whatwg-fetch');
+
+require('es6-promise');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var PageHome = function (_React$Component) {
+    _inherits(PageHome, _React$Component);
+
+    function PageHome(props) {
+        _classCallCheck(this, PageHome);
+
+        var _this = _possibleConstructorReturn(this, (PageHome.__proto__ || Object.getPrototypeOf(PageHome)).call(this, props));
+
+        var label = props.label;
+        if (!label) {
+            label = '';
+        }
+        var keyNum = _this.GenNonDuplicateID(8);
+        // 上传个数限制
+        var limitNo = props.limitNo;
+        if (limitNo && limitNo > 0) {
+            limitNo = limitNo;
+        } else {
+            limitNo = 9;
+        }
+
+        var setting = getSysAttachSetting();
+        // 上传类型images:图片,audios:附件,videos:视频
+        var uploadType = props.uploadType;
+        // 上传格式
+        var extensions = props.extensions;
+        if (!extensions) {
+            //如果组件没有设置则取后台默认
+            extensions = setting.sysAttachmentCate;
+        }
+        // 可上传
+        var canAdd = props.canAdd;
+        // 可删除
+        var canDel = props.canDel;
+        //预览类型，view：永中预览，download：下载
+        var viewType = props.viewType;
+        if (typeof viewType == 'undefined' || viewType == null || viewType == '') {
+            viewType = 'view';
+        }
+        if (setting.sysAttachmentView == 0) {
+            //如果设置中预览关闭则默认下载
+            viewType = "download";
+        }
+
+        //是否必填
+        var required = props.required;
+
+        //初始化List
+        var initList = props.initList;
+        if (typeof initList == 'undefined' || initList == null || !(initList instanceof Array)) {
+            //判断初始化id集合有没有
+            initList = [];
+        }
+
+        // 文件大小限制，默认单位byte，默认0，表示不限制
+        var fileSizeLimit = props.fileSizeLimit;
+        if (fileSizeLimit == null || fileSizeLimit == '' || fileSizeLimit == undefined || fileSizeLimit == 'undefined') {
+            //fileSizeLimit = 0;
+            //如果组件没有设置则取后台默认
+            fileSizeLimit = setting.sysAttachmentSize;
+        }
+        fileSizeLimit = parseInt(fileSizeLimit);
+
+        //文件总大小限制
+        var fileAllSizeLimit = props.fileAllSizeLimit;
+        if (fileAllSizeLimit == null || fileAllSizeLimit == '' || fileAllSizeLimit == undefined || fileAllSizeLimit == 'undefined') {
+            fileAllSizeLimit = 0;
+        }
+
+        var accept = {};
+        if (uploadType == 'image') {
+            //图片
+            accept = {
+                title: '图片',
+                extensions: 'jpg,jpeg,png,gif,webp,bmp',
+                mimeTypes: 'image/*' // or 'image/jpeg,image/png'
+            };
+            if (extensions) {
+                accept.extensions = extensions;
+            }
+        } else {
+            uploadType = "file";
+            if (extensions) {
+                accept.title = '文件';
+                accept.extensions = extensions;
+            } else {
+                accept = null;
+            }
+        }
+        // extensions="image/jpg,image/png";
+        // if(extensions){
+        //   accept = extensions;
+        // }
+
+
+        var dir = props.dir;
+        var context = document.getElementById("context").value;
+        var token = document.getElementById("token").value;
+        _this.state = {
+            required: required,
+            canAdd: canAdd,
+            canDel: canDel,
+            keyNum: keyNum,
+            uploadType: uploadType,
+            accept: accept,
+            fileSizeLimit: fileSizeLimit * 1024 * 1024,
+            fileAllSizeLimit: fileAllSizeLimit,
+            label: label,
+            dir: dir,
+            limitNo: limitNo,
+            context: context,
+            uploadUrl: context + '/dingisv/api/common/createFile',
+            urlPrev: context + '/dingisv/api/common/viewImage?fid=',
+            queryUrl: context + '/dingisv/api/common/getAttachmentByIds?ids=',
+            //queryUrl: context + '/client/approve/getCanBackActivity?ids=',
+            token: token,
+            isInit: false,
+            addQueNum: 0,
+            viewType: viewType,
+            initList: initList
+        };
+        return _this;
+    }
+
+    _createClass(PageHome, [{
+        key: 'GenNonDuplicateID',
+        value: function GenNonDuplicateID(randomLength) {
+            return Number(Math.random().toString().substr(3, randomLength) + Date.now()).toString(36);
+        }
+    }, {
+        key: 'del',
+        value: function del(delIndex) {
+            var initList = this.props.initList;
+            initList.splice(delIndex, 1);
+            this.props.onChange(initList);
+        }
+    }, {
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            var t = this;
+            var param = {
+                name: 'file',
+                url: this.state.uploadUrl,
+                autoPending: true,
+                accept: t.state.accept,
+                multiple: true,
+                fileSizeLimit: t.state.fileSizeLimit
+            };
+            var limitNo = t.state.limitNo;
+            //param.queueCapcity= limitNo;
+            var up = this.getCore(param);
+            var picker = up.getPickerCollector();
+            picker.addArea(document.getElementById('ddUploadPic' + t.state.keyNum));
+        }
+    }, {
+        key: 'getCore',
+        value: function getCore(param) {
+            var _this2 = this;
+
+            var t = this;
+            var up = new _uploadcore.UploadCore(param);
+            up.on(_uploadcore.Events.FILE_UPLOAD_PREPARING, function (request) {
+                request.setHeader("Authorization", "Bearer " + t.state.token);
+                request.setParam('dir', t.state.dir);
+                console.info(request.getParam('token'));
+            }).on(_uploadcore.Events.QUEUE_FILE_ADDED, function (file) {
+                // return false;
+                //判断总文件大小不超过
+                var fileAllSizeLimit = t.state.fileAllSizeLimit;
+                if (fileAllSizeLimit > 0) {
+                    var fileAllSize = 0;
+                    t.state.initList.map(function (item) {
+                        if (item.fileSize == null) {
+                            fileAllSize += item.size;
+                        } else {
+                            fileAllSize += item.fileSize;
+                        }
+                    });
+                    if (fileAllSizeLimit * 1024 * 1024 <= fileAllSize + file.size) {
+                        file.cancel();
+                        _Toast2.default.show({
+                            type: 'error',
+                            content: '文件总大小不能超过' + fileAllSizeLimit + 'M！'
+                        });
+                        return false;
+                    }
+                }
+                console.info('queuefileadded', file);
+                file.session().progress(function (e) {
+                    console.info('progress', e);
+                }).fail(function (error) {
+                    console.info(error);
+                }).done(function (response) {
+                    console.info(response.getJson());
+                });
+            }).on(_uploadcore.Events.FILE_UPLOAD_ERROR, function (error) {
+                if (error.name == 'AbortError') {
+                    //网络中断
+                    _Toast2.default.show({
+                        type: 'error',
+                        content: '网络中断！'
+                    });
+                    return false;
+                } else if (error.name == 'TimeoutError') {
+                    //网络超时
+                    _Toast2.default.show({
+                        type: 'error',
+                        content: '网络中断！'
+                    });
+                    return false;
+                } else if (error.name == 'NetworkError') {
+                    //网络错误
+                    _Toast2.default.show({
+                        type: 'error',
+                        content: '网络错误！'
+                    });
+                    return false;
+                } else {
+                    _Toast2.default.show({
+                        type: 'error',
+                        content: '上传失败！'
+                    });
+                    return false;
+                }
+            }).on(_uploadcore.Events.QUEUE_ERROR, function (error) {
+                var accept = t.state.accept;
+                var fileSizeLimit = t.state.fileSizeLimit;
+                if (error.name == 'FilterError') {
+                    //过滤文件报错
+                    if (accept) {
+                        //扩展名出错
+                        var extensions = accept.extensions;
+                        if (extensions.indexOf(error.file.ext) < 0) {
+                            _Toast2.default.show({
+                                type: 'error',
+                                content: '文件类型错误！'
+                            });
+                            return false;
+                        }
+                    }
+
+                    if (fileSizeLimit > 0) {
+                        if (error.file.size > fileSizeLimit) {
+                            var fileSizeLimitName = t.calculate(fileSizeLimit);
+                            _Toast2.default.show({
+                                type: 'error',
+                                content: '文件不能大于' + fileSizeLimitName + '！'
+                            });
+                            return false;
+                        }
+                    }
+
+                    _Toast2.default.show({
+                        type: 'error',
+                        content: '文件不能重复！'
+                    });
+                    return false;
+                } else if (error.name == 'QueueLimitError') {
+                    //队列限制
+                    _Toast2.default.show({
+                        type: 'error',
+                        content: '不能上传更多文件了！'
+                    });
+                    return false;
+                } else {
+                    _Toast2.default.show({
+                        type: 'error',
+                        content: '上传失败！'
+                    });
+                    return false;
+                }
+            }).on(_uploadcore.Events.FILE_UPLOAD_COMPLETED, function (file) {
+                if (file.getStatus() === _uploadcore.Status.SUCCESS) {
+                    //alert('上传成功');
+                    var result = file.response.getJson();
+                    if (result.code == -1) {
+                        alert(result.message);
+                    } else {
+                        var json = file.response.getJson().data;
+
+                        //var checksum = json[0].checksum;
+                        var initList = t.state.initList;
+                        if (initList.length < _this2.state.limitNo) {
+                            initList = initList.concat(json);
+                            t.props.onChange(initList);
+                            t.setState({
+                                initList: initList
+                            });
+                        } else {
+                            _Toast2.default.show({
+                                type: 'error',
+                                content: '不能上传更多文件了！'
+                            });
+                            return false;
+                        }
+                    }
+                } else {
+                    //file.cancel();
+                    // var json = [ {
+                    //   "fileName" : "d33087332a6c477a806d823209fef5c7.png",
+                    //   "previewUrl" : null,
+                    //   "fileDisplayName" : "1511353597(1).png",
+                    //   "downloadUrl" : "/attachment/download?fid=402887dc630ba7e701630bb4fe8f0011&chksum=04c8e2fdbb7ec02bc3492f9c98fa8e36",
+                    //   "imageSmallerUrl" : "/attachment/dingding/201804/d33087332a6c477a806d823209fef5c7_sm.png",
+                    //   "imageMiddleUrl" : "/attachment/dingding/201804/d33087332a6c477a806d823209fef5c7_mid.png",
+                    //   "fileExt" : ".png",
+                    //   "delFlag" : "0",
+                    //   "fileModule" : null,
+                    //   "multiCorpId" : false,
+                    //   "previewDate" : null,
+                    //   "imediaUrl" : "/attachment/dingding/201804/d33087332a6c477a806d823209fef5c7.png",
+                    //   "fileSize" : 67577,
+                    //   "fileDisplayNameNoExt" : "1511353597(1)",
+                    //   "relativePath" : "dingding/201804",
+                    //   "isEncrypted" : 0,
+                    //   "imageUrl" : "/attachment/image?fid=402887dc630ba7e701630bb4fe8f0011&chksum=04c8e2fdbb7ec02bc3492f9c98fa8e36",
+                    //   "checksum" : "04c8e2fdbb7ec02bc3492f9c98fa8e36",
+                    //   "deleteUrl" : "/attachment/delete?fid=402887dc630ba7e701630bb4fe8f0011&chksum=ef9f55278b3594f3eaefef23feacaa7d",
+                    //   "id" : "402887dc630ba7e701630bb4fe8f0011",
+                    //   "contentType" : null
+                    // } ];
+                    // var img = json;
+                    // //var checksum = json[0].checksum;
+                    // var initList = t.props.initList;
+                    // if(initList.length < this.state.limitNo){
+                    //   initList = initList.concat(json);
+
+                    //   t.props.onChange(initList);
+                    // }else{
+                    //   Toast.show({
+                    //     type: 'error',
+                    //     content: '不能上传更多文件了！',
+                    //   });
+                    //   return false;
+                    // }
+
+                    _Toast2.default.show({
+                        type: 'error',
+                        content: '上传失败！'
+                    });
+                    return false;
+                }
+            });
+            return up;
+        }
+        //计算大小
+
+    }, {
+        key: 'calculate',
+        value: function calculate(no) {
+            var a = no / 1024;
+            if (a < 1) {
+                return no + 'B';
+            }
+            var b = a / 1024;
+            if (b < 1) {
+                return Math.round(a * 100) / 100 + 'KB';
+            }
+            return Math.round(b * 100) / 100 + 'MB';
+        }
+
+        //预览
+
+    }, {
+        key: 'view',
+        value: function view(file) {
+            var id = file.id;
+            if (this.state.viewType == 'view') {
+                var isLoadWatermark = this.props.isLoadWatermark;
+                var allowDownLoad = this.props.allowDownLoad;
+                var fileExt = file.fileExt;
+                downloadFile(id, 'android', fileExt, allowDownLoad, isLoadWatermark);
+            } else {
+                downloadFile(id);
+            }
+        }
+
+        //初始化ids
+
+    }, {
+        key: 'initData',
+        value: function initData() {
+            var t = this;
+            var initIds = this.props.initIds;
+            var initList = [];
+            if (typeof initIds == 'undefined' || initIds == null || initIds == '') {
+                //判断初始化附件id字符串有没有
+                initList = this.props.initList;
+                if (typeof initList == 'undefined' || initList == null || !(initList instanceof Array)) {
+                    //判断初始化id集合有没有
+                    initList = [];
+                }
+                t.setState({
+                    initList: initList
+                });
+            } else {
+                //let formData = new FormData();
+                //formData.append('token', t.state.token);
+                fetch(t.state.queryUrl + initIds, {
+                    method: "POST",
+                    headers: {
+                        'Content-Type': 'application/x-www-form-urlencoded'
+                    },
+                    body: 'token=' + t.state.token
+                    // headers: {
+                    //     "Content-Type": "application/x-www-form-urlencoded",
+                    //     "Authorization": "Bearer "+t.state.token,
+                    //     "Cookie":"epname=zhaoyh; isRemembered=1; epsid=89f2b25f-7719-4b62-8df5-d11303112f4f; eptoken=emhhb3lofDBjOTdlNjI2MmY1YjMwYWUwODJmNDkyYTNlNDM4NGIyNTUxNGQ3N2ZhNWJmMWM2ZmE0ZThlM2Q3ZWQ0Yjg1ZDUyMzc5MDY0ODBkZGYwODc0ODJjZDBmNDJhOWI5ODY4MzllZjRhNjM0MjAzODRjOWI4YjliY2IyMjM5ZmRjODEzOGUyYjVkMTdlMzA1OGUxMDNlNTdiNjA2YzkxZWM2NGMyMGYzZDRiZGRjMTRjZTFhYjFlZmZkZTI5YTgwN2JkNDMyY2FiMDA3YTA1MzI0YWVhMjIyMjViY2IxMzZmMGNlOGYxY2YzMTkwNTZmOTgzODM1M2E5Njk2Y2I4Mjg2YzU="
+                    // }
+                }).then(function (res) {
+
+                    // var json = [ {
+                    //   "fileName" : "d33087332a6c477a806d823209fef5c7.png",
+                    //   "previewUrl" : null,
+                    //   "fileDisplayName" : "1511353597(1).png",
+                    //   "downloadUrl" : "/attachment/download?fid=402887dc630ba7e701630bb4fe8f0011&chksum=04c8e2fdbb7ec02bc3492f9c98fa8e36",
+                    //   "imageSmallerUrl" : "/attachment/dingding/201804/d33087332a6c477a806d823209fef5c7_sm.png",
+                    //   "imageMiddleUrl" : "/attachment/dingding/201804/d33087332a6c477a806d823209fef5c7_mid.png",
+                    //   "fileExt" : ".png",
+                    //   "delFlag" : "0",
+                    //   "fileModule" : null,
+                    //   "multiCorpId" : false,
+                    //   "previewDate" : null,
+                    //   "imediaUrl" : "/attachment/dingding/201804/d33087332a6c477a806d823209fef5c7.png",
+                    //   "fileSize" : 67577,
+                    //   "fileDisplayNameNoExt" : "1511353597(1)",
+                    //   "relativePath" : "dingding/201804",
+                    //   "isEncrypted" : 0,
+                    //   "imageUrl" : "/attachment/image?fid=402887dc630ba7e701630bb4fe8f0011&chksum=04c8e2fdbb7ec02bc3492f9c98fa8e36",
+                    //   "checksum" : "04c8e2fdbb7ec02bc3492f9c98fa8e36",
+                    //   "deleteUrl" : "/attachment/delete?fid=402887dc630ba7e701630bb4fe8f0011&chksum=ef9f55278b3594f3eaefef23feacaa7d",
+                    //   "id" : "402887dc630ba7e701630bb4fe8f0011",
+                    //   "contentType" : null
+                    // } ];
+                    // initList = initList.concat(json);
+                    // t.props.onChange(initList);
+                    if (res.ok) {
+                        res.json().then(function (obj) {
+                            initList = initList.concat(obj);
+                            t.props.onChange(initList);
+                            t.setState({
+                                initList: initList
+                            });
+                            // Get the JSON
+                        });
+                    } else if (res.status == 401) {
+                        // To do with res
+                    }
+                }, function (e) {
+                    // Handling errors
+                }).catch(function (error) {
+                    console.log("错误：" + error);
+                });
+            }
+        }
+
+        //加载文件列表
+
+    }, {
+        key: 'render',
+        value: function render() {
+            var _this3 = this;
+
+            var t = this;
+            return _react2.default.createElement(
+                'div',
+                { className: '' },
+                _react2.default.createElement(
+                    'div',
+                    { className: this.state.label == '' ? 't-DN' : 't-field-box t-FBH t-FBAC t-FBJ' },
+                    _react2.default.createElement(
+                        'div',
+                        { className: this.state.required ? 't-field-layout-h-label t-FS16 required' : 't-field-layout-h-label t-FS16' },
+                        this.props.label
+                    )
+                ),
+                _react2.default.createElement(
+                    'div',
+                    { className: t.state.uploadType == 'image' ? "t-FBH t-PL16 t-fw" : "t-PL16 t-PR16" },
+                    t.state.initList.map(function (item, i) {
+                        function calculate(no) {
+                            var a = no / 1024;
+                            if (a < 1) {
+                                return no + 'B';
+                            }
+                            var b = a / 1024;
+                            if (b < 1) {
+                                return Math.round(a * 100) / 100 + 'KB';
+                            }
+                            return Math.round(b * 100) / 100 + 'MB';
+                        }
+                        return t.state.uploadType == 'image' ? _react2.default.createElement(
+                            'div',
+                            { className: 'dd-uploaded', key: i },
+                            _react2.default.createElement('img', { width: '60', height: '60', src: t.state.urlPrev + item.id + '&token=' + t.state.token }),
+                            _react2.default.createElement('i', { className: t.state.canDel ? 'iconfont icon-minus' : 't-DN', onClick: _this3.del.bind(_this3, i) })
+                        ) : _react2.default.createElement(
+                            'div',
+                            { className: 't-FBH', key: i },
+                            _react2.default.createElement(
+                                'div',
+                                { className: 'dd-t-border t-P6 t-MB10 t-FB1', onClick: _this3.view.bind(_this3, item) },
+                                _react2.default.createElement('i', { className: 'iconfont icon-file t-FC9 t-FL t-MR6' }),
+                                _react2.default.createElement(
+                                    'div',
+                                    { className: 'dd-t-list-text-content' },
+                                    _react2.default.createElement(
+                                        'div',
+                                        { className: 't-list-title t-omit t-LH1_4' },
+                                        typeof item.fileDisplayName == 'undefined' ? item.name : item.fileDisplayName
+                                    ),
+                                    _react2.default.createElement(
+                                        'div',
+                                        { className: 'dd-t-list-time t-FBAC' },
+                                        calculate(typeof item.fileSize == 'undefined' ? item.size : item.fileSize)
+                                    )
+                                )
+                            ),
+                            _react2.default.createElement('i', { className: t.state.canDel ? 'iconfont icon-minus t-BC04 t-WH25 t-R50 t-ML10 t-FCf t-LH1 t-MT10' : 't-DN', onClick: _this3.del.bind(_this3, i) })
+                        );
+                    }),
+                    _react2.default.createElement(
+                        'div',
+                        { flex: 1, className: 't-PB10' },
+                        _react2.default.createElement('i', { id: 'ddUploadPic' + t.state.keyNum, className: t.state.canAdd && (t.state.limitNo > t.props.initList.length || t.state.limitNo == -1) ? 'dd-add-btn iconfont icon-plus' : 't-DN' })
+                    )
+                )
+            );
+        }
+    }]);
+
+    return PageHome;
+}(_react2.default.Component);
+
+exports.default = PageHome;

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "fmui-base",
+  "version": "1.0.0",
+  "title": "fmui-base",
+  "description": "fmui-base",
+  "main": "lib/index.js",
+  "files": [
+    "dist",
+    "lib"
+  ],
+  "scripts": {
+    "test": "jest",
+    "coverage": "jest && codecov",
+    "build": "webpack --config webpack.config",
+    "start": "npm run build && webpack-dev-server --inline ",
+    "docs-start": "webpack-dev-server --config ./scripts/docs.config --inline",
+    "clean": "rd /s/q lib && mkdir lib",
+    "lib": " npm run build && babel src --out-dir lib --ignore \"**/*.test.js\"",
+    "docs": "webpack --config ./scripts/docs.config",
+    "docs-build": "webpack --config ./scripts/build.config"
+  },
+  "author": "zhaoyh",
+  "license": "MIT",
+  "devDependencies": {
+    "babel-cli": "^6.24.0",
+    "babel-core": "^6.18.2",
+    "babel-jest": "^17.0.2",
+    "babel-loader": "^6.2.8",
+    "babel-plugin-transform-decorators-legacy": "^1.3.4",
+    "babel-preset-es2015": "^6.18.0",
+    "babel-preset-react": "^6.16.0",
+    "babel-preset-stage-2": "^6.18.0",
+    "codecov": "^2.1.0",
+    "css-loader": "^0.26.1",
+    "enzyme": "^2.7.1",
+    "enzyme-to-json": "^1.5.0",
+    "eslint": "^3.13.1",
+    "eslint-plugin-babel": "^4.0.0",
+    "eslint-plugin-jsx-a11y": "^3.0.2",
+    "eslint-plugin-react": "^6.9.0",
+    "file-loader": "^0.9.0",
+    "github-markdown-css": "^2.5.0",
+    "jest": "^19.0.2",
+    "json-loader": "^0.5.4",
+    "less": "^3.9.0",
+    "less-loader": "^4.1.0",
+    "marked": "^0.3.6",
+    "prismjs": "^1.6.0",
+    "raw-loader": "^0.5.1",
+    "react": "^15.4.1",
+    "react-addons-perf": "^15.4.1",
+    "react-addons-test-utils": "^15.4.2",
+    "react-css-modules": "^4.1.0",
+    "react-dom": "^15.4.1",
+    "style-loader": "^0.13.1",
+    "url-loader": "^0.5.7",
+    "webpack": "^2.2.1",
+    "webpack-dev-middleware": "^1.10.1",
+    "webpack-dev-server": "^2.4.1",
+    "webpack-hot-middleware": "^2.17.1",
+    "webpack-validator": "^2.3.0"
+  },
+  "jest": {
+    "rootDir": "src",
+    "coverageDirectory": "./coverage/",
+    "collectCoverage": true
+  },
+  "dependencies": {
+    "copy-webpack-plugin": "^3.0.1",
+    "saltui": "^4.13.1"
+  }
+}