Style inject

client/src/modules/editor.js

@@ -9,6 +9,7 @@
 */
 
 import Module from './imodule';
+import { DOM } from 'ui';
 
 export default new class extends Module {
 
@@ -30,6 +31,11 @@ export default new class extends Module {
                 e.reply({ err: err.stack || err });
             }
         });
+
+        ipc.on('editor-injectStyle', (e, { id, style }) => {
+            DOM.injectStyle(style, `userstyle-${id}`);
+            e.reply('ok');
+        });
     }
 
     /**

core/src/modules/editor.js

@@ -14,6 +14,7 @@ import { BrowserWindow } from 'electron';
 import Module from './modulebase';
 import { WindowUtils, FileUtils } from './utils';
 import BDIpc from './bdipc';
+import sass from 'node-sass';
 
 export default class Editor extends Module {
 
@@ -68,6 +69,21 @@ export default class Editor extends Module {
             console.log(snippet);
             event.reply('ok');
         });
+
+        BDIpc.on('editor-injectStyle', async (event, { id, style }) => {
+            sass.render({ data: style }, (err, result) => {
+                if (err) {
+                    console.log(err);
+                    event.reply({ err });
+                    return;
+                }
+                const { css } = result;
+                (async () => {
+                    await this.sendToDiscord('editor-injectStyle', { id, style: css.toString() });
+                    event.reply('ok');
+                })();
+            });
+        });
     }
 
     resolveMode(fileName) {

editor/src/Editor.vue

@@ -22,7 +22,8 @@
                 :newFile="newFile"
                 :saveFile="saveFile"
                 :newSnippet="newSnippet"
-                :saveSnippet="saveSnippet" />
+                :saveSnippet="saveSnippet"
+                :injectStyle="injectStyle"/>
     </div>
 </template>
 
@@ -131,6 +132,11 @@
                 console.log(result);
             },
 
+            async injectStyle(item) {
+                const result = await ClientIPC.send('bd-editor-injectStyle', { id: item.name.split('.')[0], style: item.content });
+                return result;
+            },
+
             toggleaot() {
                 this.alwaysOnTop = !this.alwaysOnTop;
                 remote.getCurrentWindow().setAlwaysOnTop(this.alwaysOnTop);