tandem-front-end/lib/components/light-ide/index.js

Visual editor for web components

"use strict";
/**
 * light IDE for text inputs - used particularly for editing raw CSS
 */
var _this = this;
Object.defineProperty(exports, "__esModule", { value: true });
/*

TODOS:

- [ ] copy / paste
- [ ] left / right arrows
- [ ] ctrl+a
- [ ] backspace
- [ ] shift backspace
*/
require("./index.scss");
var React = require("react");
var ReactDOM = require("react-dom");
var preview_1 = require("./preview");
var utils_1 = require("./utils");
var recompose_1 = require("recompose");
var BaseLightIDEComponent = function (_a) {
    var tokens = _a.tokens, onMouseDown = _a.onMouseDown;
    return (React.createElement("div", { className: "m-light-text-editor", tabIndex: 0, onMouseDown: onMouseDown },
        React.createElement(preview_1.PreviewComponent, { tokens: tokens }),
        React.createElement("div", { className: "cursor" })));
};
var enhance = recompose_1.compose(recompose_1.pure, recompose_1.withHandlers({
    onMouseDown: function (_a) {
        var tokens = _a.tokens;
        return function (event) {
            var pos = utils_1.calcCaretPosition(ReactDOM.findDOMNode(_this), tokens, event.nativeEvent);
            console.log(pos);
        };
    }
}));
exports.LightIDEComponent = enhance(BaseLightIDEComponent);
//# sourceMappingURL=index.js.map