Merge pull request #261 from codex-team/fix-covers

fix(covers): cover sending fix

Author: neSpecc

codex-ui/src/vue/components/editor/Editor.vue

@@ -76,6 +76,11 @@ defineExpose({
   isEmpty(): boolean {
     return isEmpty.value;
   },
+
+  /**
+   * Returns the editor holder
+   */
+  element: editorComponent.value,
 });
 </script>
 

src/infrastructure/utils/screenshot.ts

@@ -12,6 +12,10 @@ export async function makeElementScreenshot(element: HTMLElement, containerStyle
    */
   const screenshotContainer = document.createElement('div');
 
+  screenshotContainer.setAttribute('color-scheme', 'dark');
+  screenshotContainer.setAttribute('theme-base', 'graphite');
+  screenshotContainer.setAttribute('theme-accent', 'sky');
+
   /**
    * Assign passed styles to container
    */

src/presentation/pages/Note.vue

@@ -122,7 +122,7 @@ async function noteChanged(data: NoteContent): Promise<void> {
   /**
    * Get html element with note
    */
-  const editorElement = document.getElementById('editorjs');
+  const editorElement = editor.value ? editor.value.element : null;
 
   if (!isEmpty) {
     await save(data, props.parentId);
@@ -133,6 +133,7 @@ async function noteChanged(data: NoteContent): Promise<void> {
     if (editorElement !== null) {
       updatedNoteCover = await makeElementScreenshot(editorElement, {
         background: 'var(--base--bg-primary)',
+        color: 'var(--base--text)',
         display: 'flex',
         justifyContent: 'center',
         width: '1200px',