add debounce to editor input
This commit is contained in:
parent
c29f5aee68
commit
d9a11cea4c
2 changed files with 11 additions and 4 deletions
|
@ -15,6 +15,8 @@ window.CSSLint = CSSLint;
|
||||||
import { HTMLHint } from 'htmlhint';
|
import { HTMLHint } from 'htmlhint';
|
||||||
window.HTMLHint = HTMLHint;
|
window.HTMLHint = HTMLHint;
|
||||||
|
|
||||||
|
import { debounce } from 'throttle-debounce';
|
||||||
|
|
||||||
class Editor extends React.Component {
|
class Editor extends React.Component {
|
||||||
|
|
||||||
componentDidMount() {
|
componentDidMount() {
|
||||||
|
@ -28,10 +30,14 @@ class Editor extends React.Component {
|
||||||
gutters: ['CodeMirror-lint-markers'],
|
gutters: ['CodeMirror-lint-markers'],
|
||||||
lint: true
|
lint: true
|
||||||
});
|
});
|
||||||
this._cm.on('change', () => { // eslint-disable-line
|
this._cm.on('change', debounce(200, () => {
|
||||||
// this.props.updateFileContent('sketch.js', this._cm.getValue());
|
|
||||||
this.props.updateFileContent(this.props.file.name, this._cm.getValue());
|
this.props.updateFileContent(this.props.file.name, this._cm.getValue());
|
||||||
});
|
}));
|
||||||
|
// this._cm.on('change', () => { // eslint-disable-line
|
||||||
|
// // this.props.updateFileContent('sketch.js', this._cm.getValue());
|
||||||
|
// throttle(1000, () => console.log('debounce is working!'));
|
||||||
|
// this.props.updateFileContent(this.props.file.name, this._cm.getValue());
|
||||||
|
// });
|
||||||
this._cm.getWrapperElement().style['font-size'] = `${this.props.fontSize}px`;
|
this._cm.getWrapperElement().style['font-size'] = `${this.props.fontSize}px`;
|
||||||
this._cm.setOption('indentWithTabs', this.props.isTabIndent);
|
this._cm.setOption('indentWithTabs', this.props.isTabIndent);
|
||||||
this._cm.setOption('tabSize', this.props.indentationAmount);
|
this._cm.setOption('tabSize', this.props.indentationAmount);
|
||||||
|
|
|
@ -87,6 +87,7 @@
|
||||||
"redux-form": "^5.2.5",
|
"redux-form": "^5.2.5",
|
||||||
"redux-thunk": "^2.1.0",
|
"redux-thunk": "^2.1.0",
|
||||||
"shortid": "^2.2.6",
|
"shortid": "^2.2.6",
|
||||||
"srcdoc-polyfill": "^0.2.0"
|
"srcdoc-polyfill": "^0.2.0",
|
||||||
|
"throttle-debounce": "^1.0.1"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue