Some commenting
This commit is contained in:
parent
287e2c9cd2
commit
a37bccfbb2
|
@ -12,8 +12,14 @@ import { ClientIPC } from 'common';
|
||||||
import Settings from './settings';
|
import Settings from './settings';
|
||||||
import { DOM } from 'ui';
|
import { DOM } from 'ui';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Custom css editor communications
|
||||||
|
*/
|
||||||
export default class {
|
export default class {
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Init css editor
|
||||||
|
*/
|
||||||
static init() {
|
static init() {
|
||||||
ClientIPC.on('bd-get-scss', () => this.sendToEditor('set-scss', { scss: this.scss }));
|
ClientIPC.on('bd-get-scss', () => this.sendToEditor('set-scss', { scss: this.scss }));
|
||||||
ClientIPC.on('bd-update-scss', (e, scss) => this.updateScss(scss));
|
ClientIPC.on('bd-update-scss', (e, scss) => this.updateScss(scss));
|
||||||
|
@ -25,10 +31,18 @@ export default class {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Show css editor, flashes if already visible
|
||||||
|
*/
|
||||||
static async show() {
|
static async show() {
|
||||||
await ClientIPC.send('openCssEditor', this.editor_bounds);
|
await ClientIPC.send('openCssEditor', this.editor_bounds);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Update css in client
|
||||||
|
* @param {String} scss scss to compile
|
||||||
|
* @param {bool} sendSource send to css editor instance
|
||||||
|
*/
|
||||||
static updateScss(scss, sendSource) {
|
static updateScss(scss, sendSource) {
|
||||||
if (sendSource)
|
if (sendSource)
|
||||||
this.sendToEditor('set-scss', { scss });
|
this.sendToEditor('set-scss', { scss });
|
||||||
|
@ -46,31 +60,57 @@ export default class {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Save css to file
|
||||||
|
*/
|
||||||
static async save() {
|
static async save() {
|
||||||
Settings.saveSettings();
|
Settings.saveSettings();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Save current editor bounds
|
||||||
|
* @param {Rectangle} bounds editor bounds
|
||||||
|
*/
|
||||||
static saveEditorBounds(bounds) {
|
static saveEditorBounds(bounds) {
|
||||||
this.editor_bounds = bounds;
|
this.editor_bounds = bounds;
|
||||||
Settings.saveSettings();
|
Settings.saveSettings();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Send scss to core for compilation
|
||||||
|
* @param {String} scss scss string
|
||||||
|
*/
|
||||||
static async compile(scss) {
|
static async compile(scss) {
|
||||||
return await ClientIPC.send('bd-compileSass', { data: scss });
|
return await ClientIPC.send('bd-compileSass', { data: scss });
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Send css to open editor
|
||||||
|
* @param {any} channel
|
||||||
|
* @param {any} data
|
||||||
|
*/
|
||||||
static async sendToEditor(channel, data) {
|
static async sendToEditor(channel, data) {
|
||||||
return await ClientIPC.send('sendToCssEditor', { channel, data });
|
return await ClientIPC.send('sendToCssEditor', { channel, data });
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Current uncompiled scss
|
||||||
|
*/
|
||||||
static get scss() {
|
static get scss() {
|
||||||
return this._scss || '';
|
return this._scss || '';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Set current scss
|
||||||
|
*/
|
||||||
static set scss(scss) {
|
static set scss(scss) {
|
||||||
this.updateScss(scss, true);
|
this.updateScss(scss, true);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Inject compiled css to head
|
||||||
|
* {DOM}
|
||||||
|
*/
|
||||||
static set css(css) {
|
static set css(css) {
|
||||||
DOM.injectStyle(css, 'bd-customcss');
|
DOM.injectStyle(css, 'bd-customcss');
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue