file uploads

front/js/svelte/libs/CodemirrorMarkdown.svelte

@@ -1,14 +1,13 @@
 <script>
-
     // https://codesandbox.io/s/codemirror-remark-editor-4m4z9?file=/src/CodeEditor.js:374-387
-    import {onDestroy, onMount} from "svelte";
-    import {basicSetup, EditorView} from "codemirror";
-    import {autocompletion, completionKeymap} from "@codemirror/autocomplete";
-    import {Compartment, EditorState} from "@codemirror/state";
-    import {keymap} from "@codemirror/view";
-    import {indentWithTab} from "@codemirror/commands";
-    import {markdown} from "@codemirror/lang-markdown";
-    import {lintKeymap} from "@codemirror/lint";
+    import { onDestroy, onMount } from "svelte";
+    import { basicSetup, EditorView } from "codemirror";
+    import { autocompletion, completionKeymap } from "@codemirror/autocomplete";
+    import { Compartment, EditorState } from "@codemirror/state";
+    import { keymap } from "@codemirror/view";
+    import { indentWithTab } from "@codemirror/commands";
+    import { markdown } from "@codemirror/lang-markdown";
+    import { lintKeymap } from "@codemirror/lint";
 
     let parentElement;
     let codeMirrorView;
@@ -17,10 +16,10 @@
 
     export function insertMedia(info) {
         let insertText = "";
-        if (info.record._file.width > 0) {
-            insertText = `![${info.record._file.originalName}](${info.url})`;
+        if (info.file.width > 0) {
+            insertText = `![${info.file.filename}](${info.url})`;
         } else {
-            insertText = `[${info.record._file.originalName}](${info.originalUrl})`;
+            insertText = `[${info.file.filename}](${info.originalUrl})`;
         }
         const cursor = codeMirrorView.state.selection.main.head;
         const transaction = codeMirrorView.state.update({
@@ -29,7 +28,7 @@
                 insert: insertText,
             },
             // the next 2 lines will set the appropriate cursor position after inserting the new text.
-            selection: {anchor: cursor + 1},
+            selection: { anchor: cursor + 1 },
             scrollIntoView: true,
         });
 
@@ -46,11 +45,7 @@
             doc: value,
             extensions: [
                 basicSetup,
-                keymap.of([
-                    indentWithTab,
-                    ...lintKeymap,
-                    ...completionKeymap
-                ]),
+                keymap.of([indentWithTab, ...lintKeymap, ...completionKeymap]),
                 language.of(markdown()),
                 markdown(),
                 autocompletion(),
@@ -63,17 +58,14 @@
                     }
                 }),
                 EditorView.lineWrapping,
-                EditorView.contentAttributes.of({spellcheck: "true"})
+                EditorView.contentAttributes.of({ spellcheck: "true" }),
             ],
         });
 
-
         codeMirrorView = new EditorView({
             state,
             parent: parentElement,
         });
-
-
     });
 
     onDestroy(() => {
@@ -83,4 +75,4 @@
     });
 </script>
 
-<div class="is-editable-{editable}" bind:this={parentElement}/>
+<div class="is-editable-{editable}" bind:this={parentElement} />