awv3/plugins/json/index.js

⚡ AWV3 embedded CAD

'use strict';

Object.defineProperty(exports, "__esModule", {
    value: true
});
exports.default = undefined;

var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');

var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);

var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');

var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);

var _createClass2 = require('babel-runtime/helpers/createClass');

var _createClass3 = _interopRequireDefault(_createClass2);

var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');

var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);

var _inherits2 = require('babel-runtime/helpers/inherits');

var _inherits3 = _interopRequireDefault(_inherits2);

var _defineProperty2 = require('babel-runtime/helpers/defineProperty');

var _defineProperty3 = _interopRequireDefault(_defineProperty2);

var _extends3 = require('babel-runtime/helpers/extends');

var _extends4 = _interopRequireDefault(_extends3);

var _dec, _class, _class2, _temp;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _reactRedux = require('react-redux');

var _reactJsonTree = require('react-json-tree');

var _reactJsonTree2 = _interopRequireDefault(_reactJsonTree);

var _plugin = require('../../session/plugin');

var _plugin2 = _interopRequireDefault(_plugin);

var _elements = require('../../session/elements');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var resources = ["icon"].reduce(function (prev, item) {
    return (0, _extends4.default)({}, prev, (0, _defineProperty3.default)({}, item, require('./resources/' + item + '.png')));
}, {});

var theme = {
    scheme: 'flat',
    author: 'chris kempson (http://chriskempson.com)',
    base00: 'transparent',
    base01: '#34495E',
    base02: '#7F8C8D',
    base03: '#95A5A6',
    base04: '#BDC3C7',
    base05: '#e0e0e0',
    base06: '#f5f5f5',
    base07: '#ECF0F1',
    base08: '#E74C3C',
    base09: '#E67E22',
    base0A: '#F1C40F',
    base0B: '#2ECC71',
    base0C: '#1ABC9C',
    base0D: '#3498DB',
    base0E: '#9B59B6',
    base0F: '#be643c'
};

var JsonView = (_dec = (0, _reactRedux.connect)(function (state, props) {
    return { tree: state.connections[state.globals.activeConnection].tree };
}), _dec(_class = (_temp = _class2 = function (_React$PureComponent) {
    (0, _inherits3.default)(JsonView, _React$PureComponent);

    function JsonView() {
        (0, _classCallCheck3.default)(this, JsonView);
        return (0, _possibleConstructorReturn3.default)(this, (JsonView.__proto__ || (0, _getPrototypeOf2.default)(JsonView)).apply(this, arguments));
    }

    (0, _createClass3.default)(JsonView, [{
        key: 'render',
        value: function render() {
            var data = this.props.resolve ? this.context.session.activeConnectionClass.resolveTree(this.props.tree.root)[0] : this.props.tree;
            return _react2.default.createElement(
                'div',
                { style: { fontFamily: 'monospace' } },
                _react2.default.createElement(_reactJsonTree2.default, { data: data, theme: theme, invertTheme: false })
            );
        }
    }]);
    return JsonView;
}(_react2.default.PureComponent), _class2.contextTypes = { session: _react2.default.PropTypes.object }, _temp)) || _class);

var Interpreter = function (_Plugin) {
    (0, _inherits3.default)(Interpreter, _Plugin);

    function Interpreter(session, args) {
        (0, _classCallCheck3.default)(this, Interpreter);

        var _this2 = (0, _possibleConstructorReturn3.default)(this, (Interpreter.__proto__ || (0, _getPrototypeOf2.default)(Interpreter)).call(this, session, (0, _extends4.default)({ type: "Json", icon: "icon", resources: resources }, args)));

        _this2.resolve = new _elements.Checkbox(_this2, { name: "Resolve", value: true });
        _this2.addElement(new _elements.Group(_this2, { format: _elements.Group.Format.Table, children: [_this2.resolve] }));
        _this2.input = new _elements.Custom(_this2, { name: "Json", value: _react2.default.createElement(JsonView, { resolve: true }) });
        _this2.addElement(_this2.input);
        return _this2;
    }

    (0, _createClass3.default)(Interpreter, [{
        key: 'onEnabled',
        value: function onEnabled() {
            var _this3 = this;

            this.resetElements();
            this.resolve.observe(function (state) {
                return state.value;
            }, function (value) {
                return _this3.input.value = _react2.default.createElement(JsonView, { resolve: value });
            });
        }
    }]);
    return Interpreter;
}(_plugin2.default);

exports.default = Interpreter;